Images belong to the docs, so they should sit next to the documentation files in the /docs directory.
1.4 KiB
1.4 KiB
{.section-title.accent.text-primary}
Animating WorkAdventure maps
A tile can run an animation in loops, for example to render water or blinking lights. Each animation frame is a single 32x32 tile. To create an animation, edit the tileset in Tiled and click on the tile to animate (or pick a free tile to not overwrite existing ones) and click on the animation editor:
![](/lbehm/workadventure/media/commit/cc048f9b20ba25e487507ca5d9aed16f2a3ae267/docs/maps/images/anims/camera.png)
You can now add all tiles that should be part of the animation via drag and drop to the "playlist" and adjust the frame duration:
![](/lbehm/workadventure/media/commit/cc048f9b20ba25e487507ca5d9aed16f2a3ae267/docs/maps/images/anims/animation_editor.png)
You can preview animations directly in Tiled, using the "Show tile animations" option:
![](/lbehm/workadventure/media/commit/cc048f9b20ba25e487507ca5d9aed16f2a3ae267/docs/maps/images/anims/settings_show_animations.png)
{.alert.alert-info} Tip: The engine does tile-updates every 100ms, animations with a shorter frame duration will most likely not look that good or may even do not work.