Canvas · 粒子系统 · 动效复刻
一行文字被粒子打散、在空中消失、
再从虚空聚拢成另一行。
复刻自 APPSO 品牌动图。不是 GIF 播放,也不是遮罩扫描 ——
是文字本体被逐点溶解后重组。可复现、可验证、可参数化。
旧字实心淡出 ─ 旧字粒子散尽 ──→〔 空场 〕──→ 新字粒子聚拢 ─ 新字实心浮现
└────────── 溶解 v=0.00→0.36 ──────────┘ └────────── 重组 v=0.64→1.00 ──────────┘
页面里有什么
三个滑块
变形时长 / 粒子格 / 飞散幅度,实时重算,不用刷新。
实时读数
左下角显示 fps、粒子数、渲染分辨率。
单文件、零依赖
字体子集与底板全部 base64 内嵌,约 39KB,离线也能跑。
四个逐像素验证器
空场零残留、粒子不越框、两段幅度一致、四边留白等距 —— tools/