An interactive 3D music player built with Three.js and Blender. The project started as an experiment in bringing 3D product design into the browser. A custom cassette deck model sits at the centre of a retro poster layout, with synced lyrics, playback controls, and a live security feed aesthetic. The goal was to push what's possible with 3D interactivity on the web without compromising on load times. Still refining the pipeline, but the foundation is there.
The cassette deck was modelled in Blender, starting with a clay render to nail the form and proportions. Once the geometry was right, textures were layered on: rust, exposed wiring, scratched metal, worn buttons. The weathered look was intentional. The vibe sits somewhere between Star Wars and Nostromo. From there it was exported and loaded into Three.js for rendering in the browser.
Each track has a timed lyric map that syncs to the audio. Lines appear, scroll, and fade using a custom animation engine. No libraries, just requestAnimationFrame and a lot of fine-tuning.