Game of Dragons

OVERVIEW

Project scope: 4 weeks

Project type: Semester project (FEU2)

Role: Developer and designer

Tasks: Design, Develop

Tools: Adobe XD, Adobe Illustrator, Adobe Photoshop, HTML/CSS, JS

Game of Dragons was a Game of Thrones board game where the goal was to design the game, and then develop it using HTML, CSS, and JavaScript.

Game of Dragons was a school project!

THE TASK

The task for this project was to create a fun board game which would be possible to play between two players on the same device. The players should be able to select their character, and roll the dice.

GOAL

The goal of the Game of Dragons game was that the players would be able to select their favorite Game of Thrones character, and then play the game against each other. There are a few "traps" which sends the players backwards to make it behave and feel like the boardgames we play physically.

Select your character and roll the dice!

PROCESS

To make this project, I had to start it of by creating design, and then develop the actual game. The steps I did were as follows:

1. Design

COLORS

In this color scheme, the idea was to give the mysterious feeling that Game of Thrones normaly has. The gold in the navigation and in the illustrations is representing gold, wealth and power. The red is to symbolise danger and blood, which is well-represented in the real series.

ICONS AND ILLUSTRATIONS

The icons and illustrations used in this game were all based on Game of Thrones. All the characters were made from the real images, but made with a cartoon-look and black and white layer so they would still be recognizable.

The illustrations were made mostly from scratch, but some elements are image traced from different images on the web.

LAYOUT AND PROTOTYPE

As with all my projects, I created a prototype for this one aswell. I had a few different designs, mostly about how the path of the game itself was supposed to look like. However, I ended up with a design similar to this in the final product.

2. Development

CODE

This project was not so much about design as it was about the development of the game mechanics. Most of the time on this project was spent on making the game work using only JavaScript. This project gave me a lot of frustration, but also a lot of new knowledge about JavaScript.