gskinner/EaselJS — Issue #81: Unexpected result when skewing and rotation are applied together
Author: masyl
Created: 2011-10-24 18:51:32+00:00
State: open

I'm building an isometric in which I need to generate the blocks with texture images. I have the left pane and right pane rendering ok, but when I try to render the top tile Easel fails to do the proper transform. It is as if the rotation cancels the sweking effect and the tile just endup rotated but smaller:

The code in question is here : https://github.com/masyl/isomaton/blob/dev/isomaton/src/script/isomaton.renderer.js#L45

The equivalent tranformation is CSS would be :
.top {
-moz-transform: rotate(-45deg) skew(15deg, 15deg);
}

I have found the following example that seems to make the sort of transformation I'm looking for here:
http://raksy.dyndns.org/iso.html

Can someone confirm wether Its a bug or if there's something I dont understand ?