3D Gallery

A fully customizable 3D image gallery built with Three.js and PBR materials. Display portfolio work, product showcases, or visual collections with professional metallic reflections and dynamic layouts.

Features:
Upload unique images for each object — no duplicates, every sphere/cube shows different content

Switch between Carousel, Wave, Grid, and Random spatial layouts
Choose from geometries: Sphere, Cube, Torus, Cylinder, Cone, Egg, Star
Adjust materials in real-time: roughness, metalness, reflection intensity, surface tint
Control animations: individual rotation, floating motion, pulse on hover, carousel tumble
Independent size and spacing controls for tight clusters or wide spreads

Technical:
Three.js rendering with PBR materials (MeshStandardMaterial)
HDRI environment mapping for realistic reflections
Depth of field effect in Grid layout
Camera auto-fits to object bounds
Optimized for smooth 60fps performance

Use Cases:
Portfolio galleries showcasing multiple projects
Product 360° displays
Brand showcases with logo spheres
Creative exploration tools
Visual storytelling with spatial depth