p5.js Coding Tutorial | Interactive Fridge Magnets (with ml5.js - handPose)

Опубликовано: 30 Июнь 2026
на канале: Patt Vira

3,812

171

LET'S CONNECT
✨ Sign up for my newsletter at https://www.pattvira.com
✨ Instagram:   / pattvira
✨ Twitter:   / pattvira
--
Links:
🔗 p5.js editor: https://editor.p5js.org/
🔗 Interactive Fridge Magnets Code: https://editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist:    • START HERE: Creative Coding for Beginners

Credits:
🔗 Magnet Poetry by Lea Naisberg: https://www.instagram.com/p/C8xXy0NR_...

References:
🔗 ml5.js: https://ml5js.org

Timestamps:
0:00 Intro
0:20 ml5.js - machine learning library for the web
1:04 Intro to handPose() model
9:43 Get thumb and index finger locations
11:13 Create one magnet
17:38 Create a Magnet class
21:47 Make it interactive with mouse location
25:36 Combine ml5.js and magnet sketches
26:53 Make it interactive with fingers' location