Fun with MoveNet plus p5play and p5js - Creative Coding

In this creative coding video, learn how I used MoveNet for two projects - one that creates a flow field from the body image, and another that uses p5play to move balls in a flow around the body. MoveNet is a machine learning model that detects body parts, made by TensorFlow. See code and all references linked below.

MoveNet Skeleton:
https://editor.p5js.org/StevesMakersp...

MoveNet + Flow field:
https://editor.p5js.org/StevesMakersp...

Movenet + p5play + Flow field:
https://editor.p5js.org/StevesMakersp...

ml5 PoseNet and p5play video:
   • Combining ml5 PoseNet and p5play to m...  

Animated Flow Field video:
   • 18: Perlin Noise Flow Fields in p5.js...  

p5play.org

Introduction to p5play video:
   • Introducing p5play: a Physics and Gam...  

ml5:
https://learn.ml5js.org/#/

MoveNet on TensorFlow:
https://www.tensorflow.org/hub/tutori...

The Coding Train - Beginners Guide to Machine Learning in JavaScript:
   • Beginners Guide to Machine Learning i...  

Article: MoveNet : Pose Estimation for Video with Intense Motion:
  / movenet-pose-estimation-for-video-with-int...  

https://p5js.org/

Join my Discord:   / discord  

Follow me on Twitter:   / stevemakerspace  

Steve's Patreon page:   / steves_makerspace  

0:00 Introduction and Context
2:10 MoveNet Basic Skeleton code
5:52 MoveNet plus Flow Field code
13:57 MoveNet plus p5play with Ball Flow code
21:40 Outro