javascript制作坦克大战全纪录（1）_javascript技巧

PS：这个坦克大战是在网上下的一段源码之后，自己进行的重写。本身没有太难的东西，这个案例将js面向对象用的比较好，可以作为js面向对象的入门教程。

1. 创建基本对象，实现坦克简单的移动

1.1 如何在地图中绘制画布？

考虑到浏览器兼容的问题，我们用操作dom的方式来实现游戏对象的绘制和刷新。我们如何存储我们的地图呢？ 我们应该把地图用一个二维数组来保存， js中没有二维数组，但是可以通过在一维数组从存储数组来实现。

1.2 代码实现

我们将画布设计为 13 * 13 的一个二维数组，每个元素在地图中对应的长和宽均为40px，可以把整个地图看成由 40px*40p x大小的单元格组成的一个表格，那么我们整个画布的大小为 520px * 520px ；

　　 上代码前先给大家来一张对象关系图：

1.2.1 创建顶级对象

html代码: