Design Documentation for an Interactive Web Game: Alien Invasion

Desklib provides past papers and solved assignments. This project details the design of an interactive alien invasion game.

SOUTHERN CROSS UNIVERSITY
ASSIGNMENT COVER SHEET
For use with online submission of assignments
Please complete all of the following details and then make this sheet the first page of each file
of your assignment – do not send it as a separate document.
Your assignments must be submitted as either Word documents, text documents with .rtf
extension or as .pdf documents. If you wish to submit in any other file format please discuss
this with your lecturer well before the assignment submission date.
Student Name: Pramod Meda
Student ID No.: 23112742
Unit Name: Designing the User Experience
Unit Code: CSC10214
Assignment No.: Assignment 1, Part A - Design Documentation
Assignment Title: Interactive Web Content
Declaration:
I have read and understand the Rules Relating to Awards (Rule 3 Section 18 –
Academic Misconduct Including Plagiarism) as contained in the SCU Policy Library. I
understand the penalties that apply for plagiarism and agree to be bound by these
rules. The work I am submitting electronically is entirely my own work.
Signed:
(please type
your name)
____________________________
Date: ____________________________

[President versus Aliens, (FIGHT!)]
Design Documentation
By Pramod Meda
This is a short animation for a game about Alien Invasion on planet Earth. The scene projects
the days of an alien invasion from outer space on our planet and the president will fight the
intruders to protect the planet. The scene will begin on the first day of the invasion and will
present the story that will showcase all the aspects and details of the game which will end and
the player will take over the game with UI controls.
I was always a big fan of aliens and outer space and as a child growing up, I watched so many
science fiction movies which inspired me to make this game. This game will be influenced by
various movies like “Arrival”, “Aliens”, “Predators” and also from various games like “The Evil
Within”, “Outlast”. The motive behind the development of this game is to give the players a feel
about fighting aliens and saving our planet and opening their mind about science fiction.
Wireframe
The wireframe prototype to demonstrate this storybook can be found at:
Theme
This scene has a bit of animated and science fiction, which will help the user to really connect
with the theme of the game. As discussed above this game has a lot of influence from various
science fiction movies and games. The scene which will be presented to the users will help the
user to really gather the feel and ambiance of the story.
There will be a narration of the game and story by a background voice which will help the user
to understand the scene in which he is set up. The narration will be in a computer-generated
robot voice, which will create an illusion that the users are in the game and talking to an alien,
so they will feel more involve and connected to the game which is the key to any game’s
popularity. This narration of game through a voice that connects theme and player is very
popular among game develops. In many games, developers include voices of famous actors to
indulge more users.

Storyboards
The following storyboards on the following pages provide a more detailed explanation of the
planned product. THIS IS JUST 1 STORYBOARD, YOU WILL NEED 1 FOR EACH PAGE.!
(Note that: At least one storyboard should be provided for each page of your story.
 You may need to provide a separate storyboard for some of your banner/animations in
order to describe/demonstrate your planned design ideas.
 The following storyboard format is one option. You may choose other formats as long
as you include the same details)
This page is about actual gameplay, the
interface will provide the player to shoot the
aliens when they appear on the screen

This is the interface page that will help the user to choose the options that are provided by the
game’s software.
This is a help page by which players can
contact the customer support helpline to
resolve any of their queries. This page will be
accessed by clicking the help button.

Dimensions
This scene will use the maximum available since our projection is
like a short movie
Media used
SOUNDS
Aliens: This scene will include an alien hanging around the
border of the screen and will be making sounds like
“Attaccckkk!”, “Humaannasss!”, with some gibberish to create a
feeling of alien attack before starting oh the actual game.
Atmosphere: To create more excitement there will also be the
sound of alien space ships in the background which are flying by
and shooting lasers.
Music: Alien music to create more environment and atmosphere
Onclick: There will be shooting laser sound for any onclick action the screen so the UI could feel
more interactive.

Mouseover: There will also be a creepy alien laugh whenever the mouse hovers around the
screen or hover on any buttons.
Game/Scene loading: There will be a battle cry track at the loading screen of the game or more
like a track to pump up the user before starting the game.
FONTS
All the text will in a bubble and it will look like wired alien writing.
IMAGES
To make this scene more interactive images of floating and hovering aliens will be there. Many
of the images will be sourced from the internet.
The background image will be a cartoon image of an alien invasion on a planet with some aliens
and the destruction they caused.
To make an icon of the interface more interactive we will use different aliens’ picture with a
different mood.
Buttons:
A help button will be at the bottom left corner which will take the user to help page. The button
will look like a confused alien.
A skip button will help the user to skip the narration part.
A play button will be at the bottom right corner of the screen to start the game.
Background:
The starting background will be pitch black with some alien green color splashes around the
border. The in-game background will be a scene of the city which has been disrupted by the
aliens and the game will continue in this scene loop.

Content:
The game will contain three pages in total. One is the home page, second is the in-game page
and the third one will be the help page. There will be 20-sec narration in which the player can
learn about the game’s theme. He can skip the narration part as well if he wants.
Description (purpose/objectives):
Part 1 of the game will be narration which will be about 15-20 seconds. The reason to include a
narration scene at the beginning of the game is to let the user know about the theme of the
game and make him feel more connected to the interface. If the user is not new and they don’t
want to watch the narration part then they can click the skip button to go at the game menu
page. At the game menu page, the title of the game will be at the top of the page in creative
graphics. The background will be a scene of an animated city which is devastated by the aliens.
After the narration, the player can either click the play button and proceed to the game or click
the exit button to leave the game.
Animations:
The president position will be still but the background will be moving instead.
User Interactions Required:
The player needs to press the help icon to visit the help page.
Other buttons are not necessary to be pressed but using the skip button can come in handy for
some players.

User Feedback:
The help button will make a sound like a bell or a ding to alert the user about what button he
pressed and a bullet sound will be played after the button is pressed.
The skip button when pressed will play a small track like a battle cry or something so that user
can know that game is starting within a few seconds.
Navigation/ Links
There is:
 Navigation which will take the user to a game page
 Navigation which will take the user to help page
Technical specifications(optional)
Web page dimensions: 600 x 900 pixels. Banner dimensions:
1) Horizontal banner: 600 pixels wide x 90 pixels high;
a. This could be the alien count, shots will appear and the count will appear as animation
2) Vertical banner: 160 pixels wide x 600 pixels high;
a. This could be the storyline where the presidents will be informed by his associate about the
alien invasion.
3) Button 1: 125 pixels x 125 pixels;
a. This could be both the forward and backward buttons
4) Button 2: 180 pixels wide x 150 pixels high;
a. This could be the Help button with thinking the alien icon
5) Custom 1: 320 pixels x 50 pixels;
a. It can be the random battle cry or sound during the gameplay
6) Custom 2: 300 pixels x 250 pixels.
a. This could be the animations for proceeding game.
Media List/References (if required)
(If you create your own images, this section is not required. Otherwise, you should reference all
images that you found online or other sources for your story.
Note: It is recommended that when you search for images online to use, we suggest you use
search parameters set with permission for reuse or within creative commons.)

Image name or
description
Resource address/URL
FONTS:
Heading
Conversation
bubble
BANG
IMAGES:
Aliens
Laser
President
Blood hit
Sky
Background city
Game Over
AUDIO:
Robot voice
reading Day 1
Laser shot
Robot voice
instruction
player to shoot
the alien
Squish noise
Aliens
Humaannasss
Aliens
https://www.fontspace.com/category/aliens
https://www.google.com/search?
q=alien+gif+png&rlz=1C1CHBF_enIN844IN844&source=lnms&tbm=isch&sa=X&ved=0ahUKEwj__
9eo6NPhAhWUiXAKHZ2aAtMQ_AUIDigB&biw=1366&bih=657#imgrc=ZuSgKkEACq6MYM:
https://www.google.com/search?
q=alien+gif+png&rlz=1C1CHBF_enIN844IN844&source=lnms&tbm=isch&sa=X&ved=0ahUKEwj__
9eo6NPhAhWUiXAKHZ2aAtMQ_AUIDigB&biw=1366&bih=657#imgrc=c6_VCaDvjmSJLM:
https://www.google.com/search?
rlz=1C1CHBF_enIN844IN844&biw=1366&bih=608&tbm=isch&sa=1&ei=nGK1XNmUOsHZrQG4uZ
XYAw&q=planets+in+line+space+cartoon&oq=planets+in+line+space+cartoon&gs_l=img.3...4637
3.48561..48946...0.0..0.161.1075.0j8......1....1..gws-wiz-
img.TrMpACdG7GI#imgdii=g2dC5peAwmaVZM:&imgrc=J94rG5huKk2_5M:
https://www.youtube.com/watch?v=Sh2-P8hG5-E
https://www.youtube.com/watch?v=WICx3pINNOE
https://www.youtube.com/watch?v=FHLQ9BvMOho

Attaccckkk
Human
Aliensss
Background
Music