摘要：
接着上一篇（http://www.cnblogs.com/zhouhuan/p/H5_tankgame3.html），这一篇建造敌人的坦克。 思路是，基于可扩展性和性能等方面的考虑，用构造函数改造之前的部分代码，再在这个基础上，实例化出来不同的坦克。 1.一开始的两个步骤不变 //封装一个获取绘图环 阅读全文
摘要：
接着上一篇（http://www.cnblogs.com/zhouhuan/p/H5_tankgame2.html），这篇主要修复两个bug，第一，玩家按下方向键时，坦克的炮筒应该指向相应的方向，并向该方向移动，第二，坦克不能开出边界，上一节的代码坦克是可以开出边界的，这样显然是不行的。 1. 修复 阅读全文
摘要：
接着上一篇（http://www.cnblogs.com/zhouhuan/p/H5_tankgame.html），这一篇研究一下怎么响应玩家的操作让坦克进行相应的移动。 1. 了解keydown事件 keydown这一键盘事件的触发条件为按下键盘上的任意键，如果按住不放，则会重发触发。 示例： w 阅读全文
摘要：
具体步骤如下： 1. 首先做出绘图区，作为坦克的战场 <canvas id="floor" width="800px" height="500px"></canvas> 我们给一个黑色的背景色，并且让它居中（如果对居中的各种奇淫技巧感兴趣，欢迎访问我的第一篇博客——“CSS垂直居中的11种实现方式” 阅读全文
摘要：
1. 什么是JSON JSON Javascript Object Notation，前两个单词大家应该都认识，最后一个notation，是“记号、标记法”的意思，连在一起，便成了JSON。 它是一种轻量级的数据交换格式，是基于Javascript的一个子集，可以叫做Javascript对象表示法， 阅读全文
摘要：
不知道大家有没有碰到过设置了display:inline-block;的几个相邻元素之间有几px间距的问题，这里提供几种简单实用的解决方法，希望能够帮到大家！ 方法1. 将<li>标签之间的空格与换行全部去掉，这也是我比较常用的一种方法 原html代码： <ul> <li>控球后卫</li> <li 阅读全文
摘要：
注：以下demo都只是针对现代浏览器所做，未兼容低版本的IE以及其它非主流浏览器。 11种实现方式分别如下： 1. 使用绝对定位和负外边距对块级元素进行垂直居中 html代码： <div id="box"> <div id="child">我是测试DIV</div> </div> css代码： #b 阅读全文