

You can also change the spacing of the letters, the type and size of the font, and other CSS inline change the background color of a line, use the following are inline changes-if you want to make general changes to your story/game, it would be better to use a CSS stylesheet. You can easily change the colors of the text in each passage by using the following CSS will look like can use whatever color you like - here are some resources by color name or by hexadecimal color picker. You can use these comments to write notes to yourself.%/ %See how this text is in gray, and it doesn't show up in the story when you test/build it? That's because it's a "comment" - it appears when you're coding the story, but not in the final version itself.
#Twine text styles download
In fact, this tutorial was completely written in Twine, and you can download the source file to see how it was done! Just right-click (Mac: Cmd-click) anywhere on this page and select "Save As." Save the. Select the latest version of Sugarcube, then go ''Back'' to the Stories Library. >) On the menu, click "Twine", then "Story Formats".

(>ĭialog.wiki(Story.get("sugarcube").processText()) These are Twine's menus, with all the options:įirst, let's set the Story Format to match this tutorial. This is Twine's basic working area or ''canvas''. Your story will open in the Twine interface. Note: it may use a light or dark theme depending on your settings, and may or may not have the >ĭialog.wiki(Story.get("saving").processText()) This is the Twine home screen or Stories Library: This is the current (as of ) Twine website:Ĭlick "Use in your browser", and it will open Twine right in the same page. You can either download it to your computer, or use it in your Internet browser. This brings up an important point: coding is picky! You have to get the sequence JUST RIGHT for it to work - that means capitalizations, spaces, spelling, symbols. This is a quick way to create the passages your story needs.// Note: If you link to a passage title that doesn't exist yet, Twine will create the passage for you automatically. When it is published in a browser, that passage will look like this: That's two square brackets, the text you want your reader to click, a vertical line (on most keyboards, this is located as part of the forward-slash key), the title of the passage you're linking to, then two square brackets. * Create a special passage named "StoryInit". mp3 files, as these are standard across most browsers.// * Save your audio file to the same folder as your Twine. Loading… >Sound, like sweeping changes to ], requires some advanced editing in Twine.
