wujimiao的专栏

游戏开发有个交互模块，按键触发！做前端的都知道，我们习惯使用onkeydown事件触发，这样做好处就是立即响应。缺点就是无论是onkeydown,onkeyup,onkeypress它们都是单一触发事件，就是按下一个按键，阻断当前按键，也就是无法做到同时按下两个按键。所以，网络上流行另外一种触发模式，事件监听addEventListener绑定事件的对象方法，这里用来绑定keydown和key

今天不出太阳，整个人都有点颓废。为了我的大前端计划，不得已找点代码练练手。打灰机是很早就流行的手机游戏，那时候智能手机还很贵，我还是学生一枚。现在出来工作了，发现别人写的打灰机游戏，然后游戏逻辑很差劲的我，开始了学习之路。游戏使用html5+canvas+javascript写成，效果一般，游戏逻辑略坑。可能下次就不再进行游戏练习了，按照计划，得闷头扎进bootstarp zepto

感觉又是在发小白文，没办法，我还在不断学习中。前端进阶计划再一次因为学习难度，项目经验而告吹。好在，我在缓慢进步~文章内容来源我网络上看到别人用js和css3写的仙剑记忆力翻牌游戏，感觉自己可以学到些什么。所以就有了一天一夜的奋斗成果，写的过程，感觉好坎坷，又是查看canvas的API，又是设置相关变量，又得摸索坑爹费脑的游戏逻辑！说实话，人家那个玩的挺爽，想过很炫。换成我做得，不说了

浏览器支持版本：IE9+ 火狐 谷歌等上一次使用canvas制作，代码有些乱，这一次使用原生javascript制作，原理就是div动态生成，定时器刷新，div删除，div重新生成，字母消失特效由于使用addEventListener添加事件，IE9以下不支持，支持另外一种事件机制，但原理不同，暂时不考虑，等研究jQuery源码之后，再回来修改兼容。定时器//定时器window.

对于javascript语言，经过一段时间努力，有些入门，所以捣鼓一些小游戏练手。和之前的canvas相比，只能说有些进步，对于游戏图层分布渐渐有了模糊的认知。对于设计模式，编程开发，算法之类的，任重而道远了。贪吃蛇小游戏代码有点乱，不过还是写了详细注释，希望对你们有帮助，高手勿喷，我是小白。游戏设计思路：1.开始  加速  重来三个按钮，分别触发不同事件2.贪吃蛇运动，吃食物

我是写笔记，实际点是保存自己练习成果，视频教程来自网络的 JavaScript网页游戏开发实战篇 喜欢的自行百度2048游戏分析：1.键盘事件：上下左右2.单元格（16个），背景色3.数字单元格（16个），背景色，字体颜色4.判断数字单元是否可以移动：1）左移动，最左边那一列不能移动，相同数字叠加，判断移动数字和目标之间单元格是否为空，如果不为空，是否数字相同。2）右移动，

之前发了简单版本打字游戏，现在增加图片，设置开始按钮，记录分数，字母显示也改成对象数组，直接操作对象而不是操作对象属性，孰好孰坏，我也不懂，我也是初学者。

原本要继续研究塔防游戏，但发现寻路算法搞不定，其实算法压根看不懂，看的头晕，炮塔自动追踪移动物体也搞不定，塔防项目得延迟了。所以，就搞了另外一个游戏，键盘打字母游戏，老样子，因为初学javascript，代码比较乱，见谅。游戏难点：1.字母初始化2.一个字母消失后，自动补充一个3.字母运动想必大家也看出来了，游戏比较简单，直接开始js部分。字母类//字母类 func

边学边做笔记，现在游戏开发进入下一个阶段，canvas图片拖放模块，如果要做塔防类游戏，少不了拖放炮塔之类的。HTML5提供拖放标签，draggable，ondrop，ondragover,ondragup等标签实现元素拖放，但是，canvas内部图片是无法使用这种方式的。canvas拖放难点：1.鼠标移动到canvas上，记录鼠标坐标2.怎样确定鼠标是否在图片上3.怎样让图片跟随

现在开始射击游戏中发射子弹模块，说实话，这是我上网查找资源自学后，自己捣鼓的。由于兴趣支撑，由于缺乏正规教程，而我又没有钱培训，基础不好也不敢冒险培训。所以，代码很初级，更多是为了实现某种目的，按键处理这块处理很不友好，不喜勿喷！趁着还有点热爱，赶紧发发文章，避免一事无成。多颗子弹有几个难点：1.子弹对象2.子弹的数组，保存很多子弹对象3.怎样为不同的子弹加载独

JavaScript新标准es6语法已经被大多数主流浏览器所支持，像谷歌，edge等最新版都支持ES6大多数语法。不需要额外编译器，Babel之类的。为了适应社会潮流，我在看了阮一峰es6入门和一些网络教程，决定移植以前es5版本灰机游戏。由于时间原因，分步骤进行，此篇只讲玩家飞机类构建和键盘事件控制主要变化变量声明：var  --->  let箭头函数使用 functio