Combining ml5 PoseNet and p5play to manipulate objects with my body - p5js

Channel:
United States Steve's Makerspace
Subscribers:
6,610
Published on ● Video Link: https://www.youtube.com/watch?v=bPD8lL0hiLs


Duration: 13:05
1,035 views
38

In this video, I show how I combined ml5 PoseNet (machine learning body pose identification) with p5play (physics and game engine) using p5.js. It's super fun! I have four applications you can play with in your browser or update for your own use, and I go over the code.

Collection of 4 applications in p5.js:
https://editor.p5js.org/StevesMakerspace/collections/qbQUmR1Ib

https://ml5js.org/
https://p5play.org/

My video intro to p5play:
https://youtu.be/IQmFqhZ11K8?si=7aB6WC52CbQImwS0

My video on using HandPose to draw in the air with my finger:
https://youtu.be/96sWFP9CCkQ?si=jJBzvfmV9SZrj1cX

Join my Discord: https://discord.gg/FSW6zzU

Follow me on Twitter: https://twitter.com/SteveMakerspace



Other Videos By Steve's Makerspace


2023-12-117: Custom Shapes - Vertex and curveVertex in p5.js: How to Code Generative Art
2023-12-096: If - Else plus AND, OR, and NOT in p5.js: How to Code Generative Art
2023-12-075: For Loops and While Loops in p5.js: How to Code Generative Art
2023-12-064: Variables plus Math Shortcuts in p5.js: How to Code Generative Art
2023-12-053: Shapes plus Random function in p5.js: How to Code Generative Art
2023-12-042: Color in p5.js: How to Code Generative Art
2023-12-031: Getting Started with p5.js: How to Code Generative Art
2023-12-03How to Code Generative Art: Preview to the Course - p5.js
2023-11-30I'm on Patreon!
2023-11-21Fixing Perlin noise - p5js #shorts
2023-10-16Combining ml5 PoseNet and p5play to manipulate objects with my body - p5js
2023-10-10Replacing p5play Blocks with Custom Generative Blocks
2023-10-10Introducing p5play: a Physics and Game Engine for p5js - with coding example
2023-08-03How I made String Theory - Generative Art Homage to Jackson Pollock in p5.js
2023-05-14Debrief of Two More Gen Art fxhash Projects made in p5.js
2023-05-13Discussing Four of My Gen Art Projects on fxhash - made with p5.js
2023-04-29Animating the Drawing Process of Your Static Art in p5.js
2023-04-13Getting Started with fxhash params and fxlens using Visual Studio Code - full tutorial for artists
2023-04-08Adding Circular Flow to a Flow Field with Generative Artist Jeff Palmer - p5.js
2023-03-19Making a Static Flow Field in p5.js
2023-03-05Using a Buffer Canvas as a Data Source for p5.js Generative Art


Tags:
machine learning
posenet
ml5
p5play
p5js
p5js machine learning
augmented reality