Twine

Use Twine to generate html pages, linked text, Interactive Fiction, and more…

Part One (basic html)

  1.  Navigate to w3schools.com’s introduction to html and note the basic structure of an html document.
  2. Click the “Try it yourself” button and try changing the text.

Part Two (Twine)

  1. Open your browser—use Chrome. Do not close your browser with first saving your work!
  2.  Go to https://twinery.org/
  3. Select “Use it online” in the upper right part of the cork board.
  4. Click +Story in the right pane.  This will create a new story.
  5. Name your story when prompted.
  6. Now you are on a grid, with one square.  This Untitled Passage is the beginning of your story.
  7. Double click it to edit it.
  8. write or paste your beginning text.
  9. Give this text chunk a name.
  10. Exit the chunk by clicking outside of it.
  11. Make a new text chunk by clicking “+Passage” in the lower right corner of the interface.
  12. Add text to it and give it a name.
  13. Link from one text chunk to the other by using the following syntax in your text chunk: [[name_of_passage_you_want_to_link_to_here]]
    If the passage already exists, Twine will auto-populate.
  14. Repeat as desired.
  15. Play around, explore.  Can you add an image? This is the syntax:Screen Shot 2018-01-24 at 10.48.08 AMeg:Screen Shot 2018-01-24 at 2.59.56 PM
  16. When you are finished with your re-structure, select “publish to file” from the lower left part of the interface (see image below). This will save it to your computer as an html file.
    Screen Shot 2018-01-24 at 10.36.48 AM
Share on FacebookTweet about this on TwitterPin on PinterestShare on Google+

Leave a Reply