Plane Game

Plane Game is a simple browser-based game where a user can use the WASD arrowkeys to fly around, avoiding collisions to gain points. There are multiple plane types to choose from, each of them offering different flying speeds.

Role

Developer

Year

2021

Client

FHICT

Product

Web App

Links

Demo, GitHub

Technologies

HTML, CSS (SCSS), JavaScript

01

Project

Plane Game is a simple browser-based game where a user can use the WASD arrowkeys to fly around, avoiding collisions to gain points. There are multiple plane types to choose from, each of them offering different flying speeds.

02
Solution

This project originated as a challenge I got from a school assignment, where we had to show some form of user input to influence this project. I thought it would be a fun idea to make some form of a game, as I had never made a game before. As user input I used WASD keys as it was the most logical option to me, which was later confirmed by some user tests.

03
Process

I started off creating the user interface with a subtle background and basic functionality like being able to control a plane with the WASD keys. Later on, I was able to add other planes with different speed limits. Once i had the player controlled planes down, I was able to add a collision system by adding other planes coming from the opposite directions, and comparing the coordinates of these planes to see if they had collided with the player's plane. Points were simply calculated by a timer, where u would also lose points for every collision. Lastly I added some standard background music for extra immersion.

04
Result

I'm happy with the result I was able to get within the limited time frame of a week. All the functionality like different plane types and collisions were working and the game felt somewhat "complete" for a short project. Unfortunately the collision system isn't insanely accurate, but regardless the users I tested the end product with liked the game.