用javascript 面向对象制作坦克大战（二）

2.   完善地图

    我们的地图中有空地，墙，钢，草丛，水，总部等障碍物。 我们可以把这些全部设计为对象。

2.1  创建障碍物对象群

 

    对象群保存各种地图上的对象，我们通过对象的属性来判断对象是否可以被穿过或被攻击。

 

Barrier.js:

 

 

  View Code

 

 

2.2    写入地图的数据。

 

在Common.js 中添加以下代码：

 

  View Code

 

 

2.3    绘制地图

    准备工作做完了，下面开始上大菜，绘制地图。前面有提到我们的地图为 13 * 13 的表格。所以我们在游戏装载对象添加行和列两个属性，并且添加初始化地图方法。

 

Frame.js:

 

  View Code

 

 

 

    ok，到这里我们的地图就大功告成了。 这里的注释已经很详细了，如果大家还有不理解的地方自己下载源码调试一下就很好理解了。

         这里主要加载地图数据，将每一个地图作为span元素插入html文档中。并且将地图的对象存储在二维数组中。以后我们做碰撞检测的时候就可以直接通过对象的坐标取到对应的数组对象，十分方便。

 

 

tankV2.0 源码下载地址：

http://pan.baidu.com/s/1hqFx4cW

 

 

 

 

  

    

   

​

标签:  javascript 面向对象制作坦克大战

绿色通道：  好文要顶  关注我  收藏该文 与我联系 

_key易
关注 - 1
粉丝 - 0

+加关注

1

0

(请您对文章做出评价)

« 上一篇： javascript 面向对象制作坦克大战 （一）

posted on 2014-11-26 17:09 _key易 阅读(247) 评论(3) 编辑 收藏

评论

#1楼   

http://www.cnblogs.com/yexiaochai/p/3932850.html
我也写过一个简单的

支持(0) 反对(0)

2014-11-26 17:21 |  叶小钗   

#2楼   

我下载 看了一下，确实 牛逼哄哄。

高山仰止，膜拜大神。
丢块肥皂，等你来捡。

—— 正所谓：没J8你说个图啊。

没有图片，会埋没这篇 顶级的文章的。

支持(0) 反对(0)

2014-11-26 18:32 |  『大雪无痕』   

#3楼   

pic || alert('j8')

支持(0) 反对(0)

2014-11-26 18:39 |  逐影   

刷新评论 刷新页面 返回顶部

注册用户登录后才能发表评论，请  登录 或  注册， 访问网站首页。