p5.js Coding Tutorial | Rainbow Pendulum Waves

LET'S CONNECT ✨ Sign up for my newsletter at https://www.pattvira.com ✨ Instagram:   / pattvira   ✨ Twitter:   / pattvira   -- Links: 🔗 p5.js editor: https://editor.p5js.org/ 🔗 Rainbow Pendulum Waves Code: https://editor.p5js.org/pattvira/sket... 🔗 Introduction to Creative Coding Playlist:    • START HERE: Creative Coding for Beginners   References: 🔗 ‪@project_jdm‬ 's Version:    • Watch this RAINBOW Pendulum Wave (Use Head...   🔗 Wikipedia - Audio frequency: https://en.wikipedia.org/wiki/Audio_f... 🔗 p5.js Oscillator Class: https://p5js.org/reference/#/p5.Oscil... 🔗 p5.js Envelope Class: https://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