Streaming live at 10am (PST)

Anyone using "Bodymovin" html5 animation with Webflow?

I found this interesting plug-in to use with Adobe After Effects called “bodymovin”. It allows to create animation out of After Effects that are using svg. I am not a programmer, not do I understand much. But in the end in renders an html file and a data.json.
How do I put an animation html5 inside weblow?
Here is the link to Bodymovin:


http://codepen.io/airnan/details/PqjwYM


Here is my public share link: LINK
(how to access public share link)

3 Likes

verrryy interesting.

Wait wait wait, you can create an after effects animation using shapes and render it as an html5 animation?! :scream:

2 Likes

Apparently this website was made using this technology with After Effects:

I have been using After Effects for 20 years… I would love to use this process, but I don’t understand how to proceed.
Net magazine on page 44 talks about it:
https://issuu.com/myrhaelangel/docs/net_-_april_2016

4 Likes

So I contacted the person who did create this awesome code on Github:


His name is Hernan Torrisi and he was kind to do a quick test with Webflow. Here is the link:

From my understanding, it has to be published in order to work.

5 Likes

Wow the site is like an interactive cartoon! OMG it is awesome!

Great share. My mind just exploded from the posted samples.

Interesting but cartoon like kills it for me. Im sure it has its place int he vast web. Reminds me a lot of a cartoon network flash game like Total Drama Island.

I’m getting Flash feelings about this :grinning:

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.