Twenty interactive 3D landing pages
Twenty Worlds
The index
Each world is a complete landing page for a fictional brand, built around one interaction you can touch. Hero objects are Meshy 7.1 image-to-3D models generated from Nano Banana 2 reference images, lit and choreographed in three.js.
How they were made
One idea per world. No stock anything.
Assets. Clean product plates from Nano Banana 2, turned into 60k–250k-triangle PBR models by Meshy 7.1 at 4K geometry, then compressed with meshopt and WebP.
Rendering. three.js with an HDR post stack: N8AO ambient occlusion, mip-chain bloom, AgX tone mapping, raymarched volumetric light, planar reflections and film grain.
Interaction. Every page has a signature mechanic: a lantern, a forge, a pond, a lens, a tide, a turntable. The page is the scene; the scroll is the camera.