Conway's Game of Life on JavaScript

Controls

Mouse - click/click&move to make cells live or dead
WASD keys - camera movement
+/- keys - camera scaling
E/Q keys - increasing/decreasing ticks speed
Space - pause/unpause game
C - enable/disable the visibility of cell borders
T - get game status as JSON string
L - load game status as JSON string
R - set camera position to (0, 0) point

Some interesting configurations in game of life

Below are some interesting Game of Life configurations. You can load them by pressing L and pasting string to the pop-up window

Gosper glider gun

Gosper glider gun in Game of Life is a configuration that periodically emits gliders

{"2":{"5":true,"6":true},"3":{"5":true,"6":true},"8":{},"12":{"5":true,"6":true,"7":true},"13":{"4":true,"8":true},"14":{"3":true,"9":true},"15":{"3":true,"9":true},"16":{"6":true},"17":{"4":true,"8":true},"18":{"5":true,"6":true,"7":true},"19":{"6":true},"22":{"3":true,"4":true,"5":true},"23":{"3":true,"4":true,"5":true},"24":{"2":true,"6":true},"26":{"1":true,"2":true,"6":true,"7":true},"36":{"3":true,"4":true},"37":{"3":true,"4":true}}

Two Gosper guns' infinite battle

{"2":{"5":true,"6":true},"3":{"5":true,"6":true},"8":{},"12":{"5":true,"6":true,"7":true},"13":{"4":true,"8":true},"14":{"3":true,"9":true},"15":{"3":true,"9":true},"16":{"6":true},"17":{"4":true,"8":true},"18":{"5":true,"6":true,"7":true},"19":{"6":true},"22":{"3":true,"4":true,"5":true},"23":{"3":true,"4":true,"5":true},"24":{"2":true,"6":true},"26":{"1":true,"2":true,"6":true,"7":true},"27":{},"28":{},"29":{},"30":{},"31":{},"32":{},"33":{},"34":{},"35":{},"36":{"3":true,"4":true},"37":{"3":true,"4":true},"44":{"47":true,"48":true},"45":{"47":true,"48":true},"55":{"44":true,"45":true,"49":true,"50":true},"57":{"45":true,"49":true},"58":{"46":true,"47":true,"48":true},"59":{"46":true,"47":true,"48":true},"62":{"45":true},"63":{"44":true,"45":true,"46":true},"64":{"43":true,"47":true},"65":{"45":true},"66":{"42":true,"48":true},"67":{"42":true,"48":true},"68":{"43":true,"47":true},"69":{"44":true,"45":true,"46":true},"78":{"45":true,"46":true},"79":{"45":true,"46":true}}

10-cells puffer train

Train is a configuration that moves itself in some direction, and leaves a trail of some stable cells configurations. Here is a very simple configuration that in few time turns itself into the train

{"7":{"9":true},"9":{"8":true,"9":true},"11":{"5":true,"6":true,"7":true},"13":{"4":true,"5":true,"6":true},"14":{"5":true}}

Demonstration

You can try it by clicking here