Scene Editor and Timeline

Within CloudNovel's scene functionality, all animations and sound effects are controlled by a page-by-page basis.

Before you begin editing, you will need to wait until all the assets in the scene have been loaded. Once they are loaded, you may start editing your scene. To add assets to your scene, click on the add assets button. A dropdown menu with the different asset types will appear. You can add an infinite number of assets to your scene, but keep in mind the more assets there are in a scene, the longer the loading will be for the player/reader (especially those with slow internet connections).

To add a new page, click the add page button.

To edit the page dialogue and other options, click on yellow pencil icon.

To enter the timeline of a page, click the blue film strip icon as shown above. This will take you to this screen: To add animations, click select on the asset you want to add animations to.

Here is a basic overview of character animations: Change Sprite - this animation allows you to quickly and fairly effortlessly transition between all of your character's expressions or sprites.
Show Character - this will show a character if they're not already shown. (As they are not placed behind a background by being loaded prior to that background, otherwise you must change the layer order).
Hide Character - this will hide a character and fade it out of the scene.

More animations will be explained in a further tutorial.

The global assets contains animations that affect the entire stage and other interfaces within the scene. Here is a basic overview of global animations: Key Frame - this is a universal animation which controls all aspects of your assets, including the X or Y position, scale, scew, rotation, and the alpha/opactiy of your asset. The key frame is available for global, character, and image assets.
Reset - this will reset your stage to it's original position and value. If you have hidden the stage, use the reset to make the stage re-appear.
Hide Stage - this will hide the entire stage of the scene, which will include all characters, backgrounds, and other visual assets, and fade it out.
Show/Hide textbox - these animations will show and hide the textbox from the stage.
Show/Hide options - these animations will show and hide the option buttons from the stage.
Next Page - this animation will automatically make the scene go to the next page after all the animations in the current scene have finished playing.

At the bottom of the scene editor, you will see a timeline: The numbers across the top represent seconds of animation duration. The assets will show up top-to-bottom (bottom is front layer, top is farthest back layer). You can move the various animations to any point on the timeline, although it is recommended to play animations for 1-3 seconds long since the player cannot advance to the next page until all animations have been completed.

Edit Page

Go back to pages by clicking on Back to Pages in the top right corner of the stage. Click on the yellow pencil button to edit page dialogue:
From here, you may edit the page speaker and dialogue. The other options (choices, inputs, etc) will be explained in a later tutorial.

Remember to press save changes everytime you make a change to a page or scene.