Single player game starting state.

Grid Game

stack

Phaser, Socket.io, Express, JavaScript, HTML, CSS

role

Sole Developer

details

Github Repo
view project
view project

About:

An implementation of the game Genius Square using the Phaser 3 engine.

This project allowed me to explore two of my interests as a software engineer: game design and real-time messaging/websocket technology.

‍

Single Player Details:

  • Pressing "start" runs a function which generates positions for seven circles on the board—creating the game's starting state.
  • Players can drag, drop, flip, and rotate tiles to fill the grid while avoiding the generated circles!
    ‍

Multiplayer Proof-of-Concept:

I used Socket.io to develop a multiplayer proof-of-concept for Grid Game that allows for two clients to play at once on the same game board, while able to view their opponent's tile moves, flips, and rotations in real-time. I also used Express.js to establish the backend.

View a demo below!

View Multiplayer Demo:

Next Steps:

I'd like to make the multiplayer demo interactive by implementing a game lobby system, so two players can challenge each other.