如何在PIXI.js中镜像精灵

Question

我需要按其底线翻转一个精灵。我知道有一种方法可以通过scale属性翻转它。但这只是我中心的一个翻转。搜索Pixi.js文档也没有帮助。

Answer 1

我没有使用Pixi的经验，但是根据我的阅读，您必须将Sprite 的anchor属性设置为Sprite的底部，然后按-1 缩放。像这样的东西；请注意，我没有对其进行测试。

mySprite.anchor.y = 1;     /* 0 = top, 0.5 = center, 1 = bottom */
mySprite.scale.y *= -1;    /* flip vertically */

@KristofferDorph 感谢您的评论，因为它让我意识到 PixiJS 文档超链接需要更新。可能我的代码示例也需要更新；我没有用最新版本的 PixiJS 进行测试。无论如何，锚点决定了精灵翻转时哪些像素保持其位置。这正是OP的问题所在：围绕其底线而不是其中心镜像精灵。所以我想说这很重要。 (2认同)