p5.js Coding Tutorial | String Art
LET'S CONNECT
✨ Sign up for my newsletter at https://www.pattvira.com
✨ Instagram: / pattvira
✨ Twitter: / pattvira
--
Links:
🔗 p5.js editor: https://editor.p5js.org/
🔗 String Art Code: https://editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist: • START HERE: Creative Coding for Beginners
References:
🔗 Petros Vrellis: / pvrellis
Timestamps:
0:00 Intro
01:15 Approach
02:30 Step 1: Prepare the Base Image
07:42 Step 2: Define the Circular Frame
15:36 Step 3: Find the Optimal Thread Paths (Greedy Algorithm)
30:40 Step 4: Update the Image
36:08 Final results!
37:02 Save and export thread paths