《《cocos2d-js教学课件》2cocos2d-js-particl.pptx》由会员分享,可在线阅读,更多相关《《cocos2d-js教学课件》2cocos2d-js-particl.pptx(34页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、Cocos2d-JS 粒子系统鲍健运 Cocos引擎技术布道师,触控教育简介简介粒子系统用于模拟一些特定的模糊现象例如火、爆炸、烟、落叶、雪、雾、云、流星等。粒子可以使用一个小图片或者一个纯色块来表示粒子可以根据设置,指定生成速度和更新间隔,在指定位置生成粒子,并初始化粒子的速度、颜色、透明度、生命周期等参数。粒子在生命周期内,会模拟实际物理规律,不断更新位置和速度等特性,而超出生命周期后就会自动消失。ParticleSystem类ParticleSystem类新建一个基本ParticleSystem光这些是没有任何效果的!需要对其设置屏幕中同时存在粒子数量的上限通过图片设置粒子的纹理Part
2、icleSystem类粒子系统的主要属性duration:发射器生存时间,即它发射粒子的时间注意:这个时间与粒子的生存时间不同,单位为秒,-1表示永远emissionRate:每秒喷发的粒子数量emitterMode:喷发器模式:重力模式(GRAVITY)和半径模式(RADIUS)totalParticles:场景中存在的最大粒子数目一般与emissionRate配合使用isAutoRemoveOnFinish:粒子结束时是否自动删除ParticleSystem类重力模式的属性gravity:重力radiaAccel:粒子径向加速度(平行于重力方向)radiaAccelVar:粒子径向加速度变
3、化范围即粒子径向加速度值为(radiaAccel-radiaAccelVar)到(radiaAccel+radiaAccelVar)之间,之后类似speed:速度speedVar:速度变化范围tangentialAccel:粒子切向加速度(垂直于重力方向)tangentialAccelVar:粒子切向加速度变化范围ParticleSystem类半径模式的属性endRadius:结束半径endRadiusVar:结束半径范围rotatePerSecond:粒子每秒围绕起始点的旋转角度rotatePerSecondVar:粒子每秒围绕起始点的旋转角度变化范围startRadius:初始半径star
4、tRadiusVar:初始半径变化范围ParticleSystem类生命属性life:粒子生命,即粒子的生存时间lifeVar:粒子生命变化范围大小属性endSize:粒子结束时的大小,-1表示与初始大小一致endSizeVar:粒子结束大小的变化范围startSize:粒子初始时的大小startSizeVar:粒子初始大小的变化范围ParticleSystem类角度属性angle:粒子角度angleVar:粒子角度的变化范围颜色属性endColor:粒子结束颜色endColorVar:粒子结束颜色变化范围startColor:粒子初始颜色startColorVar:粒子初始颜色变化范围如不需
5、要五颜六色效果,endColorVar与startColorVar都设置为cc.color(0,0,0,0)ParticleSystem类位置属性positionType:粒子位置类型:自由模式(Free),相对于屏幕自由,不随粒子节点移动,如火焰、蒸汽等特效相对模式(Relative),随粒子节点移动而移动,如移动角色身上的特效等打组模式(Grouped),随粒子发射器移动而移动posVar:发射器位置的变化范围(横向和纵向)sourcePosition:发射器原始坐标位置ParticleSystem类自旋属性endSpin:粒子结束自旋角度endSpinVar:粒子结束自旋角度的变化范围s
6、tartSpin:粒子开始自旋角度startSpinVar:粒子开始自旋角度的变化范围ParticleSystem类发现:自定义实现一个粒子系统,需要设置相当多的参数!示例:旋转喷射五颜六色星星的实例Cocos2d-JS内置现成粒子效果内置现成粒子效果烟花:内置现成粒子效果火焰:内置现成粒子效果太阳:根据需要调整缩放尺寸内置现成粒子效果银河:内置现成粒子效果花:内置现成粒子效果雪:内置现成粒子效果雨:内置现成粒子效果流星:内置现成粒子效果烟:内置现成粒子效果螺旋:内置现成粒子效果爆炸:可视化粒子编辑器可视化粒子编辑器在线 Particle Editor:http:/ stopSystem停止后,需要从节点移除粒子系统针对播放有限次数的粒子 setAutoRemoveOnFinish自动销毁:播放完成时,自动停止粒子,并从节点移除自己粒子的销毁注意:粒子系统使用大量的节点和资源,对显示性能消耗比较大,因此使用粒子系统时务必注意及时停止和回收Contact us:商务邮箱:触控开发者平台: 谢谢!