p5.js Coding Tutorial | Little Creatures

LET'S CONNECT ✨ Sign up for my newsletter at https://www.pattvira.com ✨ Instagram: https://www.instagram.com/pattvira ✨ Twitter: https://twitter.com/pattvira -- Links: 🔗 p5.js editor: https://editor.p5js.org/ 🔗 Little Creatures Code: https://editor.p5js.org/pattvira/sketches/kjOYvnP6F 🔗 Introduction to Creative Coding Playlist: https://youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn References: 🔗 @argonautcode 's A simple procedural animation technique: https://youtu.be/qlfh_rv6khY?si=z3agEVeUtEM7MSpG 🔗 @programmingchaos8957 's Programming Procedural Animations: https://youtu.be/wFqSKHLb0lo?si=rR0TREbD2ud7455G Timestamps: 0:00 Intro 0:37 Create a circle that follows a mouse's direction 4:03 Create a circle that follows a mouse's location 6:32 Create a Segment class 9:33 Create a Segment object 12:00 Replace mouse with a moving ball (target) 17:33 Create multiple objects for the body 22:58 Create a Creature class 28:38 Debug in real-time (aka Patt struggling *__*) 32:02 Create an outline for the body 42:42 Draw the cute face 46:57 Add colors 49:47 Create multiple little creatures