Patt Vira | p5.js Coding Tutorial | Rotating Arcs Animation (Arc Function) @pattvira | Uploaded February 2024 | Updated October 2024, 7 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
🔗 Rotating Arcs Animation Code: editor.p5js.org/pattvira/sketches/msjpOoDIv
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn

References:
🔗 Easing Functions: easings.net

Timestamps:
0:00 Intro
0:10 Creating a rotating arc
5:24 Creating a Shape class
13:58 Alternating each Shape object's color using modulus expression
16:47 Using easing functions to control movement