top
RIGUN K.G.

Intercept - The Game

An aircraft simulation game made in ZIM, which is a JavaScript Framework for the HTML Canvas.

Link to this game which can be played online is attached towards the end of this report !

Intercept - The Game introduction
Project Focus – Game Design & Development

Project background

The goal of this game creation project was to investigate the many aspects of ZIM and JavaScript programming. ZIM is a tool for creating interactive games, visualisations, logos, UI/UX components, and infographics. It is driven by CreateJS and has a plethora of conveniences, components, and controls.

Lockheed Martin F-22 Raptor - exterior

The Aircraft

The Lockheed Martin F-22 Raptor was chosen as the game's hero aircraft. It portrayed the game's objective as a tactical fighter jet capable of operating at high altitudes.
Technically, this fighter aircraft has a single pilot, two engines, superior stealth technology and a slew of other classified characteristics. Aside from that, its airframe is capable of carrying a range of missile systems for a variety of missions.

The Cockpit

The frontal portion of the cockpit is the primary focus of the gameplay. So it was vital to recreate this section to bring authenticity to the fighter aircraft cockpit simulation. For the game, the following major components were replicated:

  • The avionics system, which includes a variety of instruments and display screens.
  • Interface for a heads-up display.
Lockheed Martin F-22 Raptor - cockpit

Design & Development

Direction Control

F-22 Raptor - control stick & game's D-pad

 Digitizing The Control Stick

A control stick is a flight control device. It regulates the plane's height, direction, and roll. They can move in both x and y-axes, and the amount the control stick moves determines how much pitch or roll they can accomplish. It was essential for the game to replicate the displacement of the control-stick in the left and right directions on the D-pad as feedback when they were pushed. The illustration shows how this is achieved by the movement of the right or left direction keys.

The below illustration shows how the aircraft in the gameplay response to different keystrokes on the D-pad.

Aircraft’s motion in game


Head-up Display (HUD)

A HUD projector sends critical flight, navigation and aircraft energy-management data to a glass screen, called a combiner, which hangs between the pilot's eye and the windshield. The combiner glass allows the pilot to keep an eye on the outside world while also seeing projected data on the screen. To be functional and safe under all operating conditions, a HUD display must have the right colour and contrast settings. Green light is often used for display because the human eye is highly sensitive to this wavelength.
As seen in the Ace Combat video game series, an arcade-style combat flight simulation, the HUD interface not only adds realism to the game but also displays additional gameplay information.

Fighter jet HUD in real life and in a game
HUD Interface Design for 'Intercept'

HUD Interface Design

When designing the HUD interface, it is critical that the projected information does not obscure the pilot's view. In fact, the interface must blend in with the surroundings while yet being readable in strong sunshine. This game displays the following on its HUD:


  • Aircraft information:
  • Missile active/deactivate message and Fuselage integrity level (represented as different colours)

  • Gameplay information:
  • Target remaining counter and Game time counter



Alien Craft Design

The Alien craft is more than just being the antagonist, it is the one that makes consistent appearances in the game. That means it had to have an impactful design in both its extraterrestrial and menacing appearances, causing the player to experience anxiety throughout its presence in the game.
The design of the alien ship was influenced by various alien vessel concepts, with the overarching goal of evoking terror via its imagery.


Due to the limitation of the developing environment only 2-D assets are used throughout this game.

Alien craft design mood board
Design Mood Board




Alien craft design concepts and final design

Coding in ZIM & JavaScript

Coding in ZIM js for 'Intercept'

This game executes all of its functionalities using around 1000 lines of code written in ZIM/JavaScript. Some of the game's complexity derives from the combination of many ZIM capabilities, such as simulating the motion of clouds in perspective.

Click on hexagons below to view projects: