use TWINE to writing a stories with stories
maole525
CASExercise1requirement.pptxExercise 1
Branching Story
Goals
Review examples of interactive fiction.
Download and install Twine
Current version, as of 11/4/19: 2.3.5
Write a branching story in Twine
The story must have the following:
Twelve (12) sections
Have a clear beginning, middle, and ending
Meaningful choices
Story is logical and context appropriate links
Choose Your Own Adventure
For the rest of the semester we are going to create a "choose your own adventure" style game. This sometimes called "Interactive Fiction." The player is going to be presented with passages of text and images and given a choice on what to do next. They are close cousins to old text-based adventure games similar to Zork. How the story ends is based on the player's choice.
If you are not familiar with this style of story, please check out the following resources:
Twine
Twine is a simple application for creating Interactive Fiction. It's free and open-source. Here are some sample stories written in TWINE (these are a bit old, but should give you a good idea of how deep we’re able to go in Twine):
I'm Really Sorry About That Thing I Said When I Was Tired and/or Hungry
Twine Resources
Here are some TWINE resources:
What is it? A game developer's perspective
Download & install (Windows) (OSX)
Getting to Work
Twine allows you to create different "passages" (self-contained sections of texts) that are linked together to form a story map. Each arrow represents a different potential player choice. The image on the right is a story in progress.
Starting Twine for the First Time
When you start Twine for the first time, you'll see something like the image to the right.
To create a new story and get started on exercise 1 simply click on the “+Story” button and give the project a name.
Twine will then open the editing window. This is where we will make our first story.
Start Passage
Double click on "Untitled Passage" box to edit it. Here are the different sections:
Title - Used for Linking different Passages
Tags - Add information about a passage that isn’t visible to readers. (Not the same as variable)
Text - a combination of both story content and interactivity.
Adding a Link
Once you have written a few sentences, you will conclude the passage with the following text
[[Passage 2]]
Where Passage 2 is replaced with a logical name for your next passage. The text should turn blue.
In this example I used the word “rang”.
This will create a new passage with the title Passage 2 and an arrow connecting it to the current passage.
Testing
Lets check it out the story so far...
Click on the play button down in the lower-left corner, this will let you test out the story so far.
A browser window will open with your story! Click on the Blue text which matches your "Passage 2" text. You should go to an empty page (because we haven't written it yet!).
Exit the play mode to get back to the edit window.
Adding Display Text
Instead of simply saying "Passage 2", let’s give it a more creative name. Change it to the following:
[[Something Creative here|Passage 2]]
Test your work. The text on the left of the vertical line is displayed. The text to the right is link. This "display text" must fit within the context of the story.
Normally I’d recommend you save your work. Fortunately Twine saves it for us automatically!
display text
passage link
vertical divider
Note: The vertical divider key is usually found above enter/return on your keyboard
Your turn!
Now that you've had some practice, write your own story. First, create an outline for your story.
I suggest writing these sections in separate document to make editing easier (no need to hand that document in).
Once upon a time… (set the scene)
Until one day… (upset the balance)
And because of that… (what happened?)
And because of that… (what happened?)
And because of that… (what happened?)
Until finally… (a conclusion)
Ever since then… (restore the balance or create a new one)
Next steps
Each story "section" should be its own passage.
Write the first passage.
Create a link to the next passage using the following code format (use your own display and passage names of course!)
[[UFO Has Landed|UFO Landed]]
Repeat the process for each of your passages
When you want to introduce a choice, you will simply have two links that go to two different passages (example on the right).
Finishing Up
Once you are happy with your creation, click on the title of your story in the bottom-left corner, then click “Publish to File”. This creates a single HTML with all of your work that anyone can view. Save the file with your story name and email it to me This file is very important and send it to me
Grading Rubric
33%: Interactivity
Twelve passages.
At least 3 choices
No bugs or issues
33%: Content
Story is logical
Each story branch has a beginning, middle, and end
Contextually appropriate display text.
33%: Grammar and Spelling
No grammar or spelling mistakes
