Since I couldn't find anything after hours of searching and playing videos doesn't seem to work, I took a FRLG screenshot with the seagallop and the little speed bars on the water and edited them into the harbour tileset (I called it exterior and made it a separate tileset in Essentials)! If you want to use the mirrored version, you also have to mirror all the tiles and event stuff on the water map if you want a working animation! I think I won't be the last person looking for something like this so maybe it'll help someone else :)
Here's the link to the tileset, seagallop is split into a bunch of tiles at the bottom and the speed bars are further up:
Regular (for sailing to the West):
https://imgur.com/a/FWDEmjl
Mirrored (for sailing to the East):
https://imgur.com/a/xN5N96m
And here is a preview screenshot of how it looks in Essentials:
https://imgur.com/a/PwNR5kv
How to use:
- Add to "Tileset" folder
- Go to Database in Essentials
- Copy "Harbour" Tileset
- Paste it to empty Tileset slot
- Change tileset graphic to "Harbour exterior" (or "Harbour exterior mirrored" or however you called the .png)
- Go to the map you want to use it on
- Change map tileset to the new harbor one
- Add boat, seagallop and speed lines on third layer and animated water on second layer
If you want a full animation, do the following:
- Make water map (using the above tileset, 50x19)
- Make NPC on other map (for me it's a sailor at a harbor)
- Add boat from 023,008 to 027,010 and the seagallop + speed lines as shown in the preview screenshot above
- Let NPC transfer player to coordinates 013,009 on water map (there's a sailor on a premade harbor map in Essentials, you can edit him if you want)
- Right above "Transfer Player", insert "Set Move Route -> Player -> Opacity: 0"
- At 013,009 on water map add new event and set trigger to Autorun (I don't think it matters where you place it since it's autorun but I chose to place it where my char gets transferred to)
- Add the following:
- - Scroll Map -> direction: right, distance: 28, speed: 4 (might wanna adjust speed if it's too fast or not fast enough for your personal preference)
- - Wait: 100 frames (adjust to your liking, basically the time between you arriving on the map and you getting ported to the next map)
- - Change Screen Color Tone: (-255,-255,-255,0), @6
- - Wait: 8 frames
- - Set Move Route -> Player -> Opacity: 255
- - Transfer Player:[where you want to go]
- - Change Screen Color Tone: (0,0,0,0), @6
If you want, you can also download this waves sound effect, add it to your Audio -> SE folder and above "Scroll Map" in the water map event insert "Play SE: 'waves', 100, 100" to add some nice wave sounds (might have to increase volume with Audacity if it's too quiet):
https://www.mediafire.com/file/hqhwybudbt0sxgg
If you're using Following Pokémon, add the script "pbToggleFollowingPokemon" above "Transfer Player" in the NPC event and add it above "Transfer Player" in the water map event to make the following Pokémon disappear before the animation and reappear afterwards!
