Do you want to make a Twine game?
[[Yes|Twine Examples]] | [[No]]
Awesome! Let me show you how to make a Twine game.
First, open the <a href="https://twinery.org/2" target=”_blank”>web version of Twine</a> (<— click to open twinery.org/2) using Chrome or Firefox.
[[Now that I have Twine open, I'm ready to make my game!|game process]]
Oh? Are you sure you don't want to create something like this:
<a href="https://w.itch.io/end-of-the-world" target=”_blank”>End of the World</a> by Anna Anthropy
<a href="https://electionsimulator2016.keeganslw.com" target=”_blank”>Election Simulator 2016</a> by Keegan Long-Wheeler
<a href="https://experienceplay.education/units" target=”_blank”>Units</a> by Eric Abraham
<a href="https://experienceplay.education/sanctuary" target=”_blank”>Sanctuary</a> by Lauren Horn Griffin
<a href="https://www.cbs.com/shows/the-late-show-with-stephen-colbert/escape-from-the-man-sized-cabinet" target=”_blank”>Escape from the Man-Sized Cabinet</a> by Stephen Colbert
<a href="http://playspent.org" target=”_blank”>SPENT</a> by McKinney
[[Yes, I'm sure.]] | [[ No, I'll make a game.]]
Then enjoy your day!
:)
[[See Credits]]
Fantastic! I'm glad you changed your mind.
Let me show you how to make a Twine game.
First, open the <a href="https://twinery.org/2" target=”_blank”>web version of Twine</a> (<— click to open twinery.org/2) using Firefox or Chrome.
[[I'm ready to make my game!|game process]]
Twine games are made of passages.
There's only one passage when you create a new game. Double click on the passage to edit it.
<img src="twine.png" width="600">
[[What should I add to a passage?|con2]]
This interface is where you add content and the story to your game. You can add text and even HTML if you want to code a little.
<img src="passage.png" width="600">
[[That's cool! How do I add choices to my Twine game?|con3]]
Twine passages are connected when double brackets - [[]] - around a word/phrase match the the title of another passage in the game. This double bracketed word/phrase becomes the link from one passage to the next.
Using two or more of these connections yields choices in your Twine story.
<img src="passage2.png" width="600">
[[What do choices look like in the Twine editor?|con4]]
Three choices are displayed. Notice that the title of each new passage (Work, Play, etc.) corresponds to the double bracketed text in the previous passage.
<img src="manypassages.png" width="600">
[[Really? Let me view the previous passage again.|con3]]
[[Continue|con5]]
What do you think? Are you ready to make a Twine game?
[[Yes, I'm ready to make a Twine game!|ready]]
[[No, I'd like to see this tutorial again.|Yes]]
With Twine open, start a new story with the <b>(color: green)[green +Story button]</b>. You'll have to provide a name for your game at this point.
<img src="twinemenu.png" width="600">
[[How do I edit my game?|con1]]
Excellent!
Here are a few helpful resources while you're building:
* <a href="https://keeganslw.com/student-twine-games-research/" target=”_blank”>List of Student & Instructor Twine games to play as examples</a>
* <a href="https://youtu.be/5yCZaQLb_Kw" target=”_blank”>YouTube How-To Video</a>
* <a href="https://www.adamhammond.com/twineguide/" target=”_blank”>A total beginners guide to Twine 2.1</a>
* <a href="https://twinery.org/wiki/twine2:guide" target=”_blank”>Official Twine Wiki</a>
* <a href="http://twinery.org/wiki/twine:education" target=”_blank”>Twine for Education Resources</a>
<hr />
[[What do I do when I finish my game?|finished]]
Publish your game by clicking the "Publish to File" option in the menu:
<img src="publishtwine.png" width="600">
Since the exported form of your Twine game will be a .html file, you can host your Twine game online many different ways like through <a href="http://create.ou.edu" target=”_blank”>OU Create</a>.
However, for simplicity's sake consider using <b><a href="http://philome.la" target=”_blank”>Philome.la</a></b>, which requires Twitter but is free and easy to use.
[[See Credits]]
<h3>Credits</h3>
Tutorial by <a href="https://keeganslw.com" target="_blank">Keegan Long-Wheeler</a>
<h3>Copyright</h3>
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/80x15.png" /></a><br />This tutorial is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
<h3>Citations</h3>
<a href="https://twinery.org" target="_blank">Twine</a> was used to build this tutorial.
<hr />
[[I wish to restart this tutorial.|Start]]
Fantastic!
First check out one of these examples to see what's possible:
<a href="https://w.itch.io/end-of-the-world" target=”_blank”>End of the World</a>
<a href="http://www.cbs.com/shows/the-late-show-with-stephen-colbert/escape-from-the-man-sized-cabinet/" target=”_blank”>Escape from the Man Sized Cabinet</a>
[[I am ready to make my own Twine Story/Game|Yes]]