Loading video...

Video Failed to Load

Go Home

REAL TIME SKELETAL VISUALIZATION WITH MEDIAPIPE AND THREE.JS. Built for K 12 anatomy education, but the use cases go way beyond the classroom.

RoundtableSpace's profile picture

0xMarioNawfal

247,162 subscribers

56,309 views • 3 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

i made a tutorial for my 3D data visualization project it's how I imagine Tony Stark and Jarvis doing data analysis :] built with Three.js, mediapipe AI vision, and web speech API thread below with the code, tutorial, and live demo ↴
1:00

i made a tutorial for my 3D data visualization project it's how I imagine Tony Stark and Jarvis doing data analysis :] built with Three.js, mediapipe AI vision, and web speech API thread below with the code, tutorial, and live demo ↴

AA

84,065 views • 11 months ago

creating / controlling 3D shapes with hand gestures 👋💠 built with Three.js and MediaPipe computer vision 🔗 demo + code in the comments let me know of any requests for future demos / tutorials!
0:58

creating / controlling 3D shapes with hand gestures 👋💠 built with Three.js and MediaPipe computer vision 🔗 demo + code in the comments let me know of any requests for future demos / tutorials!

AA

221,547 views • 1 year ago

which tutorial (+code) should I release next? > Left: 3D graph data viz > Right: Severance game projects are built with Three.js and mediapipe AI vision learn how to build real-time hand tracking apps for 3D design, games, etc.
0:12

which tutorial (+code) should I release next? > Left: 3D graph data viz > Right: Severance game projects are built with Three.js and mediapipe AI vision learn how to build real-time hand tracking apps for 3D design, games, etc.

AA

19,435 views • 11 months ago

I'm making games with Grok 4 to force myself to work out > do a chin-up, save a cat > push-ups for puppies > planking for penguins coded with Grok 4 (built by xAI), using mediapipe AI vision and Three.js for animations body movement is tracked in real-time and scores are only counted when the exercise is done with proper form
0:32

I'm making games with Grok 4 to force myself to work out > do a chin-up, save a cat > push-ups for puppies > planking for penguins coded with Grok 4 (built by xAI), using mediapipe AI vision and Three.js for animations body movement is tracked in real-time and scores are only counted when the exercise is done with proper form

AA

175,468 views • 11 months ago

Start building real apps for the modern web with the Google Antigravity coding agent and Firebase integration, now in Google AI Studio. Develop a real-time, 3D multiplayer snake arena built with Three.js and collect orbs to dominate the neon grid 🐍
0:20

Start building real apps for the modern web with the Google Antigravity coding agent and Firebase integration, now in Google AI Studio. Develop a real-time, 3D multiplayer snake arena built with Three.js and collect orbs to dominate the neon grid 🐍

Google AI Developers

33,117 views • 3 months ago

Introducing: Chess -- but it uses 3D hand tracking technology and is much more inconvenient ♔♘ Built with Three.js and the MediaPipe hand tracking model Anyone up for some speed chess (blitz / bullet)? Let me know if I should try to make this multiplayer 👀
1:09

Introducing: Chess -- but it uses 3D hand tracking technology and is much more inconvenient ♔♘ Built with Three.js and the MediaPipe hand tracking model Anyone up for some speed chess (blitz / bullet)? Let me know if I should try to make this multiplayer 👀

AA

17,135 views • 1 year ago

Visualization and sonification of the GitHub commit history of the Three.js repository.
1:26

Visualization and sonification of the GitHub commit history of the Three.js repository.

Ren Yuan

132,948 views • 2 years ago

controlling a 3D globe with hand gestures 🌎 map zoom, rotation, layer view toggle runs in real-time on the web with a regular laptop + webcam created with Cesium, Three.js, and mediapipe computer vision 🔗 demo + code + tutorial below GeoGuessr next?
1:02

controlling a 3D globe with hand gestures 🌎 map zoom, rotation, layer view toggle runs in real-time on the web with a regular laptop + webcam created with Cesium, Three.js, and mediapipe computer vision 🔗 demo + code + tutorial below GeoGuessr next?

AA

27,819 views • 11 months ago

Bureaucracy is crushing both K–12 & higher education—but not for much longer, at least in Ohio. Help is on the way.
0:36

Bureaucracy is crushing both K–12 & higher education—but not for much longer, at least in Ohio. Help is on the way.

Vivek Ramaswamy

61,577 views • 1 month ago

say hello to my little friend 🤖 3D model control (move, rotate, scale, animate) using hand gestures and voice commands, running in real-time in the browser! created with Three.js, Rosebud AI, mediapipe computer vision, and web speech API credit to Quaternius for the robot model 🔗 demo below
0:52

say hello to my little friend 🤖 3D model control (move, rotate, scale, animate) using hand gestures and voice commands, running in real-time in the browser! created with Three.js, Rosebud AI, mediapipe computer vision, and web speech API credit to Quaternius for the robot model 🔗 demo below

AA

30,775 views • 1 year ago

hand-controlled arpeggiator, drum machine, and audio reactive visualizer 🪬 do you want the code for this? created with Three.js, Rosebud AI, mediapipe computer vision, tone.js
0:59

hand-controlled arpeggiator, drum machine, and audio reactive visualizer 🪬 do you want the code for this? created with Three.js, Rosebud AI, mediapipe computer vision, tone.js

AA

164,176 views • 1 year ago

i'm making a musical instrument rotate your hands to change tempo and note cycles experimenting with an audio-reactive radial UI design created with grok 4, mediapipe AI vision, tonejs, Three.js 🔗 runs in real-time in the browser, link in comments
0:35

i'm making a musical instrument rotate your hands to change tempo and note cycles experimenting with an audio-reactive radial UI design created with grok 4, mediapipe AI vision, tonejs, Three.js 🔗 runs in real-time in the browser, link in comments

AA

14,429 views • 10 months ago

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇
0:36

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇

Puneet | Techartist

13,326 views • 1 year ago

planking for penguins 🐧 a real-time exercise tracking game, coded with Grok 4 (xAI) this uses mediapipe AI vision to detect when the player has proper plank form (knees-hips-shoulders in a horizontal line, elbows low) also using Three.js for visuals and tonejs for audio this all runs in real-time in the browser, using a regular laptop + webcam 🔗 live demo below
0:40

planking for penguins 🐧 a real-time exercise tracking game, coded with Grok 4 (xAI) this uses mediapipe AI vision to detect when the player has proper plank form (knees-hips-shoulders in a horizontal line, elbows low) also using Three.js for visuals and tonejs for audio this all runs in real-time in the browser, using a regular laptop + webcam 🔗 live demo below

AA

244,071 views • 11 months ago

The way out of the national debt crisis is to use what Einstein called the most powerful force in the universe: compound interest. The easiest solution starts with integrating financial literacy into K-12 education & we’ll lead the way in Ohio.
2:38

The way out of the national debt crisis is to use what Einstein called the most powerful force in the universe: compound interest. The easiest solution starts with integrating financial literacy into K-12 education & we’ll lead the way in Ohio.

Vivek Ramaswamy

207,100 views • 1 year ago

Education will never be the same. People are finding some incredible use cases with Apple Vision Pro and spatial computing. 10 wild use cases: 1. Learning how heart works
0:26

Education will never be the same. People are finding some incredible use cases with Apple Vision Pro and spatial computing. 10 wild use cases: 1. Learning how heart works

Min Choi

8,993,366 views • 2 years ago

Card controls built for real-world use cases. Like restricting elves from questionable expenses...
1:16

Card controls built for real-world use cases. Like restricting elves from questionable expenses...

Slash

33,617 views • 6 months ago

Only about 10% of funding for all of K-12 education comes from the Department of Education. The idea that eliminating the Department of Education is going to be detrimental for K-12 education is a complete farce. Lindsey Burke
0:44

Only about 10% of funding for all of K-12 education comes from the Department of Education. The idea that eliminating the Department of Education is going to be detrimental for K-12 education is a complete farce. Lindsey Burke

Heritage Foundation

18,780 views • 1 year ago

Only about 10% of funding for all of K-12 education comes from the Department of Education. The idea that eliminating the Department of Education is going to be detrimental for K-12 education is a complete farce. Lindsey Burke
0:44

Only about 10% of funding for all of K-12 education comes from the Department of Education. The idea that eliminating the Department of Education is going to be detrimental for K-12 education is a complete farce. Lindsey Burke

Heritage Foundation

14,290 views • 1 year ago