I've been exploring Three.js and WebGL lately, experimenting with different ways to make websites more interactive.

One thing I really enjoy about 3D on the web is that you're not limited to displaying objects. You can actually let people interact with them, explore them, and understand how things work.

So I decided to build something around that idea.

Meet Camera Lab — an interactive 3D experience where you can explore a DSLR camera, take it apart, and see what's happening inside.

📷

What's interesting about it?

Instead of simply displaying a 3D camera that rotates, I wanted people to be able to explore the engineering behind it.

Here's what you can do:

🔄 Rotate and explore: View the camera from different angles, zoom in, and inspect the details.

🧩 Take it apart: Use the exploded-view slider to separate the camera's components and put everything back together.

🔍 Explore 25 components: Click individual parts to learn more about them, including the lens, shutter, mirror, sensor, and internal…