Twine- How to change background color multiple times throughout game

  1. In each text box, give certain places a “tag.” For example, in my game I had several different rooms. Each room was tagged with particular name.         Screen Shot 2016-04-17 at 11.33.39 PM
  2. When you finish tagging all of your text boxes, create a stylesheet for each tag. Screen Shot 2016-04-17 at 11.34.25 PM
  3. Tag each stylesheet with the same name you placed in the text boxes.Screen Shot 2016-04-17 at 11.34.04 PM
  4. Place the HTML code in under the “Body” section in the stylesheet.
  5. The HTML will look like this
    • body {
      background-color: blue;
      color: black;
      }
    • For most basic colors, you can just write the name of the color. If you want a specific color you must find the HTML color code, which can be done through a quick google search or through a software like Adobe Photoshop
  6. In the end, you should have multiple stylesheets that will automatically link to the tags in your text boxes.                                                   Screen Shot 2016-04-17 at 11.34.39 PMScreen Shot 2016-04-17 at 11.32.58 PM

Leave a Reply