cocos creator (1) ——帧动画

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了cocos creator (1) ——帧动画相关的知识,希望对你有一定的参考价值。

参考技术A

帧动画,就是通过一系列图片定义动画表现的动画形式,首先我们需要动画运行所需的所有帧。

这些帧通常以一张大图的形式(如下)给出,并不附带任何位置信息。

所以我们首先要将图片处理成带位置信息的大图形式,以便能够被cocos creator所用。

其次要创建一个承载动画的节点,并绑定Animation组件。

编辑动画,包括运行速度,帧事件,运行模式(顺序、循环...)。

预览。

动画资源就对应于之前animation组件的 cc.AnimationClip 类型的属性。在资源管理器中新建Animation资源。定义好动画资源后,就可以直接把这个资源拖到对应的属性 Default clip 上去。(如上图)

在层级管理器中选中动画节点,在动画编辑器中就可以对动画进行编辑了。

在动画编辑器中点击 编辑 按钮。在下面的属性列表中新建动画需要改变的属性。因为我们是帧动画,所以自然要改变的就是 cc.Sprite.SpriteFrame 属性了。

选中动画所需的帧拖到该属性的右边去。点击播放按钮,即可看到动画效果。

可以在动画编辑器的右下角修改动画的采样率和速度,以改变动画的帧变化速度。

保存动画。

选中选中节点,Animation组件下的 Play on Load 属性,即可在浏览器或者模拟器中查看动画效果。

以上是关于cocos creator (1) ——帧动画的主要内容,如果未能解决你的问题,请参考以下文章

Cocos Creator Spine动画时间轴(事件时间轴,骨骼时间轴)

cocos creator动画编辑器学习

Cocos Creator 2.3开发《海底世界》小游戏

cocos creator blink闪烁动画怎么没有效果

cocos creator typescript键盘控制动画播放,要按下一个不相关的按键才能循环播放

Cocos Creator3【Cocos引擎常用的自执行函数】