Twine Guide
Uploaded by
Megan KalinaTwine Guide
Uploaded by
Megan KalinaWhat 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.
