STORY TIME Understanding the Twine window
SHARE IT
12
There are a
few places
where you can host
Tw i n e g a m e s fo r
free without
needing your own
webspace.
http://www.philome.la is a
dedicated platform,
and http://www.itch.io has
great support for
HTML-based
games, too.PASSAGES
These squares are
passages,
representing each
section of your
story.HOME
MENU
From here you can
edit your story’s CSS,
publish an HTML file to
share online, view a
proofing copy,
and more.NEW
PASSAGE
There’s a reason this
button is big. You’ll be
pressing it a lot to
create new passages
to make your story
bigger.CSS
11
Use ‘edit story stylesheet’ for deep
visual customisation options. Check
out the Twine wiki (www.twinery.org/wiki)
for an extensive list of every bit of CSS that
you can use to make your game look exactly
how you want.
DOCUMENTATION
8
The default story format for Twine is
called Harlowe, and it’s worth bringing
up the format’s documentation by visiting
http://www.bit.ly/harlowemanual. This lists
everything you can do with it, from styling
text to some of the more hardcore stuff.
VARIABLES
9
Say you want the player to pick up a
key to open a locked door. When they
reach the passage that contains the key,
type (set: $doorkey to 1). The game will
remember that they have the key, even after
clicking away.MORE VARIABLES
10
Now when they get to the passage
with the door, use the following code:
(if: $doorkey is 1)[You unlock the door and
head to the [[next room]].] The text in the
outer square brackets will only show if the
player has the key.WORKSPACE
You c an move
passages freely around
this pasteboard and the
lines will stay
connected. Keep it
organised.EXTRA LIFE
NOW PLAYING I MOD SPOTLIGHT I HOW TO (^) I DIARY I REINSTALL I WHY I LOVE I M U S T P L A Y