

Or any stories you have about it from your past =).Ĭan I have the past three hours of my life back? Presenting… I’d be interested to see any more weird front end examples of The Game of Life. But they say Sass is “Turing Complete” so that means it’s possible right? Or are other limitations at play there? Is it even possible? It would be wicked complicated with weird positioning and complex selectors. One thing I’ve never seen is a Pure CSS version. One particularly interesting thing about The Game of Life is that all kinds of weird structures are possible that kind of “create life” or sustain it in weird ways. Check out Golly for native app versions and the Wikipedia page for more information.

These are just front-end examples, but you can easily find examples in any language. See the Pen Game of Life – D3 by Reed Spool ( on CodePen. See the Pen mctCv by Hanganu Petru-Alin ( on CodePen. See the Pen box-shadow game of life by Joris van de Donk ( on CodePen. See the Pen Conway’s Game of Life in Backbone by Eric Miller ( on CodePen. See the Pen Game of Life on Canvas by Dennis Kerzig ( on CodePen. See the Pen Game of Life by Qbit ( on CodePen. See the Pen Conway’s Game of Life by John H Moore ( on CodePen. Even amongst demos that use the same technology, the approach can be different! I also have a collection. It brings me great pleasure to know that this little visual mathematical exercise is alive and well today, and people are using a tool I built to make versions.

My first version was in Turbo Pascal on an old Apple. I basically used jQuery to query the DOM for neighbors of every single cell and it was so inefficient I probably should have been beaten with an antenna. I also bring this up because I remember trying to make a demo a few years ago that was so awful that I’m jealous of all the cool ones. What are the most interesting shapes that can be made? Can we showcase those?.How do you turn on and off cells? Clicking? Dragging? Randomization?.Can you go forward and backward in time?.How fast should the rounds be to be interesting without being overwhelming?.How big should the cells be to be interesting?.Should we have different colors for states beyond alive and dead?.Give the problem to any designer and the results will look different. How do we best store the data and states?.How big can we make it before it slows down?.How can we make it computationally fast?.Give the problem to any programmer and they will likely solve it in a slightly different way.

Or if not the first, the first one where I had an “Ah ha!” moment and realized programming and design could be super fun and interesting. A visual version of The Game of Life was the first programming project I ever did in High School. Dead cell – Exactly three alive neighbours – becomes alive (reproduction).Alive cell – More than 3 alive neighbours – dies (overpopulation).Alive cell – 2 or 3 neighbours – continues to live (perfect situation).Alive cell – Fewer than 2 alive neighbours – dies (underpopulation).Cells can die either by underpopulation or overpopulation, and only live in perfect situations. It’s sort of meant to replicate a real life environment. In each round, there are rules on whether a live cell should continue to live or die, and if a dead cell should continue to be dead or become alive. Imagine a grid of cells, like a spreadsheet or a. It’s not really a “game” – but more like a set of rules by mathematician John Horton Conway.
