5

我正在画布（& js）中开发一个等距的 html5 游戏。我的网格由列 (x) 和行 (y) 组成。

目前我的玩家可以穿过地图，但他从一个坐标跳到另一个坐标。

我试图让他使用精灵动画以流畅的方式从一个瓷砖走到另一个瓷砖。但我不知道怎么做，也找不到任何关于这个机制的文章，所以我再次求助于你！

因此，如果您知道如何做到这一点，或者知道解释这一点的文章或教程，那就太好了！

提前致谢，

尼克·维尔海恩

更新：我现在用来行走我的播放器的代码

Player.move = function(direction)
{
 var newX = Player.positionX;
 var newY = Player.positionY;

 switch( direction )
 {
    case 'up':
        Player.moveDirection = 'up';
        newY--;
    break;
    case 'down':
        Player.moveDirection = 'down';
        newY++;
    break;
    case 'left':
        Player.moveDirection = 'left';
        newX--;
    break;
    case 'right':
        Player.moveDirection = 'right';
        newX++;
    break;
}

Player.positionX = newX;
Player.positionY = newY;
}

注意：我正在保存玩家移动的方向，以便显示正确的图像。

另外，我没有使用像 EaselJS 这样的库。原因很简单，几乎没有任何文档或示例，所以我必须自己弄清楚一切。

4

1 回答 1

4

您需要使用基于时间的移动。请参阅以下文章：

在 JavaScript 中使用画布做位图精灵动画

于 2012-03-29T13:44:29.383 回答