BROWSER / 本地运行可体验独立窗口
浏览器不支持 Canvas。请使用支持 Canvas 的浏览器体验粒子动画。

动画已暂停 · 移动指针与粒子互动。尊重系统的减少动画设置,离开视口时自动暂停绘制。

怎么玩

移动鼠标或触碰画布,观察附近粒子的变化。拖动滑块修改参数,用暂停按钮仔细观察某一帧。键盘用户可以用 Tab 选中滑块,再用方向键调整。

实验说明

使用 React 与 Canvas 绘制,最多 150 个粒子。没有外部资源或数据上传,动画会响应减少动画偏好,并在后台停止。