In many ways this makes dealing with 3D easier, as there’s no complex math to deal with — just apply a CSS transform to rotate an element around an axis and you’re done!
What? Knowing how to transform each object though is the hard part - especially as scaling needs to change if you are only using rectangles. The demo is a little wonky for me but I am also on an old FF system currently so I will look again when I get home.
I think this is really cool, and could be really interesting - I am mostly wondering how you transform 3D objects into the CSS dimensions.
What I find more interesting is the intention to make a THREE.js renderer for it. It's an interesting exercise to work out how to make the 3D objects, and the lighting was particularly impressive. But presuming that something like THREE.js is available to you, then what advantage does this provide over the already available WebGL or Canvas2D renderers? Getting access to hardware accelerated texture mapping in the exceedingly rare cases where a particular browser version on a particular set of hardware with a particular OS has hardware acceleration for rendering DOM but has for some reason failed to implement--or intentionally blocked--WebGL?
What? Knowing how to transform each object though is the hard part - especially as scaling needs to change if you are only using rectangles. The demo is a little wonky for me but I am also on an old FF system currently so I will look again when I get home.
I think this is really cool, and could be really interesting - I am mostly wondering how you transform 3D objects into the CSS dimensions.