@pattvira
  @pattvira
Patt Vira | p5.js Coding Tutorial | Generative Smiley Faces (Generative Art Series) @pattvira | Uploaded January 2024 | Updated October 2024, 16 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
🔗 Generative Smiley Faces Code: editor.p5js.org/pattvira/sketches/kwfckQYPR
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn

References:
🔗 Generative Art Series Playlist: youtube.com/playlist?list=PL0beHPVMklwgnGfM0smJzJjss3lT-ykJt

Timestamps:
0:00 Intro
0:36 Creating one smiley face
8:02 Using random() to randomize location values
11:27 Creating a grid of smiley faces using OOP
20:13 Adding random colors
p5.js Coding Tutorial | Generative Smiley Faces (Generative Art Series)Creative Coding Math: Linear Interpolation (Lerp Function)✨ Live-streaming with Patt Vira ✨p5.js Coding Tutorial | Interactive Bridge with Bouncing Balls (matter.js + ml5.js)p5.js Coding Tutorial | Oscillating Kinetic Typographyp5.js Coding Tutorial | Flow Fields (Perlin Noise)p5.js Coding Tutorial | The Making of Animation - Beautiful Trigonometryp5.js Coding Tutorial | Falling Letters w Secret Messagep5.js Coding Tutorial | Recursive Pattern (Recursion)Changing Size of Array - Creative Coding with p5.jsFunction - Creative Coding with p5.jsp5.js Coding Tutorial | Game of Life Clock

p5.js Coding Tutorial | Generative Smiley Faces (Generative Art Series) @pattvira

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER