Skip to main content
EnZhoCR
Participating Frequently
May 24, 2024 7:03 AM UTC
Question

Importing Animation into HTML Canvas

I would like to ask if someone already did this and can help me to understand if is possible or not.

I made an simple animation in After Effect and i export in a Json file with bodymovin plugin, now i want to export this Jason file into an html canvas with animate.

 

Is that possible or not? 

 

Thanks a lot,

This topic is closed to new replies. Start a new post to keep the conversation going.

10 replies

JoãoCésar17023019
Community Expert
Community Expert
May 24, 2024 2:51 PM UTC

Hi.

 

You'll either need to write your own parser to turn the animation described in the JSON file into Animate's symbols in a FLA or you'll need to use Lottie to play it to you but in an external canvas, which defeats the purpose of using Animate to begin with.

 

Regards,

JC

Translate
EnZhoCR
EnZhoCRAuthor
Participating Frequently
May 24, 2024 2:54 PM UTC

Hello JC,

 

thanks... i would like to avoid to write my own parser 😉 

I am just trying to find a solution from AE to HTML canvas with animate. 

 

Translate
kglad
Community Expert
Community Expert
May 24, 2024 2:55 PM UTC

again, you probably should export a png sequence from after effects and import that into animate.

Translate
kglad
Community Expert
Community Expert
May 24, 2024 1:36 PM UTC

animate can load and parse json files with code, but i don't think that's what you want.

 

you probably should export a png sequence from after effects and import that into animate.

Translate
EnZhoCR
EnZhoCRAuthor
Participating Frequently
May 24, 2024 2:00 PM UTC

This video explain what i want to do 😉

 

https://www.youtube.com/watch?v=ua7PWQH83U4

 

 

Translate
kglad
Community Expert
Community Expert
May 24, 2024 2:30 PM UTC

why do you want to involve html/json?

Translate