Streaming live at 10am (PST)

Anyone using "Bodymovin" html5 animation with Webflow?


#1

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:
https://github.com/bodymovin/bodymovin/wiki/Expressions


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


Need help with implementing "Bodymovin"
#2

verrryy interesting.


#3

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


#4

Apparently this website was made using this technology with After Effects:
https://fleximize.com/mission/

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


#5

So I contacted the person who did create this awesome code on Github:
https://github.com/bodymovin/bodymovin
His name is Hernan Torrisi and he was kind to do a quick test with Webflow. Here is the link:
https://webflow.com/website/Bodymovin-test

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


#6

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


#7

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


#8

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.


#9

I'm getting Flash feelings about this :grinning:


#10

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