Patt Vira | p5.js Coding Tutorial | Bubbly Emoji Effect @pattvira | Uploaded April 2024 | Updated October 2024, 23 minutes 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
π Bubbly Emoji Effect Code: editor.p5js.org/pattvira/sketches/UwGW_jP0L
π Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
Timestamps:
0:00 Intro
0:10 Draw an emoji using text functions
1:00 Create an Emoji class
3:35 Move an emoji
5:31 Make an emoji disappear over time
7:40 Make it interact with mouse movement (approach 1)
10:52 Remove emojis that disappear from an array
13:37 Make it interact with mouse movement (approach 2)
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
π Bubbly Emoji Effect Code: editor.p5js.org/pattvira/sketches/UwGW_jP0L
π Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
Timestamps:
0:00 Intro
0:10 Draw an emoji using text functions
1:00 Create an Emoji class
3:35 Move an emoji
5:31 Make an emoji disappear over time
7:40 Make it interact with mouse movement (approach 1)
10:52 Remove emojis that disappear from an array
13:37 Make it interact with mouse movement (approach 2)