• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

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

Explorer ,
Aug 17, 2022 Aug 17, 2022

Copy link to clipboard

Copied

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?

TOPICS
Code , Import and export , Missing feature , Publish package

Views

392

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 17, 2022 Aug 17, 2022

Copy link to clipboard

Copied

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?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 18, 2022 Aug 18, 2022

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 28, 2024 Feb 28, 2024

Copy link to clipboard

Copied

LATEST


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....

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines