可用来观察驻波函数节线图样与微粒沿数值梯度运动的动态效果,支持调节模式阶数、合成声效与重播。项目基于 Canvas 2D 原生绘制,零依赖零构建,单个 HTML 文件即可离线运行,每日自动生成不同配色与参数。【此简介由AI生成】
| Files | Last commit | Last update |
|---|---|---|
| 9 days ago | ||
| 9 days ago | ||
| 9 days ago | ||
| 9 days ago | ||
| 9 days ago | ||
| 9 days ago | ||
| 9 days ago |
驻波图样与微粒演示 · 1103期
调节两个阶数,观察微粒组成的几何节线
调节两个模式阶数观察驻波函数的节线图样,六千微粒沿数值梯度运动,支持手动开启合成声效。


功能特性
| 特性 | 说明 |
|---|---|
| 模式调节 | 两个滑块调节正弦驻波函数的模式阶数 |
| 微粒运动 | 六千微粒按局部数值梯度与阻尼更新 |
| 合成声效 | 手动开启或关闭浏览器振荡器声效 |
| 重播 | 重置微粒初始位置 |
系统架构
整体分为四层:
- 输入层 — 接收滑块、按钮或画布指针操作
- 状态层 — 保存模式参数及粒子、系数或节点状态
- 更新层 — 执行对应演示的数值更新
- 绘制层 — Canvas 2D 绘制图形与视觉反馈
技术栈
- Canvas 2D — 全部视觉效果的原生绘制,无任何图形库
- requestAnimationFrame / 定时器 — 逐帧渲染与世代节拍
- 种子化伪随机(mulberry32) — 当日种子决定布局与配色,每天面貌一新
- 原生 JavaScript (ES2020+) — 零依赖、零构建,单个
index.html即可运行
快速开始
# 直接双击 index.html 用浏览器打开即可,离线可用
期号
1103 期 · 由每日锻造流水线自动生成,同主题次日会换上全新配色与参数。
许可证
MIT