Thursday, March 29, 2012

CSS Transformations VS WebGL

I've been seeing a lot of experiments with CSS transforms lately, so I decided to do an experiment of my own. The experiment consisted of creating a fully rotatable cube, with Bitmaps attached to each side, in order to determine the usability/maturity of CSS transforms, and decide whether or not I could use them in production level applications. It would appear that the 3D capability of CSS still isn't quite up to the level I would expect. The rendering was really smooth, but there was an issue with the z-indexing of 3d layers, causing sides of the cube to disappear. It would appear that the canvas is still the route to travel if you desire 3d within the browser.

Check out the experiment here:

http://wargoats.com/cube