LET'S CONNECT
✨ Sign up for my newsletter at www.pattvira.com
✨ Instagram: / pattvira
✨ Twitter: / pattvira
--
Links:
🔗 p5.js editor: editor.p5js.org/
🔗 Rainbow Pendulum Waves Code: editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist: • START HERE: Creative C...
References:
🔗 @project_jdm 's Version: • Watch this RAINBOW Pen...
🔗 Wikipedia - Audio frequency: en.wikipedia.org/wiki/Audio_f...
🔗 p5.js Oscillator Class: p5js.org/reference/#/p5.Oscil...
🔗 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
Негізгі бет p5.js Coding Tutorial | Rainbow Pendulum Waves
Пікірлер: 8