top of page

Zapped

mockup_of_a_video_player_on_a_website.png

Project Overview

Zapped is a game I coded in Javascript P5.js

Storyline: The player is a rocketship trying to get over the other side of the plane field to avoid getting attacked by the aliens. The player has 3 lives and if player gets hit on the middle of the player (chest), one life will be lost. There are two levels of the game easy and hard that have  two different features both of which features the rocketship in some real tough situations. 

Objectives

First Level: When the game runs start moving the player with the arrow keys to avoid the bullets coming towards the player. if player is hit once by the enemy in the middle of the rectangle (chest), the player will restart from the beginning of where it was initially positioned if the player is hit 3 times the screen will show YOU LOST and Press R to restart to the main level again

 

Second Level: once the player successfully crosses the canvas the screen will show YOU WIN. Press W to proceed to level 2 and the player has to use the same arrow controls in the first level to avoid the enemies. You can Press W once or twice to increase the difficulty Press R to restart from the first level.

 

Project Scope

 Video Game Design

Tools

Adobe Photoshop, Illustrator P5.JS

My Role

Designer

Duration

2 Weeks

Design Process

Research

Strategy

Design 

 Research

Before coding my game, I researched arcade and action computer games that were fun and easy to play for an beginner. One game that insipired me to make my own was space invaders. I wanted to take it a step forward and create more movement and have it more realistic taken place in a galaxy theme world with aliens and rocketships. 

image.png

Strategy 

Ideation

image.png

Creating Assets

The rocketship and aliens character, were  completely coded using a mixture of shapes using Javascript P5.js. Other assets such as the backgrounds, were created using Adobe Photoshop and Illustrator.

 

 Design

Instructions

  • PlayerControls:

 

 Use the arrow keys to move the player.

 

 Left arrow= player moves left:

 Right arrow= player moves right:

 Up arrow= player moves up :

 Down arrow = player moves down :


 

Objective

  • The player must  avoid the enemies(aliens) while trying to navigate to the end of the canvas.

  • The player has 3 lives and if player gets  hit, one life will be lost.    


 

let's Get In Touch!

LinkedIn

© 2025 Sabina Rafay. All Rights Reserved.

bottom of page