@pattvira
  @pattvira
Patt Vira | p5.js Coding Tutorial | Mondrian-Inspired Generative Art @pattvira | Uploaded January 2024 | Updated October 2024, 3 hours 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
πŸ”— Mondrian-inspired Generative Art Code: editor.p5js.org/pattvira/sketches/q13O-lek4
πŸ”— Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn

Timestamps:
0:00 Intro
5:19 Creating a Cell class
9:20 Setting random boundary ranges
14:07 Creating a function to generate random boundary ranges
20:10 Creating a Block class
25:21 Making it more 'Mondrian' aka adding colors
p5.js Coding Tutorial | Mondrian-Inspired Generative ArtWhy Daniel Shiffman is the Funniest Coding Youtuber Youll MeetCreative Coding Math: Perlin Noisep5.js Coding Tutorial | Fireworks (Particle Systems)p5.js Coding Tutorial | Breathing Jellyfish πŸ™ w Sliders and Buttonsp5.js Coding Tutorial | Generative Typography (Arc Function)p5.js Coding Tutorial | πŸ’– Exploding Hearts πŸ’– (Particle Systems)p5.js Coding Tutorial | Color Gradient Animation #2 (lerpColor Function)p5.js Coding Tutorial | Spiral Bettyp5.js Coding Tutorial |  Multiple Circles w While Loopp5.js Coding Tutorial | Rotating Arcs Animation (Arc Function)p5.js Coding Tutorial | Moving Stars

p5.js Coding Tutorial | Mondrian-Inspired Generative Art @pattvira

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER