I built a website that sells 3D websites by being one.
Scroll and the model assembles, the lights come up and the page orbits around it. Stop scrolling and the pieces float. Once it's built, grab the model and spin it.
Three.js + CSS3D, no framework, about 160 KB of JavaScript. Live:
https://web3d-funnels.vercel.app/build
3D model and textures by the very talented
@Miriam Vargas (the duck you see here is hers).
It's the third piece of a series on scroll-driven 3D. The other two: a vertical funnel where the duck builds itself one argument at a time, and a product page that moves in four directions with a Rubik's cube. All three are in my work section, with the build decisions explained.
#3D #WebGL #threejs #webdesign #funnels