Cocos-js——粒子系统

最新推荐文章于 2020-09-25 14:15:44 发布

原创最新推荐文章于 2020-09-25 14:15:44 发布 · 726 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

Cocos2d-JS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用ParticleDesigner创建粒子效果，并将其整合到项目中。文中详细解释了从创建粒子文件到在游戏内应用的过程，包括内置粒子系统的使用及自定义粒子系统的实现。

准备工作

Particle Designer 分享下载链接
http://pan.baidu.com/s/1hqfDQdA

1. 使用Particle Designer创建一个火焰的粒子文件
2. 文件保存为Flame.png和Flame.plist
3. 将Flame.png和Flame.plist导入到项目中的src
4. resource.js中添加

var res = {
Flame_png:"res/Flame.png",
    Flame_plist:"res/Flame.plist"
};

自定义粒子系统

//火焰效果

var customParticle = new cc.ParticleSystem(res.Flame_plist);
this.addChild(customParticle);

内置粒子系统

内置的11中粒子效果：

ParticleExplosion();        //爆炸
ParticleFire();             //火焰
ParticleFireworks();        //烟花
ParticleFlower();           //花朵
ParticleGalaxy();           //星系
ParticleMeteor();           //流星
ParticleRain();             //下雨
ParticleSmoke();            //烟雾
ParticleSnow();             //雪花
ParticleSpiral();           //螺旋
ParticleSun();              //太阳


//雪花飘落效果

var rainParticle = new cc.ParticleRain();
rainParticle.texture = cc.textureCache.addImage(res.Flame_png);
this.addChild(rainParticle);