编程语言
首页 > 编程语言> > javascript – 在Pixi.js中旋转后沿Y轴缩放

javascript – 在Pixi.js中旋转后沿Y轴缩放

作者:互联网

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

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

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

解决方法:

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

>创建一个将Sprite / Graphics添加到的Pixi.Container.
>旋转Sprite / Graphics,然后在Y轴上缩放Container.
>Voilá!

标签:javascript,pixi-js
来源: https://codeday.me/bug/20190711/1429851.html