React/P5 Playground

  • Solo
  • React
  • P5.js

Introduction

React/P5 Playground is a collection of small interactive demos, each exploring a different algorithm. From Cellular Automata to Pathfinding, each project visualises how these systems behave in real-time.

I created this project to help improve my understanding of React and P5.js, as well as to re-familiarize myself with several algorithms commonly found in game development.

Conway’s Game of Life

Conway’s Game of Life is a cellular automaton devised by mathematician John Conway. It consists of a grid of cells, where each cell can be alive or dead, and its state in the next step depends on the number of living neighbors it has. The simulation evolves over each step, with each cell’s state determined by the states of its eight neighbors, according to these rules:

  • Any live cell with fewer than two live neighbors dies (underpopulation).
  • Any live cell with two or three live neighbors survives to the next generation.
  • Any live cell with more than three live neighbors dies (overpopulation).
  • Any dead cell with exactly three live neighbors becomes alive (reproduction).

Pathfinding Visualizer