Cocos2d-JS 粒子效果

“粒子系统”是模拟自然界中的一些粒子的物理运动的效果,如烟雾、下雪、下雨、火、爆炸等。单个或几个粒子无法体现出粒子运动规律性,必须有大量的粒子才体现出运行的规律。而且大量的粒子不断消失,又有大量的粒子不断产生。
实例:打火机
打火机的火苗其实就是粒子系统
使用如下几行代码就可以实现:

上述第1行代码是创建火焰粒子系统对象,ParticleSystem是粒子系统基类,子类ParticleFire是火焰粒子系统类。
第2行代码是设置粒子系统的纹理,其中res.s_fire变量保存火粒子系统的纹理图片,路径是res/fire.png,第3行和第4行代码是设置粒子系统的位置。第5行代码是添加火焰粒子系统对象到当前层。
粒子发射模式
粒子系统发射的时候有两种模式:重力模式和半径模式。
重力模式是让粒子围绕一个中心点做远离或紧接运动。半径模式是让粒子围绕中心点旋转。
粒子系统属性如下所示:
Cocos2d-JS 粒子效果_第1张图片
Cocos2d-JS 粒子效果_第2张图片
修改粒子代码效果如下
Cocos2d-JS 粒子效果_第3张图片
内置粒子系统
Cocos2d-JS 粒子效果_第4张图片
自定义粒子系统
代码创建粒子系统需要手工设置这些属性,维护起来非常困难,推荐使用Particle Designer等粒子设计工具进行所见即所得的设计,这些工具一般会生成一个描述粒子的属性类表文件。然后通过类似下面的语句加载:



你可能感兴趣的:(cocos2d-js,粒子效果,修改粒子,粒子发射模式,内置粒子系统,自定义粒子系统)