创建和编辑网格

创建

1. 选择一个有图片资源的插槽
2. 在属性面板中点击转成网格后面的切换按钮

编辑

编辑网格的属性

1. 可以在插槽或者网格的属性面板中编辑
   • 可以替换网格的资源
   • 点击编辑网格，进入编辑网格模式进行进一步编辑
   • 点击重置按钮，让网格点恢复初始的位置。
   • 点击添加骨骼，给网格绑定骨骼
   • 点击自动权重，给绑定网格上的骨骼重新计算权重

编辑网格点的位置

1. 在舞台上选中一个带有网格的插槽
2. 舞台上会显示出网格点， 选中一个网格点。
3. 拖动鼠标修改网格点的位置。

网格编辑工具箱

1. 在网格的属性面板中点击编辑网格，进入编辑网格模式。
2. 舞台下方出现编辑网格工具箱
3. 网格工具箱的变形勾选框
   1. 勾选网格，舞台上显示的是网格最终呈现的状态，包含网格在舞台的位置和网格的变形。此时编辑会同时影响点的位置和UV坐标
   2. 不勾选网格，舞台上只会显示网格的图片的状态，和网格点的UV坐标。此时的编辑仅影响UV坐标
4. 选中第一个编辑工具，同时变形是勾选状态。在舞台选中一个网格点，拖动鼠标同时编辑网格点的坐标和该点的UV坐标。此时因为是同时编辑网格点的坐标和UV坐标，UV坐标有限制，所以此时的编辑会有限制，拖动鼠标出现的白色四边形是被限制的区域。
5. 选中第一个编辑工具，同时变形是不勾选状态。此时舞台上只显示该图片，是仅修改UV坐标的状态，选中一个网格点，拖动鼠标编辑点的位置，实际编辑的是该点的UV坐标。
6. 选择第二个按钮是添加工具，可以添加网格点，或者添加自定义线，点击鼠标是添加点，点击后拖动会添加自定义线，仅在两个点之间拖动就是只添加自定义线。添加网格点的同时会自动形成三角形，如果感觉自动形成的三角形不是你想要的，可以添加自定义线来改变形成的三角形。
7. 选择第三个按钮时删除工具，可以删除网格点。
8. 选择第四个绘制边框工具，会自动切换成非变形的状态，可以在图片的矩形范围内绘制边框，绘制边框会删除所有的点和三角形，也会删除之前的 FFD 动画。
9. 选择第五个重置工具，会删除所有的点和三角形，恢复两个三角形拼成的四边形的初始状态。
10. 选择第六个自动网格工具，会进入自动网格的工具箱
    1. 如果对边框不满意，可以选择自动边框
    2. 然后修改边框密度，舞台会自动绘制新的边框，调整到合适的数值
    3. 修改边框扩展，可以扩大边框，调整到合适的数值。
    4. 修改完边框后，选择自动网格，自动在边框内生成点，形成三角形网格
    5. 修改网格密度和网格整齐度，调整到合适的数值。
    6. 修改完毕后关闭自动网格工具箱，回到编辑网格状态。

删除

1. 点击属性面板上方的删除按钮。
2. 或者把网格转成图片。