用途
figma2cocos 用于把 Figma 中某个节点的坐标换算为 Cocos 坐标系中的位置。触发条件是用户提供的 CSS 样式中包含 width、height、left、top 这 4 个属性。
背景设定
- Figma 中的设计分辨率是 w1080 h2340。
- Figma 中坐标以左上角为 (0,0)。
- Cocos 中坐标以屏幕中心为 (0,0)。
换算规则
计算公式为：
x = left − 1080/2 + width/2
y = 2340/2 − top − height/2
示例：用户输入的 CSS 实际是某个 Figma 节点的属性：
width: 68; height: 68; top: 438px; left: 968px;
该节点在 Cocos 中的计算为：
x = 968 − 1080/2 + 68/2 = 968 − 540 + 34 = 462
y = 2340/2 − 438 − 68/2 = 1170 − 438 − 34 = 698
使用方式
按以下步骤完成任务：
- 进行计算。
- 再次重算核对结果。
- 给用户返回计算出的 x 和 y 的值。
- 如果包含 font-size 属性，给用户返回加上“字体大小是 xx”。
注意：其余属性忽视。
限制
该技能仅处理 width、height、left、top 四个属性以及可选的 font-size，其他属性一律忽略。除上述资料中说明的内容外，暂未提供关于平台、收费、价格或效果的其他信息。