Patt Vira | p5.js Coding Tutorial | Conway's Game of Life 👾 @pattvira | Uploaded February 2024 | Updated October 2024, 14 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
🔗 Conway's Game of Life Code: editor.p5js.org/pattvira/sketches/cGuJD9_Ak
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn

References:
🔗 Conway's Game of Life Wikipedia Article: en.wikipedia.org/wiki/Conway%27s_Game_of_Life
🔗 @numberphile 's video with John Conway: youtube.com/watch?v=R9Plq-D1gEk
🔗 @TheCodingTrain 's Cellular Automata Series:
🔗 Elementary Cellular Automata: youtu.be/Ggxt06qSAe4?si=8ICZmO1IbuqQzNuc
🔗 Falling Sand: youtu.be/L4u7Zy_b868?si=Lsj0g9wE1gKYAH-O

Timestamps:
0:00 Intro
1:16 Creating a grid of random cell's state (dead or alive)
5:49 Updating the state of the next generation of cells
6:50 Creating a function to sum up the states of neighboring cells
14:31 Wrapping the index value of neighboring cells using modulus %
18:07 Creating a Grid class
21:30 Creating 3 buttons: Play, Reset, and Random
27:02 Using mouseDragged() to bring cells to life!
32:18 Making it rain(bow)