分类导航

JavaScript 发布时间：2022-04-16 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了javascript制作坦克大战全纪录（2），大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

2. 完善地图

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

2.1 创建障碍物对象群

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

Barrier.js:

<div class="codetitle"><a style="cursOR: pointer" data="91904" class="copybut" id="copybut91904" onclick="doCopy('code91904')"> 代码如下:

<div class="codebody" id="code91904">
// 障碍物基类对象，继承自TankObject
Barrier = function () {
this.DefenVal = 1; // 防御力
this.CanBeAttacked = true; // 是否可以被攻击
}
Barrier.prototype = new TankObject();
// 墙
WallB = function () { }
WallB.prototype = new Barrier();
// 空地
EmptyB = function () {
this.CanAcross = true; // 可被穿过
}
EmptyB.prototype = new Barrier();
// 河流
RiverB = function () {
this.DefenVal = 0;
this.CanBeAttacked = false; // 优先取对象的成员，继承自父类的会被覆盖。
}
RiverB.prototype = new Barrier();
// 钢
SteelB = function () {
this.DefenVal = 3;
}
SteelB.prototype = new Barrier();
// 草丛对象
TodB = function () {
this.CanBeAttacked = false;
this.DefenVal = 0;
this.CanAcross = true;
}
TodB.prototype = new Barrier();
// 总部
PodiumB = function () {
this.DefenVal = 5;
}
PodiumB.prototype = new Barrier();

2.2 写入地图的数据。

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

<div class="codetitle"><a style="cursOR: pointer" data="83618" class="copybut" id="copybut83618" onclick="doCopy('code83618')"> 代码如下:

<div class="codebody" id="code83618">
//地图元素类型枚举
/
0：空地
1：墙
2：钢
3：树丛
4：河
5：总部
/
var EnumMapCellType = {
Empty: "0",Wall: "1",Steel: "2",Tod: "3",River: "4",Podium: "5"
};
// 每个地形对应的样式名称
var ArrayCss = ['empty','wall','steel','tod','river','podium'];
// 关卡地图
/关卡/
var str = '0000000000000';
str += ',0011100111010';
str += ',1000010000200';
str += ',1200333310101';
str += ',0000444400001';
str += ',3313300001011';
str += ',3011331022011';
str += ',3311031011011';
str += ',0101011102010';
str += ',0101011010010';
str += ',0100000000110';
str += ',0100012101101';
str += ',0010015100000';
// 存储关卡地图 0,1,2,3... 分别为1-n ... 关
var Top_MapLevel = [str];

2.3 绘制地图

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

<div class="codetitle"><a style="cursOR: pointer" data="61592" class="copybut" id="copybut61592" onclick="doCopy('code61592')"> 代码如下:

javascript制作坦克大战全纪录（2）

2. 完善地图

2.1 创建障碍物对象群

2.2 写入地图的数据。

2.3 绘制地图

大佬总结