上一页 1 ··· 11 12 13 14 15 16 17 18 19 ··· 31 下一页
摘要: 好家伙,这篇写英雄撞机爆炸 我们先把子弹销毁弄上去 子弹穿过敌机,敌机爆炸后消失,子弹同样也应该销毁,(当然后续会考虑穿甲弹) 然后我们还要把主角碰撞爆炸检测也加上去 因为他们共用一个思路,所以我们把他写在一起 我们会为子弹和英雄都添加一个destory属性 在碰撞检测完成后,我们调用一个方法去把这 阅读全文
posted @ 2022-09-06 22:54 养肥胖虎 阅读(76) 评论(0) 推荐(0)
摘要: 好家伙,本篇是带着遗憾写完的。 很遗憾,我找了很久,找到了bug但并没有成功修复bug 再上一篇中我们看到 子弹射中了敌机,但是敌机并没有消失,所以这篇我们要来完善这个功能 按照惯例我们来捋一下思路: 看看表面的物理逻辑: 子弹击中敌机=>敌机爆炸=>敌机消失=>子弹消失 敌机爆炸=>敌机消失=>子 阅读全文
posted @ 2022-09-04 00:59 养肥胖虎 阅读(107) 评论(0) 推荐(0)
摘要: 好家伙,本篇介绍敌机 好了,按照惯例我们来理一下思路: 我们有一个敌机类,第一步当然是实例一个敌机对象, 然后我们把这个敌机放入我们的敌机群(敌机数组) 然后是熟悉的移动和绘制 那我们回顾一下子弹的生成逻辑 变量: 子弹 bullet 弹夹(用来装子弹的东西)bulletList[] 方法:装填子弹 阅读全文
posted @ 2022-09-01 23:15 养肥胖虎 阅读(440) 评论(0) 推荐(0)
摘要: 好家伙,这应该是这个小游戏最难的几个点之一了 现在我们要做出子弹射击的效果我们应该如何处理? 1.首先我们要确定几个变量和方法的关系 变量: 子弹 bullet 弹夹(用来装子弹的东西)bulletList[] 方法:装填子弹 绘制子弹 移动子弹 子弹发射的物理逻辑是很简单的: 生产第一个子弹,推入 阅读全文
posted @ 2022-08-31 13:58 养肥胖虎 阅读(166) 评论(0) 推荐(0)
摘要: 好家伙,终于到子弹了 我们先来理一理思路: 子弹由飞机射出,所以我们把发射子弹的方法写在英雄类中 当然了,子弹也必须有自己独立的类 后期会有很多子弹射出,所以一个个将子弹类实例化肯定是不对的 我们也需要一个弹夹(一个数组)去装子弹(子弹对象) 我们先把第一个子弹渲染到飞机的头上 开搞: 1.子弹的配 阅读全文
posted @ 2022-08-30 01:27 养肥胖虎 阅读(124) 评论(0) 推荐(0)
摘要: 好家伙,这篇移动主角 我们先来看看一个好东西, addEventListener() 方法 (他真的很好用) 我们直译一下,就叫他添加事件监听器方法 而可监听的对象就有很多啦 我们来了解一下 事件类型: Web浏览器中可以发生很多种事件。如前所述,所发生事件的类型决定了事件对象中会保存什么信息。 D 阅读全文
posted @ 2022-08-28 23:18 养肥胖虎 阅读(132) 评论(0) 推荐(0)
摘要: 好家伙, 遇到了一些非常奇怪的bug index.html:179 Uncaught TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type ' 阅读全文
posted @ 2022-08-27 23:56 养肥胖虎 阅读(129) 评论(0) 推荐(0)
摘要: 好家伙,接着写 既然我们涉及到状态了,那么我们也会涉及到状态的切换 那么我们怎样切换状态呢? 想象一下,如果我玩的游戏暂停了,那么我们肯定是通过点击或者按下某个按键来让游戏继续 这里我们选择添加点击事件来切换游戏状态 1.我们给canvas对象添加一个点击事件用于切换状态 canvas.addEve 阅读全文
posted @ 2022-08-26 20:11 养肥胖虎 阅读(86) 评论(0) 推荐(0)
摘要: 好家伙, 1.为飞机大战定义状态 1.开始 START 有一个飞机大战LOGO &天空 2.开始时 STRATING 有一个飞机加载的界面&天空 3.运行时 RUNNING 我方飞机&敌方飞机&天空 4.暂停 PAUSE 暂停按钮 5.结束按钮 ENDING 结束字样(game over) 基础架构 阅读全文
posted @ 2022-08-25 15:13 养肥胖虎 阅读(96) 评论(0) 推荐(0)
摘要: 好家伙, 我们为了后续工作的顺利进行,我试着把每一个模块封装为对象 但冻手之前还是要构思一下 我们把天空封装成一个类: 1.来搞一手简单的对象分析: 属性方面的都好理解 来说明一下方法: (1) paint方法: 我们把图片的渲染封装成一个独立的方法 然后我们知道图片的移动是通过y1,y2++来实现 阅读全文
posted @ 2022-08-17 22:36 养肥胖虎 阅读(89) 评论(0) 推荐(0)
上一页 1 ··· 11 12 13 14 15 16 17 18 19 ··· 31 下一页