swebra / squabble.xyz

Anonymous multiplayer game made with node.js, phaser3, socket.io, express.

Squabble.xyz

Submission for the 24 hour hackathon hosted by Startup Edmonton.

Team Members

• Ryan Shukla
• Eric Claerhout
• Konrad Staniszewski
• Andrew Rooney
• Taranjot Singh

Project

For this hackathon, we opted to create an online anonymous .io style multiplayer game. We used Node.js, express on the server side, socket.io for realtime multiplayer client-server information transmission, and phaser3.js for client side game physics and rendering.

Gameplay

The gameplay is heavily inspired by the simple nature of other .io games, but is meant as a smash bros style brawler with goomba stomp killing mechanics. Stomping on other players increases your jump height allowing you to access further reaches of the game arena.

Awards

We were awarded 1st place upon completion of this hackathon.

Running

Inorder to run this app, install npm version 12.0 or greater. npm install to install dependencies, then npm start or node ./server.js to launch to port 8081. Open a browser window to localhost:8081 to play the game locally. Alternatively go to squabble.xyz to play our game.

UML Design (No longer all-encompassing)

squabble.xyz's Issues

Get users to give their player a name - add this field to the player class

Add a 'player name' field to the player class, and get the user to fill this in somehow (like in slither.io or whatever). Then we can have the DB store the given player name for the leaderboard.

Display leaderboard

Display the leaderboard - use the query result in the server to display the names and scores in the corner.

Change playerID over to socket.id

Currently we keep track of player Id's with a number that increments. This can be changed to the socket.id.