CocosCreator动画编辑器简易使用说明（矿难了）

CocosCreator如何制作动画

作茧自缚版本无法使用
使用的相关技术无法使用，所以所有动效资源一律使用DargonBone，（spine用不起，贫穷）
一下记录为准备使用creator动画编辑器的人看吧

总述

- 简写   Animation--Anim

CocosCreator内置的Anim是由2个结构制作组成的

1. Animation Clip--用来记录动画时间轴上的事件
2. 美术资源，由父node和他的子资源组成。

小操作：

动画内的子资源依然可以进行父子节点的绑定，用以弥补Creator中的不能设置图片中心点的问题，甚至可以当做一个简单的骨骼使用，
代价是一大坨图层

小问题

根据曾经CocosStudio的尿性，一个动画会由3个资源组成，导入后形成一个块，直接使用这个块就行了，
但是Creator上是把所有资源都铺在了nodeTree上，这就会导致Tree上的图层数量极度臃肿
（10个图标，平均由6个图片组成，光资源层就60层，再加上10个主层和10个轴心父级，光10个图标就80个层，令人窒息
这一部分内容应该是可以被修改的内容）

创建Animation动画

在Assets中右键create，选择Animation Clip
点击后即可创建一个动画Clip

动画轨道

动画轨道说明文档（当轨道内为图片）

名字	说明	作用
actvie
position
x
y
z
scale	比例
scale x	比例x
scale y	比例y
scale z	比例z
angel	天使	同样会记录角度
eulerAngles	欧拉角	记录角度关键帧
with
Height
color
opacity	透明
anchor x
anchor y
skew y
skew y
cc.Sprite.sharedMaterials
cc.Sprite.spriteFrame	序列帧动画轨道
cc.Sprite.fillType
cc.Sprite.fillCenter
cc.Sprite.fillStart
cc.Sprite.fillRange

动画轨道说明文档（当轨道内为粒子）

名字	说明	作用
actvie
position
x
y
z
scale	比例
scale x	比例x
scale y	比例y
scale z	比例z
angel	天使	同样会记录角度
eulerAngles	欧拉角	记录角度关键帧
with
Height
color
opacity	透明
anchor x
anchor y
skew y
skew y
cc.ParticleSystem.sharedMaterials
cc.ParticleSystem.spriteFarme
cc.ParticleSystem.laoyOnLoad
cc.ParticleSystem.totalParticles
cc.ParticleSystem.duration
cc.ParticleSystem.emissionRate
cc.ParticleSystem.life
cc.ParticleSystem.lifeVar
cc.ParticleSystem.startColor
cc.ParticleSystem.startColorVar
cc.ParticleSystem.endColor
cc.ParticleSystem.endColorVar
cc.ParticleSystem.angle
cc.ParticleSystem.angleVar
cc.ParticleSystem.startSize
cc.ParticleSystem.startSizeVar
cc.ParticleSystem.endSize
cc.ParticleSystem.endSizeVar
cc.ParticleSystem.startSpit
cc.ParticleSystem.srarSpinVar
cc.ParticleSystem.endSpin
cc.ParticleSystem.endSpin
cc.ParticleSystem.endSpinVar
cc.ParticleSystem.sourePos
cc.ParticleSystem.posVar
cc.ParticleSystem.positionType
cc.ParticleSystem.emitterMode
cc.ParticleSystem.gravity
cc.ParticleSystem.speed
cc.ParticleSystem.speedVar
cc.ParticleSystem.tangentialAccel
cc.ParticleSystem.tangentialAccelVar
cc.ParticleSystem.radialAccelVar
cc.ParticleSystem.rotationIsDir
cc.ParticleSystem.startRadius
cc.ParticleSystem.startRadiusVar
cc.ParticleSystem.endRadius
cc.ParticleSystem.endRadiusVar
cc.ParticleSystem.rotatePerS
cc.ParticleSystem.rotatePerSVar

如何保存

Anim的内容由2部分组成，

1. 主要资源，即node节点和相关子节点及美术资源
2. animClip，用于记录anim动作和所有记录
   当node上被加载animClip时候则可以播放编辑好的动画，或者编辑动画
   编辑结束后点击即可保存并关闭
   

如何预览