p5.js Coding Tutorial | Robot Meets Oscillating Waves 🤖🎵
Patt Vira Patt Vira
4.03K subscribers
461 views
0

 Published On May 3, 2024

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/
🔗 Robot Oscillating Waves Code: https://editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist:    • START HERE: Creative Coding for Begin...  

References:
🔗 Wikipedia - Audio frequency: https://en.wikipedia.org/wiki/Audio_f...
🔗 p5.js Oscillator Class: https://p5js.org/reference/#/p5.Oscil...

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!

show more

Share/Embed