Patt Vira | p5.js Coding Tutorial | Robot Meets Oscillating Waves 🤖🎵 @pattvira | Uploaded May 2024 | Updated October 2024, 23 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
🔗 Robot Oscillating Waves Code: editor.p5js.org/pattvira/sketches/Le4wSQq4b
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
References:
🔗 Wikipedia - Audio frequency: en.wikipedia.org/wiki/Audio_frequency
🔗 p5.js Oscillator Class: p5js.org/reference/#/p5.Oscillator
Timestamps:
0:00 Intro
0:12 Create a single oscillating block
6:52 Create a Block class
10:49 Create multiple Block objects
15:10 Add a collision method and change colors and block dimensions
22:52 Add sound using p5.Oscillator class
30:22 Full length final output!
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
🔗 Robot Oscillating Waves Code: editor.p5js.org/pattvira/sketches/Le4wSQq4b
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
References:
🔗 Wikipedia - Audio frequency: en.wikipedia.org/wiki/Audio_frequency
🔗 p5.js Oscillator Class: p5js.org/reference/#/p5.Oscillator
Timestamps:
0:00 Intro
0:12 Create a single oscillating block
6:52 Create a Block class
10:49 Create multiple Block objects
15:10 Add a collision method and change colors and block dimensions
22:52 Add sound using p5.Oscillator class
30:22 Full length final output!