why pixi skew was not same as css3 transform skew

when i use skew to transform a display-object, i get a different results. it`s not same as css3 transform skew. so I want to know what this is about ~~~

[jasonChen1982]

i had found css3 skew and pixi skew was used different matrix, i had just adjust code snippet from pixi skew to css3 skew

function setTransform(x, y, pivotX, pivotY, scaleX, scaleY, rotation, skewX, skewY) {
    const sr = Math.sin(rotation);
    const cr = Math.cos(rotation);
    const sx = Math.tan(skewX);
    const sy = Math.tan(skewY);

    const a =  cr * scaleX;
    const b =  sr * scaleX;
    const c = -sr * scaleY;
    const d =  cr * scaleY;

    this.a =    a   + sy * c;
    this.b =    b   + sy * d;
    this.c = sx * a +    c;
    this.d = sx * b +    d;

    this.tx = x + pivotX * this.a + pivotY * this.c;
    this.ty = y + pivotX * this.b + pivotY * this.d;

    return this;
}

css3 skew matrix

|    1      tan(x)    0|
| tan(y)      1       0|
|    0        0       1|

pixi skew matrix

| cos(y)   -sin(x)   0|
| sin(y)   cos(x)    0|
|    0        0      1|

[OSUblake]

Actually Greensock has a parameter like “skewType: normal” or something similar to make the skew like CSS. Is there a way to do the same in pixi? It will me save a lot of time 😃

Hehe. That’s what I used in that demo above to show the difference.

But no, there currently isn’t an option for that. After reading my comment, it might not be clear, but that’s actually what I was trying to suggest. Have an option for the 2 different types, with the way skewing is currently done set as the default skew type.