Cocos2d-JS 粒子效果
2016-05-04 18:18
417 查看
“粒子系统”是模拟自然界中的一些粒子的物理运动的效果,如烟雾、下雪、下雨、火、爆炸等。单个或几个粒子无法体现出粒子运动规律性,必须有大量的粒子才体现出运行的规律。而且大量的粒子不断消失,又有大量的粒子不断产生。
实例:打火机
打火机的火苗其实就是粒子系统
使用如下几行代码就可以实现:
上述第1行代码是创建火焰粒子系统对象,ParticleSystem是粒子系统基类,子类ParticleFire是火焰粒子系统类。
第2行代码是设置粒子系统的纹理,其中res.s_fire变量保存火粒子系统的纹理图片,路径是res/fire.png,第3行和第4行代码是设置粒子系统的位置。第5行代码是添加火焰粒子系统对象到当前层。
粒子发射模式
粒子系统发射的时候有两种模式:重力模式和半径模式。
重力模式是让粒子围绕一个中心点做远离或紧接运动。半径模式是让粒子围绕中心点旋转。
粒子系统属性如下所示:
修改粒子代码效果如下
内置粒子系统
自定义粒子系统
代码创建粒子系统需要手工设置这些属性,维护起来非常困难,推荐使用Particle Designer等粒子设计工具进行所见即所得的设计,这些工具一般会生成一个描述粒子的属性类表文件。然后通过类似下面的语句加载:
实例:打火机
打火机的火苗其实就是粒子系统
使用如下几行代码就可以实现:
上述第1行代码是创建火焰粒子系统对象,ParticleSystem是粒子系统基类,子类ParticleFire是火焰粒子系统类。
第2行代码是设置粒子系统的纹理,其中res.s_fire变量保存火粒子系统的纹理图片,路径是res/fire.png,第3行和第4行代码是设置粒子系统的位置。第5行代码是添加火焰粒子系统对象到当前层。
粒子发射模式
粒子系统发射的时候有两种模式:重力模式和半径模式。
重力模式是让粒子围绕一个中心点做远离或紧接运动。半径模式是让粒子围绕中心点旋转。
粒子系统属性如下所示:
修改粒子代码效果如下
内置粒子系统
自定义粒子系统
代码创建粒子系统需要手工设置这些属性,维护起来非常困难,推荐使用Particle Designer等粒子设计工具进行所见即所得的设计,这些工具一般会生成一个描述粒子的属性类表文件。然后通过类似下面的语句加载:
相关文章推荐
- [图文]为移植到Android平台上的Cocos2d-x项目添加xml布局文件
- [图文]将cocos2d-x项目移植到android上
- Cocos2d-lua自动重新加载SpriteFrames
- Cocos2d-x学习(1) - cocos2d环境配置
- cocos code ide快捷键
- cocos 优化方案
- cocos2dx 3.10 移植到安卓步骤
- cocos2d-x 实现跨平台的目录遍历
- 【cocos2d-js官方文档】二十四、如何在android平台上使用js直接调用Java方法
- cocos2d-lua+cocos studio之ListView加载Item
- cocos2d-x-3.x snapshot
- cocos2dx 之 全局调度器
- cocos2dx3.10的TableView的实现
- 升级到cocos2d-x 3.10之后被遗忘的ccui.PageView.pageTurningEvent()
- cocos 一个描边shader
- cocos2dx的CCLabelTTF类使用不同的TTF字库时字体没有变化的问题
- cocos2d js v3.10 sprite点击事件的区域问题
- Cocos2d - Action学习总结
- Cocos 资料大全
- Cocos2d 植物大战僵尸游戏解析