Show Character
Show a character's sprite
Last updated
Was this helpful?
Show a character's sprite
Last updated
Was this helpful?
The character action allows you to display a character's sprite. For other kind of images, take a look at the .
Action ID: Show::Character
Reversible: Yes
Requires User Interaction: No
These are special properties/classes that can be used when showing a character:
Name
Description
duration
Duration affects the animation-duration CSS property so you can change the duration of any animations applied to the character.
move
With this class, the character will move nicely from one position to another one.
transition
Transition affects the transition-duration CSS property so you can change the duration of the transition for the move class.
end-<className>
When using this property, the provided class will be added to the sprite when it gets changed.
Remember every character image must be declared in the characters object.
New to version 2.0: You can now also set an animation that will play when the character is removed or replaced.
This is useful if you want to smoothly transition the same character's sprites, such as this example involving crossfades.
The following code will show the character with a fadeIn animation that will take 20 seconds to complete.
End animations are a way of preparing an animation to happen whenever a sprite gets changed, the following code will show the character first and when it reaches the next line, the character will fade out while the new sprite fades in.
The is completely optional, and if a position is not given, it will show in the center by default.