在Pixi.js中旋轉後沿Y軸縮放

Question

我試圖通過旋轉45°方形然後縮放（垂直）Y軸來創建等距網格。但是，我使用的Pixi.js似乎在旋轉後沿着局部座標系縮放，導致看起來傾斜而不是被擠壓的正方形。

有沒有辦法在Pixi.js中順序應用變換（首先旋轉，然後縮放Y），或者另一種方法可以讓我在旋轉後沿着垂直Y進行縮放？

我目前使用Graphics對象的.rotation和.scale屬性來完成我的轉換。

Answer 1

我自己想出了一個解決方案。不是我想要的，而是一個簡單的解決方案。

1. 創建一個將您的Sprite/Graphics添加到的Pixi.Container。
2. 旋轉Sprite/Graphics，然後在Y軸上縮放容器。
3. Voilá！