Cocos2d-x 3.0 开发(十二)在CocoStudio中使用粒子挂载与曲线动画

[-]

  1. 概述
  2. 粒子挂载
    1. Cocos2d-x 30开发六使用cocoStudio创建一个骨骼动画
  3. 曲线动画
  4. 总结

1、概述


    最新版本的CocoStudio在修复之前Bug的同时,加入了新功能,粒子挂载和曲线动画就是其中的亮点。下面我们就动手做个例子,先上图:

    

 

2、粒子挂载


    运行CocoStudio中的AnimationEditor,来编辑动画,我就用之前的那个UI做的小人啦。

    在CocoStudio 1.1 中可以隐藏骨骼(Alt+G)


Cocos2d-x 3.0 开发(十二)在CocoStudio中使用粒子挂载与曲线动画_第1张图片


    在不需要骨骼显示的时候,关闭骨骼显示清爽了好多。接下来开始动手挂载粒子。

    我们要将找到粒子效果的plist加入到资源目录中。然后将其拖动到场景中即可。


Cocos2d-x 3.0 开发(十二)在CocoStudio中使用粒子挂载与曲线动画_第2张图片


    接下来就是绑定父骨骼了,和先前一样。如果不太清楚操作,可以参照: 

Cocos2d-x 3.0开发(六)使用cocoStudio创建一个骨骼动画

 

3、曲线动画


    真实世界中的运动通常都不是线性(Liner)的,而是“曲线”的。有快有慢有反弹,这样看起来才更真实。虽然这也属于动画的范畴,但是很通用,所以大家就把它们抽象出来了(似乎有面向对象的味道…)。这些运动细节的设置在CocoStudio 1.1中已经可以使用。

    接下来我们动手做。

    首先要制作一个动画。在帧上右击选择“缓动设置”,就能看到了,这里我们选择CircEaseIn:


Cocos2d-x 3.0 开发(十二)在CocoStudio中使用粒子挂载与曲线动画_第3张图片

 

   播放动画,就可以看到效果了。保存导出,和先前一样。


4、总结


    新版本的CocoStudio中可以挂载粒子,也可以设置缓动,极大的方便了我们对效果的调整。



本篇博客出自阿修罗道,转载请注明出处,禁止用于商业用途http://blog.csdn.net/fansongy/article/details/16970911 

你可能感兴趣的:(Cocos2d-x 3.0 开发(十二)在CocoStudio中使用粒子挂载与曲线动画)