Patt Vira | p5.js Coding Tutorial | Color Grid (Nested Loop / 2D Array) @pattvira | Uploaded October 2023 | Updated October 2024, 23 hours ago.
Links:
π p5.js editor: editor.p5js.org
π Random Color Grid Code: editor.p5js.org/pattvira/sketches/oY9_dPiwG
π 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:43 Drawing a square grid using a nested loop
2:14 Creating a 2d array to store color data
6:14 Using a random function to generate color data
Links:
π p5.js editor: editor.p5js.org
π Random Color Grid Code: editor.p5js.org/pattvira/sketches/oY9_dPiwG
π 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:43 Drawing a square grid using a nested loop
2:14 Creating a 2d array to store color data
6:14 Using a random function to generate color data