交互粒子

可配置 · 可交互 · 可嵌入

特点

高性能 Canvas 渲染,适配高分屏,支持连线、交互、场景预设与主题切换。

交互

鼠标悬停吸引/排斥,点击触发粒子爆裂;滚动与窗口缩放自适应。

易用

仅引入一份 JS 与 CSS,几行代码即可在任意页面启用背景粒子。

可定制

支持实时调参与主题配色,可作登录/落地页背景或可视化装饰。

快速上手

<script src="assets/js/particles.js"></script>
<script>
  const p = new Particles(document.getElementById('bg'), { count: 120 });
  p.start();
</script>