可用于直观理解离散傅里叶变换与周转圆的几何关系。支持在画布上自由手绘曲线，通过滑块调节谐波数量观察周转圆逐步重建轨迹，也可一键载入心形预设。基于原生 JavaScript 和 Canvas 2D 实现，零依赖、零构建，单个 HTML 文件即可离线运行。【此简介由AI生成】
| Files | Last commit | Last update |
|---|---|---|
| 7 days ago | ||
| 7 days ago | ||
| 7 days ago | ||
| 7 days ago | ||
| 7 days ago | ||
| 7 days ago | ||
| 7 days ago |
傅里叶周转圆绘图 · 1105期
手绘曲线，观察周转圆重建轨迹
使用离散傅里叶变换把手绘采样转换为周转圆，调节谐波数量观察曲线重建，也可载入心形预设。
功能特性
| 特性 | 说明 |
|---|---|
| 离散变换 | 对最多256个采样点计算复数离散傅里叶系数 |
| 谐波调节 | 滑块控制参与绘图的周转圆数量 |
| 自由手绘 | 拖动画布输入曲线，松开后开始重建 |
| 预设曲线 | 一键载入心形采样 |
系统架构
整体分为四层：
- 输入层 — 接收滑块、按钮或画布指针操作
- 状态层 — 保存模式参数及粒子、系数或节点状态
- 更新层 — 执行对应演示的数值更新
- 绘制层 — Canvas 2D 绘制图形与视觉反馈
技术栈
- Canvas 2D — 全部视觉效果的原生绘制，无任何图形库
- requestAnimationFrame / 定时器 — 逐帧渲染与世代节拍
- 种子化伪随机（mulberry32） — 当日种子决定布局与配色，每天面貌一新
- 原生 JavaScript (ES2020+) — 零依赖、零构建，单个
index.html即可运行
快速开始
# 直接双击 index.html 用浏览器打开即可，离线可用
期号
1105 期 · 由每日锻造流水线自动生成，同主题次日会换上全新配色与参数。
许可证
MIT