Game Design Document: Box Killer - A Storybook Game Design Project

Desklib provides past papers and solved assignments. This document details the design of the Box Killer game.

Box Killer
Design documentation
Introduction
This storybook is about a game called Box Killer. The scenes in this game contains some cool animations,
navigation and special sound effects for better user experience. Coming to the game background, a
bunch of boxes will fall freely from the top and the player needs to kills them using bubble bun with
limited ammunition. The game instruction will help the player how to play the game and bullets will be
reloaded incase the player runs out of bullets and game will be continued until any box hit the bubble
gun. The live game score and bullets will be shown on the top left and right side of the game panel. All
the scenes in this game are designed with nice animation and special game sound effects for better user
experience.
Myself I am a game lover and always want to play game that’s what inspired me a lot to design and
develop this game storybook. I am sure that this game will give the best user experience to the players
because each and every scene is designed with special effect like animation, visual and game sounds.
Wireframe
The wireframe prototype to demonstrate this storybook can be found at:
https://app.moqups.com/87T47JufHj/view
Theme
This storybook comes under geometric shapes theme and all the scenes created and designed with
simple and effective graphics and animations. Also used some voice over to narrate the game to the
player and some sound effects to provides some good user experience to the player. Mainly the
geometric shapes are used proper dimensions and animation. Some other images are required in this
game and gathered from some open sources.

Storyboards
This game based storybook contains mainly three storyboards and all of them are
designed with cool animation with proper dimensions.
Storyboard I
Page Title: Home page
Dimensions
Width: 560px
Height: 700px
Background: #c9f1fd
Font style: Times New Roman
Animations: button on click event is used for better navigation experience.
Content: This initial scene contains the description about the game like game objects and rules.

Description / purpose: the main purpose of this scene is to provide some brief description about the
game to the player. So, he/she can understand the game and experience it well.
Media used:
Audio: yet to include my voice over to narrate the game
Buttons: start button
Width: 110px
Height: 25px
Color: #b70f0a
Font color:#ffffff
User interaction required: the player need to click on the start button to navigate to the next
page.Navigation link: page interaction links are created among all buttons in this game for easy
navigation.
Storyboard II
Page Title:instructions page
Dimensions

Width: 560px
Height: 700px
Height: 700px
Background: #c9f1fd
Font style: Times New Roman
Animations: button on click event is used for better navigation experience.
Content: This scene contains the game play rules and instructions about the game like how to play or
what are the keyboard inputs to play
Description / purpose: This scene contains keyboard inputs to play the game and the main purpose of
this game is to make sure that the player know about the game play.
Media used:
Images: Used some open source keyboard arrow images for better understanding about the game play
and links are provided in the reference section.
Left, Right, Up and Down arrow images are used.
Buttons: Play button
Width: 110px
Height: 25px
Color: #b70f0a
Font color: #ffffff
User interaction required: the player need to click on the play button to navigate to the game play panel.
Navigation link: page interaction links are created among all buttons in this game for easy navigation.
Storyboard III
Dimensions
Width: 560px
Height: 700px
Height: 700px
Background: #c9f1fd
Font style: Times New Roman
Box: One box is used for playing the game.

Width: 509px, height: 461px
Background: #d4e3fc
Animations: button on click event is used for better navigation to other pages and for bullets firing
experience.
Content: This scene contains the actual gameand the player need to shoot the boxes which are falling
freely from the top until the boxes collide with the bubble gun. The live score and ammunition will be
shown at top left and right corners.
Description / purpose: the purpose of this scene is all about enjoying and experiencing the game with
cool effects while playing it.
Media used:
Used some game sound effects but yet to include to the project.
Buttons: home and instructions buttons

Width: 110px
Height: 25px
Color: #b70f0a
Font color: #ffffff
Circle as bubble bun: Width: 39px Height: 39px Background: #fefb64
Rectangle as box: Width: 51px Height: 22px Background: #631878
Small circles as bullets: Width: 6px Height: 6px Background: #fefb64
User interaction required: the player need to click on the keyboard arrow as per instructions to play the
game and need to click on home to navigate to the home page and need to click on instruction button to
navigate to game instructions page for better understanding of the game.
Navigation link: page interaction links are created among all buttons in this game for easy navigation.
Media list/References:
Keyboard arrows image: https://www.publicdomainpictures.net/en/view-image.php?
image=64852&picture=keyboard-arrows
Background 1: https://img.freepik.com/free-vector/town-street-with-buildings-trees-empty-
pavement_1262-16622.jpg?size=626&ext=jpg
Background 2: https://img.freepik.com/free-photo/background_53876-32169.jpg?size=626&ext=jpg
Stick: https://gallery.kissclipart.com/20180904/ejw/kissclipart-rectangle-shape-cartoon-clipart-
geometric-shape-re-8615c6cdb3f6a083.jpg
Ball: https://encrypted-tbn0.gstatic.com/images?
q=tbn:ANd9GcRxb1P7brOICNcftOsCY4Uwbb2KR3aQmTs-6-MLPxYhQ2BT-7lsNg
Broken stick: https://www.pinclipart.com/picdir/middle/12-128761_clipart-mirror-broken-stick-clipart-
png-download.png
Smile: https://cdn.shopify.com/s/files/1/0420/2733/products/CS60013_16_1024x1024.png