skew implementation, unique?

Expected Behavior

Skewing on a single axis should not affect the other. For instance, a horizontal skew should not affect the height.

I see this has been brought up before in issue #4417. It’s marked completed and is closed despite no resolution. The title’s reference to “CSS” is a misnomer: in fact it’s the standard. I can’t find evidence of “skew” meaning anything other than what we see in the CSS implementation.

Current Behavior

The sprite appears to rotate in pseudo-3d. The image seems to fold down, like the perimeter of the sprite doesn’t change. https://www.pixiplayground.com/#/edit/WJ321AnrYkhLUcQ6Ko_yy

Environment

• pixi.js version: 6.5.2
• Running Example: https://www.pixiplayground.com/#/edit/WJ321AnrYkhLUcQ6Ko_yy

[miltoncandelero]

Alternatively, we could have something like angle, which is syntax sugar for rotation.

I would go with that approach, have skew and shear and have them do different things 🤔

[ivanpopelyshev]

Our skew is wrong, its more like shear. You can make PR to fix pixi transforms, though it iwll be breaking change. Alternatively, just override Transform.prototype.updateTransform methods for your project with proper math.