p5.js Coding Tutorial | String Art

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/ ? String Art Code: https://editor.p5js.org/pattvira/sketches/x2lYLN8xB ? Introduction to Creative Coding Playlist: https://youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn References: ? Petros Vrellis: https://www.instagram.com/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