Patt Vira | p5.js Coding Tutorial | Optical Illusion with Sound π΅ @pattvira | Uploaded April 2024 | Updated October 2024, 16 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
π Optical Illusion with Sound Code: editor.p5js.org/pattvira/sketches/yhFKHZ0K4
π Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
Related Videos:
π The Making of Animation - Beautiful Trigonometry Tutorial: youtu.be/KUXShW3C9rs
Timestamps:
0:00 Intro
0:44 Create one oscillating circle
3:46 Create multiple oscillating circles to get an optical illusion effect
7:25 Create a Ball class
12:12 Upload, preload, and play .mp3 files
16:08 Play a note when ball passes through the origin
22:35 Create multiple rings of Ball objects
27:18 Make it pretty!
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
π Optical Illusion with Sound Code: editor.p5js.org/pattvira/sketches/yhFKHZ0K4
π Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
Related Videos:
π The Making of Animation - Beautiful Trigonometry Tutorial: youtu.be/KUXShW3C9rs
Timestamps:
0:00 Intro
0:44 Create one oscillating circle
3:46 Create multiple oscillating circles to get an optical illusion effect
7:25 Create a Ball class
12:12 Upload, preload, and play .mp3 files
16:08 Play a note when ball passes through the origin
22:35 Create multiple rings of Ball objects
27:18 Make it pretty!