Design for Interact
ive
Media
Squish!
Design Document
Anna Tito, 3195610
Contents
...............3
orming.............................
Design Idea Brain St
................ 4
nt.....................................
Ideas For Developme
n.............. 12
rences and Inspiratio
Research: Visual Refe
..14
................
aracter..........................
Rough Sketches - Ch
Developed Sketches
..................15
- Character..................
..................16
me Play..........................
Rough Sketches - Ga
................ 18
........................................
Initial Designs.............
...............22
.........................................
Final Design Mockups.
..............28
.........................................
Game Notes and Rules
Design Alterations &
.................30
Reflections .................
Design Idea Brain
Storming
Parameters: Non lin
ear design Simple, de
1. Hero’s journey –
in
sign. Sound effects,
game/interactive fo
music etc.
rm – snakes and lad
2. Geek hangman –
hang
3. Enduring solution
s we
a love to hate geek
ders
figure. e.g. ewoks, ja
bsite (make it screen
-ja binx, office pape
rclip etc.
reader accessible)
4. Emo/Goth poetry
generator - random
overly florid and dr
randomly put togeth
amatic words and ph
er. possibly then th
rases
e user can drag and
drop the words to im
prove it.
5. Interactive blog
– using the idea of
identities and life as
pects a mask theme/
costumes
6. Quotes – floating
shapes/clouds that
randomly drift arou
quote
nd, when clicked on
brings up a
7. Exploration of An
gels – Mythology Re
levance, set up like
branches, images an
a we page with inter
d mythology – possibl
linking
y liked in with the fa
llen as well
8. Into the dark –
Dark mythology, da
rk sub cultures, Da
spiritualities.
rk historical figures
, dark
9. Hesiod’s Theogo
ny – in an interactiv
e form. An interactiv
pantheon that can eit
e family tree of the
her be run though st
Greek
art to finish, a movie
stopped and starte
of Hesiod’s Theogo
d to explore the ind
ny or
ividual deities and th
eir story.
10. Squish-a-smurf
– looking down on sm
urf village randomise
each level different
smurfs coming out
unique smurf comes
from houses,
up possibly with a sp
difficult to squish.
ec, ability making it
more
t
n
e
m
p
lo
e
v
e
D
r
o
F
s
a
Ide
s and life
the idea of identitie
g
in
us
–
og
bl
ive
ct
1.Intera
e/costumes
aspects a mask them
a is the idea
The basis of this ide
l cultures.
of avatarism in digita
ar takes
Where a persons avat
their
on part or aspects of
onality a
personality of a pers
ess. I
person wishes to expr
is avatarism
wanted to explore th
t giving
in a blog type contex
ons
each aspect of a pers
ce in the
identity their own fa
blog.
this idea
I wanted to develop
. Masks
tif
mo
using the mask
ange or
ch
to
y
are an iconic wa
have
ich
wh
y,
hide ones idenit
tory.
his
ut
ho
ug
been used thro
to
tre
ea
th
in
They were used
ities
nt
ide
d
an
rs
create characte
a
as
s
ion
ss
cu
dis
and in esoteric
y
nit
ide
al
on
rs
pe
metaphor for
am leaning
and its multiplicity. I
ic neutral
towards using a class
so that
se
ba
e
th
style mask as
ted by
ec
nn
co
ill
each face is st
ther
ra
e,
ur
ct
their base stru
l esque
iva
rn
Ca
an
than the Itali
ctly
tin
dis
is
ch
style where ea
se
ba
e
th
t
ou
different with
commonality.
er the idea
I am still pondering ov
the use
,
of using whole figures
s, would be
of clothing, like mask
to explore.
an interesting avenue
visible and
Clothing being a very
clear way to expres
s, and explore, pers
onal idenity. I am lea
masks, since I don’t
ning towards just st
want to overly clutt
icking to the
er the page, someth
ing I tend to do in my
designs.
omly drift
es/clouds that rand
ap
sh
g
in
at
flo
–
s
te
2.Quo
on brings up a quote
around, when clicked
te, amuse or
quote can inspire, ela
od
go
A
.
es
ot
qu
od
otes, but all
I am a big fan of go
social change type qu
ing
pir
ins
of
n
fa
a
be
few words. I tend to
depress in very
have their place.
by the “We Feel Fine”
This one was inspired
y
efeelfine.org/). I reall
website (http://www.w
uld
ing balls which you co
liked the random float
e’s
els
e
on
me
so
ak into
click on and have a pe
ud
of wading through a clo
a
ide
e
th
world. I like
you
e not being sure what
and pulling out a quot
ky dip. I think I could
will get a bit like a luc
xt
itions, whether the te
experiment with trans
pose
the clouds part to ex
fades in and out, or if
so to
of clarity in the mist
the quote, a moment
of
ink of finding a grain
speak. It makes me th
are
re
He
s.
st
re
Fo
Dante’s
truth or direction in
I would like to use:
some ideas for quotes
silent
d the day we become
“Our lives begin to en
er
th
Lu
n
matter.” - Marti
about the things that
King Jr
S, REX QUONDAM
“HIC IACET ARTURU
ce
(Here lies Arthur, on
REXQUE FUTURUS”
ur
th
Morte d’A
and future king) - Le
“So many species so
little time” - Dr Who
“You people and your
quaint categories” Cpt’n
Jack Harkness, Torc
hwood
“No boom today, Bo
om tomorrow” - Lt.
Cmd,
Ivaniva, Babylon 5.
“But I, being poor,
have only my dreams
;
I have spread my dr
eams under your fe
et,
Tread softly becaus
e you tread on my dr
eams” W.B. Yeats
“We believe that th
e universe itself is
conscious
in a way we can neve
r truly understand.
It is
engaged in a search
for meaning. So it ...
breaks
itself apart, investin
g its own consciousne
ss in
every form of life.”
-Delenn to Brother
Ed
ward in
Babylon 5:”Passing
Through Gethsemane
”
“I’d rather be hate
d for who I am, than
loved for
who I’m not.”
“The tattoo is the ma
rk of the soul. It ca
n act as a
window though which
we can see inside, or
it can be
a shield to protect
us from those who
ca
nn
ot see
past the surface.”
“Between what matt
ers and what seems
to matter,
how should the world
we know judge wise
ly?” - E. C.
Bently
interactive
interactive form. An
an
in
–
ny
go
eo
Th
d’s
n though
3. Hesio
that can either be ru
on
he
nt
pa
k
ee
Gr
e
th
opped and
family tree of
siod’s Theogony or st
He
of
vie
mo
a
,
ish
start to fin
their story.
individual deities and
e
th
e
or
pl
ex
to
d
te
star
I wanted to see
my classmates have.
ge
led
ow
kn
l
ica
ss
cla
uld put this
esting how little
d’s Theogony that wo
sio
He
of
I have found it inter
ion
rs
ve
e
tiv
running version of
velop a interac
e main time line as a
th
ve
if it was possible to de
ha
y
all
ide
uld
uld interact with
ssible form. I wo
rts which the user co
so
of
e
knowledge in an acce
tre
ly
mi
fa
a
put key events
, this would build
also be interesting to
uld
wo
the birth of the gods
it
,
ns
iso
lia
eir
to put other
e deities and th
o may be interesting
als
it
,
and find out about th
us
he
et
om
Pr
rael or tales of
as the story of
similar to that of Az
is
us
he
and the like on it such
et
om
Pr
of
y
nces, i.e. the stor
cultural cross refere
etypal lines.
at follow similar arch
th
s
ro
he
l
ica
th
my
r
othe
in the classic would be
the initial family tree
t
pu
uld
co
I
e
ap
sh
. However it seems a
out what
symbolic consistency
Ill have to ponder ab
at
th
ing
giv
s
pu
ym
Ol
I think it might be
that of
the Greek pantheon.
a mountain much like
of
ss
o
ne
ed
lat
re
er
int
gree of
need to do a rough wh
bit simple with the de
version. I think I will
lar
cu
cir
st
lea
at
or
herical
interesting to do a sp
e best shape.
eogony to work out th
th
e
th
om
made who fr
popular culture
archetypal images of
us
mo
fa
ing
us
r
he
eit
an image of a
I was thinking of
in question along with
ity
de
e
In terms of imagery
th
of
its
tra
tation. This dual
t the personality
or symbolic represen
ing
int
characters that depic
pa
,
ue
at
st
a
anism between
n whether it be
ground a linking mech
ck
ba
ry
classical representatio
ra
po
em
nt
co
ople from a more
ry ones.
imagery would give pe
ose more contempora
th
d
an
es
ur
fig
al
gic
the archetypal mytholo
s of interaction one
uple of major method
co
a
ve
.
ha
ld
ou
sh
it
n I think
of Hesiod’s theogony
In terms of interactio
ly an abridged version
ab
ob
pr
a
es
ve
cit
ha
re
to
ich
e
/film wh
ds options. I would lik
would be an animation
start back and forwar
op
st
re if it would
su
ve
t
ha
no
uld
I’m
wo
r
h
ve
ug
This play thro
reading it howe
er
ov
ice
vo
a
th
wi
e
per fram
ges of the different
lineage or paragraph
uld be links to the pa
wo
e
er
th
es
am
fr
e
ch of th
ths about them and a
work well. Then on ea
extracts from the my
y
ibl
ss
gh I
po
as
ll
we
as
stories
d text in a box, thou
p-ups with images an
deities and their own
po
e
lik
ice
bit
vo
a
r
fo
ar
y
pe
lit
ap
ibi
e would
pecially with the poss
brief biography. Thes
it would best work. Es
w
ho
er
nd
po
to
ve
ha
will definitely
Theogony animation.
overs and/or the full
Notes:
•
http://www.sacred-t
•
http://www.sacred-t
•
Genealogy of the go
•
exts.com/cla/hesiod
/index.htm
exts.com/cla/hesiod
/theogony.htm
d Lines 116 - 491 of
th
e gods themselves th
ough demigods come
later.
I’m not sure what st
ructure would suit it
best... I think I will
relationship or have
need to colour code
an arrow system be
the
cause mothers/sons
well as spontaneous
et
c bare children toge
birth. The mountain
ther as
style seems to linea
to illustrate the co
l maybe a 3D version
mplexity.
is needed
village randomise
oking down on smurf
lo
–
rf
mu
-s
-a
sh
ui
unique
Sq
4.
, each level different,
es
us
ho
om
fr
t
ou
ng
smurfs comi
ability making it more
c,
ifi
ec
sp
a
th
wi
le
ib
smurfs comes up. Poss
difficult to squish.
things. This is
e things to very cute
ibl
rr
ho
ing
do
th
wi
om my obsession
brain fluff.
OK this one comes fr
d philosophical more
an
us
rio
se
s
les
a,
ide
more of the fun silly
e smurf village or
the scene probably th
ss
ro
ac
lled
n
ru
fs
ur
sm
you have
mmer which is contro
The man idea is that
ell like hand with a ha
am
rg
tions
Ga
ria
a
va
ve
e
ha
re
d
th
an
like it
e to have
something that looks
urfs. I’d probably lik
sm
h
uis
sq
to
es
us
r
e playe
by the mouse which th
of smurf:
would be the lowest
a generic smurf, which
score;
; and
ich would be the next
• a brainy smurf wh
would be the highest
• a papa smurf which
scoring.
•
like to put in a
If I have time I would
ip in
be like the mother sh
smurfette she would
en
wh
es
liv
es bonuses or
space invaders who giv
squished.
Further Developmen
t
Ok so moving on from
the Smurf imagery,
keeping the idea of
be better to develop
squishing a cute char
my own. I like the ide
acter it would
a of squishing toy ra
in most peoples mind
bbits, this is mainly
s the rabbit is the
be
he
cause
ight of innocent cute
very child like look
ness. I’d want to st
to the whole thing,
ick
us
wi
ing
th a
a child’s mallet/lollip
implement. I would
also like to make su
op/jingly toy as the
re I use sounds that
squishing
keep a comical child
like feel.
ces
n
e
r
e
f
e
R
l
a
u
is
V
:
h
c
r
Resea
and Inspiration
r
e
t
c
a
r
a
h
C
s
e
h
c
t
e
Rough Sk
Developed Sketche
s - Character
e
m
a
G
s
e
h
c
t
e
k
S
h
g
Rou
Play
Initial Designs
Right: Opening Screen
Below: Closing Screen
Far Right: Game Play Screen
RIP
Time remaining
counter
2:30
670
Kill count/score
Lives/Lollipops left
Lollipop follows the mouse
click to make it hit the
bunnies
x4
Possible Death Screens
above: if killed by demon bunny
below: if stick smashes on
ground
s
Final Design Mockup
Start Screen
Run Screen
Characters from top left:
demon bunny, generic bunny,
powered up demo bunny, Speedy
bunny.
Death Screen if
run out of lives by
missing a rabbit.
of lives by hitting a
Death Screen if run out
powered up bunny.
You have gained the rank of:
Squishler
Bringer of the bunny holocaust
End Screen
s
le
u
R
d
n
a
s
e
t
o
N
e
Gam
The game should run
gain
nutes.
a maximum of 3-4 mi
. The first
nsity should increase
te
in
y
nn
bu
e
th
s
nd
the fast the
Each 20-30sco
generic bunnies, then
e
th
on
ly
in
ma
s
cu
but
fo
bunnies
rly through the group
ula
eg
irr
d
re
te
at
sc
s
power up bunnie
eeds up.
frequency as game sp
Points:
10
15
20
op)
30 & extra life (lollip
Death
High Score Message
s:
=<100 Road Kill, you
101-200 Squishy, a
tried to argue with
a truc
frolicker and tree hu
201-300 Squish-tac
ular, you got some....
301-400 Squish mas
ger of great renown
ed
really you did.
ter, you run the dojo
401-500 Squisholin
k... guess who won.
of squish
i, A squishtator of
ill repute
inger of the bunny
holocaust
501>= Squishler, br
Colour Scemes (R,G
,B):
Rabbits:
Dark purple: 98,33,
129
Light Purple: 138,91
,157
Light Green: 127,18
5,59
Dark Green: 52,92,
21
Middle Green: 89,13
3,38
Very Light Blue: 18
4,216,237
Middle Blue: 126,17
4,214
Dark Blue: 13,92,14
9
Lollipop:
Bright Pink: 255,0,20
4
Light Pink: 255,153,
207
Dark Pink: 179,18,14
6
Brown: 140,98,57
Background:
Yellow (wall): 252,23
8,33
Green (wall):170,22
6,99
Orange (wall): 229,
123,4
Light Blue (box): 17
1,201,255
Cream (floor): 2
52,238,232
Yellow (Sun): 25
0,255,41
Red (Rainbow): 2
55,0,0
Yellow (Rainbow
): 255,255,0
Green (Rainbow
): 0,255,0
Blue (Rainbow):
0,0,255
Purple (Rainbow
): 102,45,145
Design Alterations
Game play:
use I chose
bunnies, however beca
no
d
an
nd
ou
gr
e
th
e if you hit
se a life if you hit
at you didn’t loose a lif
th
re
su
g
kin
Originally you would loo
ma
y
ult
nus points
bunnies, I had diffic
ature and adding a mi
fe
is
th
g
vin
to code generate the
mo
re
up
ile still
ing another. I ended
pt the difficulty up wh
ke
is
th
,
en
re
one bunny while miss
sc
e
th
to the other side of
if the bunnies made it
making it fun.
ructure slightly:
altered the scoring st
I
rk
wo
is
th
ke
ma
To
s if missed
points if hit, -5 point
• Generic Bunnies +5
points if missed
+10 points if hit, -10
e
• Wheeled Bunnies
if hit while red, -1 lif
+25 points and +1 life
le,
rp
pu
ile
wh
hit
if
s
point
• Demon Bunnies +10
.
, -10 points if missed
led
ac
nt
te
ile
if hit wh
Scoring Levels:
e
s I altered th
se of building up point
ea
e
th
d
an
y
pla
me
e changes in ga
To compensate for th
tly:
gh
scoring structure sli
... guess who won.
to argue with a truck
ed
tri
u
yo
l,
Kil
ad
Ro
• =<200
great renowned
er and tree huger of
ck
oli
fr
a
,
hy
uis
Sq
• 201-300
really you did.
cular, you got some....
• 301-500 Squish-ta
of squish
ster, you run the dojo
• 501-600 Squish ma
ill repute
lini, A squishtator of
• 601-700 Squisho
holocaust
bringer of the bunny
• 501>= Squishler,
Screens:
I also added a help
screen with game ins
tructions and a cred
its screen on exit.
Reflections:
I would’ve liked to de
velop the code a bit
more, making sure th
randomly also appear
at bunnies while appe
ed in order in term
aring
s of perceived dista
the development we
nce in game. otherw
nt well. I had to alt
ise I feel like
er the way I did a nu
most of it is code ge
mber of things in th
nerated rather than
e play screen,
placed so that was
is fun and a bit silly,
a learning curve all
so it achieved its go
in
all I think it
al. Thanks for all yo
ur hard work
Cheers
Anna T