Back to Browse

p5.js Coding Tutorial | Spherical Cube

1.3K views
Mar 20, 2024
19:36

LET'S CONNECT ✨ Sign up for my newsletter at https://www.pattvira.com ✨ Instagram: https://www.instagram.com/pattvira ✨ Twitter: https://twitter.com/pattvira -- Links: 🔗 p5.js editor: https://editor.p5js.org/ 🔗 Spherical Cube Code: https://editor.p5js.org/pattvira/sketches/cOP8qGnUR 🔗 Introduction to Creative Coding Playlist: https://youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn References: 🔗 p5.js normalMaterial() function: https://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

Download

0 formats

No download links available.

p5.js Coding Tutorial | Spherical Cube | NatokHD