p5.js Coding Tutorial | Rainbow Pendulum Waves
Автор: Patt Vira
Загружено: 2024-05-08
Просмотров: 1610
Описание:
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
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке:
