1 / 15

Intro to Twine

Intro to Twine. Tanya X. Short, Designer & Author @ tanyaxshort @ kitfoxgames A performative adaptation of http://www.auntiepixelante.com/twine/. Agenda. What is Twine? Basic Implementation Make a Twine! Advanced Techniques. Step 1: Download Twine. Twinery.org Upper-right corner.

tuyen
Download Presentation

Intro 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