Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Need help to choose story format

I am a bit new to Twine and I am not sure which format to choose for my story. My main need is to be able to change the image for each passage, and a little formatting (font). What would you suggest?
And could you assist me to change the image in each passage?
Thanks a lot for your feedback!


  • edited April 2017
    Either SugarCube or Harlowe should work for you; I'd go with whatever one you prefer as far as syntax and basic appearance. For reference, here's how the features you mentioned would look in Harlowe 2.0.0 and SugarCube 2.14.0:

    Changing Fonts:

    /* In Style Sheet: */
    .blah {
      font-family: "Times New Roman";
    <!-- in passage: -->
    <span class="blah">Text goes here.</span>

    <span style="font-family: 'Times New Roman';">Text goes here.</span>

    Harlowe 2.0.0:
    (font: "Times New Roman")[Text goes here.]

    SugarCube 2.14.0:

    Using Images:

    Harlowe 2.0.0:

    <img src=""> <!-- html <img> tags also work in SugarCube -->
    [[<img src="">|passage]]
    (link: '<img src="">')[(goto: 'passage')]

    SugarCube 2.14.0:


    Changing the image in each passage is as simple as just including different code in each passage:
    <img src="image1">
    <!-- or [img[image1]] in SugarCube -->
    <img src="image2">
    <!-- or [img[image2]] in SugarCube -->

    One final note: I recommend using Harlowe 2.x or SugarCube 2.x, not the earlier versions. These older versions are available in Twine 2 only for people who've already started projects in those formats and are too far along to change. There's really no good reason to start a brand new project in SugarCube 1.x or Harlowe 1.x.
  • i think that harlowe is the sort of noob format, seeing as its the default one
  • You can also control which background image is shown using passage tags and related CSS in the Story Stylesheet area.

    a. Harlowe (v1.x or 2.x): I suggest reading all of the Basic Harlowe Passage Tag Based Styling thread.
    You would add a background-image property like the following to each of your CSS selectors:
    background-image: url('forest-bg.jpg');

    b. SugarCube (v1.x or 2.x) I suggest reading the Tagged Stylesheet Warning section of it's documentation.
Sign In or Register to comment.