Squishy Orange

• 

  Indicating you are the squish (Winter Stage)

• 

  Someone else is the squish (Spring Stage)

• 

  How to Play!

• 

  Summer Stage

Inspiration

Before the hackathon started, we noticed that the oranges were really tasty so we desired to make a project about oranges, but we also wanted to make a game so we put the ideas together.

What it does

Squishy Orange is a multiplayer online game where each user controls an orange. There are two game modes: "Catch the Squish" and "Squish Zombies". In "Catch the Squish", one user is the squishy orange and every other user is trying to tag the squish. In "Squish Zombies", one user is the squishy orange and tries to make other oranges squishy by touching them. The winner is the last surviving orange.

How we built it

We used phaser.io for the game engine and socket.io for real-time communication. Lots of javascript everywhere!

Challenges we ran into

• getting movements to stay in sync across various scenarios (multiple players in general, new players, inactive tabs, etc.)
• getting different backgrounds
• animated backgrounds
• having different game rooms
• different colored oranges

Accomplishments that we're proud of

• getting the oranges in sync for movements!
• animated backgrounds

What we learned

• spritesheets
• syncing game movement

What's next for Squishy Orange

• items in game
• more game modes

Built With

• css
• html
• javascript
• phaser.js
• socket.io