翻译【Unity3D】2D动画

覃君阅读量 10

1 图片处理

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

![img](https://img-blog.csdnimg.cn/e75d01c3cb634e67afb3f78a25ba8d90.gif)

![img](https://img-blog.csdnimg.cn/d337f951787947c5aa9a5a4c37c757fd.png)

2 游戏对象

1)游戏对象层级结构

![img](https://img-blog.csdnimg.cn/8ef7e8d464cb4bafb50035c37a248c1e.png)

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 游戏对象

![img](https://img-blog.csdnimg.cn/69198f20b96d41dbaa259d8c9588b293.png)

3 动画

1)创建 Animation

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

![img](https://img-blog.csdnimg.cn/8f5ac9ece48c449f9a0a3bf12416201c.png)

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

![img](https://img-blog.csdnimg.cn/a8f3f57c83a54706972ea65713b71273.png)

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

![img](https://img-blog.csdnimg.cn/49834e46b19946d792a52d7cd248588b.png)

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

![img](https://img-blog.csdnimg.cn/647f9b4b20ba41169d5843fbc6ee2c32.png)

2)添加动画图片

​ 选中 Sprite 游戏对象,按 Ctrl + 6 快捷键打开 Animation 窗口,选中 walk1~walk18 图片(图片的 Texture Type 需要修改为 Sprite),拖拽到 Animation 窗口中,如下:

![img](https://img-blog.csdnimg.cn/fee818780ccd417ba2239d5af1f3d8ac.png)

​ 调整 samples 取值为 8(帧率,8帧 / 秒).

3)添加 Position 属性

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

![img](https://img-blog.csdnimg.cn/29e1817262734adea3c53714b297604c.png)

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

![img](https://img-blog.csdnimg.cn/f4c4b670de4247d3a7f510dd0a9fd348.png)

![img](https://img-blog.csdnimg.cn/7077581a24714109a09a5769fdb7e9c6.png)

4 运行效果

![img](https://img-blog.csdnimg.cn/7c61d9be8bb841c1a4bb1659a454e796.gif)

​ 声明:本文转自[【Unity3D】2D动画](https://zhyan8.blog.csdn.net/article/details/126220021)

复制代码
    ===========================
    【来源: 博客园】
    【作者: little_fat_sheep】
    【原文链接】 https://www.cnblogs.com/zhyan8/p/17234921.html
    声明:转载此文是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。
0/300
全部评论0
0/300