1 / 15

An Interactive Guide to Twine

Learn the basics of Twine, a powerful interactive fiction tool. From simple implementations to advanced techniques like embedding logic, this guide covers it all. Create your own Twine stories and engage your audience in unique narratives. Dive into the world of Twine and unleash your creativity!

tuyen
Télécharger la présentation

An Interactive Guide to Twine

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Intro to Twine Tanya X. Short, Designer & Author @tanyaxshort @kitfoxgames A performative adaptation of http://www.auntiepixelante.com/twine/

  2. Agenda • What is Twine? • Basic Implementation • Make a Twine! • Advanced Techniques

  3. Step 1: Download Twine • Twinery.org • Upper-right corner

  4. What is Twine? (Answer: AWESOME)

  5. Twine is About Interaction

  6. Interaction Often Means Choice Pacman the Twine

  7. Interlude: Plan a Choice • Your morning • Ordering at a restaurant • Important life moments • Your pet • An adventure • A weird dream Pacman the Twine

  8. Basic Implementation

  9. Implementation • Name titles the same as your link • Put square brackets around your links [[like this]] & magic happens! • Right-click to add a new “page” • Save Story (.tws) is not the same as Build Story (.html)

  10. Dressing it Up • Hide your links if you want. [[Whatever blah blah|Link]] • Place images using [img[ghost.gif]]

  11. Make a Twine!

  12. Implementation • Name titles the same as your link • Put square brackets around your links [[like this]] & magic happens! • Right-click to add a new “page” • Save Story (.tws) is not the same as Build Story (.html) • Hide your links if you want. [[Whatever blah blah|Link]] • Place images using [img[filename.gif]]

  13. Advanced Techniques

  14. Embedding Logic • Variables: <<set $cherries = 0>> • <<set $ghostcolor = “red”>> • Conditional results • <<if $cherries gte 1>>Hooray!<<else>>Boo!<<endif>> • <<if $ghostcoloreq “red”>>Blinky is angry!<<endif>> • eq means “equal to”, neq means “not equal to” • lte means “less than or equal to” • <<if ($cherries eq 2) and ($ghostcolor is “red”)>> • Surround multiple lines of code with <<silently>><<endsilently>> • Displaying chunks (good for anytime you’d want to copy/paste): • Name a new page, such as Maze • <<display ‘Maze’>> will show everything on that page. • You can use CSS! Make a page named CSS, and write “stylesheet” in the Tags. Then just put the style in there. Example: .passage { width: 400px !important }

  15. Intro to Twine Tanya X. Short, Designer & Author @tanyaxshort @kitfoxgames A performative adaptation of http://www.auntiepixelante.com/twine/

More Related