← back
laptop
~   GAME DESIGN
~   GAME DESIGN
~   GAME DESIGN
~   GAME DESIGN
~   GAME DESIGN
~   GAME DESIGN
~   GAME DESIGN
~   GAME DESIGN
~   GAME DESIGN
~   GAME DESIGN
~   GAME DESIGN
~   GAME DESIGN
~   GAME DESIGN
~   GAME DESIGN
~   GAME DESIGN
~   GAME DESIGN

year

2021

CODE PLANNING

ACTIVITY DIAGRAM
STATE MACHINE DIAGRAM
PAPER PROTOTYPING

DESIGN

VISUAL IDENTITY
MOODBOARD
STYLETILES

Play game

The oh-so-dangerous mice, has taken over the Elephant House in Copenhagen Zoo. Catch all 8 mice before the Elephant panics and destroys it’s beloved home. But be careful not to catch any of the Elephant’s bird friends.

mockup of the landingpage of the website kattens vaern

Design

Before deciding on a visual identity, I began researching different styles and designers. I ended up being inspired by Owen Davey who excels at adding smaller details to 2D elements to create exciting 3D effects. Based on this, I began creating moodboard and later styletile to identity my final design.

After deciding on a style, I drew sketches of the characters by hand and later digitalized these in Adobe Illustrator. The elements were primarily build using geometric shapes.

mockup of the landingpage of the website kattens vaern

Code

This simple clicking game, inspired by the classic whack-a-mole arcade games, was developed using HTML, CSS and JavaScript. To build this game, I was introduced to the logic behind functions, event listeners, if-statements and arrays.

To structure and plan this game I created an activity diagram and a state machine diagram. This also helped me get back on track if I was getting overwhelmed.

As a fun bonus, we had to record our own sounds and implement these to the game.

go to project

view project

Foxholm

view project

Kattens Værn

go to project