Patt Vira | p5.js Coding Tutorial | Binary Piano 🎵 @pattvira | Uploaded May 2024 | Updated October 2024, 31 minutes 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
🔗 Binary Piano Code: editor.p5js.org/pattvira/sketches/8a1UP-aMX
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn

Credits:
🔗 Tim Holman's Binary Piano: binarypiano.com
🔗 Alfred Kedhammar's 1023.exe: youtu.be/CdaPhpGG6As?si=c6IUiKRCBCEq8ftD

References:
🔗 p5.js Oscillator Class: p5js.org/reference/#/p5.Oscillator
🔗 p5.js Envelope Class: p5js.org/reference/#/p5.Envelope
🔗 Geeks for Geeks - Convert from Decimal to Binary: geeksforgeeks.org/javascript-program-to-convert-decimal-to-binary

If you like this tutorial, be sure to check out these playlists:
🎵 Sound: youtube.com/playlist?list=PL0beHPVMklwjGN8hR4ei-SJAY-AozCdQA
🎵 Sound Mini Series: youtube.com/playlist?list=PL0beHPVMklwjNRGtN74Mp6JCub4Dd_y5w

Timestamps:
0:00 Intro
0:34 What is binary?
2:39 Write a function to convert from decimal to binary number
8:32 Increment decimal number using frameCount
11:26 Write a Block class
18:38 Add sound with p5.Oscillator and p5.Envelope
26:22 Add some final touches