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;
}
}
}