DEV Community

Discussion on: Making a Video Game Using Phaser

Collapse
 
andrewbrown profile image
Andrew Brown 🇨🇦

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

Swap'N'Pop

Download: swapnpop.com

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

Development

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
Collapse
 
mshin1995 profile image
Matthew Shin

Thanks for sharing!

Collapse
 
johncip profile image
jmc

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

Collapse
 
andrewbrown profile image
Andrew Brown 🇨🇦

100% made it myself.

Thread Thread
 
johncip profile image
jmc

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

Thread Thread
 
andrewbrown profile image
Andrew Brown 🇨🇦

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.