二零二三年 优质公开课Animation简介.pptx

Animation简介北京电子科技职业学院 Animation组件一clip动画剪辑二时间轴的刻度单位表示方式熟悉动画编辑器三四目录Contents五动画编辑模式六基本操作 Animation组件1 sprite之前我们了解了 Cocos Creator 是组件式的结构。那么 Animation 也不例外，它也是节点上的?个组件，主要用来控制一个动画的播放。Animation组件 clip动画剪辑2 sprite动画剪辑就是?份动画的声明数据，我们将它挂载到 Animation 组件上，就能够将这份动画数据应用到节点上。clip动画剪辑1、节点数据的索引方式数据中索引节点的方式是以挂载 Animation 组件的节点为根节点的相对路径。 所以在同个父节点下的同名节点，只能够产生一份动画数据，并且只能应用到第一个同名节点上。 spriteclip动画剪辑2、clip文件的参数sample： 定义当前动画数据每秒的帧率，默认为 60，这个参数会影响时间轴上每两个整数秒刻度之间的帧数量（也就是两秒之内有多少格）。speed：当前动画的播放速度，默认为 1duration：当动画播放速度为1的时候，动画的持续时间real time：动画从开始播放到结束，真正持续的时间wrap mode：循环模式 动画编辑模式3 sprite动画编辑模式动画在普通模式下是不允许编辑的，只有在动画编辑模式下，才能够编辑动画文件。但是在编辑模式下，无法对节点进行 增加 / 删除 / 改名 操作。打开编辑模式：选中一个包含 Animation 组件，并且包含有一个以上 clip 文件的节点。然后在动画编辑器左上角点击唯一的按钮。 sprite动画编辑模式 sprite动画编辑模式退出编辑模式：点击动画编辑器上点击左上角的编辑按钮，或者在场景编辑器左上角的关闭按钮。 熟悉动画编辑器4 sprite熟悉动画编辑器动画编辑器一共可以划分为7个部分。1.常用按钮区2. 时间轴与事件3. 层级管理（节点树）4. 节点内动画帧的预览区域5. 属性列表6. 关键帧7. 动画剪辑的基本属性 时间轴的刻度单位表示方式5 sprite时间轴的刻度单位表示方式时间轴上刻度的表示法是 1:05 。该数值由两部分组成，冒号前面的是表示当前秒数，冒号后面的在操作中如果觉得动画编辑器显示的范围太小，需要按比例缩小，让更多的关键帧显示到编辑器内怎么办？在图中2、4、6区域内滚动?标滚轮，可以放大，或者缩?时间轴的显示比例。表示在当前这一秒里的第几帧。1:05 表示该刻度在时间轴上位于从动画开始经过了 1 秒又 5 帧 的时间。因为动画帧率（sample）可以随时调整，因此同一个刻度表示的时间点也会随着帧率变化而有所不同。 基本操作6 sprite基本操作1、更改时间轴缩放比例在图中2、4、6区域内滚动鼠标滚轮，可以放大，或者缩小时间轴的显示比例。2、移动显示区域按住键盘 空格 按键，并且在图中2、4、6区域内按下?标左键，向左右拖拽即可。在图中2、4、6区域内按下?标中键拖拽。 sprite基本操作3、更改当前选中的时间轴节点在时间轴（图中2）区域内点击任意位置或者拖拽，都可以更改当前的时间节点。在图中4区域内拖拽标示的红线即可。4、播放/暂停动画在图示1中点击播放按钮，按钮会?动变更为暂停，再次点击则是暂停。播放状态下，保存场景等操作会终?播放。 sprite基本操作5、修改clip属性在图示7区域，修改对应的属性，在输?框失去焦点的时候就会更新到实际的 clip 数据中。6、快捷键left：向前移动?帧，如果已经在第 0 帧，则忽略当前操作right：向后移动?帧up：跳转到上?个关键帧down：跳转到下?个关键帧delete：删除当前所选中的关键帧k：正向的播放动画，抬起后停?j：反向播放动画，抬起后停?ctrl / cmd + left：跳转到第 0 帧ctrl / cmd + right：跳转到有效的最后?帧 谢 谢 观 看北京电子科技职业学院