2

我正在尝试使用easelJS 制作一个HTML5 RPG 游戏来处理精灵动画。当我在任何方向按箭头键时，角色不会播放动画，而是似乎跳回第 0 帧并停止而不是循环动画。

我需要的是动画在按下键时继续循环，而不是角色卡在帧中。

这是我到目前为止的游戏，它真的很乱，因为我正在试验并仍在学习 HTML5。 http://cloudrealms.com/dev/

这是我正在使用的代码：

箭头键捕获：

      $(window).keydown(
        function(e){
            keys[e.which] = true;
            if(isMovementKey(e.which))
            {
                moveOrder.unshift(e.which);
                jQuery.unique(moveOrder);
                animationsToPlay.push(1);
            }
            e.preventDefault();
            return false;
        }
    );
    $(window).keyup(
        function(e){
            keys[e.which] = false;
            if(isMovementKey(e.which))
            {
                moveOrder.splice(jQuery.inArray(e.which, moveOrder),1);
            }
        }
    );

在我的勾选中，我有一个名为 HandleInput() 的函数，代码如下：

function HandleInput()
{
    switch (moveOrder[0]) {
        case 38:  /* Up arrow was pressed */
            playerSequence[playerID].gotoAndPlay("walk_up");
            playerSequence[playerID].y -= playerSequence[playerID].vY;
        break;
        case 40:  /* Down arrow was pressed */
            playerSequence[playerID].gotoAndPlay("walk_down");
            playerSequence[playerID].y += playerSequence[playerID].vY;
        break;
        case 37:  /* Left arrow was pressed */
            playerSequence[playerID].gotoAndPlay("walk_left");
            playerSequence[playerID].x -= playerSequence[playerID].vX;
        break;
        case 39:  /* Right arrow was pressed */
            playerSequence[playerID].gotoAndPlay("walk_right");
            playerSequence[playerID].x += playerSequence[playerID].vX;
        break;
    }
}

我想知道的是如何在按住箭头键的同时为玩家精灵设置动画？

4

1 回答 1

3

这有点令人困惑，很难说出你的代码在做什么，你能提供一个链接吗？

关于让你的玩家在按键按下时移动，我可以提供一些建议。onkeydown 事件的工作方式是只要按键按下，就会触发该事件。

如果我是你，我会有一个布尔值来表示他们的键是否被按下。在 keydown 事件中，将其设置为 true，在 keyup 事件中将其设置为 false。：

$(window).keydown(
    function(e){
        bool_keyDown = true;
    }
);
$(window).keyup(
    function(e){
        bool_keyDown = false;
    }
);

请注意，这适用于任何键，您必须在 keydown 函数中指定您想要的，但您可以在 keyup 函数中保留它的通用性。在您的股票代码中，您检查它是否属实。如果它是真的，你在你的 spritesheet 上运行 gotoandplay 功能：

function HandleInput()
{
    if(bool_keyDown) 
        playerSequence[playerID].gotoAndPlay("walk_up");
}

这并不特定于任何一个键。因此，您可能希望将其从布尔值更改为字符串。可能有字符串“up”、“down”、“left”、“right”等，而 null 表示没有按下任何键。希望这可以帮助。

——阿什利

于 2011-12-28T18:11:26.547 回答