Animation
编辑序列帧动画
通过动画编辑器可以直观的编辑各种动画效果
区域说明
#1 | 工作区域 | 用于显示和操作当前的动画元素 |
#2 | 图片素材库 | 用于图片元素使用的图片素材库 |
#3 | 层级列表 | 用于显示动画元素层:动画元素、图片元素、音频元素 |
#4 | 帧控制台 | 用于对选中的元素层进行K帧的编辑台 |
#5 | 属性面板 | 用于修改选定的动画元素的属性 |
#6 | 显示层级 | 用于对当前层级到根容器层级的显示和快速切换 鼠标左键点击即可切换至指定的父节点层级 |
#7 | 切换至粒子动画 | 勾选后将不再是序列帧动画的形态,而是改为粒子动画形态 |
导入素材
点击新增动画素材(如何导入我的资源)
选择一张图片或多张图片素材,点击确定即可导入完成,选择一张时可以选择切割图片,导成多张切割后的图片。
(原图不会被切割,仅在游戏运行时根据设定显示切割的部分)
#1 | 预览切割图源和切割方式 | 实时预览当前导入的图源和切割效果 |
#2 | 等分切割设置 | 横向和纵向的等分切割数,切割后单元格图就变成了多张的序列帧图(原图并未实际切割) |
导入粒子动画素材
在粒子动画中设置粒子贴图。
工作区域
视图区域操作
操作 | 说明 |
---|---|
缩放视图区域 | 鼠标滚轮缩放视图区域,快捷键Z还原至100%显示 |
移动视图区域 | 方法一 鼠标右键(或中键)按下后移动鼠标即可移动视图区域方法二 按住空格键+鼠标左键拖拽工作区域 |
播放帧率参考 | 用于在动画编辑器中预览指定帧率的动画播放 |
预览命中效果 | 用于在动画编辑器中预览命中形态的动画,以便作为参考 动画播放时可以选择【命中形态】或【未命中形态】,以此区分同一个动画的两种不同形态 实际该动画是否是以命中形态进行播放以实际调用处为准 |
显示屏幕范围 | 勾选后会出现一个屏幕范围的框框,以便作为参考 |
对象操作工具
操作 | 说明 |
---|---|
选中对象 | 鼠标左键单击对应的元素,可能是动画元素、图片元素或目标层 隐藏或锁定的动画层对象无法被选中 |
移动已选中对象 | 键盘控制 方向键移动1像素 或 SHIFT+方向键移动10像素鼠标操作 拖拽对象属性面板操作 通过设置属性面板中的x和y移动对象 |
旋转 | 鼠标操作 拖拽对象选框右下角的黑圈属性面板操作 通过设置属性面板中的旋转度 |
缩放 | 鼠标操作 拖拽对象选框的矩形小块,其中右下方的矩形小块在按住SHIFT时会等比缩放属性面板操作 通过设置属性面板中的宽度/高度/宽度放大比例/高度放大比例 |
图片素材库
0号图片素材表示图层容器,没有具体的图像显示,主要用于嵌套子动画层
操作 | 说明 |
---|---|
拖拽到工作区域 | 鼠标选中一张图片素材拖拽至工作区域中即可创建一个图片元素层 鼠标选中一张图片素材拖拽至层级列表中即可在自定的层级上或其子层中添加一个图片元素层 |
删除 | 鼠标操作 鼠标右键菜单中删除选定的元素键盘操作 使用DELETE删除选定的元素 |
层级列表
操作 | 说明 |
---|---|
调整层级位置 | 层级位置影响层级的显示顺序,子层会跟随父层移动和旋转鼠标操作 拖拽选定的动画元素层到指定的层下面(拖拽到指定层内)或者同层级上(拖拽到指定层头部左边)键盘操作 ALT+上下方向键:在同一个父层级下更换顺序菜单操作 鼠标右键点击元素层后选择上移和下移:在同一个父层级下更换顺序 |
复制 | 鼠标操作 鼠标右键菜单中选择复制键盘操作 CTRL+C |
粘贴 | 粘贴此前复制的动画元素层。鼠标操作 鼠标右键菜单中选择复制键盘操作 CTRL+V |
剪切 | 复制并删除选中的层,如果该层下存在子层,则会将子层一起复制鼠标操作 鼠标右键菜单中选择剪切键盘操作 CTRL+X |
删除 | 删除选中的层,如果该层下存在子层,则会将子层一起删除鼠标操作 鼠标右键菜单中选择删除键盘操作 CTRL+D 或 DELETE |
重命名 | 重命名该动画元素层鼠标操作 鼠标右键菜单中选择删除键盘操作 CTRL+D 或 DELETE |
仅命中时播放效果 | 勾选此项后该动画只有在以命中的形式播放时才出现 动画播放时可以选择【命中形态】或【未命中形态】,以此区分同一个动画的两种不同形态 鼠标操作:鼠标右键菜单中勾选仅命中时播放效果 |
显示/隐藏 | 显示和隐藏该动画元素,仅用于编辑器中预览使用,隐藏的动画元素无法在工作区域中选中 |
锁定 | 锁定该动画元素,锁定的动画元素无法在工作区域中选中它 |
帧控制台
视图操作 | 说明 |
---|---|
滚动视图区域 | 方式一 拖动垂直滚动条和水平滚动条方式二 滚动鼠标滚轮进行垂直滚动,SHIFT+滚动鼠标滚轮进行水平滚动方式三 按住鼠标中键拖拽滚动视图区域 |
缩放视图区域 | CTRL+鼠标滚轮滚动 缩放视图区域 |
选中指定帧 | 方式一 鼠标左键点击指定的帧。方式二 在帧数字显示栏中按下鼠标后拖拽即可切换选中指定的帧 |
选中层级 | 鼠标左键点击 即可选中当前行对应左边层级列表的层级 |
关键帧操作
关键帧功能:指定两个关键帧之间会自动过渡,过渡的方式默认是线性的,也可以设置过渡效果来更改关键帧之间的过渡方式。
动画的总帧数取决于所有动画层中最长的一个关键帧。
在第一个关键帧之前,该元素是未出现的状态,在其最后一个关键帧之后该元素是消失的状态。
关键帧操作 | 说明 |
---|---|
新建关键帧 | 方式一 双击无关键帧的空白区域。方式二 鼠标右键点击空白区域,弹出菜单后选择创建关键帧 |
移动关键帧 | 鼠标左键拖拽 关键帧即可移动关键帧 |
复制关键帧 | 鼠标 选中关键帧后鼠标右键菜单选择复制键盘 选中关键帧后CTRL+C |
粘贴关键帧 | 粘贴到空白区域时会新建一个此前复制的关键帧副本 粘贴到存在关键帧的地方时会覆盖该关键帧的属性 鼠标 鼠标右键菜单选择粘贴键盘 CTRL+V |
删除关键帧 | 鼠标 选中关键帧后鼠标右键菜单选择删除键盘 选中关键帧后CTRL+D 或 DELETE |
抛出信号 | 抛出自定义的信号,以便脚本中侦听到后作出一些逻辑处理 信号列表由统一的编号-名称进行管理,具体有哪些信号以及作用取决于具体的项目 鼠标 选中关键帧后鼠标右键菜单选择抛出信号 |
设置过渡效果 | 设置上一个关键帧到该关键帧的过渡效果,无则表示线性过渡 |
属性面板
通用属性
通用属性 | 说明 |
---|---|
x | 动画元素的水平位置坐标,相对于动画原点(十字准心) |
y | 动画元素的垂直位置坐标,相对于动画原点(十字准心) |
宽度/缩放X | 图片元素的像素宽度或动画元素/目标层的水平缩放比例 |
高度/缩放Y | 图片元素的像素高度或动画元素/目标层的垂直缩放比例 |
旋转 | 图片元素/动画元素/目标层的旋转度数 |
透明度 | 图片元素/动画元素/目标层的旋透明度,取值范围 0~1 |
材质 | 设置指定图片的材质效果,如用于制作更改色调、模糊等效果。 |
图片层属性
属性 | 说明 |
---|---|
图源 | 取自图片库对应的数字的图源,关键帧之间的过渡也会过渡此属性 |
混合模式 | 图片的混合模式设置(混合模式参考) |
动画层属性
属性 | 说明 |
---|---|
动画源 | 选择一个动画源,不能循环嵌套,可以是粒子动画 |
循环 | 默认的子动画元素长度为指定动画的总长度,如果当前动画总帧数大于子动画总帧数的话, 则子动画无法持续到当前动画的结尾处 而一旦勾选上循环则可以循环显示持续到结尾处 |
目标层属性
属性 | 说明 |
---|---|
参考目标 | 用于仅供编辑器内参考,具体目标不一定是行走图,也可能是界面等其他元素 (必须继承于GameSprite的显示对象) 主要用于控制目标产生一些动画效果,如人物中毒后色调变更的效果或界面焦点闪动效果等等 |