Cropping an image

When you drag an image onto the stage (the page you are working on) a crop symbol appears at the top-right of the image box. Click on it, and you can then drag the bottom-right grab handle around the image creating the area you wish to save, cropping the rest. You can move that saved area around the image too, to position it exactly where you want it. When you have positioned the crop area correctly, click the tick symbol at the top-right, and the image will adjust to the saved area, deleting the rest.

TIP: remember you can undo this crop action if you get it wrong.

The Side-Bar Menu

As you are editing your narrative you will see that that the side menu creates thumbnails of every page in your narrative, allowing you to see your page designs easily. You can drag these thumbnails up and down the menu bar to re-order them. You can name these pages or simply keep them as numbered pages.

Duplicate pages can be made by simply clicking on the little ‘+’ button at the top-right of each thumbnail.

TIP: You can allow your viewers to see the side-bar menu by selecting “make available to viewers” at the top left of the side-bar. Some narratives may be easier to read and navigate by showing the menu, while some may work better (eg perhaps be more intriguing) with that menu hidden).

the site map

As your narrative is being built you will be linking to and from pages. You can easily confuse yourself with the linking structure if you don’t keep a track of it. Click on the Site Map button to see a simple graphic view of every page in your narrative and every link you have created. You will see the direction of the link indicated by the arrow-head. You can move the windows in the site map to create preferable arrangements.

TIP: readers will want every link to develop the narrative, so don’t insert links for fun! Each time a reader clicks on a hot spot they want to be taken to somewhere that meaningfully progresses the narrative.

Display rules

This tool allows you to control what pages can be viewed, when.  Use this if you want to keep a page hidden until the viewer has seen certain other pages (eg to create tension, or to hide the ending page until the whole narrative has been viewed).

Click the Display Rules button. When the dialogue box opens make sure you have selected at least one object in the current page, ie the page you want to ‘hide’. Then select any pages you wish to define as ‘you must see these pages before you can view this page’. So, if you are working on page 10 and viewers must see pages 8 and 9 before they can see 10, then you would select 8 and 9.

importing and using images

The best images to import are jpegs because these can be used as small, low-on-memory files. This will be better for Genarrator, making your pages load up more quickly when your users view your work. You can also use Png files, and these are useful if you want an image to have a transparent background so you can place it on top of another image, eg a figure on top of a landscape. (jpegs can also have transparent background)

To import, click on the ‘add media’ button, which opens the File Manager. Click ‘browse’ and then navgiate in your computer until you find the image you want. Select the image, and Genarrator uploads it to the File Manager menu. You can then simmply drag the image  fro the File Manager list to the page you are working on.

Images can be re-shaped on the Genarrator stage (ie the page you are working on), by dragging the grab-handle on the bottom-right of the image.

Beware!!! If you delete an image from the File Manager menu it will disappear in all the pages where you have used it.