For animated autotiles and to be usable in Tiled, make sure to use the Autotile Converter. However, we need to do a few things.

 

Preparing the Graphics

  1. Separate all the animated autotiles to single files like this:

tw[32]th[32]WaterA1_1 tw[32]th[32]WaterA1_2 tw[32]th[32]WaterA1_3

I named the images as follows:

2. Place all the images inside the Project Folder/Tileset Converter/Input. Do the usual steps stated in the Autotile Converter Tutorial.

3. Combine the Output files in an image program and then put it inside the Project Folder/img/tilesets. Here's an example of the final product.

 

Implementing in Tiled

1. Read the Setting Tiles page first.

2. Once you are in the TSX window, select the first tile.

3. Press Tileset -> Tile Animation Editor

4. Double-Click the first tile of each frame and set the time. By default, RPG Maker animations are around 300 ms. Here's an image to show how:

5. If done correctly, you will see a film reel icon on top of a tile.

6. Do not close the window, instead just keep pressing a tile from the parent window and then set new frames.

7. Just keep doing this until all of the Frame 1's tiles are animated. You can also resize the Animation Window to have an easy time!

8. Save the Tileset as JSON inside your maps folder.

 

Adding an Animated Tileset on another map

1. Open your map file.

2. Press Map -> Add External Tileset. aaa