This is great work. An earlier demo page from the same author is at http://www.threedeeify.com/ (VoodooJS is a much better name)
Looks like the 3d layers are running in full-page canvas overlays and the Three.js camera is positioned according to the page scroll. Clever work! Must have some kind of positioning logic to match up the models to DOM elements (like the ring around the quote)
Wish it was not closed-source, so we could learn from it a bit, or contribute. But author is free to do with it what he wishes...
Essentially yes. There's also some tweaking the CSS pointer-events property on those canvases to allow mouse events to fall through when you're not hovered over 3D content.
I envision most people will want to position their 3D objects relative to some 2D element like a div.
Looks like the 3d layers are running in full-page canvas overlays and the Three.js camera is positioned according to the page scroll. Clever work! Must have some kind of positioning logic to match up the models to DOM elements (like the ring around the quote)
Wish it was not closed-source, so we could learn from it a bit, or contribute. But author is free to do with it what he wishes...