CSC10214 Designing the User Experience Assignment 2 Part A

Desklib offers solved assignments and past papers to help students succeed.

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: ____________________________
Student ID No.: ____________________________
Unit Name: Designing the User Experience
Unit Code: CSC10214
Tutor’s name: ____________________________
Assignment No.: Assignment 2, Part A - Design Documentation
Assignment Title: Jump ‘n Run Game
Due date: ____________________________
Date submitted: ____________________________
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)
____________________________
Date: ____________________________

[ZOMBIE FRONTIER]
Design Documentation
By [Your Name]

1 Table of Contents
2 Concept Paper.........................................................................................................................1
2.1 Introduction.....................................................................................................................1
2.2 Background.....................................................................................................................1
2.3 Description......................................................................................................................1
2.4 Key Features....................................................................................................................2
2.5 Genre...............................................................................................................................2
2.6 Concept Map...................................................................................................................2
2.7 Platform...........................................................................................................................2
2.8 General Market Analysis.................................................................................................3
3 Functional Specification..........................................................................................................4
3.1 Navigation.......................................................................................................................4
3.2 Storyboards.....................................................................................................................4
3.3 Media...............................................................................................................................9

1. Concept Paper
1.1 Introduction
This game is called Zombie frontier and, in this game, we have to use the jump and run a
function in order to dodge the incoming obstacles. We will be using Google Web Developer to
develop this game, we will use GWD advance tools to complete this task.
1.2 Background
This game references from other game plants versus zombies. The theme of this game is a
zombie apocalypse, which means the background will be like zombies walking around and
haunted places. We also have a changing background function in this game so that the player can
see the game progressing as he or she progresses in the game. We have used GWD or Google
Web Developer for this game so we have creative zombie music in the background. Music is a
very important part for any game as it creates a bond between game and the theme of gameplay.
As we mentioned before that we have used Google web developer for this project, and by using
its various advanced tools we have added sound effects, animations,
1.3 Description
We wouldn't want to create things more confusing so this game relies on basic' Jump n Run'
principles. In an attempt to expound on just this point, the player actually requires to evade the
arriving zombies as obstacles in order to remain to move ahead and set ranking. The arriving
hurdles can be of any kind, it can be a zombie dressed up differently but with our post-
apocalyptic zombie theme, all of them will be tackled. The protagonist has to dodge Zombies as
they walk towards him with the passage of in-game time towards him and the player has used the
jump interface to evade the arriving various zombies.
1.4 Key Features
 Music plays a very vital role in any game, in any game the things that connect game with
the player is music. It's like the WOW factor of any game.
 Using creative font and animations is really make the game so interact
 As we have set a zombie theme for this game, we have related all the pages in the game
with these themes which means we have zombie themed background and crazy font to
make all pages attractive and interactive.
1.5 Genre
This game is themed as post-zombie apocalypse, which means this is a survival game with a hint
of zombies. The games fall under the genre of Survival strategy.

Target Age Group
The targeted people for this game would be the age group of 7 and older. The reason behind
making this game for younger children is that this kind of application gives them an experience
of a fantasy world which is full of surprises and interesting things. The scoring system and music
also help both young and older player’s motivated.
1.6 Concept Map
Development of this game helps us to learn about Google web developer techniques for building
an amazing gaming application. This came is unique in its own category but the basic idea
behind building this game is ‘JUMP n RUN’. But not make anything boring we included a little
of our creative methods to make this simple jump n run concept game into a fantasy world
strategy-based game. The game is no violence in its entirety, it only has a character who has to
dodge incoming Zombies for his survival and get the highest score possible in the game. This
game is in a loop means if the player doesn’t get eliminated the game will continue on running.
1.7 Platform
This game can run the only system as long as they have a browser. This game is based on
languages like HTML, CSS, etc. so the requirement is to find a compatible web browser. Any
web browser like Google Chrome, Mozilla Firefox will be able to run this game.
1.8 General Market Analysis
There are many websites on the internet which allow the users to play games for free. Our games
are a basic jump and run game with a little theme of science fiction, and website which promotes
small games will be our market. This game is suitable for 7+ age groups. The age group which
plays most games is 7-18 years old, so we have to narrow down this group and make this our
market for promotion. Mini-games are very popular as they are small in size and very easy and
fun to play, as our game is perfect fit this category of the gaming industry.
Functional Specification
1.9 Navigation
As the player starts the game on the first page, he or she will encounter will be the home page of
the game. As this page is the first things that player sees than we had to make this page much
more creative and interactive. This page has name of the game at the top with creative font to
make user explore the rest of the game, in the background some mild zombie music will be
playing as the soundtrack is the very important part of any game. There will be two buttons on
this game one is to start the game and the second is to help for the game. The help page will have
instructions and controls about the game. There are two buttons present on this page, one is for

going back at the home page and other is to start playing the game. The third page of this game is
the gameplay screen. This is the screen where the actual gaming begins. This screen has a
moving object and zombie as obstacles and the player has to use the arrow key to dodge them.

1.10 Storyboards
The storyboard shows all the resources that are used in this game development. All the
animation, sound, pictures, media links, etc. are considered in this section.
Title: Home Page Frame ID: Home
Dimensions:
This game resolutions is 850 x 480, which I think is best as this is a jump and run game which means we
have to have large enough width so that we can position the characters easily and players would too have
ample amount space to play the game and still have so much fun.
Media Used:
 Buttons: The number of buttons present on this page will be 2. One is to start the game and go to
the in-game screen and another one is to go at the help and instructions page.
 Background: This game is very spooky so I decided to choose a zombie-themed to create a scary
and yet fun vibe for this game.
 Sound: For this game, the best sound to be played in the background is zombie themed. Sound
plays an important role in developing a player’s interests towards the game. Sound is like the X-
factor for any game, if the soundtrack is perfect then it will help the player connecting with the
game.
Content:
The game’s title will be displayed at the top in spooky font, to stay connected with the game’s theme. The
background is dark so most likely we will be using the light color font to make it more abstract and easier
on eyes to read. There will also be two buttons present on the screen, the first button is called play button,
which will start loading the game until in-game screen appears and the second button will be help button

which will take the player to instructions page where he can read about the game story and learn about
controls.
Description (purpose/objectives): This page is the opening page of the game when a player will
start the game he or she will be first seeing this page. Their will title of the game at the top with
creative font and also two buttons with proper functionality. The first button have the
fucntionality to start the game and the second button will take the user at the help and
instructions page.
Animations: To keep the page rendering and loading at a minimum this page doesn’t have any
animations.
User Interactions Required: There are two buttons on this page, on is for start the game and
the second button is for instructions page. User can click on the first button to start the game and
by interacting with the help button, help page will appear.
User Feedback: By click, the button user will see a pressed animation with the buttons. These
features make the game responsive on user touch which is very innovative to look at.
Navigation / Links: There are 2 navigations on this page on will seek to the help and
instructions page and another will seek the in-game screen and start the game.

Title: Help Page Frame ID: Help
Dimensions:
This game resolutions is 850 x 480, which I think is best as this is a jump and run game which means we
have to have large enough width so that we can position the characters easily and players would too have
ample amount space to play the game and still have so much fun.
Media Used:
 Buttons: The number of buttons present on this page will be 2. One is to start the game and go to
the in-game screen and another one is to go back at the home screen of the game.
 Background: This game is very spooky so I decided to choose a zombie-themed to create a scary
and yet fun vibe for this game.
 Sound: For this game, the best sound to be played in the background is zombie themed. Sound
plays an important role in developing a player’s interests towards the game. Sound is like the X-
factor for any game, if the soundtrack is perfect then it will help the player connecting with the
game.
Content:
At the top of the page, title will be there, which will say “Help” in some creative font, 2 button s will be
there with different functionality.
Description (purpose/objectives): This page is the help and instruction page for this game. This page
will have information about controls of the game and how to use those controls in the game.

Animations: To make this page more creative for any player, their will be a zombie animation moving
around the page. This will show the theme of the game at the help page too.
User Interactions Required: When the player understands all the instructions for the game, he
can go back to the home page by clicking the back button or he can also start the game from
the help page too by clicking the play button on this page.
User Feedback: By click, the button user will see a pressed animation with the buttons. These
features make the game responsive on user touch which is very innovative to look at.
Navigation / Links: Either the player can start the game by clicking the play button present at
the help page or he can go back to the home page by clicking the back button present on the
screen.

Title: In game Page Frame ID: Gameplay
Dimensions:
This game resolutions is 850 x 480, which I think is best as this is a jump and run game which means we
have to have large enough width so that we can position the characters easily and players would too have
ample amount space to play the game and still have so much fun.
Media Used:
 Buttons: The number of buttons present on this page will be 2. One is to quit the game and go to
the home screen and another one is to go at the help and instructions screen of the game.
 Background: This game is very spooky so I decided to choose a zombie-themed to create a scary
and yet fun vibe for this game.
 Sound: For this game, the best sound to be played in the background is zombie themed. Sound
plays an important role in developing a player’s interests towards the game. Sound is like the X-
factor for any game, if the soundtrack is perfect then it will help the player connecting with the
game.

Content:
The game screen will collect the user score any in order to do that, we will record each time the user
controls the character and dodges an incoming zombie.
Description (purpose/objectives): This page will have all the in-game animation with zombie
and our character moving around on the screen.
Animations: The page will have a moving zombie and to move background to create a feeling of
time passing and progressing in the game.
User Interactions Required: By pressing the UP arrow key the user character will jump and
down while running and dodging obstacles.
User Feedback: The use of Up arrow key to dodge the incoming zombies, will make the
character move vertically and dodge the incoming zombie obstacles and get the score
number keep on increasing.
Navigation / Links: The player can go back to the home screen of the game or keep on playing
the game and getting the highest score possible.