支付宝五福烟花互动应用

🙋🏻‍♀️ 编者按：本文作者是支付宝后端开发工程师馥云，介绍了 2024 年五福全新互动玩法“烟花摊”背后的技术细节，欢迎查阅～

前言

2023年，我们把数字人带进福气乐园，打造了支付宝首个亿级用户参与的3D多人实时在线互动空间；2024年，随着支付宝五福从“集五福”升级为“五福节”，福气乐园也整体升级为“福气之城”。

福气之城作为五福会场的主链路之一，除了承担「耗卡」这条主线任务，也是各业务场流量转化的中心阵地。今年为卷入更多的用户，福气之城尝试启用平面分层空间，通过三大街区（年俗、好礼、快乐）串联耗卡场景，提供更多商业化的能力。用户在城内不仅可以体验前沿AI科技，还能感受到开放互动带来的无限乐趣。“烟花摊”作为全新玩法，提供了氛围最强、年味最浓的互动能力。

业务玩法

福气之城玩法介绍：以耗卡得好礼/福气值为抓手，让用户在城里通过参与年俗互动、游戏、商业化私域阵地体验、任务打卡等玩法，赚取福气值解锁奖励，福气值达到一定数额后还能参与5000w大奖平分。

在分层街区布局下，用户点击「年俗街」的“天空”区域，即可解锁烟花的沉浸观看模式。沉浸模式下，用户能看到其他用户燃放过的烟花，其中支付宝好友燃放过的会被优先推荐。

烟花摊提供了不同类型的烟花供用户选择，包括能激起用户好奇心的盲盒烟花、支持自定义文案的DIY烟花、寓意吉祥的祈福烟花等。当然，天然具备浪漫属性的烟花，还可以通过多个社交渠道赠送/分享给他人，把美好的祝福传递下去。

技术挑战

烟花渲染体验

福气之城烟花制作的本质是将播放内容通过算法处理得到 uv 采样坐标，燃放烟花就是消费坐标及纹理对象来播放Mars动画（Mars是蚂蚁自研的专注于移动端的动效方案）的过程。

机型覆盖率

参照大促降级标准，一般会有5% 左右的中低端机型会在互动场景中被降级。这部分中低端机型CPU和内存性能较差，在播放Mars动画可能存在渲染卡顿、失败等问题，这将非常影响用户的体验及会场参与的公平性。

UGC实时特效计算

在非 UGC 场景下，烟花内容可枚举，所有的动作、特效、粒子都可以预先处理，播放时直接消费设计提供的 Mars 产物。而 UGC 文字烟花场景中，文字、图片的粒子构造则需要在终端运行时完成，该步骤计算量较大，其中镂空字体的计算量甚至高达 90w+ 次。多数机型的端计算能力有限，可以预见会出现播放发热、卡顿、甚至闪退等现象，需要保障DIY文字烟花渲染的稳定性。