Inspiration

We were inspired by the browser game Agar.io to make an easy-to-join web game. After much debate, we ended up basing our concept off of the popular Wii U game Splatoon.

What it does

When a player goes onto splatty.co they automatically join up to 15 other players broken up into 4 teams who are locked in a battle to be team who has their color painted on the most surfaces on the map. Each player is equipped with a paint ball gun, which can be used to cover floors, walls, and ceilings. The game supports Xbox controllers, AWSD, and arrow key controls.

How I built it

Our server is Node.js based, our networking is done using sockets.io, and our client uses the Phaser game framework.

Challenges I ran into

We found it difficult to manage the tile system to make sure painted tiles worked and stayed consistent on the server. We were initially nervous about managing lag times between users, especially when we were managing shooting. We ended up going with the painting over letting players kill each other because we thought it’d be more forgiving to lag.

Accomplishments that I'm proud of

I’m super proud of how well the game performs online. I didn’t think we’d manage to get the net code working as well as it is.

What I learned

I learned a lot about how sockets work, and my team used Phaser for the first time, which is a big learning curve. I think everyone did an awesome job and the project turned out well.

What's next for Splatty

We’d like to make it so more players can join - we’d like to be able to have 50 per server. We’d also like to be able to have multiple servers. Lastly, we’d like to assign teams real scores based on what percentage of the map is covered in their color - right now the scores are visual paint coverage.

Share this project:

Updates