从json到动画

人类的智慧难以想象，所以才会有越来越多有意思的东西创造出来。
设计师把一组包含了动画效果的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属于一种商业技术，并非开源的。


鸣谢
https://imjad.cn/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-02/