p5.js Coding Tutorial | Optical Illusion with Sound 🎵

LET'S CONNECT
✨ Sign up for my newsletter at www.pattvira.com
✨ Instagram: / pattvira
✨ Twitter: / pattvira
--
Links:
🔗 p5.js editor: editor.p5js.org/
🔗 Optical Illusion with Sound Code: editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist: • START HERE: Creative C...
Related Videos:
🔗 The Making of Animation - Beautiful Trigonometry Tutorial: • p5.js Coding Tutorial ...
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!

[@69zwaan]

WoW. prachtig muziek. kan drummer?. geweldig programma.

[@Ramunde7]

very nice work pattvira, we love you you !!

[@jozef_s]

Super cool, thanks!

[@djneils100]

your videos and your channel are amazing - keep going!!

[@umitsn]

Cool 👍🏻

[@LoginusLagonow]

After a dozen or so seconds, the sound cuts out/tears when I run the program in p5. in the Ball{} class in the update() method it should be " update() { if (this.collision(0)) { this.note.stop(); //

[@pattvira]

Thanks! I've added it to the code.