https://github.com/vladimirrotariu/game-of-life-web-app

We present an OOP implementation of Conway's Game of Life.
https://github.com/vladimirrotariu/game-of-life-web-app

game-of-life mathematical-modelling mathematical-programming

Last synced: 29 days ago
JSON representation

We present an OOP implementation of Conway's Game of Life.

• Host: GitHub
• URL: https://github.com/vladimirrotariu/game-of-life-web-app
• Owner: vladimirrotariu
• Created: 2023-07-21T17:02:12.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-26T23:55:09.000Z (about 1 year ago)
• Last Synced: 2024-10-17T13:47:28.700Z (3 months ago)
• Topics: game-of-life, mathematical-modelling, mathematical-programming
• Language: TypeScript
• Homepage: https://app.netlify.com/sites/conways-game-of-life-reimplemented/overview
• Size: 168 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        














# Conway's  Game of Life

## Description

We present an OOP implementation of [Conway's Game of Life](https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life). Although one might find more concise implementations of Conway's Game of Life, we designed ours respecting Unix philosophy principles: see the [Implementation](#implementation) section.

## Play

Conway's Game of Life is a notorious [zero-player game](https://en.wikipedia.org/wiki/Zero-player_game), so all that you have to do to play is to:

* [CLICK HERE!](https://conways-game-of-life-reimplemented.netlify.app/)

## Tech stack:

* Web: TypeScript, HTML5, CSS3.

* CI/CD: GitHub Actions.

* OOP/SOLID principles.

## Implementation

The parameters of a 'game' instance of the ```GameOfLife``` class:

```

// Initialize the game parameters

// The grid size is 30x30

const dimensionSquareGrid = 30;

// 15% of the grid will be populated initially

const initialPopulationRate = 0.15; 

// The game will run for 10000 generations

const numberGenerations = 10 ** 4;

// Time in milliseconds between each generation

const speedTransition = 600; 

// Using a blue circle emoji to represent alive cells

const lifePattern = "🔵"; 

// Using a black circle emoji to represent dead cells

const deathPattern = "⚫"; 

```

Only the high-level parameters (i.e. grid dimension and styles) are properties of the class:

```

constructor(

    private readonly dimensionSquareGrid: number, 

    private readonly lifePattern: string, 

    private readonly deathPattern: string, 

  ) {}

```

The methods are simple in nature and do a single thing, obeying the UNIX philosophy/KISS principle:

```

#countDeadNeighbours(neighbours: string[]): number {

    let deathCount = 0;

    neighbours.forEach((neighbour) => {

      if (neighbour === this.deathPattern) deathCount++;

    });

    return deathCount;

  }

```

## Scripts

`npm run dev`: starts a development server for the Game of Life

`npm run build`: builds the Game of Life app

`npm run preview`: runs the Game of Life built app

`npm run lint`: runs ESLint