p5.js Coding Tutorial | Conway's Game of Life 👾
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/
🔗 Conway's Game of Life Code: https://editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist: • START HERE: Creative Coding for Beginners
References:
🔗 Conway's Game of Life Wikipedia Article: https://en.wikipedia.org/wiki/Conway%...
🔗 @numberphile 's video with John Conway: • Inventing Game of Life (John Conway) - Num...
🔗 @TheCodingTrain 's Cellular Automata Series:
🔗 Elementary Cellular Automata: • Coding Challenge 179: Elementary Cellular ...
🔗 Falling Sand: • Coding Challenge 180: Falling Sand
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)