人类的智慧难以想象,所以才会有越来越多有意思的东西创造出来。
设计师把一组包含了动画效果的json文件交给工程师,工程师只要加载这个json文件就能重现动画效果,真的是非常便捷。
下面介绍两种具体的技术
lottie
Arbnb开发的lottie技术。
设计者使用After Effects创建动画,使用Bodymovin插件将动画导出为json,开发者使用Lottie加载器加载json就能重现动画。
lottie针对ios, android,web都有对应的库,使用起来基本没难度
下面的是web上的代码
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player
src="https://assets2.lottiefiles.com/packages/lf20_n9uJIY.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop controls autoplay >
</lottie-player>
live2d
live2d也是一种动画技术, 类似于lottie, 不过live2d属于一种商业技术,并非开源的。