如何实现微信8.0爆炸和烟花表情特效

Lottie 是一套著名的跨平台动画效果解决方案， 支持iOS、Android、Web 和 React Native（所以我们的设计师对它也非常熟悉）， 设计师使用Adobe After Effects设计好的动画导出成 JSON 格式，通过lottie，各平台使用这份json就可实现设计师的动画效果，不用各自去写复杂的动画逻辑，也省去了很多沟通成本。

根据lottie的Android源码，其大致原理是：

解析json->layer对象的映射->layer对象为layerview构造出各种path等->数据全部准备好就是不断的执行view的draw方法完成绘制

Android端的实现是基于Drawable，最终都是对canvas的操作。lottieDrawable中的setComposition方法中的buildCompositionLayer开始真正的解析layer和绘制

layer的类型与 AE中的图层的对应关系为：

Lottie - 轻松实现复杂的动画效果

lottie源码分析

[github：android地址] （ https://githubcom/airbnb/lottie-android ）

[github：ios地址] (] https://githubcom/airbnb/lottie-ios/tree/lottie/objectiveC )

如此酷炫又带音效的动画相当于透明视频了。如何在移动设备上播放透明视频呢？一般MP4格式的视频是没有透明通道的。可以分离出Alpha通道，再通过OpenGL ES重新实现Alpha通道和RGB通道的混合，从而实现在端上播放带透明通道的视频。

这个方案字节跳动和企鹅电竞用于直播间送礼动画，两家的开源方案在此，其原理是一模一样的：

字节跳动：[ https://githubcom/bytedance/AlphaPlayer] （ https://githubcom/bytedance/AlphaPlayer ）

企鹅电竞： https://githubcom/Tencent/vap

AlphaPlayer的播放器是基于exoPlayer实现的，vap是自定义解码器，由于兼容性的原因，我本来更倾向于选择AlphaPlayer。但是后来发现vap做得更完善一些。对比AlphaPlayer的优势有：

行。

用lotttie方案已在我们的产品中实现“烟花”和“爆竹”的效果。但是美术嚷嚷效果不好。我们还是实现了，并且在播放动画的同时，还创建了一个音频播放器播放音效。

烟花：

此方案局限在于：

相比于lottie方案的好处：

如何使用：

AE将最终合成导出为png序列，然后使用VPA所提供工具合成带透明通道数据的MP4视频。

效果：

暂和lottie方案一致。(已接入实现)因为暂时使用同一份AE素材导出。不过显而易见地可以做得更精细，可能资源也会更大，目前mp4加2s的音效只有400k。

此处另外补一张此方案的效果对比一下，烟雾效果比lottie方案要逼真多了。

After Effects CC 全套入门教程 https://wwwbilibilicom/video/BV1At411i7yZp=6&t=645

AE在我们项目中的应用除了上述特效动画，还有VE视频编辑模板。VE视频剪辑方案是一个集AE(Adore After Effects)和Pr(Premiere)软件功能为一体的视频处理方案。从视频特效的角度来看，它是一个类似After Effects的基于图层和特效插件系统的视频处理架构;从视频编辑的角度来讲，它是类似一个多轨道的含视频滤镜、贴纸、文字动画、轨道动画、视频特效、视频转场、视频动画为一体的视频编辑系统。

对于一个模板配置数据json进行分析(由VE配套工具导出)

附件 super_mosaic_configjson

对上述聊天特效烟花json数据进行分析（由lotttie配套ae插件导出）

附件 YanHua_ChengHong_750×750json

从以下几个问题分析json数据结构

快手礼物烟花有特效。

快手是现在十分流行的一款短视频软件，在快手上你不仅能观看短视频，你也可以自己录制短视频，或者进行直播。

快手直播送礼物步骤：

第一步：我们先在手机中找到快手这个软件，点击图标打开，打开快手进入开始界面，我们可以在界面左上角有个小图标。

第二步：我们进入下一个界面之后，点击界面中间的直播广场，我们进入直播广场，可以发现里面有着各式各样的直播。

第三步：我们可以在直播广场里尽情的挑选我们想要的直播，点击界面即可进入，我们在进入直播之后点击下方那个礼物图标。

第四步：我们点击下方的礼物图标就能够送礼物了，但是在送礼物之前还是要确认账户还有钱，钱不够就需要充值了。

总结：打开快手-直播广场-进入直播-送礼物-充值-完成。

注意事项：未成年人请勿充值。

是仙女棒。开启烟花效果的方法如下：

1、首先打开抖音，为保个人隐私，部分区域模糊处理。

2、点击下方加号，进行拍摄抖音视频。

3、然后就可以在拍摄界面中看到“特效”功能，点击特效。

4、然后就可以选择不同种类的特效即可。选择仙女棒烟花特效即可。

1、首先打开手机爱奇艺，如下图所示。

2、然后在打开的软件主页面中，切换到我的操作界面。

3、接着在打开的个人中心页面里，进入设置功能。

4、然后在打开的页面中， 点击隐私功能，如下图所示。

5、接着在打开的隐私页面中， 点击隐私设置功能。

6、最后在打开的页面中， 将允许爱奇艺根据合作伙伴数据展现广告功能关闭即可。

首先打开抖音短视频APP，然后点击底部+图标接着点击左下角道具；

在热门栏下拉，点击爱心爆炸特效；

再按照提示，先张开手对着镜头，就会出现一颗爱心，然后将手握住，就会出现很多爱心展现爆炸的效果；

拍摄完成后，选择上传，最后使用合适的BGM就可以了。