Isometric game built using React and Phaser

by React

izowave

Isometric game. Build and defence in open world

Your task is to survive in open world as many waves as possible. With each wave count of enemies and their characteristics will grow.

Between waves build walls to defend, towers to attack, generators to get resources, ammunitions to reload towers, and medics to replenish your health.

View Demo View Github

.

Technical info

.

Install:

  • git clone git@github.com:neki-dev/izowave.git
  • npm install
  • npm start

.

Diagram:

.

About:

  • Interface

For more convenient drawing of interface using React library. Сonnection of components with the game is implemented through the React context. State of components is updated using scene events.

  • Map

To generate the map using gen-biome library, which is based on the perlin noise algorithm.
The output is a 3D matrix, which containing map tiles.

  • NPC movement

Path search is implemented on AStar algorithm.

.

Stack:

  • TypeScript, Phaser, React, Styled-Components