JavaScript强化教程内置粒子系统.docx

主要介绍：JavaScript强化教程?—— 内置粒子系统?从类图中我们可以看到，Cocos2d-JS中有内置的11种粒子，这些粒子的属性都是预先定义好的，我们也可以在程序代码中单独修改某些属性，我们在上一节的实例中都已经实现了这些属性的设置。内置粒子系统内置的11种粒子系统说明如下：?ParticleExplosion。爆炸粒子效果，属于半径模式。ParticleFire。火焰粒子效果，属于重力径模式。ParticleFireworks。烟花粒子效果，属于重力模式。ParticleFlower。花粒子效果，属于重力模式。ParticleGalaxy。星系粒子效果，属于半径模式。ParticleMeteor。流星粒子效果，属于重力模式。ParticleSpiral。漩涡粒子效果，属于半径模式。ParticleSnow。雪粒子效果，属于重力模式。ParticleSmoke。烟粒子效果，属于重力模式。ParticleSun。太阳粒子效果，属于重力模式。ParticleRain。雨粒子效果，属于重力模式。这11种粒子的属性，根据它的发射模式不同,效果不同。实例：内置粒子系统下面我们通过一个实例演示一下这11种内置粒子系统。这个实例如图所示，左图是一个操作菜单场景，选择菜单可以进入到上图动作场景，在下图动作场景中演示选择的粒子系统效果，点击右下角返回按钮可以返回到菜单场景。2.jpg内置粒子系统实例下面我们重点介绍一下场景MyActionScene，它的MyActionScene.js代码如下：var?MyActionLayer?=?cc.Layer.extend({???flagTag:?0,?????????????????????????//?操作标志???pLabel:?null,???????????????????????????????????????????????????????①???ctor:?function?(flagTag)?{????this._super();???this.flagTag?=?flagTag;?????cc.log(MyActionLayer?init?flagTag??+?this.flagTag);?????var?size?=?cc.director.getWinSize();?????var?backMenuItem?=?new?cc.LabelBMFont(Back,?res.fnt_fnt);???var?backMenuItem?=?new?cc.MenuItemLabel(backMenuItem,?this.backMenu,?this);???backMenuItem.x?=?size.width?-?100;???backMenuItem.y?=?100;?????var?mn?=?cc.Menu.create(backMenuItem);???mn.x?=?0;???mn.y?=?0;???mn.anchorX?=?0.5;???mn.anchorY?=?0.5;???this.addChild(mn);?????this.pLabel?=??new?cc.LabelBMFont(,?res.fnt_fnt);???this.pLabel.x?=?size.width?/2;???this.pLabel.y?=?size.height??-?50;???this.addChild(this.pLabel,?3);?????return?true;???},???backMenu:?function?(sender)?{???cc.director.popScene();???},???onEnterTransitionDidFinish:?function?()?{???cc.log(Tag?=??+?this.flagTag);???var?sprite?=?this.getChildByTag(SP_TAG);???var?size?=?cc.director.getWinSize();?????var?system;???switch?(this.flagTag)?{?????????????????????????????????????????②???case?ActionTypes.kExplosion:???system?=?new?cc.ParticleExplosion();???this.pLabel.setString(Explosion);???break;???case?ActionTypes.kFire:???system?=?new?cc.ParticleFire();???system.texture?=?cc.textureCa