CSC10214 Assignment 1: Interactive Web Content Design Documentation

Desklib provides past papers and solved assignments for students. This project details the design of an interactive jungle-themed animation 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 .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 1, Part A - Design Documentation
Assignment Title: Interactive Web Content
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: ____________________________

CSC10214 Assignment 1
[Your STORYBOOK TITLE]
Design Documentation
By [Your Name]

CSC10214 Assignment 1
Table of Contents
Introduction.................................................................................................... 1
Wireframe...................................................................................................... 1
Theme........................................................................................................... 1
Storyboards..................................................................................................... 1
Technical specifications (optional).........................................................................3
Media List/References (if required).......................................................................3
Introduction
In this animation game, a hungry monkey is walking around the jungle. As the monkey
is very hungry he needs to eat as much food as he can to live in the jungle. A lifeline for
the monkey is kept ticking and increases as he eats food. Player need to survive in the
game as much time as possible to win the game from his opponent.
The jungle scenery is used in this game. Various types of hurdles also came for the
monkey to cross during the running. These hurdles are kind of animals who came to eat
the monkey so monkey needs to dodge those hurdles or wild animals to remain alive.
Voice of various animals and birds is continuously played in the game to make it real.
Wireframe
The wireframe prototype to demonstrate this storybook can be found at:
Home screen wireframe is found at the given below link: -
https://drive.google.com/open?id=17Dxs0yNmNBHFTMOThyzOtOpNAuVUPYOb
Main Game screen wireframe is found at the given below link: -
https://drive.google.com/open?id=1Er13pRLw_eNV5cFkklvQINE2C3MUsRi0
Score screen or result screen wireframe is found at the given below link: -
https://drive.google.com/open?id=10b1Q8rNLmLc5HPLYooVmJfEo1Enzje37
Theme
The theme of the game is based on the Jungle. Jungle theme to satisfy the need of the
game. In this theme, Jungle background is shown where the mix sound of animal is also
listening. Various animals also came to eat the monkey during the course of the game.
In this theme, a sunrise scene is picked up to enhance the look of the game.

CSC10214 Assignment 1
In this theme, one can easily found the creatures used in the game like a monkey, wild
animals, fruits, etc. Thus this theme is fully satisfied with the game scenario.
Storyboards
The following storyboards on the following pages provide a more detailed explanation
of the planned product.
(Note that: At least one storyboard should be provided for each page of your story.
 You may need to provide a separate storyboard for some of your
banner/animations in order to describe/demonstrate your planned design
ideas.
 The following storyboard format is one option. You may choose other formats
as long as you include the same details)

CSC10214 Assignment 1
Title: Main Character Frame ID: monkey
Dimensions: This is the character which is used in
the game like a hungry monkey.
Media Used: A mix sound of multiple animals is
used in this game so to make the scene of the
jungle to be real.
The sound of eating things is also used in this
game while the monkey catches the fruit.
A game over sound is used to notify the player
that the game is over which makes the game
attractive and looks real.
Small audio clips of pressing buttons are also
used in the game which let the user knows about
the clicks or pressing the buttons.
Buttons: On the playing area we have three buttons in the footer area named dodge, catch and quit.
Dodge is used to dodging the hurdle. The catch is used to catch the fruit. Quit button is used to quit
the game.
Content: In this game, a hungry monkey lost in the jungle need to find some food to eat. Monkey
faces multiple death object or wild animal during the course of the game.
Description (purpose / objectives):
The monkey needs to catch food to live in the jungle. As the monkey is hungry more and
more food is required to fulfill the requirement of the monkey.
Animations:
A monkey can jump to catch the fruit or lie down to dodge the hurdle. This animation is
used in this game.
User Interactions Required:
The user needs to press the button on time to catch the fruit or dodge the wild animal to
survive in the game.
Navigation / Links :
Navigation to the game page.

CSC10214 Assignment 1
Title: Background Frame ID: background
Dimensions: This is the background of the game which fits the whole page of the home screen.
Media Used: On the home page this background is used to denote the jungle. On this page, the
sound of animals is used to making the scene real or more attractive to the player. On this screen,
the monkey is also represented.
Buttons: On the home page we have a button of play game which is used to skip the narration. This
button redirects the player to the gaming area.
Content: This is the background of the game. On the home page, we have a narration of the game
which tells the player about the controls of the game and how to win the game.
Description (purpose / objectives):
The home page is designed to interact with the player when the game start. This page let
the user knows about the game scene and controls.
Animations:
Controls are shown on this image. Monkey requirement is also shown by the animation.
User Interactions Required:
To skip the narration of the game we have a play game button on this page. By pressing this
button player redirects to the playing area.
Navigation / Links :
Navigation to the home page.

CSC10214 Assignment 1
Title: Score page Frame ID: score
Dimensions: This is the sketch of the score screen which fits the whole screen of the game.
Media Used: On this page sound of animals is used which is used in on all the pages.
Buttons: Two-button is displayed on this page. These buttons are used to control the game play by
the player.
Quit button is used to quit the game and move out of the game.
Play Again button is used to restart the game. If the player wishes to play again the game, then
he/she can play the game again by pressing this button.
Content: This page is the scoring page. This page is shown to the player after he lost the game. Ways
to lose the game are: -
If the player timed out without eating any fruit.
Monkey bite by the wild animal.
Description (purpose / objectives):
This page is used to print the score of the player. This page is the final screen of the game.
Animations:
No animations are used on this page.
User Interactions Required:

CSC10214 Assignment 1
This page we have two buttons one is quit which is used to quit the game and another
button is used to restart the game and play again the game.
Navigation / Links :
Navigation to the game page.
Navigation to the home page.

CSC10214 Assignment 1
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;
a. This is used for displaying the scoring area and timer which is kept ticking while play goes
on.
2) Vertical banner: 160 pixels wide x 600 pixels high;
a. Not decided yet.
3) Button 1: 125 pixels x 125 pixels;
a. This could be the dodge button.
b. Catch button is also assigned to the same size.
c. Quit button again assigned to the same size.
4) Button 2: 180 pixels wide x 150 pixels;
a. Play again button is assigned to this size.
5) Custom 1: 320 pixels x 50 pixels;
a. This may be used to create the objects of the game like wild animals and fruits.
6) Custom 2: 700 pixels x 250 pixels.
a. This is used to create the path for a walk.
7) Custom 3: 300 pixels x 350 pixels.
a. This may be used to create the monkey.
Media List/References (if required)
(If you create your own images, this section is not required. Otherwise, you should reference all
images that you found online or other sources for your story.
Note: It is recommended that when you search for images online to use, we suggest you use search
parameters set with permission for reuse or within creative commons.)
Image name
or description
Resource address/URL
Images
Background
Monkey
Remaining
Character yet
to be found.
Audio
Audio yet to
be found.
https://static3.scirra.net/images/newstore/products/1266/Store720x320.png
https://www.clipartqueen.com/image-files/funny-monkey-drawings-walking-
monkey.png