Patt Vira | p5.js Coding Tutorial | Spherical Cube @pattvira | Uploaded March 2024 | Updated October 2024, 25 minutes ago.
LET'S CONNECT
✨ Sign up for my newsletter at pattvira.com
✨ Instagram: instagram.com/pattvira
✨ Twitter: twitter.com/pattvira
--
Links:
🔗 p5.js editor: editor.p5js.org
🔗 Spherical Cube Code: editor.p5js.org/pattvira/sketches/cOP8qGnUR
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
References:
🔗 p5.js normalMaterial() function: p5js.org/reference/#/p5/normalMaterial
Timestamps:
0:00 Intro
0:10 Create a grid of spheres
6:34 Center the grid using offset
8:47 Use normalMaterial() function to color spheres
9:39 Vary the size based on distance from center of spheres to center of canvas
11:28 Use sliders to change parameters' values
14:40 Experiment with other values for size
LET'S CONNECT
✨ Sign up for my newsletter at pattvira.com
✨ Instagram: instagram.com/pattvira
✨ Twitter: twitter.com/pattvira
--
Links:
🔗 p5.js editor: editor.p5js.org
🔗 Spherical Cube Code: editor.p5js.org/pattvira/sketches/cOP8qGnUR
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
References:
🔗 p5.js normalMaterial() function: p5js.org/reference/#/p5/normalMaterial
Timestamps:
0:00 Intro
0:10 Create a grid of spheres
6:34 Center the grid using offset
8:47 Use normalMaterial() function to color spheres
9:39 Vary the size based on distance from center of spheres to center of canvas
11:28 Use sliders to change parameters' values
14:40 Experiment with other values for size