Patt Vira | p5.js Coding Tutorial | Hypnotic Rotating Circles @pattvira | Uploaded November 2023 | Updated October 2024, 3 hours ago.
✨ Get your 'Basic toolkit to Getting Started with Creative Coding' on my website: https://www.pattvira.com. Let me know if you find it useful! ✨
—
Links:
🔗 p5.js editor: editor.p5js.org
🔗 Hypnotic Rotating Circles Code: editor.p5js.org/pattvira/sketches/KsmlArj4c
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
🔗 Object-oriented Programming: youtu.be/qL7-i9lF88U
Timestamps:
0:00 Intro
0:18 Approach
0:51 Creating one moving circle
2:56 Writing a Circle class
6:14 Writing a Pack (of circles) class
10:54 Creating a Pack object
18:57 Writing a method to rotate a pack
21:27 Debugging
23:13 Working on appearance
✨ Get your 'Basic toolkit to Getting Started with Creative Coding' on my website: https://www.pattvira.com. Let me know if you find it useful! ✨
—
Links:
🔗 p5.js editor: editor.p5js.org
🔗 Hypnotic Rotating Circles Code: editor.p5js.org/pattvira/sketches/KsmlArj4c
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
🔗 Object-oriented Programming: youtu.be/qL7-i9lF88U
Timestamps:
0:00 Intro
0:18 Approach
0:51 Creating one moving circle
2:56 Writing a Circle class
6:14 Writing a Pack (of circles) class
10:54 Creating a Pack object
18:57 Writing a method to rotate a pack
21:27 Debugging
23:13 Working on appearance