Looper

sketch

Looper started on paper, with rough drawings of the deck and which parts should be interactive.

modeling

I modeled the deck in Blender, keeping the geometry light enough to run smoothly in a browser.

shaders

Materials and lighting are where it stopped looking like a 3D model and started looking like real hardware.

final

On the site, the deck runs in React Three Fiber and is wired to a Web Audio engine, so the record and buttons actually play and respond.