CSC10214 Assignment 1: Fruit Ninja Game Design Documentation

Desklib provides past papers and solved assignments for students. This document details the design of a Fruit Ninja 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 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 1
[Fruit Ninja]
Design Documentation
By [ASHOK LINGA]

CSC10214 Assignment 1
Table of Contents
Introduction........................................................................................................ 1
Wireframe.......................................................................................................... 1
Theme............................................................................................................... 1
Storyboards........................................................................................................ 1
Technical specifications (optional)............................................................................8
Media List/References (if required)...........................................................................8
Introduction
The game selected here is known by the name of the FRUIT NINJA. This game is based
on the reflection towards an event. Checking the alertness of the brain is the main
purpose of this game. The main thing that inspired me to develop this game is to test
my ability and my current alert status of the brain using something fun and interesting.
This can be done using this game.
The game starts with the screen displaying the name of the game and giving the idea of
the game. Proceeding after a 1st screen is the screens that allow a user to register or
play the game directly. The 3rd screen displays the game screen in which the user will
be allowed to play the game of the fruit ninja.
Wireframe
The wireframe prototype to demonstrate this storybook can be found at
https://drive.google.com/file/d/1TPkRtOk72ua5uwLeOLmMQjbXiPUE2fW_/view?
usp=sharing
Theme
The screen of this game is the mixture of the cartoon-like features and the game is also
inspired from the game known by the name of the “Fruit Slicer”. The gamer will be told
how to play when the gamer will click on the help button displayed on the 2nd screen of
the game. The 2nd screen of the game contains three different options of the play game,
log in, and help. The user will be directed to the selected page according to the selected
option.
I got the idea of this game from the Fruit Slice game which was available to play online.
There is no need for the navigation for this game just a simple but entertaining game.
To make this game more happening I will be using some fun music in the background.

CSC10214 Assignment 1
Storyboards
The following storyboards on the following pages provide a more detailed explanation
of the planned product FRUIT NINJA.

CSC10214 Assignment 1
Title: SPLASH SCREEN Frame ID: SPLASH
Dimensions:
The screen will use the full space as this is just like the opening scene of a movie.
Media Used:
Sound
Main music: The screen will use the background sound that will give the user a feeling of fun and
happiness. This music is to build an environment.
Knife sound: the screen will also have the sound of the ninja knife cutting to relate the cutting of
fruits by real ninja.
Pictures
The screen will have pictures of the ninja warriors wearing black ninja dress and the image of the
sliced and funny fruits.
Buttons:
As this is the first splash screen, there will be no buttons.
Background:
The background of the screen is simply white, no additional color is used. This is so because the
screen already has many of the images placed on it and introducing a background will make it look
messy.
Description (purpose / objectives):
The main objective of the screen is to introduce the user about the idea of the game and to
provide the hint of what the game is related to.

CSC10214 Assignment 1
Animations:
The fruits displayed on the screen will blink and the name of the game will appear from
lighter to darker.
User Interactions Required:
The user has to click anywhere on the screen in order to move to the next screen of the
game.
User Feedback:
The sound will keep playing until the user clicks on the screen.
The user will be redirected to the next screen in order to play the game.
Navigation / Links:
To the next screen.

CSC10214 Assignment 1
Title: MAIN SCREEN Frame ID: MAIN
Dimensions:
The main button will use the minimum area and the screen will occupy the whole page.
Media Used:
Sound
Background music: this will give the hint of the ninja sword fight feel and some hints of the fruit
slicing sounds.
The button sound: the sound of clicking on a button will give the user experience of system
response.
Pictures
The picture of the ninja is used in order to relate to the main theme of the game. The picture is of a
ninja wearing the black dress.
Buttons:
There are 3 different buttons:
LOGIN/REGISTER button: to help user register/login in the system.
HELP button: to help the user in the game playing instructions.
GUEST PLAY button: to allow the user to have a demo round of play.
Background:
The background of the screen is of orange color to give it more fruit like and relaxed look. The main
use of the background is to give an interactive look at the game.

CSC10214 Assignment 1
Description (purpose / objectives):
The main objective of the screen is to allow the user to perform three different activities:
Login: allow the user to either register or signup in the system.
Animations:
The animation used here is of the ninja movements. The black scarf on the ninja's head will
appear to be moving and the arrows in front of every button will appear to be blinking and
attractive. The page welcome message will appear and disappear in a short circle of time.
User Interactions Required:
The user has to click on the respective button in order to perform login or signup or to get
help or to play the game as a guest user.
User Feedback:
The background music of the ninja sword fight will play until the button is clicked. On
clicking on any button, the sound of fruits slicing will play to give an enhanced experience of
gaming.
Navigation / Links:
Login/Register button: to login/signup page.
Help button: to help screen.
Guest play button: to the game screen.

CSC10214 Assignment 1
Title: GAME SCREEN Frame ID: GAME
Dimensions:
The screen will be completely utilized by the game screen as this is just like the movie in which the
ninja is slicing the fruits.
Media Used:
Sound
Background music: this will give the hint of the ninja sword fight feel and some hints of the fruit
slicing sounds.
The button sound: the sound of clicking on a button will give the user experience of system
response.
Pictures
The pictures of different fruits are used in order to give the completeness to the game. The half-cut
fruits image is generated by cropping the full image in parts.
Buttons:
There is a single directive on the screen, and this is the exit button. This button will exit the user
from the game and the user will be directed to the main screen.
Background:
The background of the screen is in wooden color shades to give this game a feeling of Chinese ninja
vintage home.

CSC10214 Assignment 1
Description (purpose / objectives):
The main of the screen is to display the game that has been developed. The objective will be
considered fulfilled when the user will reach this screen and will be able to play and enjoy.
Animations:
The animation utilized here is the falling of the fruits in a repetitive loop and the swipe of
the knife to slice the fruits.
User Interactions Required:
The user must click on the fruit for a fruit to be sliced and in order to exit from the game,
the user needs to press the exit button in the right top corner of the screen.
User Feedback:
The background music of the ninja sword fight will play until the button is clicked. On
clicking on any button, the sound of fruits slicing will play to give an enhanced experience of
gaming.
Navigation / Links:
Exit button: to quit playing and redirected to the main screen.

CSC10214 Assignment 1
Technical specifications (optional)
(Simple example below could be provided if these details are not provided on storyboards)
Web page dimensions: 590 x 359 pixels. Banner dimensions:
1) Horizontal banner: 590 pixels wide x 35 pixels high;
3) Vertical banner: 145 pixels wide x 590 pixels high;
2) Button 1st (Register): 164 pixels x 27 pixels;
4) Button 2nd (Login): 164 pixels x 27 pixels;
5) Custom 1st: 230 pixels x 30 pixels;
6) Custom 2nd: 400 pixels x 300 pixels.
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
IMAGE:
Tomato
Ninja
Banana
http://www.pngmart.com/image/tag/tomato
http://clipart-library.com/ninja-png.html
http://www.pngmart.com/image/tag/banana