框架与类库:Lottie
掰掰Lottie
之前做运营活动的时候,写了一个比较有趣的打开盲盒的交互动画。由此来和大家聊一聊前端的动画方案,掰一掰 Lottie!
Rive vs Lottie
Want a Lottie alternative that is faster, smaller, consumes less memory, and is fully interactive?
Lottie动画原理
本文主要讲述从AE的bodymovin插件导出的JSON文件到OC的数据模型,再将数据模型拆解成独立图层,并为图层添加动画的过程。
余额宝年年有余中的 lottie 摄像机
在今年的余额宝年年有余活动中,作者使用oasis 引擎,实现设计师设计的lottie摄像机效果的实战。
?动效师前端结合篇 - 动态配置动画数据?AE/Lottie/交互动效/程序动画
设计的本质是为了解决问题,制定设计原则时需要建立在这个设计的中心思想之上。 其核心可划分为两个维度:审美交互维度、开发实现维度。
Lottie动画秘籍--QQ超清表情大揭秘
“QQ表情怎么突然变大了?”“这么丝滑Q弹,忍不住多看几眼,越看越上头。”这些让你一眼上头的丝滑QQ大表情,既不是bug,也不是简单的表情放大。这些生动的表情背后,是QQ团队历时几个月对表情设计与技术的研究创新。无比流畅的表情背后,是一个完全革新的表情制作技术和一种全新的表情格式--Lottie超清表情。
飞书中 Lottie 动画的应用
Lottie 动画方案、使用方法、与 Gif 动画的性能测试对比,以及在飞书中的应用和注意事项。
剖析 lottie-web 动画实现原理
lottie-web 可以帮我们实现非常炫酷的动画效果,那么它是如何实现的呢?笔者对动画实现和原理做了一次梳理,整理了下面的文档供大家参考。
使用 Lottie 快速开发动画
Lottie 是一个跨平台的动画库。设计小姐姐使用 AE 制作并导出的动画文件( JSON 格式),Lottie 可以在各个终端快速解析这个 JSON 文件,从而还原动画,简单快速。
一篇文章了解AE动画插件Lottie的前世今生,附详细案例教你避坑
一份可以快速开始的使用教程
Fish-Lottie:纯Dart如何实现一个高性能动画框架?
Lottie for Flutter
- «
- 1
- »