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

原创 2014年01月24日 16:43:09

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


先展示效果:





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



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





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



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



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





两个粒子都创建好了,现在我们到代码里面使用,打开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初入学堂(10)-->ParticleEditor粒子编辑器

欢迎转载!转载时请注明出处:http://write.blog.csdn.net/postedit/8126525 呵呵~ 上一讲,只是将粒子系统的基础知识,也有朋友问windows版的粒子编辑器,...
  • aa4790139
  • aa4790139
  • 2012年10月30日 01:21
  • 39165

libgdx: 2D Particle Editor工具使用

1、在dos命令行下,进入libgdx-1.5.3目录,直接运行 java -cp gdx.jar;gdx-natives.jar;gdx-backend-lwjgl.jar;gdx-backend-...
  • tianxiawuzhei
  • tianxiawuzhei
  • 2015年04月09日 10:47
  • 1624

ParticleEditor

  • 2014年07月01日 17:41
  • 10.02MB
  • 下载

Particle Editor V2.1

  • 2015年01月23日 10:15
  • 10.02MB
  • 下载

cocos2d-x粒子系统编辑器(ParticleEditor V2.0.7z)

  • 2014年09月05日 09:27
  • 2.8MB
  • 下载

10.粒子编辑器ParticleEditor中使用自己的纹理的方法。

ParticleEditor这款粒子编辑器还是挺好用的,下载地址:https://github.com/fjz13/Cocos2d-x-ParticleEditor-for-Windows 要使用自己...
  • Huang_Cai_Yuan
  • Huang_Cai_Yuan
  • 2014年04月28日 15:06
  • 2324

ParticleEditor粒子编辑器

欢迎转载!转载时请注明出处:http://write.blog.csdn.net/postedit/8126525 呵呵~ 上一讲,只是将粒子系统的基础知识,也有朋友问windows版的粒子编辑...
  • mjj123mjj123
  • mjj123mjj123
  • 2014年11月02日 11:02
  • 1870

particle-editor(粒子编辑器)

  • 2013年02月18日 17:06
  • 1KB
  • 下载

cocos2dx粒子编辑器软件:mac推荐Particle designer/win推荐ParticleEditor

转自:http://blog.csdn.net/u013174689/article/details/41078075 cocos2dx粒子编辑器 mac环境下推荐使用Particle de...
  • azhou_hui
  • azhou_hui
  • 2015年01月20日 12:00
  • 5279

ParticleEditor V2.0

  • 2014年02月19日 18:14
  • 2.8MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:九 手游开发神器 cocos2d-x editor 之粒子效果(ParticleEditor)
举报原因:
原因补充:

(最多只允许输入30个字)