摘要:
好家伙,终于到子弹了 我们先来理一理思路: 子弹由飞机射出,所以我们把发射子弹的方法写在英雄类中 当然了,子弹也必须有自己独立的类 后期会有很多子弹射出,所以一个个将子弹类实例化肯定是不对的 我们也需要一个弹夹(一个数组)去装子弹(子弹对象) 我们先把第一个子弹渲染到飞机的头上 开搞: 1.子弹的配 阅读全文
摘要:
好家伙,这篇移动主角 我们先来看看一个好东西, addEventListener() 方法 (他真的很好用) 我们直译一下,就叫他添加事件监听器方法 而可监听的对象就有很多啦 我们来了解一下 事件类型: Web浏览器中可以发生很多种事件。如前所述,所发生事件的类型决定了事件对象中会保存什么信息。 D 阅读全文
摘要:
好家伙, 遇到了一些非常奇怪的bug index.html:179 Uncaught TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type ' 阅读全文
摘要:
好家伙,接着写 既然我们涉及到状态了,那么我们也会涉及到状态的切换 那么我们怎样切换状态呢? 想象一下,如果我玩的游戏暂停了,那么我们肯定是通过点击或者按下某个按键来让游戏继续 这里我们选择添加点击事件来切换游戏状态 1.我们给canvas对象添加一个点击事件用于切换状态 canvas.addEve 阅读全文
摘要:
好家伙, 1.为飞机大战定义状态 1.开始 START 有一个飞机大战LOGO &天空 2.开始时 STRATING 有一个飞机加载的界面&天空 3.运行时 RUNNING 我方飞机&敌方飞机&天空 4.暂停 PAUSE 暂停按钮 5.结束按钮 ENDING 结束字样(game over) 基础架构 阅读全文
摘要:
好家伙, 我们为了后续工作的顺利进行,我试着把每一个模块封装为对象 但冻手之前还是要构思一下 我们把天空封装成一个类: 1.来搞一手简单的对象分析: 属性方面的都好理解 来说明一下方法: (1) paint方法: 我们把图片的渲染封装成一个独立的方法 然后我们知道图片的移动是通过y1,y2++来实现 阅读全文
摘要:
好家伙,飞机大战终于开始弄了 这会有很多很多复杂的东西,但是我们总要从最简单,和最基础的部分开始, 我们先从背景开始弄吧! 1.绘制静态背景 这里我们会用到canvas <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> 阅读全文
摘要:
好家伙,打工人要打工,博客会更新的没有以前频繁了 芜湖,一百篇了,这篇写一个比较难的异步(其实并不难理解,主要是为promise铺垫) 老样子,先补点基础: 1.进程 来吧,新华字典 大概这么个意思 百度百科: 进程(Process)是计算机中的程序关于某数据集合上的一次运行活动,是系统进行资源分配 阅读全文
摘要:
好家伙,总是要来的,去面对那些晦涩难懂的原理,它就在那里,等着我去搞定它 首先我要去补充一些最基本的概念, 1.什么是内存? 新华字典永远的神, 但这个解释显然不够 去看看百度百科: 内存: CPU 能 直接寻址 的 存储空间 2.变量的储存机制 所以,我们假设现在写了一行代码: var a = 2 阅读全文
摘要:
好家伙, 我的用户添加方法炸了, 所以,去找别的方案代替吧, 饿了么UI我来了,再见了原生vue 1.用户列表 <el-table :data="userlist" style="width: 100%"> <el-table-column prop="username" label="用户名" w 阅读全文