Patt Vira | p5.js Coding Tutorial | Rotating Polygons on the Major Scale π΅ @pattvira | Uploaded April 2024 | Updated October 2024, 32 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
π Rotating Polygons on the Major Scale Code: editor.p5js.org/pattvira/sketches/Pa1_cdABS
π Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
References:
π @AlgoMotion 's Rotating Polygons on the Circle of Fifths | Surprising Results! video: youtu.be/V0YH8M6C-VM?si=ouyS7Dy83kBFmogn
Timestamps:
0:00 Intro
0:42 Add, pre-load, and play sound files
4:55 Create a ring of circles for each note
9:22 Create a Note class
17:06 Create different polygons
22:21 Make it pretty!
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
π Rotating Polygons on the Major Scale Code: editor.p5js.org/pattvira/sketches/Pa1_cdABS
π Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
References:
π @AlgoMotion 's Rotating Polygons on the Circle of Fifths | Surprising Results! video: youtu.be/V0YH8M6C-VM?si=ouyS7Dy83kBFmogn
Timestamps:
0:00 Intro
0:42 Add, pre-load, and play sound files
4:55 Create a ring of circles for each note
9:22 Create a Note class
17:06 Create different polygons
22:21 Make it pretty!