Hand Pose Detection with ml5.js

youtube
Hand Pose Detection with ml5.js In this video, I explore the HandPose model using ml5.js. I'll demonstrate how to track hand keypoints and create an interactive painting sketch using gestures. Code: 🚀 Watch this video ad-free on Nebula p5.js Web Editor Sketches: 🕹️ HandPose - Keypoints: 🕹️ HandPose - Painting: 🕹️ Simple painting: 🕹️ HandPose Painting - Stroke Weight: 🕹️ HandPose Painting - Color: 🕹️ HandPose - Thumbs up or Thumbs Down: 🕹️ HandPose - Particles: 🎥 Previous: 🎥 Next: 🎥 All: References: 💻 ml5.js: 🏫 Introduction to ML for the Arts: 📺 Jack B. Du's YouTube channel: 🎨 Jack B. Du's Instagram: 💻 On-Device, Real-Time Hand Tracking with MediaPipe: 📄 3D Hand Pose with MediaPipe and TensorFlow.js: Timestamps: 0:00 Introduction 1:23 Technical background of the model 3:52 Convert BodyPose to HandPose 5:54 Detecting more than one hand 6:14 Detecting handedness (left or right) 6:51 Creating a painting sketch with index and thumb 10:19 Add a layer using createGraphics() 12:40 Storing previous hand position to draw a line 14:17 Exercise ideas for you! 15:27 Goodbye! Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound 🚂 Website: 👾 Share Your Creation! 🚩 Suggest Topics: 💡 GitHub: 💬 Discord: 💖 Membership: 🛒 Store: 🖋️ Twitter: 📸 Instagram: 🎥 🎥 🔗 p5.js: 🔗 p5.js Web Editor: 🔗 Processing: 📄 Code of Conduct: This description was auto-generated. If you see a problem, please open an issue: #machinelearningml #webcam #posedetection #ml5js #handp
  2024/10/29      youtube

Our Tag

最近投稿されたプログラミング学習動画

Mobile App Architecture: How to Conquer the Giant! - Heather Downing -

モバイル

This talk was recorded at NDC Porto in P...

  2025/04/25

Team Temperature: How to Control High Engagement, Prevent Burnout and

Team Temperature: How to Control High En...

  2025/04/25

Your developer’s intelligence isn’t artificial - Hannes Lowette - NDC

This talk was recorded at NDC Porto in P...

  2025/04/25

The Power of Dev Containers and GitHub Codespaces - Chris Ayers - NDC

github

This talk was recorded at NDC Porto in P...

  2025/04/25

The Blazor Multiverse: get to know the different Blazor frameworks - A

This talk was recorded at NDC Porto in P...

  2025/04/25

A Developer Goes to the Movies - Simon Painter - NDC Porto 2024

This talk was recorded at NDC Porto in P...

  2025/04/25

Complete React Native Tutorial #12 - Backend Setup with Appwrite

react

In this complete React Native tutorial, ...

  2025/04/25

Travel through #TeamPixel’s lens with these #PixOfTheDay 📷

@photoescapades (IG), @mazyar_asadi (IG)...

  2025/04/24

Developing for the SDK Runtime

Do you use third party code to empower y...

  2025/04/24

MySQL Databases and Python: Getting Started & Installing the MySQL Ser

python
sql

This is a preview of the video course, "...

  2025/04/24

How to style console logs: Color and more! #DevToolsTips

chrome

Tired of boring, monochrome console logs...

  2025/04/24

Code Your Own Llama 4 LLM from Scratch – Full Course

This course is a guide to understanding ...

  2025/04/24

Why Media Literacy Is Key to Using AI Wisely

From our podcast, episode #236 with Simo...

  2025/04/23

#TeamPixel is popping off with these pops of color 🎨 #PixOfTheDay

📷: instajan66 (IG), eldhothariyan_phoneo...

  2025/04/23

Everything You Need to Know About JavaScript Arrays – Full Course

javascript

Welcome to the JavaScript Array Master C...

  2025/04/23