飞机大战的思路

首先要用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 (){}

你可能感兴趣的:(web前端)