Cocos creator学习笔记 02

一.动画系统

1.创建一个单色sprite，要制作动画需要为当前节点添加动画组件Animation。

找到动画编辑器

希望当前方块执行动画，需要把一个动画片段放到Default Clip。

想要动画自动播放的勾上Play  on Load 

2.新建clip文件

此时我们的动画数组里面就有一个动画了

3.打开编辑模式

动画编辑器窗口的左上角，打开后界面如下

功能

①.右下加可以调节1秒多少帧和播放速度

②.动画播放模式

loop-----动画循环播放

pingpong----动画会正向逆向循环播放

reverse-----使动画逆向播放

3.创建新的动画片段

点击动画编辑器窗口左上角➕

④.属性列表

想对哪种属性做动画就添加哪种属性

列如：对左右移动做动画，添加x

插入关键帧

将红色线条拖动到想要的时间t1

在到场景编辑器移动单色sprite

在t1时间处会自动生成一个关键帧，这样一段动画制作完成。

二.动画曲线与事件

动画曲线在场景编辑器中自由调节

插入帧事件

选中后动画编辑器界面会出现一个白点，并且右键点击进入编辑

并且右键点击进入编辑

可以添加事件名称 ，当动画到达这个地方时就会执行这个事件。

制作简易动画

①.将素材拖入场景中

②.添加Animation组件，创建clip文件，并将文件拖动到Default Clip处。        

③.开始编辑动画，在属性列表中添加cc.sprite.SpriteFrame

④.拖动素材到这个属性里面。

通过代码来播放动画

首先将clip文件在Default Clip处删掉，关闭自动播放Play On Load

新建一个脚本命名PlayerControl,将其添加到run1上

要得到动画组件并播放动画

其他功能

可以在Clip选择播放其他动画

三.动作系统

创建渲染节点单色

脚本TypeScript

动作在start里面创建

2.各种方法介绍

这个是以自己为原点移动到某个位置。

旋转到60度，通过两秒

第一个参数是duration（这个动作在多少时间内完成），第二个参数是position（位置）

但是这样写了之后并不会移动

还要写执行动作

.停止动作,立刻停下来，把停止的动作放在里面。

停止这个节点所有的动作

通过tag值来停止动作，可以给动作设置tag值

暂停

恢复

缩放到1.5倍

也可以x，y以不同比例缩放

跳跃

jumpBy是从自己的位置往x方向跳200，y方向不变。跳的高度一百，跳五次。

JumpBy是跳到指定坐标。跳的高度100，在这次运动过程中跳5次

闪烁 时间3秒，次数为五

淡入淡出 时间3秒

渐变 指定现在到什么样的透明度，花费多长时间到怎样的透明度，范围是0-255

颜色

立刻显示的动作

立刻隐藏

切换显示如果没有显示就显示，显示了的就不显示

翻转 参数是个布尔值

回调动作

可以打印东西

计时器 一定时间后执行什么动作

队列动作 里面可以放入一系列动作

会执行里面所有的动作

重复执行动作 Seq是动作，3是次数

一直重复

并列动作

延时

一秒之后在执行后后面的动作。