daily-work-20261027-second:基于 Canvas 2D 的驻波图样与微粒运动可视化项目

可用于驻波物理概念教学演示或交互式可视化展示。通过两个滑块调节正弦驻波模式阶数,观察六千微粒沿数值梯度运动的几何节线图样,支持合成声效与每日种子化配色,零依赖单文件即可离线运行。【此简介由AI生成】

分支1Tags0
文件最后提交记录最后更新时间
5 天前
5 天前
5 天前
5 天前
5 天前
5 天前
5 天前

驻波图样与微粒演示 · 1027期-second

调节两个阶数,观察微粒组成的几何节线

调节两个模式阶数观察驻波函数的节线图样,六千微粒沿数值梯度运动,支持手动开启合成声效。

架构图

实际运行截图


功能特性

特性 说明
模式调节 两个滑块调节正弦驻波函数的模式阶数
微粒运动 六千微粒按局部数值梯度与阻尼更新
合成声效 手动开启或关闭浏览器振荡器声效
重播 重置微粒初始位置

系统架构

整体分为四层:

  1. 输入层 — 接收滑块、按钮或画布指针操作
  2. 状态层 — 保存模式参数及粒子、系数或节点状态
  3. 更新层 — 执行对应演示的数值更新
  4. 绘制层 — Canvas 2D 绘制图形与视觉反馈

技术栈

  • Canvas 2D — 全部视觉效果的原生绘制,无任何图形库
  • requestAnimationFrame / 定时器 — 逐帧渲染与世代节拍
  • 种子化伪随机(mulberry32) — 当日种子决定布局与配色,每天面貌一新
  • 原生 JavaScript (ES2020+) — 零依赖、零构建,单个 index.html 即可运行

快速开始

# 直接双击 index.html 用浏览器打开即可,离线可用

期号

1027 期 · 由每日锻造流水线自动生成,同主题次日会换上全新配色与参数。

许可证

MIT

项目介绍

可用于驻波物理概念教学演示或交互式可视化展示。通过两个滑块调节正弦驻波模式阶数,观察六千微粒沿数值梯度运动的几何节线图样,支持合成声效与每日种子化配色,零依赖单文件即可离线运行。【此简介由AI生成】

定制我的领域