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

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

相关文章推荐

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

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

仿微信小游戏-飞机大战-源代码

  • 2013年08月27日 14:24
  • 3.38MB
  • 下载

JavaScript学习之仿微信打飞机游戏

学习一些小游戏的编写还是很有意思的,对于游戏的编写,我的理解就是一张张图片的刷新,比如游戏中控制一个物体移动,那需要做的就是一张一张刷新新的图片并清除掉前一张图片,便可以实现物体的移动了。为了模仿微信...

微信飞机大战游戏开发

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

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

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

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

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

C#飞机大战(仿微信)

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

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

上一篇:【二】仿微信飞机大战cocos2d-x3.0rc1

cocos2d-x-3.3-023-仿微信飞机大战-总体分析和建模

原文同步发布于我的wiki,查看原文或更新请移步:点击打开链接 总体分析 一开始得想明白了的问题 游戏里面的可见元素,采用is-a精灵,还是采用has-a精灵好: 直接继...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript趣味编程--仿微信飞机大战游戏--4.飞机重复往下
举报原因:
原因补充:

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