CSC10214: Interactive Web Content Design - Hungry Snake Game

Verified

Added on  2025/04/28

|9
|1608
|262
AI Summary
Desklib provides past papers and solved assignments for students. This document details the design of an interactive Hungry Snake game.
Document Page
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 a .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: ____________________________
tabler-icon-diamond-filled.svg

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Document Page
CSC10214 Assignment 1
[Your STORYBOOK TITLE]
Design Documentation
By [Your Name]
Document Page
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
The game is “Hungry Snake” in which the snake needs to eat the maximum number of mouse
that may come in the way of the snake. The snake will eat the mouse 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.
Wireframe
The wireframe prototype to demonstrate this storybook can be found at
https://drive.google.com/open?id=14X1QM8s1CJ5pZ5XdYjtli_tSkslsIhpE
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,
Storyboards
The following storyboards on the following pages provide a more detailed explanation
of the planned product.
HOME:
Document Page
CSC10214 Assignment 1
tabler-icon-diamond-filled.svg

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Document Page
CSC10214 Assignment 1
Title: Home Page Frame ID: Home
Dimensions: This concept of the snake and mouse 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
mouse sound can be fun and pop sound that will signify the mouse as a naughty character. When
Snake gulps the mouse 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
The game will need a normal garden or a farm view where grass plays an important role to hide the
mouses and the eggs which snake need to find. Images of the eggs and snakes and mouse are
important being the main characters
Document Page
CSC10214 Assignment 1
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 mouse and eggs in order to earn scores in a given period of time.
GAME Screen:
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 mouse and earn score so the sound of eating and gulping as well as the sound
of the mouse 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 mouse habitat.
Music: The sound in the background will be of the jungle or any fun sound can be played.
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.
Document Page
CSC10214 Assignment 1
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 mouse 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 mouse.
All the images taken from the internet should be provided with the link and list in the media list
column mentioned below.
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.
ABOUT US Screen:
Media Used:
SOUNDS
About us: The sound of the farm and jungle as mentioned above, the whole game will have some
background music to maintain the consistency in the interaction with the player.
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 mouses
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 mouse which will be of few seconds and will be enough to
understand the process to the player.
Description (purpose / objectives):
tabler-icon-diamond-filled.svg

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Document Page
CSC10214 Assignment 1
The main purpose of the game is to earn more scores in a given time.
Animations:
The animations will include the movement of the snake and the mouse and eggs as well.
The snake will move towards the eggs and mouse while the mouse 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.
Document 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;
3) Vertical banner: 160 pixels wide x 600 pixels high;
2) Button 1: 125 pixels x 125 pixels;
4) Button 2: 180 pixels wide x 150 pixels high;
5) Custom 1: 320 pixels x 50 pixels;
6) Custom 2: 300 pixels x 250 pixels.
The size may vary while development of the game.
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
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-mouse-cartoon-drawing-clip-
art-cartoon-mouse-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
chevron_up_icon
1 out of 9
circle_padding
hide_on_mobile
zoom_out_icon
[object Object]