直播中刷礼物特效，常使用的库（二）

大家好我是辉子，遇到有用的东西就记录下来，也希望和您成为朋友。关注 公众号: 【罗米笔记】，有更好的笔记会及时更新，

上期推荐了一个svga , 是可以应用在直播刷礼物的特效，当然，还有个库应用起来也是很棒的，那就是lottie

Lottie 是 Airbnb 开源的一套跨平台的完整的动画效果解决方案，设计师可以使用 Adobe After Effects 设计出漂亮的动画之后，使用 Lottic 提供的 Bodymovin 插件将设计好的动画导出成 JSON 格式，就可以直接运用在 iOS、Android、Web 和 React Native之上，无需其他额外操作。

主要是想写下关于lottie-web 

制作的话，可以安装插件 https://aescripts.com/bodymovin/

使用代码：

npm install lottie-web// 模拟下送礼物到销毁的过程onMounted(() => {  const item = lottie.loadAnimation({    container: document.getElementById("bm"),    renderer: 'svg',    loop: false,    autoplay: true,    path: new URL(        // 本地资源路径        `/src/assets/data.json`,        import.meta.url    ).href  })  item.addEventListener("complete", function (direction) {    item.destroy()  })})

 <div id="bm" style="width: 100px"></div>

上面的代码就能实现想要的效果 ， 朋友们可以去尝试下。

对应的github: 

https://github.com/airbnb/lottie-android   android

https://github.com/airbnb/lottie-ios   ios 

https://github.com/airbnb/lottie-web  web