上一篇文章教了大家让飞机在随机的位置产生,并让它一直向下移动。那如何让它到达底下再返回到顶部?这里只要加一个if判断语句就可以了。
1.if语句结构
if(判断条件){
//条件成立,执行这里的语句
}
2.if-else语句结构
if(判断条件){
//条件成立,执行这里的语句
}esle{
//条件不成立,执行这里的语句
}
3.if-else if-else if-else语句结构
if(判断条件){
//条件成立,执行这里的语句
}else if(判断条件){
//条件成立,执行这里的语句
}else if(判断条件){
//条件成立,执行这里的语句
}else{
//条件不成立,执行这里的语句
}
4.判断飞机是否下到底部
var y = 0;
var x=Math.random()*393;//再画布范围里面产生x坐标
setInterval(function() {
ctx.drawImage(bg,0,0);
ctx.drawImage(enemy, x, y);
y = y + 1;
if(y>650){ //如果y大于650
y=0;//重新给y赋值为0
x=Math.random()*393//随机产生一个x坐标
}
}, 10);
通过上面的程序就可以完成飞机循环产生。
5.让飞机上下弹弹弹弹弹弹
var y = 0;
var flag=0;//旗帜标识,如果为0,飞机往下移动,如果为1,往上移动
var x=Math.random()*393;
setInterval(function() {
ctx.drawImage(bg,0,0);
ctx.drawImage(enemy, x, y);
if(flag==0){
y = y + 2;
if(y>607){//如果y大于607,则让旗帜标识flag=1,飞机向上移动
flag=1;
}
}
if(flag==1){
y=y-2;
if(y<0){//如果y小于0,则让旗帜标识flag=0,飞机向下移动
flag=0;
}
}
}, 10);
上面的程序就可以让飞机上下弹弹弹弹弹弹,如果有什么不懂的可以评论。