如何实现微信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数据结构

求婚的方式多种多样啦~

No1:暖男烛光晚餐求婚

       提前准备一顿浪漫的晚餐（没实力也可以外卖，哈哈哈），然后把蜡烛、打火机、戒指、玫瑰等准备好，放在阳台或者其他房间，关上窗帘。晚上你们共同回家后，蒙上她的眼睛，点亮蜡烛，打开窗帘，送上鲜花，下跪求婚啦~

No2:冰箱惊喜求婚

       提前准备好一束玫瑰花、一支单支玫瑰、钻戒、小蛋糕、信纸，信纸上写满你对她说的话哦，能肉麻就肉麻，别怂！把冰箱整理干净，然后依次放入单支玫瑰、小蛋糕、钻戒、信纸，等她回家打开冰箱，就会看到你为她准备的惊喜。然后你悄悄的拿着玫瑰花束站在她的身后，等她看完信纸转身的那一刻，赶紧下跪求婚吧！

       No3:汽车后备箱求婚

       在后备箱精心布置好浪漫后，回家假装说自己东西掉在汽车后备箱了，麻烦女朋友去后备箱拿一下 。然后尾随女朋友下去，女朋友打开后备箱后肯定会非常激动。你拿着戒指出现在她身后，跪下，开启你浪漫的表白吧！~

     NO4:假扮公仔求婚

找一套公仔服穿，制作几张印有“嫁给我”“我爱你”等字样的大型KT板。在女朋友必经之路上给她发传单，做出奇怪动作吸引她的注意，然后在朋友的配合下举起巨型KT，你摘下头套手捧玫瑰出现在她身边，跪下~

     No5:**院求婚

     制作一则告白的视频，然后包下影院。当天女朋友和闺蜜一起去看**，看半个小时后**播放失灵，紧接着出现你的告白视频。视频完毕你拿着玫瑰花出现在她的面前，跪下~

以上就是forlove致爱为你呈现的五种求婚方式，赶紧学起来吧

微信80版本给部分默认表情添加了动画效果，其中就包括烟花表情，也就是可以放烟花，那么，微信放烟花方法：

工具/原料：手机型号：iphone 6s Plus、系统版本：ios120、软件：手机微信801

1、打开微信。

2、点击微信好友名称，进入聊天界面。

3、点击“表情”。

4、在屏幕下方往上滑。

5、找到并点击“烟花”表情，点击“发送”。

6、这样自己和好友的微信屏幕上就会放烟花了。