CSC10214 Assignment 2: Jump ‘n Run Game Design Documentation

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

CSC10214 Assignment 2
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 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: ____________________________

CSC10214 Assignment 2
[COME AND GET ME]
Design Documentation
By [Your Name]

CSC10214 Assignment 2
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
2 Concept Paper
2.1 Introduction
This game is called Come and Get me 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.
2.2 Background
This game is referenced from an old arcade game called Metal Slug. The theme of this
game is based on Aztec times. In this, we have ancient relics and figurines in the
background to create a good ancient with the game. As we move later on with the game,
we will see changes in the game vibe like the background will become darker like a
cave, so that we can create an illusion of time passing on the game. This will take the
user experience to a whole new level and will generate the player’s affection towards the
game even more.
As we discussed in the above section that we will be using Google Web Designer for the
development of this game. Using advanced tools and concepts of GWD will make this
game even more fun for the user. There will be a lot of animations so that the whole
game will feel alive to the player.

CSC10214 Assignment 2
2.3 Description
We don’t want to over complicate things so this game is based on simple concepts of ‘Jump n
Run’. To elaborate on this point, the player just needs to dodge incoming object in order to keep
proceeding further and set a score. The incoming obstacles can be of any type, but most of them
will be themed with our Aztec era plot. The main character has to face obstacles as they will
move towards him with the passing of time and player have to use the jump functionality to
dodge the incoming obstacles.
The player has provided with the game’s home page. The home page is the first page which
player will see. So, to attract the player’s attention we have made the home page more real like
in synchronicity with the theme. The home page of the game will be like an Aztec jungle where
there will be tombs, deserted houses, tents, etc. On the home page their will, be two buttons one
is to start the game and another one is for help or instruction for the game.
After clicking the start button, the game will start. The character will be stationary and the
obstacles will keep on approaching him. Then by using the jump function the player will dodge
the incoming obstacles and keep on progressing in the game. The background will keep on
changing as the game progresses with time.
We have assigned the up-direction key to making the character jump in order to dodge the
incoming obstacles. The amount of time the player’s character stay alive in the game and
without colliding with any obstacles will be considered as the score and as the survival time
increases the score will also increase gradually.
2.4 Key Features
 Music is a very important part of any game. In this game application, there will
be enthusiastic music playing in the background so that the player’s moral and
confidence will be at peak level.
 Interactive animation and responsive feedback of buttons are also a key feature
for this game. This kind of features makes the game look alive to the player so
they are considered as key features.
 All pages of the game will be interrelated with the theme, which is Aztec
themed, this will help the player to feel connected with the game
2.5 Genre
This game theme is Aztec which means this game falls under the genre of fantasy and
strategy. All the character, obstacles and background will be themed the same as the
game. The music too will be Aztec war cry like which will take the gaming experience
to a whole new level.
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.

CSC10214 Assignment 2
2.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 objects 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.
2.7 Platform
This game is built for an only web-based platform which means in order to run this
program the only things required from the user is any type of web browser. The project
built using google web designer platform and, in that software, we use concepts of web
designing like HTML and CSS to make any type of application like games, online ads,
animated films, etc.
2.8 General Market Analysis
Due to such a vast variety of websites on the internet, we have many websites which
provide free online games. Our game is based on a simple concept integrated with a little
amount of fantasy theme. So, a website that provides mini-games might be looking for a
game like this, so this seems like a market where we can promote this game. As we
discussed before the main age group for this game is 7-15 years old so we can also
promote this game on sites which are only for children for that age group.

CSC10214 Assignment 2
3 Functional Specification
3.1 Navigation
The navigation flow for this is very elegant and simple. At the beginning of the game,
home is displayed. The home has two functional buttons, the first button is to start the
game and the second button is to go to the help page. The home page has the game theme
background which is Aztec fantasy. By pressing the help button user will be taken to help
page. At this page, their will, be instructions and control for the game. This page is
crucial as it displays and demonstrates the game’s controls and storyline. The page also
has to page button and one toggle button. The toggle button is to mute or unmute the
game sound and the two function buttons are for, one to take the user back to the home
page and the second button is to take the user directly into the gameplay. Lastly, the third
page of the game is the In-game page, which is the page where the actual game will
perform. This page has buttons, one button will take the user to the home page and one
button will quit the game.
3.2 Storyboards
This section is about the resources that we have used while creation of this gaming
application. It lists the sounds and media for each game page and animation for all the
respective page. Also, we will have some page links and describes how each page is
connected to each other.

CSC10214 Assignment 2
Title: Home Page Frame ID: Home
Dimensions: The game resolution is 500 x 224, which is perfect for this type of game. We have
ample amount of space to position all the buttons and animation so that the final page looks clean
and easy on the user’s perspective.
Media Used:
 Buttons: Two buttons are present on this page, on is to start the game and the second one
is to go to the help and instruction page.
 Background: The game’s background is set as pre-Aztec and pro-war scene,
which looks like the picture displayed above
 Sound: The sound at this page is just game music which gives the player vibes of the
game, the sound will begin to play as soon as a player starts the game. The track will
perfectly match the timing of the game alongside with its theme.
Content: This page will have the name of the game on the top in big and abstract font to create a
fantasy theme vibe. The page will also present the user with the option for either start the game or
to view the instructions and help page.
Description (purpose/objectives): This is the first page that user will see after opening
the game and they can either start the game by clicking the play button or they can first
go to instructions page to get more info about the game and its controls.
Animations: To keep the screen at the minimal delay, this page doesn't have any
animations.
User Interactions Required: As we have discussed above that there are two options at
this page which means the player can either click on play button and start playing
the game or they can go to help and instruction page by clicking the help button.
User Feedback: We have designed the game in such a way that anytime any button is
pressed, that button will get a slight animation of virtual motion.
Navigation / Links: This page will allow the user to go to help page or start playing the
game.

CSC10214 Assignment 2
Title: Help Page Frame ID: Help
Dimensions: The game resolution is 500 x 224, which is perfect for this type of game. We have
ample amount of space to position all the buttons and animation so that the final page looks clean
and easy on the user’s perspective.
Media Used:
 Buttons: Two buttons are present on this page, on is to start the game and the second one
is to go back to the home page of the game.
 Background: The game’s background is set as pre-Aztec and pro-war scene,
which looks like the picture displayed above
 Sound: The sound at this page is just game music which gives the player vibes of the
game, the sound will begin to play as soon as a player starts the game. The track will
perfectly match the timing of the game alongside with its theme.
Description (purpose/objectives): This page is the help page, which means the user will
get help about the game on this page. On this their will we content about controls of the
game and will be shown how that control works. It will also show the user the kind of
obstacles that he or she as to dodge in order to get the highest score.
Animations: This page will show the animation of floating question mark which fits
perfectly with our page’s and game’s theme.
User Interactions Required: The user can go back to the home page after reading all the
instructions or they can directly start the game by clicking the play button on the
help screen.
User Feedback: We have designed the game in such a way that anytime any button
pressed, that button will get a slight animation of virtual motion.
Navigation / Links: The player can go back to the home screen or can start the game by
clicking the play button.

CSC10214 Assignment 2
Title: In game Page Frame ID: Gameplay
Dimensions: The game resolution is 500 x 224, which is perfect for this
type of game. We have ample amount of space to position all the buttons
and animation so that the final page looks clean and easy on the user’s
perspective.
Media Used:
 Buttons: Two buttons are present on this page, on is to quit the game and the second one
is to go to the home page.
 Background: The game’s background is set as pre-Aztec and pro-war scene,
which looks like the picture displayed above
 Sound: The sound at this page is just game music which gives the player vibes of the
game, the sound will begin to play as soon as a player starts the game. The track will
perfectly match the timing of the game alongside with its theme.
Content: The game screen will how the score of the game and the survival time of the character
in the game. There will also be a button to access the help page and another button to quit the
game.
Description (purpose/objectives): This game will show the gameplay of the game with
all the character moving and controls
Animations: The character will jump up and down when the up arrow key is pressed.
Another animation at this page will the incoming obstacles.
User Interactions Required: User need to press the UP arrow key in order to move the
character.
User Feedback: As the user presses the Up arrow ket the character will jump up and
down and the obstacles will come towards the character and player has to use the
jump function in order to dodge them and get a high score.

CSC10214 Assignment 2
Navigation / Links: The player can either continue playing the game or go back to
home page by clicking the back button provided in the screen.

CSC10214 Assignment 2
3.3 Media
Image name or
description
Resource address/URL
Game
character-
Marshal
Home-page-
background
Help-page-
background
In-game-
background
Game track
Obstacles
https://www.kisspng.com/png-metal-slug-2-metal-slug-
anthology-metal-slug-x-pla-3470477/
https://www.jalansirah.com/inilah-yang-membuat-
umar-bin-khattab-memekik-pedih-dan-perih.html
https://aminoapps.com/c/metal-slug-world/page/blog/
this-is-just-beta-of-using-backgrounds/
X0qJ_1BVugu7wmd8kGYeG84w821R2oG8b5z
Yet to be found
Yet to be found
Yet to be found