HTML5 2D平台游戏开发#10Wall Jump

　　这个术语不知道怎么翻译比较贴切，但并不妨碍对字面意思的理解，大概就是飞檐走壁。比如：

这是游戏《忍者龙剑传》中的场景，玩家可以通过操纵角色在墙面上移动并跳跃。

 

首先需要实现角色抓墙这一动作，整理一下思路：

• 角色在平地时不能爬上墙面
• 在跳跃时并且处于下降状态才能爬上墙面
• 当角色有机会爬上墙面时，需要按下墙面所在方向才能抓住墙

 

在抓墙过程中，还可以操作角色执行一系列动作：

• 松开所有按键，角色从墙上跌落
• 按下与墙面所在方向相反的按键，角色离开墙面
• 相反方向键与跳跃键同时按下，角色跳离墙面

 

以左边的墙面为例，可以将角色的动作用下图表示出来：

 

这是完成后的效果：

 

• 网格
• 精灵框
• 碰撞框
• 坐标