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

Question

我正在寻找翻转Pixi.js中的DisplayObjectContainer，从中心。我发现缩放到-1可用于翻转，但我无法从中心获得它，就像您可以使用Sprite的锚一样。我还发现这个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。这种方法的缺点是它需要有纹理。