What is

Twine?

Don't worry, this is not

another lesson on the many
uses of baling twine.

Twine is...

A Way to Tell Stories

Open Source

Interactive

For All Skill Levels

Free

Exhilarating

FOR YOU!
 Getting
Twine Started
1. Open Twine

2. Let's create a new story.

3. Name your story. Choose

something that is descriptive
and includes your name.
Exploring The Jungle
Kalina this is a lot better than
My Story.

4. Create your first passage.

Name Passage
Add Content

Delete Test Set as

Edit
Story Starting
Point
 Linking in Twine
Twine allows you to give Code for Linking Passages
your reader options within
your story. Think of it as a
choose your own adventure [ [ linked words | passage name ] ]
book. In order to do this,
you need to add clickable
options that are linked to Do NOT use spaces. Spaces are shown
the next passage. here so you can clearly see the code.

You now have two new

passages you can edit to
continue your story. Add new
links to continue giving your
reader options.
 Changing Text in
Twine
Code for Different Fonts

< span style = ' font family : font ' > affected words < / span >

Do NOT use spaces. Spaces are shown here so you can clearly
see the code. Replace font with your font choice and affected
words with the words you want the font changed.

Common Font Choices

Arial
Times
San-Serif
Serif

Altered
and
unaltered
text.
Font Color
in Twine
Code for Changing Font Color

< span style = " color : color ; " > affected text < / span >

Do NOT use spaces. Spaces are shown here so you can clearly see
the code. Replace color with your choice of font color and insert text
you want to change the color in place of affected text..
Text-Styles in Twine
Code for Text-Styles Color
Why change
( text-style : insert text-style ) [ text ] text-style?

Do NOT use spaces. Spaces are shown here Different text-style can
so you can clearly see the code. Replace add emphasis or

insert text-style with your text-style choice and to your story!
enter your text in replace of text.

Options "upside-down" "shadow"

bold" "emboss"
"italic" "condense"
"underline" "expand"
"strike" "blur"
"superscript" "blurrier"
"subscript" "smear"
"blink" "mirror"
"mark" "fade-in-out"
"delete" "rumble"
"outline" "shudder"
 Changing Background
Color in Twine
Code for Background Color
body { background color : color ; }

Do NOT use spaces. Spaces are shown

here so you can clearly see the code.
Replace color with your color choice.

1. Click on the triangle

next to your story name.
Then click Edit Story
Stylesheet.

2. Enter your code and

choose your color. Exit
out.

3. Preview your story to

view and assure your new
background color is
functioning.