Back

Canvas Gallery

Loading 3D canvas...

Component Code (Next.js)

Use Copy Code to load the current local source for the 3D canvas gallery.

Claude / Codex Prompt

Create a 3D canvas gallery using React Three Fiber. Layout images in a grid on 3D planes. Support pan navigation with mouse drag and inertia, scroll-to-zoom, click-to-select with camera animation. When an image is clicked, slide in a detail side panel with image preview, title, description, location, date, and tags. Include a minimap overlay and HUD.