Patt Vira | p5.js Coding Tutorial | Game of Life Clock @pattvira | Uploaded February 2024 | Updated October 2024, 16 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
🔗 Game of Life Clock Code: editor.p5js.org/pattvira/sketches/OhuzZxRs9
🔗 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
🔗 p5.js functions:
🔗 hour() - p5js.org/reference/#/p5/hour
🔗 minute() - p5js.org/reference/#/p5/minute
🔗 second() - p5js.org/reference/#/p5/second
🔗 textToPoints() - p5js.org/reference/#/p5.Font/textToPoints
🔗 Recommended Coding Tutorials:
🔗 Conway's Game of Life - youtu.be/lsWulRIWzdo
🔗 Clock - youtu.be/3Aa8CzklS6c
🔗 Introduction to textToPoints - youtu.be/eZHclqx2eJY

Timestamps:
0:00 Intro
0:38 Step 1: Using hour(), minute(), and second() to get real-time clock data
1:18 Step 1.5: Using textToPoints() to get an array of points outlining clock data
11:52 Step 2: Creating Conway's Game of Life
22:32 Step 3: Combining clock with game of life
28:41 Adding colors