Animate + Anime.js = A match made in heaven?

Forum|Forum|3 years ago
August 17, 2022
3 replies
1316 views

Currently torn between using Animate which I'm super comfortable with, and Anime.js which lets me do similar stuff programmatically.

Unfortunately in Animate, in order to export my animation I also need to add ridiculous amounts of JS and unsemantic markup to my app. The whole process is so tedious that I often just export to GIF instead. I came across https://github.com/vielhuber/adobe-animate-embed the other day which is supposed to simplify things, but it still feels a bit wrong.

Enter https://animejs.com/. It allows you to do manual tween-like operations using SVG and simple/proper JS. I just can't help but think what if Animate in the future could integrate Anime.js somehow and act like a front-end to it? We would get the best of both worlds. What do you guys think?

This topic has been closed for replies.

P

Paulette357467160rga

Participant

I totally agree that combining Animate with Anime.js would be a game-changer. The current process of exporting animations from Animate can be quite cumbersome, but Anime.js offers a more streamlined approach with its SVG-based animations and simple JavaScript syntax. Integrating the two would indeed provide the best of both worlds, allowing for easy creation and export of complex animations. And for those who love anime, this could open up even more possibilities for creating dynamic and engaging content. Speaking of anime, if you're looking for a great place to watch and download your favorite shows, I highly recommend checking out for an amazing .anime streaming experience....

JoãoCésar17023019

Community Expert

Hi.

If bringing anime.js in a script tag is not what you want, maybe an advanced alternative would be to develop a custom document for anime.js.

https://helpx.adobe.com/animate/using/enabling-support-custom-platforms.html

https://helpx.adobe.com/animate/using/custom-platform-support.html

An example is the PixiJS extension:

https://github.com/pixijs/animate-extension

In the links above you'll find references, docs for the C/C++ API, the SDK, and everything else needed.

I hope it helps.

Regards,

JC

kglad

Community Expert

you can add any js library (including anime.js) to animate using the actions panel (global). but how do you reference an adobe animate object using anime.js?

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded