首页创作者学院
2D变换 一、效果 Transform2D(2D变化) 是2D元素最基本的组件,具备2D素材图片变化属性,比如位置、旋转、尺寸、中心点和左右Flip的功能。 二、基本概念:正交相机和透视相机 在3D场景中,想要实现3D UI的效果,则可使用透视相机。 在3D场景中,想要实现2D UI的效果,则可使用正交相机。当使用正交相机的时候,屏幕上的投影的大小和位置不会因为距离而变化。在此情况下,2D仅有XY坐标系中,没有Z轴的概念,也不会受到Z轴的影响。下图则为2D的坐标系 * 三、使用步骤 替换图片 注意:在导入PNG图片时,点击 + 后,请不要从图集 导入图片,而是从本地导入 导入PNG图片。 参数说明 Transform2D和Sprite2D Rendering的区别 Transfrom2D不会受到Z轴的影响,但是Sprite2D Rendering会受到Z轴的影响。 说明 配图 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图片后面。 配图 在资源管理面板 点击本地导入,导入PNG图片 在特效信息中 选中2D图片 在参数信息中,2D图片模块下,选择纹理,下拉菜单中选择刚才导入的PNG图片 说明
像塑学习 / 能力组件-像塑 /

2D变换