跳到主要内容

奖励特效:金币飞行、粒子和层级

依据:Cocos Creator 3.8 粒子、补间与 UI 合批文档。示例在浏览器运行;微信真机未验证。

目标画面​

结算后金币从面板散开,再飞向顶部货币栏,星光短暂出现。简单版本用少量金币沿曲线运动;复杂版本加入随机爆发、分批汇聚、拖尾、音效和数字过渡。复杂版本要增加生命周期、目标位置更新与回收规则,而不仅是提高粒子数量。

金币先散开再沿曲线汇聚,目标货币栏独立于弹窗坐标

把演出分成准备、爆发、汇聚、收尾四段。金币起点可能在面板坐标系,目标在 HUD 坐标系,应先转换到共同的特效层。屏幕变化或弹窗关闭后,路径的终点是否更新要有明确规则,不能把旧屏幕坐标长期保存。

业务到账与动画到账​

真实奖励在可靠业务结果确定后记录。动画只是把变化讲给用户看:数值可以逐步显示,但跳过动画、切后台、关闭页面和动画失败都不能改变最终余额。一个奖励结果应有稳定标识,避免重复打开面板就重复发奖。

奖励结果先确认,演出可以跳过;回收与数字终态在收尾阶段保证

金币看起来很多,不代表每枚都需要独立物理模拟。用预先设计的少量路径、错开发射时间和尺寸变化,也能形成丰富层次。远离焦点的星光可减少更新,透明大光斑应控制覆盖面积。美术节奏比盲目增加数量更重要。

打开奖励与粒子实验台,先用较少粒子观察轨迹和生命周期,再增加数量和寿命,比较画面密度与重叠。该示例不接入真实奖励系统,数字或计数用于解释表现过程。

浏览器原理演示录制:奖励粒子与汇聚运动浏览器原理演示录制 · 循环 GIF

动图来源:本站浏览器示例录制,不能证明微信设备的性能上限。

资源和更新怎样回收​

可以复用金币对象,但回收时必须清空目标、速度、透明度和完成回调。设置最大活动数量,达到上限时合并或跳过装饰,而不是无限创建。页面退出时统一取消演出,让余额显示进入最终状态,避免多个定时器继续操作已销毁节点。

常见失败:金币飞到屏幕外​

终点来自设计稿绝对坐标,适配后货币栏已经移动;或在不同父节点间直接混用坐标。调试时显示起点、终点、路径和父容器范围,先去掉随机偏移,再检查坐标转换。若特效盖住按钮,重新规划层级与输入规则,装饰节点通常不应成为点击阻挡层。

可以交付的检查​

检查奖励为零、数量很大、快速重复触发、页面关闭、屏幕改变及后台恢复。验证最终余额、对象回收和回调次数,再测试长时间运行。继续参考 粒子原理、坐标适配 和 性能验证。

官方来源与适用范围​

资料核查日期:2026-10-30。文中的案例参数与图解用于教学;目标项目应按所用版本及平台重新验证。