DOMElement: GPU acceleration (translateZ?)

[derz]

As mentioned here:
http://community.createjs.com/discussions/easeljs/22512-domelement-translatez-gpu-acceleration
the DOMElements are positioned with a 2d transformation matrix, thus they are not GPU accelerated. I think they should be translated via a 3d-transform and thus be GPU accelerated. Could for example easily be done with just adding translateZ to the existing 2d matrix. Maybe there should be a flag to turn this behaviour on/off, depending on how often the elements are getting repositioned (sometimes it's maybe not needed and/or the z-index will get screwed off...).

[gskinner]

This is a reasonable suggestion, especially since we are overwriting the transform style so devs can't assign translateZ() on their own. Thoughts on naming? We'll have to make sure people don't think this is a magic bullet for performance in the docs as well.

One option would be to make it totally generic, like:
DOMElement.appendTransform = "translateZ(0);"

[derz]

Could be named something like acceleratedCompositing... But the generic approach might be better as it is more flexible,. Or depending on how tight the DOMElements should be coupled to a Canvas-Element, it would be also nice to implement a 3DMatrix, so DOM elements can be 3d transformed.

[thammin]

👍 for 3DMatrix
Any progress for this suggestion recently?
I had found that DOM elements is not rendered properly on Android 4.1 which the canvas always render in front of DOM elements. Using matrix3d could solve the issue. thammin@ff3d5e1