Making a Video Game Using Phaser

Matthew Shin on May 01, 2019

Last week I was given the task of creating a single page application for a class project using a Javascript frontend with a Rails backend. After ... [Read Full]
markdown guide

I made a game in Phaser with Typescript and Electron if any of you want to use it as a point of reference

Swap'N'Pop Logo



Cross-platform Realtime-Puzzle Game

We all remember our favorite match three puzzle game. Swap'N'Pop brings it back, but with a new look, new gameplay mechanics, with multiplayer designed for competitive play, integration with Discord and built in ranked ladder.

Project Info

We use Phaser together Electron to be cross-compatible. We recently switched to Typescript since we want to ensure typesafety. Webpack is also used to bundle all our files. Test Code runs through Chai and Sinon.

Current Team

Role Name Site
Developer Omenking
Developer Halfbakedprophet
Developer Cappu
Developer Skytrias
Concept Artist Wish deviantart
Spriter Neweegee deviantart
Spriter Gaem
Spriter RJ
Ui Jash
Music Jaxcheese bandcamp


Please read the how to contribute code page on our gitbook for more info.

There are two package.json files

  • /package.json - the app itself, packaging the app for distribution
  • /app/package.json - additional devtools

To run the latest master branch locally:

  1. clone Swap'N'Pop

Hey, what's that devtools pane you've got screenshotted on GitHub? It looks cool. Did you make your own?


That's sweet -- is it essentially inspecting the Phaser cache? Would you say it made debugging your game easier?

We're using our own data structure.
That devtool can step forward and back, fastforward rewind, snapshot a specific state and reload it.
Its an absolute must especially if you want to build a multiplayer game.

code of conduct - report abuse