while循环

while是计算机的一种基本循环模式。当满足条件时进入循环，进入循环后，当条件不满足时，跳出循环。

while（条件）{}

例题：

1、利用 while 循环生成目标效果 4 行 4 列的飞机添加到背景图片上

（1）飞机起始坐标 x：0、y：0；x 轴方向依次 +88、y 轴方向依次 +80

（2）调用 Plane(x,y) 生成飞机图片， x  为飞机 x 轴坐标， y 为飞机  y 轴坐标

var app = new PIXI.Application(500, 500);
document.body.appendChild(app.view);

var bg = new PIXI.Sprite.fromImage("res/bg_01.png");
bg.width = 500;
bg.height = 600;
app.stage.addChild(bg);

function Plane(x,y){
    var plane = new PIXI.Sprite.fromImage("res/enemy_04.png");
    plane.x = x;
    plane.y = y;
    plane.scale.x = 0.8;
    plane.scale.y = 0.8;
    bg.addChild(plane);
}
function add(){
   //代码编辑区域
   var i = 0;
   
      while(i<4){
          var j = 0;
          while(j<4){
              if(i<=j){
              Plane(i*88,j*80);
              }
              j++;
          }
          i++;
          
      }

}
add();

2.

控制前五架飞机向上移动，后五架飞机向下移动。

飞机速度大于 0 。

var app = new PIXI.Application(800,600);
document.body.appendChild(app.view);
var arr = [];
var bg = new PIXI.Sprite.fromImage("res/bg_02.png");
app.stage.addChild(bg);
bg.width = 800;
bg.height = 600;
for(var i =0; i < 10;i++){
    var plane = new PIXI.Sprite.fromImage("res/enemy_02.png");
    app.stage.addChild(plane);
    plane.x = i*75;
    plane.y =200;
    arr.push(plane);
}

app.ticker.add(animate);
function animate(){
     for(var i=0;i<10;i++){
         var plane = arr[i];
         if(i<5){
             plane.y -=10;
         }else{
             plane.y +=10;
         }
     }
     
     
     
     
}