AnatomyAR
Point your phone camera at someone and see their heart, lungs, intestines or skeleton tracked onto their body in real time. Anatomy on a real body instead of a flat diagram.
- Event
- CTRL+HACK+DEL
- Built
- November 2024
- Role
- Front-end development
- Team
- Amr Radwan, Arianne Ghislaine Rull and me
The idea
Anatomy is hard to learn from textbook illustrations, and models and labs aren't available everywhere. AnatomyAR puts 3D organs on a real body using just a phone, and lets teachers record a lesson.
What I built
- Moved the project from Next.js to Vite with Geenee's body-tracking SDK and Three.js renderer, then restructured it in React.
- The model viewer: a map of heart, lungs, intestines and skeleton models, each with occluders so the body hides the parts that should be behind it.
- The model carousel, camera switch, record button and loading screen.
- Moved the SDK token into environment variables, with separate dev and production tokens.
Team
Amr added the lungs and intestines models, fixed their placement and handled deployment, and Arianne built the landing page.
Stack
React · TypeScript · Vite · Three.js · Geenee body tracking · Blender