首页 / 实验室
Lab · Motion
动效实验室
六个真跑得动的 canvas 演示，参数随便拖，鼠标凑近有反应。
六个自己写的 canvas 演示，全部在你浏览器里算 —— 没有一个像素来自服务器。 鼠标在画布上移动会有反应，参数随便拖。（页面切到后台、或者画布滚出屏幕时会自动停下来，省电。）
1 · 星空视差 520 颗，鼠标会推开
2 · 极光流场 value noise 驱动的 130 条线
3 · 粒子文字 改字重生，鼠标吹散
4 · 声波层 不碰麦克风，鼠标控制振幅
5 · 万花筒 镜像数一变，图案就换一种活法
6 · 引力小剧场 N 体互拽，轨迹会自己绕成花
这些演示的代码在
/lab/motion/motion.js，单文件、无依赖、约 400 行。
想拿去做自己的背景，直接抄；`prefers-reduced-motion` 打开时页面会停手不动。