如何在中心pixi.js中縮放（翻轉）

Question

我想從中心翻轉Pixi.js中的DisplayObjectContainer。 我發現縮放到-1可以進行翻轉，但是我無法從中心做到這一點，就像使用Sprite錨點一樣。 我還找到了此鏈接 ，該鏈接解釋了我要使用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。 這種方法的缺點是它將需要具有紋理。