|
| 1 | +{ |
| 2 | + "title": "3D Pose Estimation with ml5.js", |
| 3 | + "description": "Strike a pose! In this video, I exsubstitute the Movenet model to BlazePose, showing how to track body keypoints and visualize 'skeleton' connections using recorded video.", |
| 4 | + "videoId": "", |
| 5 | + "nebulaSlug": "", |
| 6 | + "date": "2024-12-2", |
| 7 | + "languages": ["ml5.js", "JavaScript"], |
| 8 | + "topics": ["machine learning (ML)", "webcam", "pose detection", "ml5.js", "MoveNet", "BlazePose"], |
| 9 | + "canContribute": true, |
| 10 | + "timestamps": [ |
| 11 | + { "time": "0:00", "title": "Introduction" }, |
| 12 | + { "time": "2:00", "title": "Change to the BlazePose model" }, |
| 13 | + { "time": "2:37", "title": "x, y, z values are real world measurements" }, |
| 14 | + { "time": "4:30", "title": "Replace live camera feed with recorded video" }, |
| 15 | + { "time": "5:49", "title": "Render using p5 WEBGL renderer" }, |
| 16 | + { "time": "7:48", "title": "Use scale() to expand range of x, y, z values" }, |
| 17 | + { "time": "9:00", "title": "Add floor" }, |
| 18 | + { "time": "9:58", "title": "Rotate scene" }, |
| 19 | + { "time": "11:24", "title": "Use orbitControl() to rotate scene" }, |
| 20 | + { "time": "12:22", "title": "Translate to point" }, |
| 21 | + { "time": "13:42", "title": "Outro" } |
| 22 | + ], |
| 23 | + "codeExamples": [ |
| 24 | + { |
| 25 | + "title": "BlazePose Lerp", |
| 26 | + "description": "Sketch demonstrating use of BlazePose model with lerp smoothing.", |
| 27 | + "image": "image.jpg", |
| 28 | + "urls": { "p5": "https://editor.p5js.org/codingtrain/sketches/JMhDRpcxi_" } |
| 29 | + } |
| 30 | + ], |
| 31 | + "groupLinks": [ |
| 32 | + { |
| 33 | + "title": "References", |
| 34 | + "links": [ |
| 35 | + { |
| 36 | + "icon": "π»", |
| 37 | + "title": "ml5.js", |
| 38 | + "url": "https://ml5js.org/", |
| 39 | + "description": "ml5 page with documentation and supporting material." |
| 40 | + }, |
| 41 | + { |
| 42 | + "icon": "π", |
| 43 | + "title": "BlazePose Paper", |
| 44 | + "url": "https://arxiv.org/pdf/2006.10204", |
| 45 | + "description": "On-device Real-time Body Pose tracking." |
| 46 | + } |
| 47 | + ] |
| 48 | + }, |
| 49 | + { |
| 50 | + "title": "Videos", |
| 51 | + "links": [ |
| 52 | + { |
| 53 | + "icon": "π", |
| 54 | + "title": "Custom Shapes", |
| 55 | + "url": "tracks/more-p5/custom-shapes", |
| 56 | + "description": "In this video, I look at how to draw \"custom\" shapes in p5.js, using, `beginShape()`, `endShape()`, `vertex()` and `curveVertex()." |
| 57 | + }, |
| 58 | + { |
| 59 | + "icon": "π", |
| 60 | + "title": "Translate, Rotate, Push/Pop", |
| 61 | + "url": "tracks/transformations/translate-rotate-push-pop", |
| 62 | + "description": "In this video I cover the functions translate(), rotate(), push() and pop()." |
| 63 | + } |
| 64 | + ] |
| 65 | + } |
| 66 | + ], |
| 67 | + "credits": [ |
| 68 | + { "title": "Editing", "name": "Mathieu Blanchette" }, |
| 69 | + { "title": "Animations", "name": "Jason Heglund" } |
| 70 | + ] |
| 71 | +} |
0 commit comments