如何在unity中创建2D帧动画(V客学院知识分享)

时间:2024-04-04 10:00:48

   我们都知道unity中支持我们创建简单的3D动画,实现起来也非常的简单,但其实在我们创建2D项目时,也可以通过unity创建简单的2D帧动画。

    首先我们说什么时帧动画,说白了原理就像我们小时候玩过的“动画小人书”,我们快速的翻页书上的小人就会动起来。

下面我们来举例来看

如何在unity中创建2D帧动画(V客学院知识分享)

现在我们有一张带透明通道的图片,有三个相同尺寸的图像组成,简单来说就是有两张不同动作的图片,只要能让他不停的来回切换那小鸟的飞的动作就实现了。

这里第一步我们先要把这三张图片切割开来;

如何在unity中创建2D帧动画(V客学院知识分享)

首先我们图片的格式时2D精灵(sprite(2d and ui))接下来点击sprite editor 来切割图片如何在unity中创建2D帧动画(V客学院知识分享)


点击之后会弹出一个编辑窗口

如何在unity中创建2D帧动画(V客学院知识分享)

左上角有一个slice选项,这就是我们的切割设置选项,点击会弹出你切割的模式

如何在unity中创建2D帧动画(V客学院知识分享)

这里我的每一个图像的尺寸都相同,就可以直接按照行数和列数来切割

其中column & row用来设置行数和列数,其中C时列R是行,设置好了之后点击slice就可以了

如何在unity中创建2D帧动画(V客学院知识分享)

切割完成后我的图片下就出现了三张子图片

接下来再创建好的ui界面上放入一张子图片

如何在unity中创建2D帧动画(V客学院知识分享)

打开动画编辑面板(快捷键CTRL+6)将你需要的帧画面直接托到动画编辑面板里就可以了,每一张图片都是一个关键帧

自己也可以去调整每帧之间的间隔

如何在unity中创建2D帧动画(V客学院知识分享)

最后帧动画就完成了

(PHP开发、web前端、UI设计、VR开发专业培训机构-vIT学院版权所有,转载请注明出处,谢谢合作!)