JS微信打飞机游戏(四)
来源:互联网 发布:河南省大数据谷是哪里 编辑:程序博客网 时间:2024/06/11 13:44
等朋友微信打飞机游戏图片,不然判断碰撞,擦除等写的不规范,后期难维护。
这个版本里更新了如下功能:
1.修复子弹移除但没有在canvas里擦除的bug.
2.随机生成敌人飞机,并下降
3.判断是否击中敌机,击中的话,移除子弹和敌机,同时显示爆炸图片
点击下载源码 建议用Chrome运行。
1.判断是否击中敌机,由于图片素材没有拿到,碰撞时子弹的中点和飞机中点不一定在一条直线上,也就是x坐标相等。这相当恶心。
循环敌机数组和子弹数组,判断两个的位置。如果碰撞,移除子弹。敌机生命值减1,如果敌机生命值为0,移走,且爆炸。
2.
//判断是否击中敌机function isHitEnemyFlyer(){for ( var i = 0; i < bulletList.length; i++) {var b=bulletList[i];for ( var j= 0; j < enemyFlyerList.length; j++) {var e=enemyFlyerList[j];if(Math.abs(b.x-e.x)<b.width&&b.y<(e.y+e.height)){//hite.life--;if(e.life<=0){//哥在等图片,看着这个eggache.额ctx.drawImage(explode, b.x,b.y);e.miss();b.miss();enemyFlyerList.remove(e);bulletList.remove(b);}}}}}// 随机生成敌机,当然在微信里面很可能不是随机生成敌机的,"有棋局"。function randomNewEnemyFlyer(){// 按200:4:1的比例生成小中大飞机var r=parseInt(Math.random()*205*5);var type=undefined;if(r===204){type=2;}else if(r<=203&&r>=200){type=1}else if(r>=0&&r<=199){type=0;}if(type==undefined)return;var e = new EnemyFlyer(type);var x=parseInt(Math.random()*(canWidth/e.width))*e.width;// 如果敌机越界,重新再生成if(x+e.width>canWidth){return randomNewEnemyFlyer();}e.display(x,0);enemyFlyerList.push(e);}setInterval(function(){// 随机生成敌机randomNewEnemyFlyer();// 敌机下落for ( var j= 0; j < enemyFlyerList.length; j++) {enemyFlyerList[j].move();console.log(enemyFlyerList.length);}},500);
- JS微信打飞机游戏(四)
- JS微信打飞机游戏(一)
- JS微信打飞机游戏(三)
- JS微信打飞机游戏(二)
- 游戏‘微信打飞机’
- 游戏‘微信打飞机’
- 飞机游戏(1)
- 飞机游戏(2)
- Python编写微信打飞机小游戏(四)
- 飞机大战(四)
- JS原生编写飞机大战小蜜蜂游戏
- 微信打飞机游戏(小时候玩的雷电)使用cocos creator制作,讲解具体js代码实现
- 微信打飞机游戏思路复习
- 【游戏】——微信打飞机
- 游戏‘微信打飞机’ 第一课
- 游戏‘微信打飞机 第一课
- 游戏‘微信打飞机’ 第二课
- 游戏‘微信打飞机’ 第三课
- CSS实例(六):实现网页固定大小三态图形按钮简单方法
- 三周C# 总结4 函数
- Java集合类详解
- hibernate hbm.xml 配置文件中的主键生成策略
- winsocket 之收发数据出问题
- JS微信打飞机游戏(四)
- C#中使Label控件中的文字实现从左到右滚动效果
- 关于@synchronized(self)的用法
- ubuntu搭建可匿名访问ftp服务器
- 数据库脚本
- Java自定义日志输出文件
- Linux系统中的关机命令
- CSS实例(七):工具条效果
- LA4256 离散+超级汇点 通过连边转移状态