Leap Clash

• 

  Leap Clash Thumbnail

Inspiration

Inspired by Crossy Roads addicting procedural map generation, but with multiplayer so you can battle, mess each other up and see whos better.

What it does

Users can visit the website and enter game with another player. Your goal is to out survive the other player by traversing a variety of platforms that can have different features like size, friction, and even fling you around.

How we built it

We used Phaser to render client features such as images and rectangles, connecting it with the server side ensuring both players render the same elements at the correct positions. Using express to load static assets. Socket and http along with nodejs are used to create the server and listen for users that connect to the server address.

Challenges we ran into

Syncing physics across server side and client side was troubling as using Phaser would desync at times and cause a lot of rubber banding. Keeping track of all players also became a problem as old instances would still be rendered even though they no longer exist on the server.

Accomplishments that we're proud of

Proud of creating whole project and learning how to make a server that syncs with client.

What we learned

Learned how to use express, socket, phaser, http all together with nodejs to create a multiplayer web game.

What's next for Leap Clash

Implement powerups and guns.

Built With

• express.js
• http
• node.js
• phaser.js
• socket.io