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

原创 2017年08月13日 10:05:08

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

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

JavaScript趣味编程--仿微信飞机大战游戏--2.让飞机移动

前一篇文章教大家使用canvas来画了一张图片,那么应该如何让这张图片动起来呢? 1.动画原理 我们平时看的动画片,为什么能动起来呢?其实是因为它们都是由一张张图片组成的,在短暂的时间播放多张图片...

JavaScript趣味编程--仿微信飞机大战游戏--3.让飞机在随机位置产生

上一篇文章教了大家如何让飞机不停地向下移动,通过定时器,对吧!我们的setInaterval(function(){},10); 这一次呢,我会教大家如何让你们的飞机在一个随机的x坐标中产生,这就需...

cocos2dx一仿微信飞机大战游戏实战二

仿微信飞机大战游戏实战二,游戏代码的编写,直接上代码 HelloWorldScene.h #ifndef __HELLOWORLD_SCENE_H__ #define __HELLOWORLD_SC...
  • qqqGL
  • qqqGL
  • 2014-01-08 14:01
  • 1895

【cocos2d-x入门实战】微信飞机大战之十三:游戏场景过渡

cocos2d-x之微信打飞机实战演习,原滋原味的微信打飞机源码分享。

微信飞机大战游戏开发

原文出自:方杰|http://fangjie.sinaapp.com/?p=366转载请注明出处 这学期上了一学期的Windows游戏开发课程,学期末的时候所以决定做一个微信飞机大战的小游戏。 ...

C#飞机大战(仿微信)

C#版飞机大战,完全模仿,O(∩_∩)O哈哈~

C#仿微信飞机大战_<零度屏幕录像软件>改版

习惯性来张美女消消暑,天气真TM热 7月一天,忽然发现10岁的儿子 (不好,暴露自己年龄了!)骨骼惊奇,天资聪慧, 是当程序猿的材料(算不算子承父业,希望不是害了我儿啊), 故打起教他学习一门语言。...

【三】仿微信飞机大战cocos2d-x3.0rc1

上一篇:【二】仿微信飞机大战cocos2d-x3.0rc1
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)