Giter VIP home page Giter VIP logo

the-game's Introduction

Conway's Game of Life - a React App Visualizer

In a hurry? Visit the app directly at https://thegame.wtf/

The Game of Life is an algorithm meant to imitate cellular reproduction devised by the British mathematician John Conway in 1970.

It is a zero-player game, meaning that its evolution is determined by its initial state, requiring no further input. You play the Game of Life by creating an initial state of the field and watching what happens.

You'll find pre-determined shapes in the drawer at the top; drag and drop these onto the grid to start. The controls on the left guide the game, and the slider on the right controls the speed.

The Game

Click here to visit the app!

Select Take a Tour for the in-app tour.

The Game is played on the central grid

The Game is played on the central grid

Most of the action takes place here: the main grid of 1,000 cells.

Click each cell to toggle it from inactive to active and back

Click each cell to toggle it from inactive to active and back

You can also hold down the mouse and "paint" over multiple cells to set them all at once!

Use the Play and Pause buttons to play and pause the Game

Use the Play and Pause buttons to play and pause the Game

After setting any initial state you like, these buttons control the Game itself. You can change the state of the game at any point while paused.

Reset the grid with the Clear button

Reset the grid with the Clear button

This will empty the grid and reset its history, ready for a new initial state

Try the Random button for a completely random initial state!

The Forward and Back buttons push the game one step in time forward and back, respectively

The Forward and Back buttons push the game one step in time forward and back, respectively

Pre-determined shapes can be found in the Shapes drawer at the top of the interface

Pre-determined shapes can be found in the Shapes drawer at the top of the interface

Each shape on its own creates interesting patterns (some going on forever) but can be combined - drag and drop them onto the grid to set them as part of an initial state.

Control the speed of each step with the Speed slider in the bottom right hand corner

Control the speed of each step with the Speed slider in the bottom right hand corner

The slider can be changed at any time, even while the Game is being played

the-game's People

Contributors

afteralec avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.