【Unity3D】2D动画

1 图片处理

        通过 PS 软件将以下 gif 文件中的黑色背景删除,并将其中的 18 个图层分别保存为 png 格式图片。

【Unity3D】2D动画_第1张图片

【Unity3D】2D动画_第2张图片

2 游戏对象

        1)游戏对象层级结构

【Unity3D】2D动画_第3张图片

        2)Transform组件参数

Name Type Position Rotation Scale Color/Texture
MainCamera Camera (0, 3, -7) (0, 0, 0) (1, 1, 1) ——
Plane Plane (0, 0, 0) (0, 0, 0) (15, 15, 15) #AE7603FF
Sprite Sprite (-2, 3, 2) (0, 0, 0) (1, 1, 1) #FFFFFFFF

        3)Sprite 游戏对象

【Unity3D】2D动画_第4张图片

3 动画 

        1)创建 Animation

        在 Hierarchy 窗口选中 Sprite 游戏对象,再依次选择【Window→Animation】(或按 Ctrl + 6 快捷键),打开 Animation 窗口,如下

【Unity3D】2D动画_第5张图片

         点击 Create,重命名 Animation 并保存,此时会生成 Animation.anim 和 SpriteController.controller 2 个文件,如下:

【Unity3D】2D动画_第6张图片

         双击 SpriteController 动画控制器,会打开 Animator 窗口,显示如下:

【Unity3D】2D动画_第7张图片

         再查看 Sprite 游戏对象,发现自动添加了 Animator 组件,并且将 SpriteController 动画控制器添加其中,如下:

【Unity3D】2D动画_第8张图片

        2)添加动画图片

        选中 Sprite 游戏对象,按 Ctrl + 6 快捷键打开 Animation 窗口,选中 walk1~walk18 图片,拖拽到 Animation 窗口中,如下:

【Unity3D】2D动画_第9张图片

         调整 samples 取值为 8.

        3)添加 Position 属性

        依次选择【Add Property→Transform→Position→+】, 添加 Position 属性。

【Unity3D】2D动画_第10张图片

         将第一帧和最后一帧的 Position 分别改为 (-2, 3, 2), (2, 3, -2),中间的帧不用改,会自动插值。

【Unity3D】2D动画_第11张图片

【Unity3D】2D动画_第12张图片

4 运行效果

你可能感兴趣的:(Unity3D,Aniamtion,Animator,Sprite,Unity3D)