在Pixi.js

Question

我正在尝试通过旋转45°的正方形然后在（垂直）Y轴上缩小来创建等距网格。然而，我正在使用的Pixi.js似乎在旋转后沿着局部坐标系缩放，导致一个看起来倾斜而不是压扁的正方形。

有没有办法在Pixi.js中顺序应用变换（首先旋转，然后缩放Y），或者是另一种允许我在旋转后沿垂直Y缩放的方法？

我目前正在使用Graphics对象的.rotation和.scale属性进行转换。

Answer 1

我自己想出了一个解决方案。不是我想要的，而是一个简单的解决方案。

1. 创建一个Pixi.Container，将您的Sprite / Graphics添加到。
2. 旋转Sprite / Graphics，然后在Y轴上缩放Container。
3. 瞧！