添加敌机
有了添加子弹的经验之后，再添加敌机是不是变得简单了？没错，只要将飞机的起始和终止位置替换成屏幕的上沿和下沿就好了。
var MyLayer = cc.LayerColor.extend({
plane:null,
_bullets:null,
_targets:null,
init:function () {
// 1. super init first
// 必须调用父类init()方法，很多bug都是由于没有调用父类init()方法造成的
this._super();
// 用来装子弹的数组
this._bullets = ];
// 用来装敌机
this._targets = ];
// 设置Layer的背景
this.setColor(cc.c4(126,126,126,126));
// 获得游戏可视的尺寸
var winSize = cc.Director.getInstance().getWinSize();
// 获取屏幕坐标原点
var origin = cc.Director.getInstance().getVisibleOrigin();
// 创建一个飞机，游戏中大部分物体都能使用cc.Sprite表示
// 飞机的图案按照cc.rect(x,y,width,height）从图片中截取
// 以（x,y）为左上角，width为宽，height为高的矩形
this.plane = cc.Sprite.create(s_Plane,cc.rect(2,168,62,75));
// 将飞机设置在屏幕底部，居中的位置
// 图片的锚点在矩形的中心点，设置的就是这个点的位置
this.plane.setPosition(cc.p(origin.x + winSize.width/2 , origin.y + this.plane.getContentSize().height/2));
this.addChild(this.plane,1);
// 设置定时器，定时器每隔0.2秒调用一次addBullet方法
this.schedule(this.addBullet,0.2);
// 添加增加敌机的定时器
this.schedule(this.addTarget,0.4);
// 将层设置为可触摸
this.setTouchEnabled(true);
return true;
},
onTouchesMoved:function(touches,event){
var touch = touches;
var location = touch.getLocation();
if(this.onClickFlag){
this.plane.setPosition(location);
}
},
onTouchesEnded:function(touches, event){
this.onClickFlag = false;
},
onTouchesBegan:function(touches,event){
var touch = touches;
var location = touch.getLocation();
if(cc.rectContainsPoint(this.plane.getBoundingBox(),location)){
this.onClickFlag = true;
}
},
addBullet:function(){
var winSize = cc.Director.getInstance().getWinSize();
var origin = cc.Director.getInstance().getVisibleOrigin();
// 获得飞机的位置
var planePosition = this.plane.getPosition();
// 子弹穿越屏幕要花费的秒数
var bulletDuration = 1;
// 创建一个子弹
var bullet = cc.Sprite.create(s_Plane,cc.rect(66,237,7,20));
// 根据飞机的位置，初始化子弹的位置
bullet.setPosition(cc.p(planePosition.x,planePosition.y+bullet.getContentSize().height));
// 一个移动的动作
// 第一个参数为移动到目标所需要花费的秒数，为了保持速度不变，需要按移动的距离与屏幕高度按比例计算出花费的秒数
var actionMove = cc.MoveTo.create(bulletDuration * ((winSize.height - planePosition.y - bullet.getContentSize().height/2)/winSize.height),
cc.p(planePosition.x,
origin.y + winSize.height + bullet.getContentSize().height/2));
// 设置一个回调函数，移动完毕后回调spriteMoveFinished（）方法。
var actionMoveDone = cc.CallFunc.create(this.spriteMoveFinished,this);
// 让子弹执行动作
bullet.runAction(cc.Sequence.create(actionMove,actionMoveDone));
// 为子弹设置标签，以后可以根据这个标签判断是否这个元素为子弹
bullet.setTag(6);
this._bullets.push(bullet);
this.addChild(bullet,0);
},
addTarget:function(){
var target = cc.Sprite.create(s_Plane,cc.rect(201,88,39,27));
target.setTag(1);
var winSize = cc.Director.getInstance().getWinSize();
// 设置敌机随机出现的X轴的值
var minX = target.getContentSize().width/2;
var maxX = winSize.width - target.getContentSize().width/2;
var rangeX = maxX - minX;
var actualX = Math.random() * rangeX + minX;
// 在一定范围内随机敌机的速度
var minDuration = 2.5;
var maxDuration = 4;
var rangeDuration = maxDuration - minDuration;
var actualDuration = Math.random() * rangeDuration + minDuration;
target.setPosition(cc.p(actualX, winSize.height + target.getContentSize().height/2));
var actionMove = cc.MoveTo.create(actualDuration ,cc.p(actualX, 0 - target.getContentSize().height));
var actionMoveDone = cc.CallFunc.create(this.spriteMoveFinished,this);
target.runAction(cc.Sequence.create(actionMove,actionMoveDone));
this.addChild(target,1);
this._targets.push(target);
},
spriteMoveFinished:function(sprite){
// 将元素移除出Layer
this.removeChild(sprite, true);
if(sprite.getTag()==1){
// 把目标从数组中移除
var index = this._targets.indexOf(sprite);
if (index > -1) {
this._targets.splice(index, 1);
}
} else if(sprite.getTag()==6){
// 把子弹从数组中移除
var index = this._bullets.indexOf(sprite);
if (index > -1) {
this._bullets.splice(index, 1);
}
}
}
});
var MyScene = cc.Scene.extend({
onEnter:function () {
this._super();
var layer = new MyLayer();
this.addChild(layer);
layer.init();
}
});
```
运行成功，将看到这样的图：
上一篇：http://www.cocoachina.com/bbs/read.php?tid=188218
下一篇：http://www.cocoachina.com/bbs/read.php?tid=188223
