首页 > 其他 > 详细

九 手游开发神器 cocos2d-x editor 之粒子效果(ParticleEditor)

时间:2014-01-25 11:03:46      阅读:465      评论:0      收藏:0      [点我收藏+]

下雪,烟花,火焰用图片绘制不是很容易,而使用粒子效果则会事半功倍;这一节我要实现小怪物头顶有光环粒子,背景有瀑布粒子


先展示效果:

bubuko.com,布布扣


bubuko.com,布布扣


代码下载地址:http://www.kuaipan.cn/file/id_25348935635744695.htm?source=1



在Resources新建一个package目录particles,右击新建粒子flower;

bubuko.com,布布扣


bubuko.com,布布扣


把flower.png也放置在particles目录下面,把图片拖动到黑色区域,小颗粒变成了五角星

bubuko.com,布布扣


右边是参数调节面板,根据英语意思应该可以看明白,如果不了解可以百度一下 ParticleEditor,和它的类似,最终我调节成下面的样色

bubuko.com,布布扣


同理新建一个pipe粒子,和瀑布有点像,调节参数如下:

bubuko.com,布布扣


bubuko.com,布布扣


两个粒子都创建好了,现在我们到代码里面使用,打开MainLayer.js,编辑加入下面代码:

    var flowerParticle = cc.ParticleSystem.create("Resources/particles/flower.plist");
    flowerParticle.setAnchorPoint(cc.p(0.5, 0.5));
    flowerParticle.setPosition(cc.p(60, 160));
    flowerParticle.setPositionType(1);
    this.monster.addChild(flowerParticle);

    var piperParticle = cc.ParticleSystem.create("Resources/particles/pipe.plist");
    piperParticle.setAnchorPoint(cc.p(0.5, 0.5));
    piperParticle.setPosition(cc.p(10, 800));
    piperParticle.setPositionType(1);
    this.rootNode.addChild(piperParticle);

运行你会看到小怪物头顶一直跟随着星星,背景还有瀑布的效果



下一篇文章 我会介绍cocos2d-x  editor的粒子效果       笔者(李元友)

资料来源:cocos2d-x  editor


九 手游开发神器 cocos2d-x editor 之粒子效果(ParticleEditor)

原文:http://blog.csdn.net/touchsnow/article/details/18735963

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!