Patt Vira | p5.js Coding Tutorial | Slime Molds (Physarum) @pattvira | Uploaded February 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
🔗 Slime Mold Code: editor.p5js.org/pattvira/sketches/rS3KsmJHB
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn

References:
🔗 Jeff Jone's paper: uwe-repository.worktribe.com/output/980579/characteristics-of-pattern-formation-and-evolution-in-approximations-of-physarum-transport-networks
🔗 Sage Jenson's blog post: cargocollective.com/sagejenson/physarum
🔗 Physarum close-up images from @journeytomicro's video: youtube.com/watch?v=elqwn7k2Wwk
🔗 Pixels p5.js Reference: p5js.org/reference/#/p5/pixels

Timestamps:
0:00 Intro
0:10 What is a slime mold?
1:16 Algorithm and approach
2:20 Create a Mold class
7:00 Create sensor variables
12:19 Explain how pixels array work and how to extract color values from it
19:16 Use pixels array to get sensing data from canvas
21:41 Compare sensors' values to determine direction to rotate
26:20 Use alpha value to diffuse trail map
31:02 Use modulo (%) to wrap around values