Patt Vira | p5.js Coding Tutorial | Interactive Blobs to Celebrate 1,000 Subs! @pattvira | Uploaded November 2023 | Updated October 2024, 13 minutes ago.
✨✨ Wow, we finally hit a 1,000 subscribers ✨✨ Thank you so much for being a part of this community!

To help better curate the content, tell me:
💡What is your biggest struggle learning how to code?

Comment below or head over to pattvira.com/celebrate. As a thank you, I have created a basic creative coding math toolkit which you can download for FREE on my website.

__
Links:
🔗 p5.js editor: editor.p5js.org
🔗 1,000 Subs! Code: editor.p5js.org/pattvira/sketches/y8SstB0F1
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
🔗 Creative Coding Math: Trigonometry and Polar Coordinates: youtu.be/ehiremnxFAs

Timestamps:
0:00 Intro
0:22: What is your biggest struggle learning how to code?
0:53 Drawing a blob
6:56 Using noise( ) to create organic blob shape
11:34 Creating Shape class
14:49 Creating multiple blobs inside a 2d array
20:50 Importing and prepping image
23:52 Extracting brightness values from image
31:08 Making blobs interacting with mouse location
34:39 THANK YOU!