Virtual Words - Twine Workshop Help Sheet

To view the digital art and writing created during the first Virtual Words workshop (Virtual Reality) on 14th August 2018 select here

Twine Basics


Q. Wait! Where is Twine anyway?

A. www.twinery.org – click “Use it online” in the top right-hand corner


Q. How do I start a new story?

A. Press the green “+Story” button on the right hand side and then give your story a title


Q. How do I make choices for the reader?

A. Surround your choice (which might be a word or a sentence) with DOUBLE SQUARE BRACKETS [[Like this]] – don’t use normal brackets, they won’t work!


Q. How do I make words bold, italics or underlined?

A. To make words bold surround them with **BOLD** (two stars: SHIFT+8)
To make words italics surround them with // ITALICS // (two forward slashes)
To make words underlined, surround them with <u> UNDERLINED </u>


Q. How do I insert an image into my story?

A. Open a new tab and do a Google image search. Find a picture you want to use, then RIGHT CLICK on it and select COPY IMAGE LOCATION. Go back to your Twine story and make a space for your picture. Type in:

<img src=”(right click, paste your image address here!)">

If you are writing a haunted house story and want a quick image of a haunted house straight away, you can COPY AND PASTE this script below: 

<img src="https://media.socastsrm.com/wordpress/wp-content/blogs.dir/838/files/2017/10/https-2F2Fblueprint-api-production.s3.amazonaws.com2Fuploads2Fcard2Fimage2F5084212Fb266e474-d299-4d5e-aada-810c4d451d3a.jpg">

 

Twine Advanced!


Q. How do I change the background colour and colour of the fonts, etc?

A. A good question! Locate the following area in Twine by clicking on the menu in the bottom left hand corner:


Now, copy and paste this into the box that pops up:

body, tw-story
{
 background-color: white;
 color: black;
}

tw-link
{
 color: red;
}

tw-link:hover 
{
 color: yellow;
}

The codes here are quite self-explanatory. Once you've copied this into your story's stylesheet, and press PLAY to view your story, you'll see that the background colour becomes WHITE, your text becomes BLACK and any links (choices in the story) become RED, with a YELLOW colour if you hover your mouse over them. Try changing these colours from red, yellow, black or white to other obvious colours - such as blue, purple, pink, and so-on. It's quite easy to change the overall look of your story in this way.


Q. How do I add a sound effect?

A. To add a sound effect to your story, you have to find a sound effect that's on the web, just as you have to do with an image. The BBC has a library of 16,000 sound FX that are available to use - this is very handy!

To use a sound effect from the BBC in your story, do the following:

Visit http://bbcsfx.acropolis.org.uk/ 
Do a search for the sound effect you are looking for, right click on the player bit (where the play button and timeline are), and select "copy audio address". 
Go back to your Twine story and type in the following: 

<audio src=”(right click, paste your audio sound effect address here!)" autoplay>


Q. How do I add an object - say, like the discovery of a key? 

A. This is quite an advanced topic, so you may want to ask for help to make this work. Basically: twine allows you to use "conditional logic" - so, if your reader has found a part of the story where he or she discovers a KEY to a DOOR - for instance - you can change the way the story is written to reflect that. 


WHAT?!

OK so - let's say your story has a locked door. In the first ever paragraph of your story (right at the top) add the following line:
(set: $found_the_key to false)

This won't show up in your text. But basically means that the reader/player has NOT found the key yet. A "variable" called "$found_the_key" has been set to FALSE.


If, when they get to the door in your story, they don't have the key, you can write a sentence or paragraph telling them that. Something like this:

(if: $found_the_key is false)
This paragraph would be displayed if your reader hasn't found the key yet. It might say: "you don't have the key to the door! See if you can find it."


(if: $found_the_key is true)

This paragraph would appear if your reader HAS found the key to the door. In which case, you could - perhaps - offer them the chance to [[Unlock the door]]


(set: $found_the_key to true)
This paragraph would appear when your reader FINDS THE KEY in which ever location you've put it. So, let's say your key is in a cupboard somewhere. Put this code in that paragraph!