Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Animated tokens...

Is there anyone out there that can point me to a tutorial on how to do this? Thanks
1583185272
Mino
Marketplace Creator
That depends on what you mean by tutorial. Are you just wanting to know the technical specifications of roll 20's use of animations? Are you trying to animate a token by yourself? Are you trying to convert an animation from one format to one that works with Roll20? A lot of these are vastly different things requiring vastly different skill levels, so it'd help to know what you intend to do so we could help point you in a more precise direction.
Make a gif image with a static token border. - problem solved.
my friend wants to use the wings(its a set on site here) token...applied to his token(he is an aasimar) currently we gotta box/drag both of them all over the board as theres no way to link them together. I figured if i could figure it out i could splice his token to the animated gif and make a new token for him.
1583339361
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
There is an API script that can do this, but unfortunately, that would require a Pro subscription. I haven't worked enough with the .webm format to give useful advice, but you could try reaching out to the creator of the set for some advice.
1583348020
Mino
Marketplace Creator
Okay, if that's what you want to do, the answer may be easy or difficult depending. First, does the marketplace listing allow you to download the assets? Go to the page you bought the animated wings from and see if there's a download button. If yes, go ahead and download it. You'll have to check the file format of the wings and do things differently depending. If it's a .gif file, that's easy. you can go to a website called&nbsp; <a href="https://ezgif.com/" rel="nofollow">https://ezgif.com/</a> &nbsp;and do it all online for free. Upload the gif, then using their overlay tool, add his token on top of it. Save the file, and you're done. If it's .webm or .mp4, then it can still be done on that same site, but you'll need to convert the file to .gif first, which can be done using one of their other tools. However, you may experience quality loss due to the .gif format, especially if there's lots of colors. If you want the token to be higher quality, .webm is your best bet. Unfortunately, working with .webm can be a little more complicated and I don't know of any good online tools to do it. Go ahead and give that website a shot. If it still doesn't work, go ahead and DM me and I'll just make the .webm token. Should take less than 10 minutes, so I don't mind getting it done.
well...it...sorta worked..theres some original format that didnt turn invisible when i combined and converted the merged image.
1583359738

Edited 1583359906
Mino
Marketplace Creator
I've worked the issue out in DM's. To those in the future reading this thread, let me tell you a tale of how .webm isn't supported across all programs. The way .webm is encodes transparency is still a newer use of the format and isn't quite supported across all browsers. It works for Firefox, Chrome, and Edge at the very least, and probably some other browsers, but its support isn't universal. The background issue shown in the above image is a result of artifacts that come about from the transparency not being read correctly. As it turns out, even having the transparent .webm file wasn't enough for me to composite the file onto the figure as requested. Instead, I had to hunt around for a program that could read the transparency properly. My usual program of choice is somehow able to export transparent .webm, but not import it for some weird reason. Eventually, I found that using OBS of all programs, I was able to read the transparent .webm and put a greenscreen underneath it, record the greenscreened animation, and remove the greenscreen in my program of choice to get the image set up properly and exported. The method I described earlier using EZgif will work perfectly fine if you're using a .gif animation and want to put an image over it, but I naively assumed that the built in .webm converter preserved the transparency of the .webm file. It does not. If you're interested in getting a .webm animation you've purchased from the marketplace into it's own unique token, you'll either have to use the method I described here, or try to contact the original author and cross your fingers that they are willing to work with you to make the token work properly. Regardless though, my method only really works for images that are fully opaque and fully transparent. If you had an image that has a fading effect of transparency, this method wouldn't work, and you'd have to do extra effects work after the fact to get that transparency back.
Gurk....
Hi, I've an issue with Webm animated tokens (bought on the Roll20 marketplace): when I put my mouse over in the pic section, animation is here, but after that, when trying to drop it on the VTT, nothing happens: token is invisible. In my wheel settings, I've the "animated graphics" box checked... so -&gt; I unchecked it, then dropped my token. Its now visible, but static. Then,when I check again the animated graphics box, nothing happens too. Tried everything, restart, etc etc, refresh, cache cleaning etc. Any idea? Thank you! keithcurtis said: There is an API script that can do this, but unfortunately, that would require a Pro subscription. I haven't worked enough with the .webm format to give useful advice, but you could try reaching out to the creator of the set for some advice.