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

标签 javascript pixi.js

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

有没有一种方法可以在 Pixi.js 中按顺序应用变换(首先旋转,然后缩放 Y),或者是否有其他方法可以让我在旋转后沿垂直 Y 进行缩放?

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

最佳答案

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

  1. 创建一个 Pixi.Container,您可以将 Sprite/Graphics 添加到其中。
  2. 旋转 Sprite/Graphics,然后在 Y 轴上缩放 Container。
  3. 瞧!

关于javascript - 在 Pixi.js 中旋转后沿 Y 轴缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39369787/

相关文章:

ios - 在 iOS 8 上使用 pixi.js 渲染 Sprite 时遇到问题

javascript - 画一条线,好像我想画房子平面图

javascript - WebGL 在逐像素操作中使用库的速度是否更快?

php - Autocompleteplus如何检测用户语言(真实语言而不是浏览器)?

javascript - Meteor.js 应用程序不支持 IE 9

javascript - 如何从上一页提取用户输入并将其放在下一页?

javascript - 如何将 Promise 方法转换为 Angular 10 中的 rxjs Observables

Javascript 在构造函数中调用构造函数

typescript - 在 pixi.js 中创建通过文件加载器加载的纹理

javascript - 使超链接可选择