Preview image. Unlock full-res
An interactive WebGL portfolio experiment built with Three.js where each Sony cassette tape in a dark 3D scene acts as a navigable project card with colorful thumbnail previews and HUD overlays.
More like this
See all
Summary
An interactive WebGL portfolio experiment built with Three.js where each Sony cassette tape in a dark 3D scene acts as a navigable project card with colorful thumbnail previews and HUD overlays.
Visual description
A black-and-white 3D scene of cassette tapes tumbling at different angles in a dark void, with hard white highlights on edges and labels. Some tapes are close and out of focus, others show legible label details and reel windows. A small wordmark sits at the top left, an email at the top right, and a short bio paragraph in tiny sans-serif at the bottom left.
Key takeaway
Fill the frame with one physical object in monochrome and extreme camera angles, then keep all interface text tiny and pinned to the corners. The restrained UI lets the 3D objects serve as the whole portfolio navigation.
Reuse notes
Reach for this as a ui screen reference. Pairs with experimental, 3d directions. Original by Luis Bizarro.
