【原创】Unity2019.4.22版本不依靠代码导入Aseprite精灵图及制作动画

da11

Unity2019.4.22f1c1版本不依靠代码导入Aseprite精灵图及制作动画

参考资料：https://learn.unity.com/tutorial ... nup=true&uv=2019.4#

背景：因为最近迷恋上了Aseprite像素画，肝了一晚把星空动图做出来了，如下图所示（喜欢就下载拿去吧）




然后想了下，这动图适合做进度条啊，所以萌生导入GIF进unity的想法。但是很可惜，Unity2019版本不但不支持GIF原生播放，还不支持直接导入Aseprite格式文件（看到B站教程有说unity 2022.4版本支持直接导入Aseprite格式文件~），所以有以下教程实现。

1.在Aseprite工程中导出精灵表



因为是横向的进度条，这里要选择垂直！




然后转到输出，勾选输出文件-选择保存路径和名字，导出即可




导出如下精灵表（这里也可以直接下载拿走）




导出的工作到这里就结束了。

2.Unity新增动画组件

在需要播放动画的物体上增加Animator组件，这里因为我要制作的是进度条，所以我直接在UI上新建一个Image图片，当然，一开始是空白的，把位置调整好后，新建一个Animator组件



#Animator 组件上最重要的设置是 Controller 设置。
#Controller 组件负责基于你定义的规则来选择要播放的动画（例如，当角色的速度大于 0 时，使角色从站立变为奔跑动画）。

3.创建新的 Controller
创建一个新的 Controller ，并在进度条物体上的Animator组件设置这个 Controller。

如果你的项目还没有关于动画的文件夹，则在Assets目录下创建Animations 文件夹。然后在Animations 文件夹中，右键单击并从上下文菜单中选择 Create > Animator Controller。



将此Controller拖拽进进度条物体上的Animator组件




3.切割精灵图

把刚刚1步骤最后导出的精灵表，导入进unity的Assets目录下



然后在unity点击导入的精灵表，在Inspector窗口中，点击Sprite Editor切割，具体切割教程请查看本论坛另外帖子：如何在Unity 2019版本使用Sprite Editor切割

这里切割要注意下，因为是进度条，全画幅做的动画，并且是垂直精灵表，切割参数如下（精灵表尺寸300x2900，共145帧）




切割完成后资源视图如下



可以看到，切割出来了145张图，挑选第一张，挂在进度条的Image组件中吧，当成是起始图

4.制作动画
选择 Window > Animation > Animation 来打开 Animation 窗口（或者Ctrl+6），打开窗口后，选中进度条物体，点击Create 按钮。动画保存位置可以保存在第二步骤的Animations目录下。



然后全选切割后的所有图片（鼠标左键第一张，shit+鼠标左键最后一张即可全部选取），拖动至Animation 窗口中，如下



播放效果会发现播放速度不是自己想要的速度，因为这是unity默认的动画播放速度，一秒60帧，即一秒渲染60张切割后的精灵图，145仅需2秒多一点就播放完毕了，按我的动图设计，本动图最优播放时间是14.5秒，即一秒10帧，那怎样调整呢。在Animation 窗口时间轴的右边，有个小三点，点击它（注意不是Animation 窗口最上方的小三点），选择Show Sample Rate




这时，帧的时间就可以设置了，这里我们设置为10，记得修改后要按回车，否则默认不修改！



这时点击播放，就是我们想要的播放效果啦。

最后，unity运行即可看到动图效果。本教程就说这么多哈，没注册本论坛是无法看到图片滴，需要观看图片资源还是注册支持下吧~（不会这都偷懒吧，不会吧不会吧~），如有技术交流，可以联系QQ：979119776或者本站发帖哈~