飞机大战-2

今天主要实现：飞机打出子弹；
子弹图片：

1. 大家可以看见子弹就是一张图片，怎么实现子弹连续射出；
   
   1. 子弹的创建

      /**
   *
   * @param x 子弹距左边的距离；
   * @param y 子弹距顶部的距离；
   * @param sizeX 子弹大小
   * @param sizeY 子弹大小；
   * @param Imagesrc 子弹图片；
   */
  `function bullet(x,y,sizeX,sizeY,Imagesrc){
      this.x=x;
      this.y=y;
      this.sizeX=sizeX;
      this.sizeY=sizeY;
      this.Imagesrc=Imagesrc;
      this.init=function(){
          this.bulletImag=document.createElement("img");
          this.bulletImag.style.left=this.x+"px";
          this.bulletImag.style.top=this.y+"px";
          this.bulletImag.style.position="absolute";
          this.bulletImag.src=Imagesrc;
          main.appendChild(this.bulletImag);
      }
      this.init();
      //后面调用子弹上升；
      this.move=function(){
          this.bulletImag.style.top=parseInt(this.bulletImag.style.top)-20+"px";
      }
  }`

2. 先把一颗子弹定在飞机上方（并可以随着飞机移动）//后面会有改动，可以先new 个子弹，并把left/top跟飞机绑定（自己动手思考哈！）

1. 子弹的移动，它应该是在我方飞机的上方（随着飞机移动）下面只是关键代码的提示；
   
   1. var bullets=[];
   2. bullets.push(new bullet(parseInt(document.defaultView.getComputedStyle(myPlane.oImg,null).left)+30,
   3. 这里涉及到循环执行函数，这样子弹才会一直发射；
      
      1. setInterval("moveBullet()",20);
2. 子弹图片超过一定范围的删除，（不删除会怎么样？）
   
   1. 图片的删除
      
      1. main.removeChild(bullets[i].bulletImag);
   2. 由于图片是装在数组里面的，所以数组也要删除，不然数组一直在创建；
      
      1. bullets.splice(i,1);

>       `/*
>   移动子弹
>   */
>   var bulletslen=bullets.length;
>   for(var i=0;i<bulletslen;i++){
>   bullets[i].bulletmove();
>   /*
>   如果子弹超出边界,删除子弹
>   */
>   if(bullets[i].bulletimage.offsetTop<0){//offsetTop第一节有介绍
>   mainDiv.removeChild(bullets[i].bulletimage);
>   bullets.splice(i,1);
>   bulletslen--;
>   }>  
> }`

---

参数：arr.splice(index,howmany,element1,… …,elementN);
1、index———从该下标开始删除
2、howmany—-删除指定数量的元素
3、elements—–插入的元素