Interactive Web Game Design: 'Save the Planet' - CSC10214 Assignment 1

Past papers and solved assignments for students. This project details the design of "Save the Planet," an interactive web game.

CSC10214 Assignment 1
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 a .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: Nandini Telaprolu
Student ID No.: 23142341
Unit Name: Designing the User Experience
Unit Code: CSC10214
Tutor’s name: Mr Adam Fletcher
Assignment No.: Assignment 1, Part A - Design Documentation
Assignment Title: Interactive Web Content
Due date: 05/04/2019
Date submitted: 05/04/2019
Declaration:
I have read and understood 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)
Nandini Telaprolu
Date: 05/03/2019

CSC10214 Assignment 1
[SAVE THE PLANET]
Design Documentation
By [Nandini Telaprolu]
Table of Content

CSC10214 Assignment 1
s
Introduction..................................................................................................................................1
Wireframe.....................................................................................................................................1
Theme...........................................................................................................................................1
Storyboards...................................................................................................................................1
Technical specifications (optional)................................................................................................5
Media List/References (if required)..............................................................................................6
Introduction
The report consists of a small animation game named Save the Planet. The scene is
based on the story of “Atomboy” who fights the master of darkness “Zoro” in order to
save the planet. The story starts with a description about the master of darkness and
what he wishes to achieve. The story then showcases the gems which he wants to
conquer. Atomboy then enters the scene to stop evil Zoro from conquering the
universe.
The theme of the game is a bit inspired from the game named Dave where a prince
looks forward to saving his princess by fighting the villains in its way. Here, the gamer is
fighting Zoro so that he can save the Planet. The graphics will be used in the game are
going to be basic but many other things make the gamers get attracted towards this
game. This game could make the gamer feel the adventurous journey.
Wireframe
The wireframe prototype to demonstrate this storybook can be found here:
Theme
The main theme of the game is representing a hero and the villains in the type of
cartoon. The scenario of this game resembles a bit from the game named Dave where
the Prince fights with villains to get back his Princess. The game starts with the hero
traveling the Planet to make the planet safe from all the mis happenings. As he moves
on, he encounters Zoro in his way.
As the villains enter the game, a sound indicates his entrance. The objective of the
villain is to kill Atomboy and take control of the gem so that he can rule the universe.

CSC10214 Assignment 1
Whereas Atomboy wants to save the planet by stopping Zoro from getting all the
gemstones.
Storyboards
The following storyboards on the following pages provide a more detailed explanation
of the planned product.

CSC10214 Assignment 1
Title: Game Page Frame ID: Home
GAME SCREEN:
DIMENSIONS: This would be displayed as a short movie. This would cover the maximum display.
Gamer Size: Length would be 350 pixels and breadth would be 150 pixels.
Villain Size: Length would be 250 pixels and breadth would be 100 pixels.
MEDIA USED:
SOUNDS
Villains- The game will use a horror sound for indicating the entrance of the villains. The sound could
be something like a villain would enter saying “escaaaaaaapeee”.
Atmosphere-The game also uses the sounds of the haunted whether like sounds of the winds,
lightening of the clouds, heavy rain sound, etc.
Clicking Sound- The game also uses the sound when the user clicks on the buttons to make the game
more attractive.
Firing Sound-The game also contains the sound of the firing of bullets when the gamer attacks the
villains and all the villains try to kill the gamer.
Game/Scene Loading- The game uses the sounds for reloading the guns and for screen loading as
well.
FONTS:
Speech bubble text will be used to make it look like that it is hand-written.
BUTTONS:
Play Button-Play button is being used here in order to start or resume the game.
Pause Button- Pause button is being used to stop the game.
Fire Button-Fire button in this is used by the user or the gamer to attack the villains in order to win
the game by collecting the gems.
IMAGES:
The images used in this Page will be-
Image of the Villain will be used here in order to make the game attractive as they keep on moving
towards the user who is acting as a Hero.
Image of the User or the Hero character will also be used here for fighting against the villains and
attacks them by moving towards them.

CSC10214 Assignment 1
HOME SCREEN:
PLAYER:
VILLIAN:
SPACESHIP:
PLANET:
MEDIA USED:
SOUNDS
Atmosphere: The game would contain the sound of the lightning when the Villains enter the game.
The wind's voicegets heavy as the game proceeds.

CSC10214 Assignment 1
Music: The game also contains the sound of the music when the Hero enters to save the earth. The
collecting of gems also creates a pleasant sound.
On-click: The game contains the sounds on the click of different buttons present on the screen that
are settings, start, info as well as the home button. This sound would somewhere be similar to the
sound of the start of the fight.
Game/Scene loading: The sound of loading of the screen is heard in the game.
FONTS
Speech bubble text will be used to make it look like that it is hand-written.
IMAGES
The images used in this Page will be-
Image of the Villain will be used here to make the game attractive as they keep on moving towards
the user who is acting as a Hero.
Image of the User or the Hero character will also be used here for fighting against the villains and
attacks them by moving towards them.
Buttons:
The Button present on this screen is-
 Start button
Different icons are-
 Home icon
 Settings icon
 Info icon
 Music icon
ABOUT US SCREEN:
MEDIA USED:
SOUNDS
About us: This screen includes the option of About us where the whole game as well the developer
data is being provided to the User.
Music: Lightning sound, as well as the Rocking music, represents the entrance of the Villain and the
hero entry respectively.
On-click: On clicking the Contact us button all the details of the developer gets displayed on the
screen in order to help the user to contact the makers of the game.
IMAGES
Only the background image is used.
BACKGROUND:

CSC10214 Assignment 1
Background of the game is the open area where all the villains come together to fight against the
Hero of the game.
Content:
The Content is the Gamer and all the four Villains come face to face in order to stop each other from
winning the game.
Description (purpose / objectives):
The main purpose of the game is to make the hero that is the gamer win the game by
fighting against the four villains each of whom holds the gems. The gamer has to collect the
gems and save the earth.
Animations:
Animation would be the movement of the background or the path that actually display the
walk of the cartoons.
User Interactions Required:
When the pause button is clicked, the game gets stopped and resumes on clicking the play
button.
User Feedback:
A help icon is being presented to the user in order to provide every type of help to the user
when required related to the game.
Navigation / Links:
Navigation is provided to provide help to the user as well as for playing the game.
Technical specifications (optional)
(Simple example below could be provided if these details are not provided on storyboards)
Web page dimensions: 600 x 900 pixels. Banner dimensions:
1) Horizontal banner: 600 pixels wide x 90 pixels high;
3) Vertical banner: 160 pixels wide x 600 pixels high;
2) Button 1: 125 pixels x 125 pixels;
4) Button 2: 180 pixels wide x 150 pixels high;
5) Custom 1: 320 pixels x 50 pixels;
6) Custom 2: 300 pixels x 250 pixels.

CSC10214 Assignment 1
Media List/References (if required)
Image name
or
description
Resource address/URL
Gamer https://cdn2.iconfinder.com/data/icons/fantasy-characters/512/starwars-512.png
Villain https://unixtitan.net/images/gaming-drawing-villain-3.png
Background https://gamepedia.cursecdn.com/feheroes_gamepedia_en/thumb/4/46/
Map_S0505.png/360px-Map_S0505.png?
version=f55fadd9e48cee5dac23eaa4df6e4e6d
Planet http://616pic.com/sucai/1l0i0gd81.html
Spaceship http://thegolfclub.info/related/enemy-spaceship-clip-art.html