Patt Vira | p5.js Coding Tutorial | Interactive Grid with Bouncing Ball @pattvira | Uploaded October 2023 | Updated October 2024, 7 hours ago.
Links:
🔗 p5.js editor: editor.p5js.org
🔗 Interactive Grid with Bouncing Ball Code: editor.p5js.org/pattvira/sketches/WO_KllThv
🔗 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
🔗 Bouncing Ball Coding Tutorial: youtu.be/UKxB2j4h7Ag
Timestamps:
0:00 Intro
0:30 Creating a grid of diagonal lines using a nested loop
4:22 Creating a 2D array to store size data
6:08 Coding a Bouncing Ball Tutorial
8:21 Using ball's location to change size of each line
Links:
🔗 p5.js editor: editor.p5js.org
🔗 Interactive Grid with Bouncing Ball Code: editor.p5js.org/pattvira/sketches/WO_KllThv
🔗 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
🔗 Bouncing Ball Coding Tutorial: youtu.be/UKxB2j4h7Ag
Timestamps:
0:00 Intro
0:30 Creating a grid of diagonal lines using a nested loop
4:22 Creating a 2D array to store size data
6:08 Coding a Bouncing Ball Tutorial
8:21 Using ball's location to change size of each line