Canvas 粒子引力与动态连线实验

这是一个完全使用现代原生 Web 技术（HTML5 Canvas + 纯 JavaScript）构建的轻量级物理仿真交互项目。

项目亮点与特性

1. 零外部框架依赖：整个演示不引入任何庞大的三方库（无需 Three.js、Pixi.js 等），完全使用浏览器 2D Canvas Context 驱动，加载耗时不到 10 毫秒。
2. 物理交互响应：
3. 鼠标排斥/引力：当鼠标在画布上滑动时，周围半径内的粒子会受到速度冲量并发生偏移；
4. 动态网状连线：实时计算每两个粒子之间的欧几里得距离，在设定的阈值范围内绘制半透明连线，随距离拉远自然淡出；
5. 脉冲爆炸效果：点击顶部控制栏的“发散脉冲”按钮，所有粒子将从中心点向外围施加径向冲击波。
6. 独立目录与沙箱隔离： 该演示的源码保存在 content/demos/interactive-calc/ 下，Pelican 配置了 ARTICLE_EXCLUDES 确保其不被篡改为博客文章；通过 iframe 嵌入本页展示，完全不影响外部排版样式。

源码与离线运行包

• 全屏独立体验：点击此处全屏打开演示
• 离线源码下载：下载项目完整 Zip 源码包

你可以直接解压该 zip 包，在任意电脑上双击其中的 index.html 即可在本地离线运行。