Patt Vira | p5.js Coding Tutorial | Rainbow Pendulum Waves @pattvira | Uploaded May 2024 | Updated October 2024, 3 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
🔗 Rainbow Pendulum Waves Code: editor.p5js.org/pattvira/sketches/27p9GzkkM
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn

References:
🔗 @project_jdm 's Version: youtu.be/4GaGnU8Ij2Y?si=u1I2F6l9hMZJziNB
🔗 Wikipedia - Audio frequency: en.wikipedia.org/wiki/Audio_frequency
🔗 p5.js Oscillator Class: p5js.org/reference/#/p5.Oscillator
🔗 p5.js Envelope Class: p5js.org/reference/#/p5.Envelope

Timestamps:
0:00 Intro
0:29 Creating a single rainbow wave
3:56 Creating a Rainbow class
6:32 Creating multiple Rainbow objects
8:29 Adjusting angle velocity based on radius
9:54 Setting new angle value to ensure no time is lost when hitting angle limits
13:55 Adjusting radius so radius is inversely related to angle velocity
18:29 Adding rainbow colors
22:38 Adding sound using p5.Oscillator class
26:59 Using p5.Envelope class to make sound more instrument-like