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]]