Patt Vira | p5.js Coding Tutorial | Circular Grid Graphics (Nested Loop / 2D Array) @pattvira | Uploaded October 2023 | Updated October 2024, 3 hours ago.
Links:
🔗 p5.js editor: editor.p5js.org
🔗 Circular Grid Graphics Code: editor.p5js.org/pattvira/sketches/kXt2VFUkT
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
🔗 Nested Loop: youtu.be/A-ebumU7e7s
🔗 2D Array: youtu.be/W9CcEDxdnmg
🔗 2D Grid w Nested Loop Coding Tutorial: youtu.be/UKxB2j4h7Ag
Timestamps:
0:00 Intro
0:19 Approach
0:37 Drawing a circular grid
2:37 Creating a 2d array to store size data
6:39 Coloring a circular grid
Links:
🔗 p5.js editor: editor.p5js.org
🔗 Circular Grid Graphics Code: editor.p5js.org/pattvira/sketches/kXt2VFUkT
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
🔗 Nested Loop: youtu.be/A-ebumU7e7s
🔗 2D Array: youtu.be/W9CcEDxdnmg
🔗 2D Grid w Nested Loop Coding Tutorial: youtu.be/UKxB2j4h7Ag
Timestamps:
0:00 Intro
0:19 Approach
0:37 Drawing a circular grid
2:37 Creating a 2d array to store size data
6:39 Coloring a circular grid