3D Pose Estimation with ml5.js

Channel:

The Coding Train

Subscribers:

1,740,000

Published on December 1, 2024 4:08:26 PM ● Video Link: https://www.youtube.com/watch?v=IF414I26_K8

Duration: 0:00

23,515 views

772

Building on BodyPose in ml5.js, this video explores the 3D capabilities of the BlazePose model, visualizing poses in a 3D space using WEBGL in p5.js. Code: https://thecodingtrain.com/tracks/ml5js-beginners-guide/ml5/7-bodypose/blazePose

🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-3d-pose-estimation-with-ml5js

p5.js Web Editor Sketches:
🕹 ️ BlazePose 3D:https://editor.p5js.org/codingtrain/sketches/ftALPDieT.
🕹 ️ BlazePose Lerphttps://editor.p5js.org/codingtrain/sketches/JMhDRpcxi_..

🎥 Previous:    • Pose Estimation with ml5.js  
🎥 Next:    • Hand Pose Detection with ml5.js  
🎥 All:    • Beginners Guide to Machine Learning i...  

References:
💻 ml5.js: BodyPosehttps://docs.ml5js.org/#/reference/bodypose..
📄 On-device, Real-time Body Pose Tracking with MediaPipe BlazePosehttps://research.google/blog/on-device-real-time-body-pose-tracking-with-mediapipe-blazepose/..
📄 3D Pose Detection with MediaPipe BlazePose GHUM and TensorFlow.jshttps://blog.tensorflow.org/2021/08/3d-pose-detection-with-mediapipe-blazepose-ghum-tfjs.html..
📄 BlazePose GHUM Holistic:https://arxiv.org/pdf/2206.1167878

Videos:
🚂    • Pose Estimation with ml5.js  
🚂    • 9.22: Custom Shapes - p5.js Tutorial  
🚂    • How to Rotate Shapes in p5.js (transl...  

Timestamps:
0:00 Introduction
2:00 Incorporating BlazePose model
2:37 What are the xyz values?
4:30 Replace live camera with recorded video.
5:49 Render with p5.js WEBGL
7:48 Use scale() to expand range of xyz values
9:00 Creating 3D scene
9:58 Rotating scene.
11:24 Using orbitControl()
12:22 Using 3D shapes
13:42 Goodbye!

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Websitehttps://thecodingtrain.com/m/
👾 Share Your Creationhttps://thecodingtrain.com/guides/passenger-showcase-guide..
🚩 Suggest Topicshttps://github.com/CodingTrain/Suggestion-Box..
💡 GitHubhttps://github.com/CodingTrainin
💬 Discordhttps://thecodingtrain.com/discordrd
💖 Membershipin
🛒 Store:https://standard.tv/codingtrainn
🖋 ️ Twitterhttps://twitter.com/thecodingtrain  
📸 Instagramhttps://www.instagram.com/the.coding.train/  

🎥    • Coding Challenges  
🎥    • Start learning here!  

🔗 p5.jshttps://p5js.org/rg
🔗 p5.js Web Editorhttps://editor.p5js.org/g/
🔗 Processinghttps://processing.org/rg

📄 Code of Conducthttps://github.com/CodingTrain/Code-of-Conduct..

This description was auto-generated. If you see a problem, please open an issuehttps://github.com/CodingTrain/thecodingtrain.com/issues/new..

#machinelearningml #webcam #posedetection #ml5js #movenet #blazepose #ml5js #javascript