Show Background
Show a background without removing any game elements.
Description
The show background
action will change the background without removing any game elements (as opposed to the scene action).
This action uses the assets from the scene action so they still need to be declared as scene assets.
Action ID: Show::Background
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 background action.
Examples
Using an image as the background
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:
You can also use CSS gradients for backgrounds.
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 show background statement as follows:
For example, note the following CSS code creating a simple Ken Burn Animation:
Last updated