如何在pixi.js中心缩放（翻转）

Question

我正在寻找从中心翻转Pixi.js中的DisplayObjectContainer。我发现缩放到-1适用于翻转，但我不能从中心这样做，就像你可以使用锚点为Sprites。我还发现这个link解释了我在WebGL方面要做的事情，但当然我正试图在更高层次上使用Pixi。有什么想法吗？

由于

Answer 1

我猜你有几个选择，保持高水平。希望一个适合您的特定情况。

1：翻转容器然后偏移位置：

container.scale.x *= -1;
container.position.x = centerX - container.scale.x * containerWidth / 2;

请参阅此工作示例：http://codepen.io/ianmcgregor/pen/BmbHe

2：将内容置于DisplayObjectContainer中：

var content = new PIXI.Sprite(texture);
content.position.x = 0 - content.width / 2;
container.addChild(content);

container.scale.x *= -1;

3：使用Sprite代替DisplayObjectContainer。这种方法的缺点是它需要有纹理。