从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/

发布了370 篇原创文章 · 获赞 81 · 访问量 30万+

猜你喜欢

转载自blog.csdn.net/lineuman/article/details/103432126