梯子

在区块游戏中梯子是很常见的一种东西。英雄可以在梯子上爬上爬下（我打赌你不知道:）。当在梯子上按上下方向键的时候，我们会让英雄上下攀爬。

看起来梯子很简单，实际上又很多东西需要考虑。首先，有多少种梯子？

在图中，有4种不同种类的梯子。
梯子A处于一个不可通行的障碍物中。英雄在上面能做什么呢？他可以上下爬，但是不能左右运动，否则就会卡在墙里，那可不好受。

qhwa注: 有些游戏中在这种梯子上是可以左右移下来的，这个功能可以由你自己添加。

梯子B所在的方块是可通行的，而且它的上面还有梯子，所以英雄可以上下爬，也可以左右移动。但是当他左右移动的时候，就该掉下来了。

梯子C下面没有梯子了，英雄只能在它上面向上爬，或者左右移动。

梯子D并不是在所有的游戏中都会出现。有些人认为这种梯子是设计的失误，因为他们不导向任何地方，在空中就断掉了。英雄可以爬上去然后站到梯子上面吗？如果梯子顶部的左右有方块，英雄可以走过去吗？这些都是容易出现分歧的。

这些都是梯子的一些例子，当然还有其他形式的梯子，但是我希望你能看到在开始写代码之前理一下思绪是多么重要。游戏各不相同，可能这里的东西在有的时候很适用，但是可能在别的地方就未必了，只要你每次写代码之前思考一下，不要硬套，就会事半功倍。

规则

让我们列一下关于梯子的规则：

1. 通过上下方向键，英雄可以在梯子上上下移动
2. 当英雄和梯子接触时，他可以爬上去
3. 当英雄和梯子接触，且下方也有梯子时，他可以爬下来
4. 当英雄在梯子上，且左右没有墙时，他可以左右移动
5. 英雄不能在梯子上跳跃

这些应该够了。

请给我一把梯子

梯子是显示在方块的上面的，所以我们要给他做一个独立的影片夹子。这样我们就不用为上面说的不同类型的梯子创建不同的图像了。确定你的梯子mc被导出到as("Export for as"),并且检查链接名是否为"ladder"。

在ladder影片夹子中，画出如上形状的梯子，梯子水平方向在方块的中间。

和其他方块一样，我们也要定义梯子的原型：

game.Tile4 = function () {};
game.Tile4.prototype.walkable = false;
game.Tile4.prototype.frame = 2;
game.Tile4.prototype.ladder = true;
game.Tile4.prototype.item = "ladder";

game.Tile5 = function () {};
game.Tile5.prototype.walkable = true;
game.Tile5.prototype.frame = 1;
game.Tile5.prototype.ladder = true;
game.Tile5.prototype.item = "ladder";

这两个不同的方块（Tile4和Tile5）都具有frame属性，这是用来表示梯子后面（在屏幕上是下面层）的方块类型。他们还有值为true的ladder属性（用来表示这里有把梯子），值为"ladder"的item属性（用来attachMovie用的，复制ladder影片夹子）

在buildMap函数中复制ladder影片夹到方块中：

game.clip[name].gotoAndStop(game[name].frame);
if (game[name].item != undefined)
{
 game.clip[name].attachMovie(game[name].item, "item", 1);
}

这段代码首先让方块显示正常的帧（由frame属性决定），然后判断item属性是否为空，如果不是（有值）就复制item表示的mc。你可以把item属性设定成别的值，这样就可以复制别的mc，在别的地方也可以用到，只是要注意别在一个方块中复制太多不同的mc。

为了不重复输入代码，我们把moveChar函数的结束部分修改一下，调用一个新函数updateChar：

updateChar (ob, dirx, diry);
return (true);

这是updateChar函数：

function updateChar (ob, dirx, diry)
{
 ob.clip._x = ob.x;
 ob.clip._y = ob.y;
 ob.clip.gotoAndStop(dirx + diry * 2 + 3);
 ob.xtile = Math.floor(ob.clip._x / game.tileW);
 ob.ytile = Math.floor(ob.clip._y / game.tileH);
 if (game["t_" + ob.ytile + "_" + ob.xtile].door and ob == _root.char)
 {
  changeMap (ob);
 }
}

在fall函数中添加：

ob.climb = false;

修改detectKeys函数，添加上下键的监测：

if (Key.isDown(Key.RIGHT))
{
 getMyCorners (ob.x - ob.speed, ob.y, ob);
 if (!ob.climb or ob.downleft and ob.upleft and ob.upright and ob.downright)
 {
  keyPressed = _root.moveChar(ob, 1, 0);
 }
}
else if (Key.isDown(Key.LEFT))
{
 getMyCorners (ob.x - ob.speed, ob.y, ob);
 if (!ob.climb or ob.downleft and ob.upleft and ob.upright and ob.downright)
 {
  keyPressed = _root.moveChar(ob, -1, 0);
 }
}
else if (Key.isDown(Key.UP))
{
 if (!ob.jump and checkUpLadder (ob))
 {
  keyPressed = _root.climb(ob, -1);
 }
}
else if (Key.isDown(Key.DOWN))
{
 if (!ob.jump and checkDownLadder (ob))
 {
  keyPressed = _root.climb(ob, 1);
 }
}

当我们检测了左右键之后，我们判断英雄是不是不在跳跃过程中（!ob.jump），而且利用checkUpLadder函数和checkDownLadder函数判断附近是不是有梯子，
如果一切正常，调用climb函数来移动英雄。

攀爬动作的函数

我们将要创建3个新的函数，1个为了检测是否能往上爬，
1个为了检测是否能往下爬，还有一个是实现攀爬动作的函数。

function checkUpLadder (ob)
{
 var downY = Math.floor((ob.y + ob.height - 1) / game.tileH);
 var upY = Math.floor((ob.y - ob.height) / game.tileH);
 var upLadder = game["t_" + upY + "_" + ob.xtile].ladder;
 var downLadder = game["t_" + downY + "_" + ob.xtile].ladder;
 if (upLadder or downLadder)
 {
  return (true);
 }
 else
 {
  fall (ob);
 }
}

这段代码首先计算英雄的上下两个y坐标（头和脚），根据所在的区块的ladder属性就可以判断是否可以往上爬。如果上下都没有梯子，我们检测英雄是否应该掉下来。

function checkDownLadder (ob)
{
 var downY = Math.floor((ob.speed + ob.y + ob.height) / game.tileH);
 var downLadder = game["t_" + downY + "_" + ob.xtile].ladder;
 if (downLadder)
 {
  return (true);
 }
 else
 {
  fall (ob);
 }
}

为了检测往下的攀爬动作，我们需要英雄脚底下方块的ladder属性。
和往上爬不同，我们还要考虑到英雄接下来（移动结束）所在的方块的ladder属性（ob.speed+ob.y+ob.height）。

function climb (ob, diry)
{
 ob.climb = true;
 ob.jump = false;
 ob.y += ob.speed * diry;
 ob.x = (ob.xtile * game.tileW) + game.tileW / 2;
 updateChar (ob, 0, diry);
 return (true);
}

在climb函数中，我们首先设置climb标记为true，jump标记为false。然后计算新的y坐标，把英雄放在梯子方块的中间，
ob.x = (ob.xtile * game.tileW) + game.tileW / 2;

英雄可以在梯子左侧或右侧抓着梯子爬，但是这样不太雅观:)

最后我们利用updateChar函数移动英雄到正确的位置。

出处：蓝色理想
责任编辑：qhwa

上一页 腾云驾雾 下一页 愚蠢的敌人

◎进入论坛Flash专栏版块参加讨论