您好,欢迎来到尚车旅游网。
搜索
您的当前位置:首页javascript制作坦克大战全纪录(1)_javascript技巧

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代码:

代码如下:



坦克大战

Copyright © 2019- sceh.cn 版权所有 湘ICP备2023017654号-4

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务