This experiment is inspired by a video from @reijowrites on Twitter, where they animated a 3D swipe-to-unlock interaction. Their version probably took a while to render, but I wanted to see if I could create something similar in realtime using Three.js.

It’s a quick experiment I put together in an hour or two, and while I’m still not completely happy with the lighting on the brushed metal, it was a fun way to play around with Three.js and explore its capabilities. I quite like the idea of depth in a display, and a mouse having shadows to help communicate that depth.