Patt Vira | p5.js Coding Tutorial | Synchronized Rotating Arcs @pattvira | Uploaded May 2024 | Updated October 2024, 16 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
🔗 Synchronized Rotating Arcs Code: editor.p5js.org/pattvira/sketches/PnVKglAZR
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
References:
🔗 p5.js Arc function: p5js.org/reference/#/p5/arc
Timestamps:
0:00 Intro
0:10 Create one rotating arc
4:13 Create two synchronized rotating arcs
7:26 Write a collision function
10:00 Create an Arc class
14:07 Create Arc objects
18:54 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
🔗 Synchronized Rotating Arcs Code: editor.p5js.org/pattvira/sketches/PnVKglAZR
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
References:
🔗 p5.js Arc function: p5js.org/reference/#/p5/arc
Timestamps:
0:00 Intro
0:10 Create one rotating arc
4:13 Create two synchronized rotating arcs
7:26 Write a collision function
10:00 Create an Arc class
14:07 Create Arc objects
18:54 Make it pretty!