Show Scene
Change the background
Description
The scene
action will change the background and clear the screen, removing all characters, images and text currently displayed.
Action ID: Scene
Reversible: Yes
Requires User Interaction: No
Parameters
Properties
The following is a comprehensive list of the properties available for you to modify certain behaviors of the scene action.
Using an image as the background
The most common case of
If you want to use an image for the background, remember you first have to declare your image assets and place all your files under the assets/scenes/
directory.
Using CSS properties as the background
If you'll use CSS to set a custom background, you can use any valid non-spaced value for the background-image
or background-color
CSS properties. Using CSS is perfect for when you want your background to be a solid color. Here are some valid statements:
Using Animations
Monogatari comes with some built-in animations ready for you to use, you can see the list of animations and visualize them here. Using animations is as simple as indicating their name!
Modifying an animation duration
The following will set the background to a solid color using a CSS value and modify the duration of the fadeIn animation to 20 seconds.
Creating a custom animation
You can also use CSS to create your own animations, you'll have to apply them to a CSS class and then use the scene statement as follows:
For example, note the following CSS code creating a simple Ken Burn Animation:
Last updated