✨ 粒子与鼠标交互

粒子系统最大的魅力在于交互性。

鼠标追踪

每个粒子都会响应鼠标位置，产生有趣的排斥效果：

1
2
3
4
5
6
7
8
9
const dx = sx - mouse.x;
const dy = sy - mouse.y;
const dist = Math.sqrt(dx * dx + dy * dy);

if (dist < 120) {
  const f = (120 - dist) / 120;
  this.baseX += dx * f * 0.04;
  this.baseY += dy * f * 0.04;
}

颜色渐变

粒子使用随机颜色，通过 opacity 和 scale 产生纵深感。