JavaScript趣味编程--仿微信飞机大战游戏--4.飞机重复往下

来源:互联网 发布:网络诗歌每日一诗 编辑:程序博客网 时间:2024/06/06 03:23

上一篇文章教了大家让飞机在随机的位置产生,并让它一直向下移动。那如何让它到达底下再返回到顶部?这里只要加一个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);

上面的程序就可以让飞机上下弹弹弹弹弹弹,如果有什么不懂的可以评论。