Hello all! I am asking the collective mind out there for advice on how to place an animation in a profile. I have a simple animation that I'd like to squeeze into the About Me section, but I cannot get it to embed properly. I've tried iframe and embed codes a couple of different ways, and no luck.

The animation is currently made as an HTML5 Canvas document, although I can convert it to swf. I tried that, and still nothing.

I don't want to go with an animated gif as that looks cruddy on this particular animation.

Any number of the above options should work, I would think. I must be messing up a setting somewhere. Any thoughts are appreciated.

Thanks!

So, problem solved. I'm going to spill it out on here what I did just to add to the general database of knowledge. Caveat, there is likely a better way of going about this. This is just the way that worked for me.

I ended up making an animated gif using Photoshop. Even though I already had the animation made in Adobe Animate (I was already using it as an HTML5 Canvas animation in a property inworld) I couldn't get the animation to work on my profile as a Canvas or swf file. I still don't know why they didn't work, but oh well. Also, Adobe Animate is apparently quite poor at exporting animated gifs.

I took the Animate Canvas animation and exported each frame as a separate png file. I then loaded them all into Photoshop as a Stack, each getting their own layer, placed them on the Timeline, and exported them as an animated gif. By playing with the Diffusion value, I was able to get the file size down from about 4mb to about 2mb, and I'm happy with the result. I could have gotten the file smaller, but I'll take a larger file size and better quality.

Hi Silesa

No, it's not hosted at a secured domain. I hadn't considered that, that's a possibility.

I'm new to playing with Canvas animations, so it's also possible I was doing something wrong. Creating the animation itself I have down since it's no different than previous things like Flash (although Canvas seems to not like some functions). The end product I get is a web page containing the Script and Canvas code with the functioning animation. This is easy to plug into my properties as a single link and use inworld, but plugging it into a profile is another matter it seems.

I tried using an iframe and got nothing. Maybe this is where https would come into play; when I looked at the HTML behind the profile after putting it online, it showed that the link was still in there but instead of displaying the link it had created its own empty code. Instead of using an iframe, pasting the Canvas code into the profile seemed to take, but the Script elements were not being accepted (instead of being incorporated into the profile they were displaying as if the tags were being ignored).

I tried placing all of the script elements into a separately hosted file and having it linked, but there appeared to be some script code that was required to be on the same page as the Canvas element.

So profile pages will accept the Style tag, but not Script tag?

Thanks Silesa, I totally agree with you. I ended up resorting to gif out of frustration, but for inworld animations I am sold on Canvas. I know there must be a way to get this to work on the profile. At this point, it feels like a puzzle to solve.