GAME OF LIFE RULES 2002 HOW TO

The most immediate problem that I see, with a CSS game of life is continuing the game. Re-posting my comment was half-eaten after an Emoji character. And my single generation 20*20 demo already has enough rules to seriously slow down the browserвЂ¦ Checkbox hacks would be so much easier if there was some way to synch the n values when using multiple nth-of-type selectors in a single CSS rule. So you canвЂ™t use the first generationвЂ™s logic to change the state, and then use the same logic again for subsequent generations youвЂ™d need to calculate rules all possible outcomes based on the initial state.ДЇor example, to create a two-generation system youвЂ™d need to factor in all possible states of a cellвЂ™s neighboursвЂ™ neighbours, and then create appropriate keyframes animations to display the changes. CSS can only react to state changes caused by the user, not change itвЂ™s own state (you canвЂ™t write a selector that selects elements based on previous style changes).

GAME OF LIFE RULES 2002 HOW TO

However, I did teach myself how to use loops and variables in SCSS and Jade, so it wasnвЂ™t totally wasted time.ДЇor those interested in the CompSci theory of it, the reason itвЂ™s only one generation is that the Game of Life is a self-sustaining simulation based on changes to its internal state. IвЂ™ve always had a soft spot for the Game of Life, but this was an exercise in absurdity. 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.

Game of life rules 2002