制作帧动画

我们刚刚了解了属性帧的操作,现在来看看具体怎么创建一个帧动画。

为节点新增 Sprite 组件

首先我们需要让节点能正常显示纹理,所以需要为节点增加 Sprite 组件。 选中节点后在属性检查器中通过 添加组件 按钮,选择 UI -> Render -> Sprite 或者直接搜索 Sprite 添加组件。

在属性列表中添加 cc.Sprite.spriteFrame

节点可以正常显示纹理后,还需要为纹理创建一个属性轨道。 在动画编辑器属性列表旁点击 +,然后选择 cc.Sprite -> spriteFrame

添加帧

从资源管理器中,将纹理拖拽到属性帧区域,放在 cc.Sprite.spriteFrame 轨道上。 再将下一帧需要显示的纹理拖到指定位置,然后点击播放就可以预览刚刚创建的动画了。

如果同时拖拽多个纹理到属性轨道上,轨道上将按钮纹理选中的顺序,将其按照顺序,以工具栏上显示间隔数来排列生成关键帧。

编辑帧动画 - 图1

排列修改关键帧间隔

帧动画的间隔帧数通常是固定的,有时添加了多个张纹理后,想要调整间隔数,就可以先在工具栏上方填写想要的间隔帧数,之后选中需要排列的关键帧,点击工具栏上的排列按钮spacing-btn或者在选中的关键帧上右击,选择 排列选中的关键帧 即可。