Patt Vira | p5.js Coding Tutorial | 💖 Exploding Hearts 💖 (Particle Systems) @pattvira | Uploaded March 2024 | Updated October 2024, 7 hours ago.
LET'S CONNECT
✨ Sign up for my newsletter at pattvira.com
✨ Instagram: instagram.com/pattvira
✨ Twitter: twitter.com/pattvira
--
Links:
🔗 p5.js editor: editor.p5js.org
🔗 Exploding Hearts Code: editor.p5js.org/pattvira/sketches/B7jG_ZOl0
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn

References:
🔗 Heart Curve Equations: mathworld.wolfram.com/HeartCurve.html

Related Videos:
🔗 Falling Hearts Coding Tutorial: youtu.be/zH3eH3hlGoo
🔗 Particle Systems Playlist: youtube.com/playlist?list=PL0beHPVMklwjgTj2d4uK_R_1sdPg1hi4x&si=CiiYG9GjhG-XxzWd

Timestamps:
0:00 Intro
0:10 Create one heart-shaped outline using a heart curve equation
4:25 Create a Heart class
8:20 Create multiple Heart objects at mouse location
12:06 Create a Particle class to control each particle that makes up a heart shape
19:35 Expand hearts being making them explode and fall
23:03 Remove hearts that are offscreen from array
29:56 Make it prettty!