CSC10214 Assignment 1: Interactive Web Content Design Documentation

Desklib provides past papers and solved assignments. This project details the design of an interactive Hungry Snake game.

CSC10214 Assignment 1
SOUTHERN CROSS UNIVERSITY
ASSIGNMENT COVER SHEET
Student Name: VINAY SAI KIRAN MANNE
Student ID No.: 23141911
Unit Name: Designing the User Experience
Unit Code: CSC10214
Tutor’s name: CAROLYN SETON
Assignment No.: Assignment 1, Part A - Design Documentation
Assignment Title: Interactive Web Content
Due date: 5-04-2019
Date submitted: 5-04-2019
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)
VINAY SAI KIRAN MANNE
Date: _5-04-2019

CSC10214 Assignment 1
Design Documentation
By [VINAY SAI KIRAN MANNE]

CSC10214 Assignment 1
Table of Contents
Introduction..............................................................................................................................3
Wireframe................................................................................................................................3
Theme.......................................................................................................................................3
Storyboards..............................................................................................................................3
Technical specifications (optional)............................................................................................3
Media List/References (if required)..........................................................................................3
Introduction
This is a story-eBook of a game. The game is “Hungry Snake” in which the snake needs to eat
the maximum number of rabbit that may come in the way of the snake. The snake will eat the
rabbit and earn a point. The bonus of the game will be the eggs that will occur in the way and
snake need to eat them all it will earn 2x points for every single egg. So the game will be based
on the timer, the player who will earn maximum points in the timer of 120 sec will win the
game.
The snake will hunt for the egg as well as the rabbit.
Wireframe
The wireframe prototype to demonstrate this storybook can be found at
Theme
The theme of the game is based on the concept which is similar to the snake game that was
played in earlier times. The game is easy to understand as all the rules and regulation of the
game will be displayed on the first screen of the game when it will start. All the animation of
the game will provide an overall view of how the game needs to be played.
This game theme will provide a time beating experience that will fascinate user to gain a high
score every time he used to play. All the rules and bonuses will be explained by the animation
that will be provided by the user when the user first starts the game. In case the user knew the
rules then he can skip the introduction part as well,

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

CSC10214 Assignment 1
Title: Home Page Frame ID: Home
Figure 1: Storyboard 1
Figure 2: Storyboard 2

CSC10214 Assignment 1
Figure 3: Storyboard 3
Dimensions: This concept of the snake and rabbit will use the maximum space available which will
help in the clear picture and provide a great experience with clarity to the user.
Character Snake: length= 300 pixels and breadth= 150 pixels
Character Mouse: length= 300 pixels and breadth= 150 pixels
EGG measures: length=300 pixels and breadth=150 pixels
The length and measures of every available character of the game can vary during the
development of the game.
Media Used:
SOUNDS
Characters: The home screen of the game will play a fun sound in the background that will attract a
user to play the game. The sound of the snake can be “issues” as the snake real sound is and the
rabbit sound can be fun and pop sound that will signify the rabbit as a naughty character. When
Snake gulps the rabbit or the egg a gulp sound will be played for enhancing the interaction among
the game and the player.
Atmosphere: The atmosphere sound will be any sound as a background of backyard or of the jungle.
Music: Music of the game will be fun sound with pop sounds and snake sound.
On click: On clicking the buttons that are available on the screens of the game will play a pop sound
whenever any button or icon is clicked.
Game/Scene loading: The loading sound of the game will be the normal sound of a jungle.
FONTS
The description of the game will be informed to the player with the help of speech bubbles.
IMAGES

CSC10214 Assignment 1
The game will need a normal garden or a farm view where grass plays an important role to hide the
rabbits and the eggs which snake need to find. Images of the eggs and snakes and rabbit are
important being the main characters
Buttons: The buttons and icons on the homepage of the game will be a home icon, setting icon,
audio icon and exit icon to end the game and a button to start the game as well.
After clicking on the start game the user will direct to another screen which will start the game and
snake start moving for hunting the rabbit and eggs in order to earn scores in a given period of time.
GAME Screen:
Figure 4: Background storyboard
Media Used:
SOUNDS
Background and Game: Another screen will be the game screen in which snake is the player and the
snake need to eat the rabbit and earn score so the sound of eating and gulping as well as the sound
of the rabbit running will be played in the background.
Atmosphere: The atmosphere of the game will be green and grassy in order to display the snake
and rabbit habitat.
Music: The sound in the background will be of the jungle or any fun sound can be played.

CSC10214 Assignment 1
On click: There are different icons that are present on the top of the screen in the right side that
include a play button, pause button and a cross button to end the game immediately and all these
buttons when clicked will play pop sound.
Game/Scene loading: The game loading time will play music in reference to the jungle or can choose
farm music.
FONTS
The speech bubble texts will help the user to know how to play the game and what are the rules
and more score earning criteria.
IMAGES
There are any numbers of images are present in this screen which includes the background of the
game and the character of the snake who is the hunter and the image of the rabbit who will escape
from the snake and the images of the eggs in order to earn more score as the points of eating eggs
are double than that of the rabbit.
All the images taken from the internet should be provided with the link and list in the media list
column mentioned below.
Figure 5: Start Screen Background

CSC10214 Assignment 1
Figure 6: Snake Image
Figure 7: Rabbit Image
Figure 8: Egg Image
Buttons: The buttons include the play, pause and end game displayed with the cross sign is available
in this screen. On the top of the screen, a timer, as well as the scoreboard, is available to display the
final score and time to the player while playing.
Media Used:
SOUNDS
Music: Normal jungle or farm or backyard music.
On click: The buttons present on this screen will play the pop sounds after clicking like contact us
button.
IMAGES
The image of the background with grass and greenery is the image that is needed.
Background:
Background must be green showing grass and trees in order to give a jungle or farm feel
which displays the habitat of snakes and eggs and rabbits
Content:
The content of the game and the main purpose of the game will be displayed in form of speech
bubble among the snake and the rabbit which will be of few seconds and will be enough to
understand the process to the player.
Description (purpose / objectives):
The main purpose of the game is to earn more scores in a given time.

CSC10214 Assignment 1
Animations:
The animations will include the movement of the snake and the rabbit and eggs as well. The
snake will move towards the eggs and rabbit while the rabbit will try to run from the snake.
User Interactions Required:
If the user clicks on the start button the scene will end and the game can start.
User Feedback:
When the user clicks the contact us button a sound will play which provide the details of
contacting.
Navigation / Links:
There is navigation of about us and the game menu.

CSC10214 Assignment 1
Technical specifications (optional)
Web page dimensions: 600 x 900 pixels. Banner dimensions:
1) Horizontal banner: 640 pixels wide x 110 pixels high;
3) Vertical banner: 180 pixels wide x 400 pixels high;
2) Button 1: 100 pixels x 100 pixels;
4) Button 2: 150 pixels wide x 150 pixels high;
5) Custom 1: 280 pixels x 70 pixels;
6) Custom 2: 320 pixels x 200 pixels.
The size may vary while development of the game.
Media List/References (if required)
Image name
or description
Resource address/URL
Snake https://c7.uihere.com/files/721/262/523/craig-slithers-drawing-deviantart-
nickelodeon-cartoon-snake.jpg
Mouse https://banner2.kisspng.com/20180315/gkq/kisspng-rabbit-cartoon-drawing-
clip-art-cartoon-rabbit-5aaae88914f409.6564804815211500890858.jpg
Egg http://clipart-library.com/data_images/360077.png
Background https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/S15GBCm/colorful-
cartoon-nature-background-with-space-for-your-text-or-logo-nice-sunny-day-
with-some-clouds_ehseqyaig__F0000.png