Cocobox Social Pet Game

Cocobox is a online social pet game for the browser.

Year: Nov 2018
Language: PHP, JavaScript
Libraries/Frameworks: CodeIgniter, jQuery

In this browser game, the players may collect cosmetics for their pet, and for their island.
Currency is gained by collecting the coco bean which spawns on their island from their pet every day.
Below is what one of the public maps, the Dog Park, looks like:

Below is a GIF of Welcome Island, showing two player accounts with their pets.
The screenshot also shows the Move, Shop and inventory windows open.
Click to view the full image:

Player islands can be customized with items purchased from the store.
Customizations include island skins, tree skins and bed skins.

Below is another player island with a different set of island customizations.
Click to view the full image:

Below is the home page for the game.

The Making

The first drafts of this project looked very different to the end result.
Initially a more cute and colorful aesthetic was desired:

The different parts were drawn on Inkscape and each body part was exported separately:

Below is a video of the idle and walking animation of the first pet.
I gave each piece its own animation so that together, it looks like a walking animal.

The issue with the above was that it was incredibly resource-heavy.
Animating each piece separately with Javascript in 2018 was apparently just not the way to go.

So then the new aesthetic was based off this dark shattered feeling of broken dreams:

I jest.
This was another fun project.