1

1

搭建开始场景

创建游戏脚本

cc.director.preloadScene('playScene', function () {   cc.director.loadScene('playScene');
});

2. 实现选择角色按钮的回调，点击某个角色时，先将其他角色设置为未选中状态，再将当前选择的角色设为选中状态，最后用cc.sys.localStorage.setItem(“key”,value);方法本地保存选择的角色类型。

3. 在onLoad()方法中，调用cc.sys.localStorage.getItem(“key”);方法获取到本地保存的角色类型，并设置角色按钮的选中状态。

4. 游戏中音效必不可少，点击各个按钮时，都需要播放音效，方法如下：

//播放音效
playSound : function(name, isLoop){ cc.loader.loadRes(name, cc.AudioClip, function (err, clip) {    if(err){    return; }   let audioID = cc.audioEngine.playEffect(clip, isLoop); });
},

开始场景和脚本关联

1

搭建游戏场景

创建游戏脚本

cc.director.getPhysicsManager().enabled = true;

cc.director.getPhysicsManager().gravity = cc.v2(0, -640);

this.node.on(cc.Node.EventType.TOUCH_START, this.onEventStart, this);
this.node.on(cc.Node.EventType.TOUCH_MOVE, this.onEventMove, this);
this.node.on(cc.Node.EventType.TOUCH_CANCEL, this.onEventCancel, this);
this.node.on(cc.Node.EventType.TOUCH_END, this.onEventEnd, this);

//更新炮管角度
updateGunAngle : function(){    this.shootLineImg.active = true;   this._curAngle = 0;    this.gunSchedule = function(){ if (this._curAngle < 90){    this._curAngle += 1;  this.myGunImg.angle = this._curAngle;  }   };  this.schedule(this.gunSchedule, 0.03);  },

//停止更新炮管
stopGunAngle(){ this.unschedule(this.gunSchedule);  this.shootLineImg.active = false;
},

//敌方开炮
enemyOpenFire : function(){ //敌方子弹世界坐标  let enemyBulletPos = this._enemyNode.enemyBulletWorldPos();    //我方英雄世界坐标  let myHeroPos = this.myHeroImg.parent.convertToWorldSpaceAR(cc.v2(this.myHeroImg.position.x, this.myHeroImg.position.y + 30));    //计算夹角  let lenX = Math.abs(enemyBulletPos.x - myHeroPos .x);  let lenY = Math.abs(enemyBulletPos.y - myHeroPos .y);  let angle = Math.atan2(lenY, lenX) * 180 / Math.PI;    //设置敌方小火炮的角度    this._enemyNode.setGunAngle(angle);     //计算炮运行的距离  let len = Math.sqrt(Math.pow(lenX, 2) + Math.pow(lenY, 2));   this._enemyNode.gunAni(len);    this.playSound("sound/enemyBullet", false);
},

//更换纹理
setImgTexture : function(str, node){    cc.loader.loadRes(str, cc.SpriteFrame, function (err, spriteFrame) {    if (err) {  cc.error(err.message || err);   return; }   node.getComponent(cc.Sprite).spriteFrame = spriteFrame;    }.bind(this));
},

创建敌人脚本

//调整敌方柱子高度
setColumnHight : function(){    //随机获取高度    let y = Math.floor(Math.random() * -250) - 100;    this.cloumn.position = cc.v2(this._winSize.width / 2 + 100, y);
},

//敌人进场动作
comeOnAni : function(){ this.setColumnHight();  let w = Math.floor(Math.random() * (this._winSize.width / 4)); this.cloumn.runAction(cc.sequence(cc.moveTo(1.0, cc.v2(w, this.cloumn.position.y)), cc.callFunc(() =>{  this.enemyHeroImg.active = true;   this.enemyGunImg.active = true;    this.enemyAni();    }, this)));
},

//敌方柱子运动
enemyMove : function(){ this.enemyHeroImg.active = false;  this.enemyGunImg.active = false;   this.cloumn.runAction(cc.sequence(cc.moveTo(1.0, cc.v2(-this._winSize.width / 2 - 100, this.cloumn.position.y)), cc.callFunc(() =>{ if(this.callBack){  this.callBack();    }   })));
},

//炮运动
gunAni : function(len){ let bulletPos = this.enemyBulletImg.position;  this.enemyBulletImg.runAction(cc.sequence(cc.moveTo(0.3, cc.v2(len, 0)), cc.callFunc(() =>{ if(this.hitHeroCallBack){   this.hitHeroCallBack(); }   this.enemyBulletImg.position = bulletPos;  })));
},

创建碰撞脚本

//碰撞监听
contactFunction (selfCollider, otherCollider){  if(this.callBack){  this.callBack(selfCollider, otherCollider); }
},  contactCallBack (callBack){ this.callBack = callBack;
},

onBeginContact ( contact, selfCollider, otherCollider){  if(selfCollider.tag == 0 && otherCollider.tag == 0){    cc.log("onBeginContact...");  //碰撞开始  this.contactFunction(selfCollider, otherCollider);  }
},

创建动画脚本

playAni(nameStr, count, dt, isLoop){   this.stopAni(); this.node.getComponent(cc.Sprite).spriteFrame = this.bigImg.getSpriteFrame(nameStr + 0);  let array = [];    for(let i = 0; i < count; i++){   array.push(cc.delayTime(dt));   array.push(cc.callFunc(() =>{   this.node.getComponent(cc.Sprite).spriteFrame = this.bigImg.getSpriteFrame(nameStr + i);  }));    }           if(isLoop){ this.node.runAction(cc.repeatForever(cc.sequence(array)));  }   else{   this.node.runAction(cc.sequence(array));    }
},

this.shieldImg.getComponent("spriteFrameAni").playAni("shield", 4, 0.1, true);