交互式粒子场
移动指针,拨动一个微小的宇宙。探索粒子、距离与连接之间的关系。
动画已暂停 · 移动指针与粒子互动。尊重系统的减少动画设置,离开视口时自动暂停绘制。
怎么玩
移动鼠标或触碰画布,观察附近粒子的变化。拖动滑块修改参数,用暂停按钮仔细观察某一帧。键盘用户可以用 Tab 选中滑块,再用方向键调整。
实验说明
使用 React 与 Canvas 绘制,最多 150 个粒子。没有外部资源或数据上传,动画会响应减少动画偏好,并在后台停止。
移动指针,拨动一个微小的宇宙。探索粒子、距离与连接之间的关系。
动画已暂停 · 移动指针与粒子互动。尊重系统的减少动画设置,离开视口时自动暂停绘制。
移动鼠标或触碰画布,观察附近粒子的变化。拖动滑块修改参数,用暂停按钮仔细观察某一帧。键盘用户可以用 Tab 选中滑块,再用方向键调整。
使用 React 与 Canvas 绘制,最多 150 个粒子。没有外部资源或数据上传,动画会响应减少动画偏好,并在后台停止。