Canvas · 粒子系统 · 动效复刻

一行文字被粒子打散、在空中消失、
再从虚空聚拢成另一行。

复刻自 APPSO 品牌动图。不是 GIF 播放,也不是遮罩扫描 —— 是文字本体被逐点溶解后重组。可复现、可验证、可参数化。

APPSO 红卡底板
旧字实心淡出 ─ 旧字粒子散尽 ──→〔 空场 〕──→ 新字粒子聚拢 ─ 新字实心浮现 └────────── 溶解 v=0.00→0.36 ──────────┘ └────────── 重组 v=0.64→1.00 ──────────┘
▶ Bold 版(点开即玩) Regular 版 源码仓库 →

页面里有什么

三个滑块

变形时长 / 粒子格 / 飞散幅度,实时重算,不用刷新。

实时读数

左下角显示 fps、粒子数、渲染分辨率。

单文件、零依赖

字体子集与底板全部 base64 内嵌,约 39KB,离线也能跑。

四个逐像素验证器

空场零残留、粒子不越框、两段幅度一致、四边留白等距 —— tools/