170 likes | 270 Vues
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!
E N D
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
What is Twine? (Answer: AWESOME)
Interaction Often Means Choice Pacman the Twine
Interlude: Plan a Choice • Your morning • Ordering at a restaurant • Important life moments • Your pet • An adventure • A weird dream Pacman the Twine
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)
Dressing it Up • Hide your links if you want. [[Whatever blah blah|Link]] • Place images using [img[ghost.gif]]
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]]
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 }
Intro to Twine Tanya X. Short, Designer & Author @tanyaxshort @kitfoxgames A performative adaptation of http://www.auntiepixelante.com/twine/