Media

Images

Images are added to your story from the Media Manager, and then linked to individual character nodes.

To add an image to your node:

  1. Enter Media Manager from the character node and click Add layer under the Visuals section.
  2. Click the photo icon to be taken to your Media Library.
  3. Select the image that you wish to add.

Recommended sizes and formats

The ideal dimensions for your images are 1920px x 1080px and .jpg, jpeg, .png, .gif are all accepted.

info-sign

Be aware that on some screens your image will need to be resized, so we recommend keeping the edges of your image free of important information, as it may get cut off on some screens. Up to 96px on each side and 280px on the top and bottom could be cut off on certain mobile devices.

Character Creator and Backgrounds

You can use the in-built Character Creator to design characters for your story. Access the character creator from the left-hand menu and export them to your library to be used as media in your story. We also have a number of included backgrounds available. Just go to your media library, hit the Included Backgrounds tab and select the background to add to your library.

Layers and animation

Layers

You can add additional layers to a panel by clicking Add Layer. These can be used to add foreground, background or animations to an existing image.

GIF Layers

You can add animated GIFs as a layer to a panel using the layers function. A transparent GIF animation over an image can give the effect of a steaming coffee, or a smoking gun, or a speeding car... Whatever you need!

Default Animation

By default, all images have a slight fade and scale animation to them as they display.

Slide in and out

You can assign a panel to slide in or out from a chosen direction instead of the default animation. To do this, open the Media Manager on that node and choose from the dropdown list of Animation in or Animation out. Panels can slide in or out from top, bottom, left or right.

Speech Bubbles

There are 4 types of speech bubbles you can use for your character's speech: Speech, Narration, Thought and Tech.

To edit Speech bubbles:

  1. Enter Media Manager from the character node.
  2. Choose Bubble type from the drop-down list.
  3. Choose Tail position from the drop-down list.
  4. Move the bubble to the desired position on the image preview on the right hand side by dragging the corners of the bubble.

Audio

Audio can be added to your story from the Media Manager on the Character node. You can add multiple layers of audio tracks to build up impressive soundscapes! To create a track, click Add Track.

Ticking the Stop all currently playing audio? checkbox will stop any currently playing tracks upon reaching that node: useful if you want to totally replace the audio.

There are some options that can be placed on each track:

Track behaviour

If the audio file specified is already playing from a previous node, you can set it to either continue from where it is, or restart from the beginning. A sound effect, for example, would tend to use "restart" mode, whereas a background track would tend to use "continue" mode.

Loop

Tracks can be set to loop, so they will continue looping until being told to stop, either by the Stop all currently playing audio? checkbox, or the Should this track be stopped? toggle on an individual track.

Volume

Does what it says on the tin: adjusts the volume of the track!

Stop track

If you want to stop a track early (either before it finishes, or to stop it looping), the corresponding audio file can be selected and then Should this track be stopped? toggled on.

Bold and Italics

Within a character node you can make the text italic, bold or bold and italic by surrounding the words with the following syntax:

OutcomeSyntax
Bold*Bold text here*
Italics_Italic text here_
Bold and italics_*Bold and italic text here*_