Interactive 3D Hand Anatomy with Live Hand Tracking

HANDS! Never thought they would be this complicated.

27 bones, 34 muscles, nerves, blood vessels and over 100 ligaments holding the joints together, all covered in fat and skin.

We wanted a way to teach that without a textbook. So we built a 3D hand and forearm that follows your own hand.

The camera finds 21 points on your hand: the wrist, every knuckle, every joint. Those points are mapped straight onto the 3D rig, running at 60 fps right in the browser. Wave, point, move a finger, and the anatomy moves with you.

It is still in beta and it keeps getting better.

Injuries, common problems, wear and tear, and the changes in hand mobility after treatment.

Type: Interactive 3D anatomy with webcam hand tracking

Runs in: Any browser, nothing to install

Team: Luqman Bukhari, Usman Bukhari and Ishaq Hassan at CDI Studio

Try it yourself: https://cdi-hand-capture.vercel.app/?v=1

Watch on YouTube: https://www.youtube.com/watch?v=sWSPrkfbs_E

We're working on many mechanisms and would love to hear how we can bring yours to life. More work at https://cdistudio.io