像塑专业版学习 / 玩法能力 /

2D变换

2D变换

一、效果

Transform2D（2D变化）是2D元素最基本的组件，具备2D素材图片变化属性，比如位置、旋转、尺寸、中心点和左右Flip的功能。

二、基本概念：正交相机和透视相机

在3D场景中，想要实现3D UI的效果，则可使用透视相机。

在3D场景中，想要实现2D UI的效果，则可使用正交相机。当使用正交相机的时候，屏幕上的投影的大小和位置不会因为距离而变化。在此情况下，2D仅有XY坐标系中，没有Z轴的概念，也不会受到Z轴的影响。下图则为2D的坐标系

三、使用步骤

替换图片

说明	配图
在资源管理面板点击本地导入，导入PNG图片
在特效信息中选中2D图片在参数信息中，2D图片模块下，选择纹理，下拉菜单中选择刚才导入的PNG图片

注意：在导入PNG图片时，点击 + 后，请不要从图集导入图片，而是从 本地导入 导入PNG图片。

参数说明

说明

配图

2D位置

2D 节点位置属性，值 (x, y) 对应横纵坐标，像素单位，使用 IF 坐标系；
比如 (0, 0) 表示在屏幕中心，屏幕宽高为 720 * 1280 时，(360, 640) 标识在屏幕右上角；

2D旋转

2D 节点旋转属性，值 rotate 代表旋转角度，单位角度，正值代表顺时针旋转，负值代表逆时针旋转；
比如 30 表示顺时针旋转 30°，-60 表示逆时针旋转 60°；

2D缩放

2D 节点缩放属性，值 (x, y) 代表横向、纵向缩放系数；
比如 (1, 1) 表示不缩放；(2, 2) 表示等比缩放 2 倍；

2D尺寸

2D 尺寸属性，用于描述 2D 节点的矩形区域，像素单位，只有在节点上挂载渲染组件.
比如 IFSprite2d 或 IFLabel 时，该值存在意义，表示渲染对象的宽高；

中心点

2D 锚点属性，值（x, y）用于确定使用渲染组件矩形区域上的哪个位置来设定 Position2d；该值也会影响 Rotation 和 Size 的渲染效果；
取值范围：(0~1.0, 0~1.0)，默认在渲染组件中心，取值为 (0.5, 0.5)；

水平翻转

翻转属性，勾选代表左右翻转

垂直翻转

翻转属性，勾选代表上下翻转

深度

深度的数值决定了物体的前后顺序。比如同时存在2个2D图片，深度为1的2D图片会处于深度为2的2D图片后面。