如何使用 kaboom.js 仅在 x 轴上翻转精灵？答案

【问题标题】：How do I flip a sprite only on the x-axis with kaboom.js?如何使用 kaboom.js 仅在 x 轴上翻转精灵？
【发布时间】：2022-11-28 04:15:43
【问题描述】：

我想翻转我的角色向左移动，这样我就不必为每个角色制作新的左动画（是的，我很懒）。是否有捷径可寻？

-使用kaboom.js

onKeyDown("a", () => { 
  player.move(-SPEED, 0), //moves sprite
  onKeyPress("a", () => { 
    player.play("RunSide"), //plays animation
    player.scale = -1, //trying to flip it here :)
    onKeyRelease("a", () => { 
      player.stop(), //stops animation
      player.frame = 0 
    }) 
  }) 
})

【问题讨论】：

标签： javascript kaboom

【解决方案1】：

player.flipX(true) 应该在假设玩家是您创建的精灵的情况下工作

【讨论】：

【解决方案2】：

Kaboom网站上的demo有一个例子 https://kaboomjs.com/play?demo=sprite

onKeyDown("left", () => {
    player.move(-SPEED, 0)
    player.flipX(true)
    if (player.isGrounded() && player.curAnim() !== "run") {
        player.play("run")
    }
})

onKeyDown("right", () => {
    player.move(SPEED, 0)
    player.flipX(false)
    if (player.isGrounded() && player.curAnim() !== "run") {
        player.play("run")
    }
})

我认为 .flipX() 方法是打开/关闭的，所以这里需要在按下相反方向时关闭它。

顺便说一下，Kaboom 在 Discord 上寻求帮助

【讨论】：