Kaltsit163 / AE-Element

:art: use bodymovin to render some interesting After Effects vector element

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

AE-Element

使用bodymovin渲染一些有趣的After Effects矢量元素

演示

演示地址:http://web-oysun.cn/AE-Element/ , 请在pc端浏览,在手机端会比较卡,因为大量的渲染元素集中在一个页面上,所以非常吃手机内存,这是为了演示,实际上你不需要把这么多这种渲染元素放在同一个页面上

使用

-> 实际上你只需要PRERENDER文件夹下的json数据

如果你用原生js或者jquery,用bodymovin.

如果在安卓使用,配合airbnb的lottie-android`

如果在ios使用,配合airbnb的lottie-ios`

如果在react-native使用,配合airbnb的lottie-react-native`

-> 如果你会AE,也可以使用AE-SRC文件下的ae源文件进行修改

TODO

AE资源非常多,不过很多酷炫的动画需要定制化,这通常是交互设计师的工作。所以我尝试将一些通用的渲染元素,收集或者制作用bodymovin渲染出来。当然,由于本人还是学生,没有实际工作经验,不知道公司需要怎样的元素去完成酷炫的动画,所以,如果你有需求,请提issues.

LICENSE

MIT

About

:art: use bodymovin to render some interesting After Effects vector element

License:MIT License


Languages

Language:JavaScript 94.5%Language:HTML 5.5%