CSC10214 Assignment 2: Jump ‘n Run Game Design Documentation

Desklib provides past papers and solved assignments. Download this student's game design project.

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
[Street Fighter]
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 is a very basic GWD based game called Street Fighter. This game is developed
using tools and techniques of the software GWD also known as Google Web Developer.
As given in the description of the game we will be using simple jump and run
functionality in order to make this game user interactive.
2.2 Background
The idea of this game is to present any city streets in the background and our main
character has to dodge the incoming obstacles like street fighters, cars, bats and ball in
order to succeed to further deep into the game and get the highest score in the game.
This game will be integrated with the theme which is underground fighting streets of a
city, there will be building and cars in the background. As the game progress, the city
background will change to create the illusion of day passing by in the game so that the
player can connect with the game a deeper level.
In the above section, we have discussed the use of Google Web developer in order to
develop this game which means using advanced tools and concepts of GWD which will
ultimately make this game even more fun for the players. With the help of this

CSC10214 Assignment 2
development software, we will be adding a lot of animation and sound effects to take the
user’s experience to a newer level.
2.3 Description
Not to over complicate this game development, we will be using just the simple function of jump
and run in this game so that this game would be playable for any novice player. To keep on
progressing in the game, the player will only have to use the jump key to keep dodging the
incoming obstacles to proceed in the game and get the highest score possible. As the player
keeps on playing the game, the game’s background will change so that the user’s interest will be
in the game all along. The rate of incoming obstacles will keep on increasing with player’s
progress.
The home of the game will be the first page that the user will see after starting the game. To
keep the theme of the game, the home page will have the streets like background similar to the
gameplay page. The home screen will have a background with abandon buildings, dark ally,
vehicles in the background. There will also be a total of two buttons present on the home screen.
The bottom right button will be for starting the actual gameplay of the game and the top left
button will be for going to help and controls page.
The press of the start button will take the player to gameplay page. The character will remain
stationary and have to dodge incoming objects which are running towards our in-game character.
After the obstacle reaches a certain point towards the character player have to the jump key in
order to jump and dodge the obstacles so that they can survive the game and get the highest
score possible.
The Up-arrow key is assigned to make the character jump up and down in the game, for the
player convenience we will assign more than one key to make the character jump. One key
would be Up arrow key as discussed and another one will be space bar.
2.4 Key Features
 Music plays a vital role in any genre of game. We can say that for any kind of
game music is the amplifier which takes the gaming experience to a whole new
level.
 Whenever the player touches or presses any button on any respective screen, the
respective button will show some kind of getting pressed animation or moving
animation which will make the game more interactive from the user perspective.
 The home page, help page, and the instruction page will have a similar kind of
theme so that the game doesn’t look distorted or disorganized in any way. To
achieve this key feature, we will use a similar theme of the street for all the
pages with the crazy and funky font.
2.5 Genre
This game is based on street fights and brawl, which include dark alley fights, abandon
buildings, etc. The genre of this game is an action strategy. All the respective
characters, obstacles, and background are related to the theme so that users would feel
connected with the game and would enjoy the game even more.

CSC10214 Assignment 2
Target Age Group
This game is developed for the age group of 7 and older as the people who play most
games are in the age bracket of 7-18 years.
2.6 Concept Map
This game is developed using the GWD software or also known as Google Web
Developer. This game has the basic idea of jump and runs to make this playable for any
type of user.
2.7 Platform
This application is game-based and can be played on any web browser which supports
HTML and CSS code based application.
2.8 General Market Analysis
There are many websites which promote small games like this one and those will be
perfect for promoting our game. Websites like miniclip.com or Y8.com, etc.

CSC10214 Assignment 2
3 Functional Specification
3.1 Navigation
The first page that user will see would be the home page. This page will have two buttons one is
to start the game and one is to go to help and instructions page. The help page will have all the
necessary details and information about controls and game story required for the game. The in-
game page will have two buttons too, one will take the user back to the home page and another
one will take the user to the help and instruction page.
3.2 Storyboards
A storyboard is a section about all the animations, music background, and the rest of the
resources which will be used in making the game. Storyboard defines all the links,
buttons, images and music which will be necessary for making each page of the game it
also explains how each page of the game is connected to each other.

CSC10214 Assignment 2
Title: Home Page Frame ID: Home
Dimensions: The game’s resolution will be 600 x 900 which I think is the large enough amount
of space for the user to play the game. This much space is required so that we as a programmer
can position the controls and character along with background and animation.
Media Used:
 Buttons: There will be a total of two buttons present on this page. Both of them would
have separate functionality. One button will be named as play and it would take the user
to the in-game page of the game and start the game. The other button will be named as
help which will take the user to help and instructions page. This page will have all the
necessary instructions and controls information for the user in order to play the game.
 Background: The background will be of a discrete arcade city with cars, tires, and
buildings in the background.
 Sound: Sound plays a vital role, as the user enters this page, there will be energetic street
music playing the background so that the user can have more connection with the game.
Content: This page will have the title of the game in 90’s arcade style font. This is necessary as
the first thing that the user will see on the first page is the font in which the title is written. This
page will have two buttons one is to start the game named as play and the second one is the help
button to go to help and instruction page.
Description (purpose/objectives): This is the primary page that user will see at the
beginning of the game, there will be the title of the page at the top center of the page with
some old arcade font.
Animations: For not letting this page get over complicated we will not use any kind of
animation on this page.
User Interactions Required: There will be two buttons present at this page, one will be
called play which will take the user to the in-game page in order to access it user has
to press the play button and the second button will be help button which will take the

CSC10214 Assignment 2
user to control and instruction page, this page will be accessed by clicking the help
button on the home page screen.
User Feedback: Player will experience a slight motion of the virtual button as he or she
presses it. This creates an illusion called the interactive game.
Navigation / Links: From this page, the player can access the gameplay page or he or
she can go to the help page.

CSC10214 Assignment 2
Title: Help Page Frame ID: Help
Dimensions: The game’s resolution will be 600 x 900 which I think is the large enough amount
of space for the user to play the game. This much space is required so that we as a programmer
can position the controls and character along with background and animation.
Media Used:
 Buttons: There will be a total of two buttons present on this page. Both of them would
have separate functionality. One button will be named as play and it would take the user
to the in-game page of the game and start the game. The other button will be named as
home which will take the user to the home page of the game. This page will have the play
button and help button as described in the above section.
 Background: The background will be of a discrete arcade city with cars, tires, and
buildings in the background.
 Sound: Sound plays a vital role, as the user enters this page, there will be energetic street
music playing the background so that the user can have more connection with the game.
Content: This page will have the title of the game in 90’s arcade style font. This is necessary as
the first thing that the user will see on the first page is the font in which the title is written along
with a help logo following a question mark. This page will have two buttons one is to start the
game named as play and the second one is the home button to go to the home page.
Animations: On this page, there will be splashing question mark at the top of the page
which fading helping logo.

CSC10214 Assignment 2
User Interactions Required: In order to access both the pages, user has to press the
respective buttons.
User Feedback: Player will experience a slight motion of the virtual button as he or she
presses it. This creates an illusion called the interactive game.
Navigation / Links: From this page, the player can access the gameplay page or he or
she can go to the home page.

CSC10214 Assignment 2
Title: In game Page Frame ID: Gameplay
Dimensions: The game’s resolution will be 600 x 900
which I think is the large enough amount of space for the
user to play the game. This much space is required so that
we as a programmer can position the controls and character
along with background and animation.
Media Used:
 Buttons: There will be a total of two buttons
present on this page. Both of them would have separate functionality. One button will be
named as back and it would take the user back to the home game page of the game. The
other button will be named as help which will take the user to help and instructions page.
This page will have all the necessary instructions and controls information for the user in
order to play the game.
 Background: The background will be of a discrete arcade city with cars, tires, and
buildings in the background.
 Sound: Sound plays a vital role, as the user enters this page, there will be energetic street
music playing the background so that the user can have more connection with the game.
Content: This page will have the title of the game in 90’s arcade style font. This is necessary as
the first thing that the user will see on the first page is the font in which the title is written. This
page will have two buttons one is to go back at the home page of the game named as home or
back and the second one is the help button to go to help and instruction page.

CSC10214 Assignment 2
Description (purpose/objectives): This is the actual in-game page which will show the
character and all the obstacles coming towards our player’s character.
Animations: The basic animation would be of incoming obstacles and jumping up and
down of our character.
User Interactions Required: To make the character jump up and down the player need
to press the up arrow key or space bar.
User Feedback: The character will move up and down as the player presses the up arrow
key or space bar key
Navigation / Links: From this page, player can access the home page or he or she can go
to the help and instructions page.