Learn

Learning machine learning is an exciting journey that we can explore together. The ml5.js Learn page provides tutorials, articles, and videos covering various machine learning and creative coding topics. This is a community space where practitioners share knowledge and learn from each other. If you have a machine learning insight or experience that could help others, please consider submitting a tutorial using the form below.

Tutorials

3D Pose Estimation with ml5.js

3D Pose Estimation with ml5.js

The Coding Train

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.

Face Mesh with ml5.js

Face Mesh with ml5.js

The Coding Train

In this video, I explore the FaceMesh model using ml5.js. I demonstrate how to track all 468 face landmark positions as well as texture map an image onto the triangular mesh with uv coordinates.

Interactive Dandelion with FaceMesh

Interactive Dandelion with FaceMesh

Patt Vira

This tutorial explores animating text in p5.js with physics-based motion and interactivity using the FaceMesh model in ml5.js, culminating in a "blowing" force controlled by face tracking.

Hand Detection with ml5.js

Hand Detection with ml5.js

The Coding Train

This tutorial explore the HandPose model using ml5.js, demonstrating how to track hand keypoints and create an interactive painting sketch using gestures.

Pose Estimation with ml5.js

Pose Estimation with ml5.js

The Coding Train

This tutorial explores the BodyPose model in ml5.js with MoveNet and BlazePose, showing how to track body keypoints and visualize 'skeleton' connections using live video.

Image Classification with MobileNet

Image Classification with MobileNet

The Coding Train

This tutorial uses the "pre-trained" MobileNet model to classify the content of an image.

Coding Tutorial Playlist with ml5.js

Coding Tutorial Playlist with ml5.js

Patt Vira

This playlist demonstrates how to use ml5.js for web-based machine learning as well as showcasing how you can combine it with other libraries like p5.js for creative coding and matter.js for physics simulations. Each tutorial is designed to be very interactive and fun, guiding you through exciting projects that show how these tools can work together seamlessly to bring your creative ideas to life.

Contribute!

If you are interested to share your work, highlight an interesting article/video, or get in touch, we'd love to hear from you!