Patt Vira | p5.js Coding Tutorial | Interactive Grid with Mouse Location @pattvira | Uploaded October 2023 | Updated October 2024, 1 day ago.
Links:
🔗 p5.js editor: editor.p5js.org
🔗 Interactive Grid with Mouse Location Code: editor.p5js.org/pattvira/sketches/6BKfvvffZ
🔗 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:28 Creating a grid using a nested loop
1:46 Creating a 2D array to store size data
4:35 Finding the distance between each cell and mouse location
Links:
🔗 p5.js editor: editor.p5js.org
🔗 Interactive Grid with Mouse Location Code: editor.p5js.org/pattvira/sketches/6BKfvvffZ
🔗 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:28 Creating a grid using a nested loop
1:46 Creating a 2D array to store size data
4:35 Finding the distance between each cell and mouse location