首先要用function createUser()构造函数创建一个飞机的类,然后用new操作符去实例化用户飞机对象,在函数createUser中添加用户飞机运动的方法。用实例化后的飞机对象去调用这个方法。在用户飞机运动到敌机坐标位置范围内时,俩飞机相撞,清除所有计时器,游戏结束。
function User(){
this.height=70;
this.width=50;
this.src="./image/18.png";
this._user=null;
this.x;
this.y;
this.createUser=function (){}
//x y可以根据鼠标的坐标进行计算 e.pageX e.pageY,在userMove()中判断是否和敌机相撞
this.userMove=function (x,y){}
}
接下来要用function createBullet()构造函数创建一个子弹的类,然后用new操作符去实例化子弹对象,在函数createBullet中添加子弹对象的运动方法,在这里,要注意子弹的运动是根据用户飞机的坐标去计算的。当子弹移动到地图的最上面时,要移动子弹对象的DOM元素,并且要移除子弹这个对象,因为在构造函数创建类时把对象当作是这个类的一个属性。在子弹运动到与敌机的坐标位置一定范围时,要移除子弹的DOM元素和对象,并且如果敌机的血量为0时,要移动敌机的DOM元素和对象。
function Bullet(){
this.height=20;
this.width=10;
this.src="./image/15.png";
this.x;
this.y;
this._bullet=null;
this.createBullet=function (){}
this.bulletMove=function (index){}
this.bulletBeat=function (en,bu,index){}
}
最后要用functiton createEnemy()构造函数创建一个敌机的类,然后用New操作符去实例化敌机对象,在函数createEnemy()中添加敌机运动的方法。敌机的初始坐标X随机为地图的宽度-敌机的宽度范围之内,敌机的初始坐标y可以为-(敌机的高度)。敌机沿y方向不断运动,当敌机移动到地图的最下面时,要移除敌机的DOM元素和对象。
function Enemy(w,h,b,sp,sc){
this.width=w || 30;
this.height=h || 50;
this.src="./image/17.png";
this.blood=b || 1;
this.speed=sp || 1;
this._enemy=null;
this.score=sc || 100;
this.x=Math.random()*(400-this.width);
this.y=-this.height;
this.enemyMove=function (index){}
}
//使用原型方法创建敌机
Enemy.prototype.createEnemy=function (){}