Patt Vira | p5.js Coding Tutorial | Interactive Display with Rotating Blocks @pattvira | Uploaded November 2023 | Updated October 2024, 14 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
🔗 Interactive Display with Rotating Blocks Code: editor.p5js.org/pattvira/sketches/UKADr3KTjk
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
🔗 Anypixel: googlecreativelab.github.io/anypixel
Timestamps:
0:00 Intro
0:12 Inspiration: Anypixel.js
0:45 Creating one rotating block
5:05 Creating a Brick class
8:44 Creating a grid of brick objects
16:05 Working on the bricks' 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
🔗 Interactive Display with Rotating Blocks Code: editor.p5js.org/pattvira/sketches/UKADr3KTjk
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
🔗 Anypixel: googlecreativelab.github.io/anypixel
Timestamps:
0:00 Intro
0:12 Inspiration: Anypixel.js
0:45 Creating one rotating block
5:05 Creating a Brick class
8:44 Creating a grid of brick objects
16:05 Working on the bricks' appearance