-
Conway's Game of Wordle
♻️ 2 Retweets ❤️ 8 Favorites Mood 0
-
Wordle has 4 main colors but Conway's Game of Life is normally two-tone because cells are either alive or dead But take into account future states and you can have 1. Current Dead cell = black 2. Current Alive cell = green 3. Future Alive cell = yellow 4. Future Dead cell = grayPermalink
-
I searched for the closest existing solution and found this jsfiddle by @ThierryChatel to use as a base jsfiddle.net/tchatel/H2y5r/Permalink
-
Even though I didn't (still don't) know Angular, it was the perfect base because it was well structured. Minor changes to the HTML, CSS, and JS got me the Wordle style I was going for It was missing wrapping and a play button to be able to make the video I wantedPermalink
-
I found a wrapping implementation by @andrewmilson which made it really easy for me to enhance the jsfiddle for wrapping gist.github.com/andrewmilson/4a4edc81d5850bd40264Permalink
-
With the goal of making a video, start/stop didn't matter, just start. But I kept getting errors with $timeout (again, know nothing about Angular). So copy/pasted the working Wordle-styled, wrapping-enhanced game of life into @olivertupman's jsfiddle jsfiddle.net/otupman/fq4vg/Permalink
-
I decided to use the glider for the video because it is simple, can fit nicely in the 5x6 grid, use all the squares, and eventually loop back around en.m.wikipedia.org/wiki/Glider_(Conway%27s_Life)Permalink
-
Here's the jsfiddle I used to make the video jsfiddle.net/piannaf/156d934e/Permalink