Javascript 角色 map 集spritebook动画，用户输入不停止在键上相位器3

有很多方法可以解决这个问题.你的解决方案当然是有效的，但这里有两个替代方案，这将使你的代码更短更容易阅读.

Update:2.

Alternative 1

由于移动到left和right覆盖了up和down移动，你可以简单地重新排序if/else个块，并将它们全部链接为ob big if/else块，并停止动画在最后的else.(104, your 103 only override the animation)

update() {      

    this.hero.setVelocity(0,0);

    if (this.cursors.left.isDown) {    
        this.hero.anims.play('walkLeft', true)
        this.hero.setVelocityX(-200);
    } 
    else if (this.cursors.right.isDown) {
        this.hero.anims.play('walkRight', true)
        this.hero.setVelocityX(200);
    } 
    else if (this.cursors.up.isDown) {
        this.hero.anims.play('walkUp', true); 
        this.hero.setVelocityY(-200);                     
    } 
    else if (this.cursors.down.isDown) {
        this.hero.anims.play('walkDown', true) 
        this.hero.setVelocityY(200);
    }
    else {
        this.hero.anims.stop();
    }   
}

Alternative 2

只需在update函数的结尾处判断一下，velocity长度是否等于或多或少等于零.(由于物体通常不会真正停止(由于重力，glide和一些物理圆的东西)< 2应该保存/可以使用)

update() {      

    // ...  your initial code 
    if (this.hero.body.velocity.length() < 2) {
        this.hero.anims.stop();
    }   
     
}

在个人喜欢第一个替代，但取决于你的使用情况，如果你需要处理up/down和left/right独立，后者应该也是好的.

改进了Alternative 2，但稍微长一些，你可以判断关键事件而不是velocity长度，它会"更干净".

if (!this.cursors.up.isDown &&
    !this.cursors.down.isDown &&
    !this.cursors.left.isDown &&
    !this.cursors.right.isDown ){
        this.hero.anims.stop();
}