Главная
Study mode:
on
1
Introduction
2
Technical background of the model
3
Convert BodyPose to HandPose
4
Detecting more than one hand
5
Detecting handedness left or right
6
Creating a painting sketch with index and thumb
7
Add a layer using createGraphics
8
Storing previous hand position to draw a line
9
Exercise ideas for you!
10
Goodbye!
Description:
Explore hand pose detection and interactive painting in this 16-minute video tutorial that demonstrates how to implement the HandPose model using ml5.js. Learn the technical foundations of the model, track hand keypoints, and detect multiple hands including left/right identification. Build an interactive painting application that responds to hand gestures, utilizing createGraphics() layers and position tracking to create dynamic drawings. Master techniques for converting from BodyPose to HandPose, implementing gesture-based controls, and storing hand positions for continuous line drawing. Access multiple code examples including keypoint tracking, painting applications with varying stroke weights and colors, thumbs up/down detection, and particle effects. Perfect for developers interested in combining machine learning with creative coding through practical, hands-on demonstrations.

Hand Pose Detection and Interactive Painting with ML5.js

Coding Train
Add to list