Development & Design · Experiment
3D portfolio gallery
A navigable WebGL gallery that turns portfolio browsing into a spatial interface with audio-reactive details.
About the work
The 3D portfolio gallery turns the work archive into a navigable WebGL scene. The layout gives sound and music work a spatial context instead of reducing every item to a thumbnail and a short card.
I built the scene with Three.js and React Three Fiber. I implemented project loading from the Astro content collection, camera movement, panel interaction, transitions, navigation, and the visual system. The gallery also acts as a test of whether spatial browsing can add context without hiding the basic project information.