OGE教程11 动画编辑器使用 模板

【v2.xOGE教程11】动画编辑器帮助文档 版本 日期 作者 说明 1.0 2014-9-3 橙子游戏 文档创建                                1、简介动画编辑器用于游戏动画的可视化编辑,支持序列帧动画和关键帧动画。通过解析生成的数据文件即可获取动画信息，并能随时调整，以减少开发工作量，提高开发效率。2、相关概念1.帧帧是动画在某个时间点的状态；一系列的帧组成了动画的时间线，动画播放时，通过帧的切换，实现动画效果2.序列帧序列帧组成序列帧动画，这种动画中，仅通过静态图片的切换来实现动画效果3.关键帧关键帧记录某帧的状态，包括要绘制的图片资源，图片的位置、旋转、缩放和颜色设置等；播放动画时，通过当前帧的位置结合关键帧数据即可计算出当前帧的属性，而无需逐帧存储其属性4.坐标系动画编辑器采用一个二维平面坐标系；横轴向左为正，向右为负，纵轴向上为正，向下为负5.节点1)定义节点是动画的基本组成部分，是一个图片或者一组序列帧2)位移节点相对于第一帧的位移3)旋转\缩放中心节点旋转或缩放时的中心点；在动画编辑器中，是在资源中定义的4)旋转节点绕旋转中心的旋转角度；正数 表 关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf 示顺时针旋转，负数表示逆时针旋转5)资源节点在当前帧所绘制的资源6)缩放节点相对于缩放中心点的缩放比例，分横向和纵向7)透明度节点的透明度，取值区间为0-255；0表示完全透明，255表示不透明8)颜色节点的颜色增量，R,G,B格式，三个数字分别表示红绿蓝三种颜色的增量，取值区间为  0-2553、主界面菜单栏节点列表资源列表画布预览区域属性列表帧列表动作列表图01_主界面1.画布1)简介画布用于动画预览，动画元素的选择和移动图02_画布2)选择节点鼠标左键单击节点对应的图片即可选中节点，选中后，节点中心会绘制一个灰色圆圈，表示已经被选中3)移动节点用鼠标左键拖动节点图片即可移动节点，移动之后，关键帧的“位移”属性将同步更新注意：仅当所选中的节点在当前帧上添加了关键帧时，才能对节点调整节点的位移、缩放、旋转等属性4)移动坐标系用鼠标左键按住画布的空白区域并拖动，松开鼠标后即完成坐标系的移动5)缩放按住Ctrl键，然后滚动鼠标滚轮即可缩放画布，画布左上角的文字显示当前的缩放百分比2.菜单栏1)简介菜单栏是编辑器常用操作的集合，包括“文件”、“设置”、“预览”和“帮助”菜单2)文件菜单1　新建项目用于打开“新建项目”窗口，在该窗口中输入新项目名称后点击确定按钮即可创建一个新项目图03_新建项目注意：新项目名称不能与已有项目的名称重复2　打开项目用于打开已有项目。点击菜单按钮，在弹出窗口中选择要打开的项目配置文件（xml格式的）即可打开项目(目前仅支持从程序安装目录下读取项目)图04_打开项目3　保存项目用于保存对项目的修改4　导出项目用于导出项目所生成的动画数据文件。点击菜单,在弹出窗口中选择要导出的目标文件夹，再点击确定后将在指定目录下  生成动画数据文件图05_导出项目3)设置菜单1　循环播放用于设置是否循环预览动画，勾选时表示循环2　播放速度用于设置预览时的播放速度，单位是“帧/秒”3　设置背景?选择背景图片用于设置画布的背景图片注意：背景图片自动与画布坐标系的第二象限对齐；背景图片仅用于预览，并不导出到动画数据文件中?删除背景用于删除画布的背景图片3.预览菜单1)预览从当前帧开始预览动画；单击后，“预览”菜单的文字变为“停止”，如果未设置循环播放，则当播放到动画末尾时即停止预览，菜单的文字将变为“预览”2)停止开始预览后，“预览”菜单的文字将变为“停止”，点击即停止播放，动画将定格在当前正在绘制的帧4.帮助菜单用于打开帮助菜单5.资源列表1)简介资源列表是动画素材的集合，用于动画素材的导入、序列帧的编辑等图06_资源列表资源列表是一个树状结构，第一级表示皮肤或者序列帧，第二级是序列帧的帧列表；资  源列表的操作主要借助右键弹出菜单完成2)导入皮肤用于导入动画素材，点击后在弹出的对话框中选择要导入的图片再点击确定即可完成导  入（可多选），支持bmp、jpg和png等常用图片格式3)导入序列帧用于导入序列帧的素材，点击后在弹出的对话框中选择要导入的图片（可多选），再点击确定，这些图片将组合成一个序列帧动画；序列帧的播放顺序按文件名升序排列4)重命名用于重命名皮肤，应避免使用中文注意：导入资源后，编辑器会自动将对应的皮肤命名为资源的文件名（如果是序列帧则取序号左边不包含下划线的部分），一般情况下不要重命名皮肤名称，，否则动画素材将无法解析5)编辑序列帧用于编辑序列帧，点击后弹出“序列帧编辑”窗口图07_序列帧编辑窗口窗口左侧是按播放顺序排列的序列帧列表，右侧是各帧的播放时长1　调整序列帧播放顺序点击要调整的序列帧所在的单元格，选择当前帧要播放的图片素材即可注意：不能重复选择同一个图片素材，即一个图片素材只能在一个序列帧动画中播放一次2　调整序列帧播放时长点击要调整的序列帧对应的“播放时长”单元格，输入合适的时长即可，播放时长的单位是“帧”，与动画中两个时间切片之间的间隔对应注意：当动画的总时长和序列帧动画的总时长不相等时，通过计算当前的时刻与序列帧总时长的模余来获取当前应绘制的序列帧6)插入帧用于在当前选中的序列帧前面插入一个序列帧，单击后打开一个对话框，在对话框中选  择要插入的图片素材，再点击确定即可插入一个序列帧7)追加帧用于在当前序列帧末尾追加一个序列帧，单击后打开一个对话框，在对话框中选择要插  入的图片素材，再点击确定即可追加一个关键帧8)删除帧用于删除选中的序列帧，如果是仅有的一个序列帧则不可删除6.预览区域1)简介预览区域用于显示和编辑动画素材旋转中心碰撞区域缩放中心弹出菜单图08_预览区域2)缩放1　缩放比例预览区域左上角显示当前的缩放比例2　缩放按住Ctrl键,再滚动鼠标滚轮即可缩放图片3)碰撞区域碰撞区域用于物理引擎检测碰撞，动画编辑器可支持多个矩形碰撞区域1　添加碰撞区域在合适的位置按住鼠标左键，再拖动鼠标到合适的位置，松开鼠标后即可在图片上绘制一个碰撞区域2　移动碰撞区域用鼠标拖动表示碰撞区域的透明矩形框即可移动碰撞区域3　调整碰撞区域大小让鼠标悬浮在碰撞区域边缘，待鼠标样式改变时，按住并拖动鼠标即可调整碰撞区域的宽和高4　删除碰撞区域右键单击碰撞区域，在弹出菜单中单击“删除碰撞区域”菜单即可删除碰撞区域4)设置缩放和旋转中心1　通过菜单设置右键单击预览区域的空白区域，在弹出菜单中点击“设置XX中心”，打开设置窗口图09_设置坐标依次输入X、Y坐标，再点击确定即可修改旋转和缩放中心的位置2　通过鼠标设置直接拖动旋转中心（红色的圆点）和缩放中心（蓝色的圆点）即可调整7.节点列表1)简介节点列表显示项目中的所有节点，这些节点按照绘制顺序由下往上排列，即绘制时，先绘制靠上的节点，再绘制后面的节点，如果重合则遮挡先绘制的节点；节点列表的主要操作通过右键弹出菜单完成2)新建节点在节点列表的右键弹出菜单中展开“新建节点”，然后选择要添加的图片或者序列帧，即可新建一个节点，同一个资源可以被多次添加到节点列表中3)添加到动画在节点列表中选中要添加的节点，点击鼠标右键，在弹出菜单中选择“添加到动画”即可把该节点添加到当前动画的第一帧中；同一个动画中，节点不能重复添加4)删除节点在节点列表中选中要删除的节点，点击鼠标右键，在弹出菜单中选择“删除节点”即可把该节点从项目中删除，与之关联的动画中相应节点都将被删除5)重命名节点在节点列表中选中要重命名的节点，点击鼠标右键，在弹出菜单中选择“重命名”，然后输入新的名称即可重命名该节点；新输入的名称不能与已有的节点重复，否则会重命名失败；应避免使用中文6)调整绘制顺序直接上下拖拽节点到合适的位置即可调整节点的绘制顺序8.动作列表1)简介动作列表显示项目中的动画列表，即用相同的节点列表可创建多个动画，其主要操作通过右键菜单完成2)切换当前动画选中要操作的动画即可切换，画布和帧列表将同步更新显示3)添加动画在动作列表的右键菜单中选择“添加动画”即可添加一个新的动画到项目中4)重命名动画选择要重命名的动画，然后在右键菜单中选择“重命名”，输入新的名称即可重命名该动画；新的名称不能与已有的动画重名，否则会重命名失败；应避免使用中文5)删除动画选择要删除的动画，然后在右键菜单中选择“删除动画”即可删除该动画9.帧列表1)简介帧列表显示动画的各个节点的关键帧及时间线，提供帧切换、关键帧编辑等功能帧标尺时间线帧切换器关键帧图10_帧列表2)帧标尺帧标尺用于标识当前所在的帧位置,点击帧标尺可以切换当前帧位置3)关键帧控件关键帧控件标识节点关键帧的位置;点击控件可将其选中,被选中后颜色变为蓝色4)时间线控件时间线控件显示某个节点在动画播放时,显示的时间片段;点击控件可将其选中,被选  中后颜色变为浅蓝色;注意:一个节点的时间线可能是连续的,也可能是间断的,且不一定从动画播放时开始,也不一定到动画结束时截止,视节点的显示时间而定5)帧切换器用于显示和切换当前帧位置,拖动控件以切换当前帧6)右键菜单对帧列表的操作主要借助右键菜单来完成1　添加关键帧?点击选中要添加关键帧的节点（如果节点尚未添加到动画中,可在节点列表中通过“添加到动画”右键菜单来添加）对应的时间线，此时该时间线控件变为浅蓝色?拖动帧切换器，或者点击帧标尺，将当前帧切换到要添加关键帧的位置?右键单击帧列表区域，在弹出菜单中选择“添加关键帧”说明：1.关键帧不能重复添加2.如果新添加的关键帧之后没有关键帧，则新关键帧的位移、旋转等属性将默认从前一帧复制3.如果新添加的关键帧位于两个关键帧之间，则新关键帧的属性的默认值将通过其前后两帧及帧索引计算得出2　复制关键帧?点击选中要复制的关键帧控件，此时该控件变为蓝色?右键单击帧列表区域，在弹出菜单中选择“复制关键帧”即可复制该关键帧的数据3　粘贴关键帧?拖动帧切换器，或者点击帧标尺，将当前帧切换到要粘贴关键帧的位置?右键单击帧列表区域，在弹出菜单中选择“粘贴关键帧”即可添加一个关键帧，该关键帧的数据复制自上一次被复制的关键帧说明：1.仅能在同一个节点内复制粘贴关键帧数据2.如果指定帧索引处已存在关键帧，则不能再粘贴4　删除关键帧?点击选中要删除的关键帧控件，此时该控件变为蓝色?右键单击帧列表区域，在弹出菜单中选择“删除关键帧”即可删除该关键帧