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
[RAVEN ESCAPE: TRAPPED IN LAIR]
Design Documentation
By [Your Name]

CSC10214 Assignment 2
Table of Contents
1 Concept Paper.......................................................................................... 1
1.1 Introduction........................................................................................ 1
1.2 Background........................................................................................ 1
1.3 Description......................................................................................... 1
1.4 Key Features...................................................................................... 2
1.5 Genre................................................................................................. 2
1.6 Concept Map...................................................................................... 2
1.7 Platform.............................................................................................. 3
1.8 Brief Market Analysis..........................................................................4
2 Functional Specification............................................................................5
2.1 Navigation.......................................................................................... 5
2.2 Storyboards........................................................................................ 5
2.3 Media.................................................................................................. 9
1 Concept Paper
1.1 Introduction
This project is about designing and developing a simple Jump n Run game with Google
web designer. With this project we will be learning about User Experience designing a
bit more. The part A of the project deals with the documentation of the game and the
complete report for the game is contained within this document. A dark theme has
been chosen for this Jump and Run game, just like any other jump n run game, the
character here will face some obstacles on his way and the player will make the
character jump/crouch in order to score the maximum points they can. The game will
feature some simple animations and sounds to make the overall experience a bit more
engaging.
1.2 Background
The game will give the player an experience of a dark character trapped in an enemy
lair, the game theme will be a dark enemy cave and the objects involved in the game
will also be of the similar kind. The theme for this game has been derived from old
videogames and the character chosen for this game is inspired from “Raven” from the
“Teen Titan” series.
With the development of this game, we will be learning how the web designs we create
can be made interactive. We will be using advanced tools from Google Web designer

CSC10214 Assignment 2
which will help us create stunning projects in the future. The jump and run game will
require animations and creation of actions by which the player can control the game
character, all this will help to learn UX-UI designing.
1.3 Description
The game is a simple jump n run game where you need to control the main character in
order to defend him from the incoming obstacles. The obstacles are some evil enemies
who want to kill the main character. The enemies have also placed objects like metal
boxes and blades in the way of the main character so that it gets difficult for him to
make his way out.
You are provided with a home page of the application where you are provided with
options to start the game or open the instructions if you want to get a few basic details
about scoring and how the character is controlled. The home page has a cool artwork
which is supported by a matching background audio track which justifies the theme
selected for the game.
The game begins as soon as you click the play button and the character starts running.
You are then in-charge of controlling him so that he can move past the incoming
obstacles. You need to dodge the incoming traps laid by enemies in order to score the
maximum points and escape the enemy lair. The game features a fast-paced
videogame themed music which makes the experience even more thrilling. The user
will be pressing the space-bar to make the character jump. Avoiding each obstacle will
award him 10 points and the game ends if the player is unsuccessful in avoiding any
obstacle in his way. You are then provided the details about your score and an option
to restart the game if you wish to play again and score even better.
1.4 Key Features
 Energetic music keeps the game engaging and gives the player a sense of
enthusiasm for playing the game even more to achieve a better score.
 Running animation for the character distinguishes from the other products
where the character’s motion is not clearly visible.
 Consistent theme for all the pages of the game make the UI attractive and
unique.
1.5 Genre
The game would fit in the “adventure” game category as the game takes the player
through a series of fantasy creatures, places and objects. The game is quite engaging
and keeps the player motivated to score better with its intense fast-paced music.
Target Age Group

CSC10214 Assignment 2
The target age group for this product is 10+ as the children of this age always find
stories about fantasy characters quite fascinating and the strong game background will
keep those children involved. The product is expected to grow better when children are
provided with a better storyline.
1.6 Concept Map
The game is being developed with an aim to improve skills in UX-UI designing. The
game is suitable for the children of age ten and onwards and this game does not
include any kind of violence hence it is a win-win case for everyone. The game will
feature a character who is running to escape from the enemy & points will be awarded
for each obstacle the enemy tackles. The game character is controlled by the player
who is responsible for making the character jump. It is an endless jump n run game.
1.7 Platform
The target platform for the project is web-based and the completed product will be
executable on any kind of web browser. Although the project is being developed on a
windows system but the final product can be run on multiple platforms as it only
requires a web browser to run.

CSC10214 Assignment 2
1.8 Brief Market Analysis
Websites who provide free mini games online might be interested in buying this product
as these types of games are likely to capture audience the most from this area. The
children from age 10 and onwards would be the primary target audience for the game
and they will find the game engaging. Although there are many other similar kinds of
games in the market but the storyline and the well-built theme of the game gives it an
edge over others.

CSC10214 Assignment 2
2 Functional Specification
2.1 Navigation
The flow of the program is quite simple, the game opens with a home page which has
some funky graphic artwork giving the idea of the game. This home page will have a
play button and a button for instructions. Pressing the instructions button will take the
player to the page which guides them on how the game is played. The player can go
back to the home page by pressing the back button when they have finished reading the
guide. Pressing the play button initializes the game right away and if the player hits an
obstacle the game ends and the player returns to the home page where they can press
the home button if they wish to play again.
2.2 Storyboards
This section deals with the description of each page of the game. It lists the media used
for each page and tells what kind of animations will be used on the respective page. It
lays out the objective of the page and tells which other pages are connected to it.

CSC10214 Assignment 2
Title: Home Page Frame ID: Home
Dimensions: The dimension of the game screen will
be around 150 pixels wide and 100 pixels in height.
Media Used:
Buttons- The screen will have a play button and a
button which takes the user to the instructions page.
The third button disables sound for the game.
Background- The game features a funky image of
the character as the main page for the game.
Sound- The game sounds starts to play as soon as the player opens up this screen. The
sound for this game is a fast-paced music track which goes accurately with the theme of
the game.
Content: The page will show the user the game title and will present its first look. The
player can then start the game or view instructions if they wish to.
Description (purpose / objectives): This is the opening screen of the game and provides
the player options to begin playing or view the game guide. The player is taken back to
this screen each timet the game ends for them.
Animations: The current screen will not feature any animations.
User Interactions Required: The user is required to press the play button if they wish to
start playing the game right away else they can press the help button to view the
instructions/guide for the game.
User Feedback: When the player presses any button on the screen the button slightly
moves in showing an animation of a physical button actually moving in when pressed.
Navigation / Links: From this page, the user can move to the game playing screen or the
instructions screen.

CSC10214 Assignment 2
Title: Instructions Page Frame ID: Instructions
Dimensions: The dimension of the game screen will be around 150 pixels wide and 100
pixels in height. (150x100)
Media Used:
Buttons- The current page has a button to move back to the home page.
Background- The background of this page is the same as that of the home page.
Content: The page will show a brief guide for playing the game. It will contain
instructions to control the character and show how points are awarded to the player.
The player can go back to the home screen and start playing the game from there.
Description (purpose / objectives): The instructions page tells the user about the
character control in game and guides the player about how the points are awarded. It
tells what obstacles the player needs to avoind in order to survive and gather points in
game.
Animations: The screen shows how the player jumps when the spacebar is pressed. The
jumping animation of the character is shown and beneath that is an animation of the
spacebar being pressed.
User Interactions Required: The user can press the back button if they have finished
reading the instructions and they want to go back to the home page and start playing.
User Feedback: When the player presses any button on the screen the button slightly
moves in showing an animation of a physical button actually moving in when pressed.
Navigation / Links: The player can move to the home screen by pressing the back
button.

CSC10214 Assignment 2
Title: Game page Frame ID: Game
Dimensions: The dimension of the game screen
will be around 150 pixels wide and 100 pixels in
height (150x100).
Media Used:
Buttons- The screen will have an option to quit and go
back to the home page if the user wishes to quit
playing.
Background- The game will feature a dark
background which will give a sense of an enemy
hideout. The game will show a cave like ground
on which the character would run.
Content: The game screen will show the score and a button to quit playing. As this is the
actual game screen it will have a minimum text content and the user will actually be
playing the game from this screen.
Description (purpose / objectives): The current screen will be the actual game screen
and the user will play the game on this screen. The game character will keep running
and obstacles will come in his way. The player has to make sure that the character does
not hit any obstacle so that maximum score can be obtained.
Animations: The game screen will feature a running animation of the character. When
the player hits spacebar, the character will show a jumping animation. Obstacles would
keep coming towards the character and move from right to the left of the screen as our
character is running from left to right. Different types of obstacles will feature different
animations. The background will also keep moving giving the player a sense of motion
as the character is running. These animations will make the game interactive and
engaging.
User Interactions Required: The player will require to press the spacebar to make the
character jump in order to avoid the obstacles. They may press the quit button if they
wish to stop playing the game.
User Feedback: As soon as the player hits spacebar on his keyboard, the character
would jump. The game would stop as soon as the player presses the quit button
provided on the screen.
Navigation / Links: The player can either continue playing or go to the home page by
pressing the quit button. Each time the player hits an obstacle, the game ends and the
player is taken back to the home page automatically where he can press the play button
if he wishes to play again.

CSC10214 Assignment 2
2.3 Media
Image name or
description
Resource address/URL
Game character-
Raven
Home page
background
Obstacles
Game screen
background
Game music track
Jump sound
Game terrain
Monster 1
Collision with
obstacle sound
https://giphy.com/stickers/running-hOs4NpHBnRjlS
https://www.wallpapersrc.com/download/fortnite-battle-royale-
raven/2160x1440
yet to be found
Yet to be found
Yet to be found
https://www.audioblocks.com/stock-audio/video-game-jump-sound-
100921.html
Yet to be found
https://frankiesmileshow.tumblr.com/page/10
Yet to be found