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实现飞机大战小游戏

源码地址:https://github.com/markLijun/planeWar
  • mark_lijun
  • mark_lijun
  • 2014年10月03日 20:04
  • 1422

边做游戏边学android—4(飞机大战③添加敌机和碰撞检测)

敌机的不会只有1个,而且也不会只有一种敌机。所以敌机也可以建一个继承与gameobject的父类。命名为EnemyPlane,代码如下:package com.example.object;impor...
  • oZuoDuanManBu
  • oZuoDuanManBu
  • 2015年05月16日 23:26
  • 1092

Qt游戏编程——飞机大战——补充

承接上篇: http://blog.csdn.net/hao_zong_yin/article/details/74540652 补充包: #ifndef SUPPLY_H #define ...
  • hao_zong_yin
  • hao_zong_yin
  • 2017年07月06日 16:17
  • 822

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

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

基于cocos2dx的飞机大战学习[五]-添加三种敌机

这节完成了许多的功能: 1、添加小飞机、中等飞机、大飞机。 2、每种飞机的移动速度和血量不同。 3、飞机被子弹打击效果。 4、飞机被摧毁效果。cocos2d提供的Sprite类不足以提供以上功...
  • u012891055
  • u012891055
  • 2015年07月17日 20:02
  • 1066

Python:用Pygame实现飞机大战小游戏

准备: 1、安装python 2、安装pip(http://blog.csdn.net/sinat_37390744/article/details/55798616) 3、安装pygame(p...
  • sinat_37390744
  • sinat_37390744
  • 2017年02月22日 12:58
  • 6275

JavaScript趣味编程--仿微信飞机大战游戏--1.画飞机

之前的文章已经介绍了如何使用canvas来画正方形,这次介绍如何使用canvas来画一张图片。 1.新建项目 本次使用的工具Aptana Studio 3,打开软件之后,选择File->N...
  • dreamer_sen
  • dreamer_sen
  • 2017年08月12日 19:04
  • 100

swing 飞机大战 三 自己飞机的移动和发射子弹

自己飞机的移动是让面板使用鼠标监听移动事件(接口MouseMotionListener),发射子弹是使用点击事件(接口MouseListener) 自己飞机有子弹,敌人飞机有子弹,那就创建一个子弹的父...
  • qq_36238595
  • qq_36238595
  • 2017年06月11日 18:36
  • 798

java游戏-飞机大战

飞机大战游戏源于微信小程序,这里采用java语言编写,同时运用到了数据库相关操作,实现了登录、注册、游戏音频、主游戏等功能...
  • CZM_886
  • CZM_886
  • 2017年12月12日 16:33
  • 511

cocos2d-x小游戏——飞机大战

上周,我做了一个基于 cocos2d-x 的飞机大战的游戏,因为我刚学cocos2d-x没多久,所以这个飞机大战很多都是看着别人的教程,再加上自己的一些想法,来做的。下面我想说一说我的思路。飞机大战有...
  • u013271921
  • u013271921
  • 2015年06月15日 16:38
  • 1364
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript趣味编程--仿微信飞机大战游戏--4.飞机重复往下
举报原因:
原因补充:

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