Visual Music

这是一个基于 React、Tone.js 和 p5.js 的交互式音乐可视化项目。它利用 Tone.js 进行实时音频合成，并通过 p5.js 将声音的包络（Envelope）和频率动态地可视化在 Canvas 上。

功能特性

• 实时音频合成：使用 Tone.js 构建了多种合成器乐器：
  • Kick (底鼓)：使用振荡器和频率包络模拟。
  • Bass (贝斯)：使用脉冲振荡器和低通滤波器。
  • Hi-hats (镲片)：使用噪声合成器（开镲与闭镲）。
  • Bleep (哔哔声)：高频振荡器循环。
• 音频可视化：使用 p5.js 实现音画同步：
  • 底鼓触发波形抖动。
  • 贝斯音量控制圆形的缩放。
  • 其他乐器对应不同的几何图形动态效果。
• 交互控制：
  • 播放/停止按钮。
  • 集成 lil-gui 控制面板（可扩展参数调整）。

快速开始

1. 安装依赖

   npm install

2. 启动开发服务器

   npm run dev

3. 构建生产版本

   npm run build