单 HTML 文件浏览器音乐可视化器:31 个场景与 Claude 结对开发实录

VibinVentricles · reddit · 2026-10-11

开发者 malakachakra 发布了一个纯浏览器、单 HTML 文件、零依赖的音乐可视化器 dsViz(已开源),包含 31 个场景:Milkdrop 式反馈扭曲、基于波动模拟的水面、反应扩散(Petri)、Mandelbrot 深空缩放、闪电分形等,每个场景有独立链接可分享。音频侧将声音按低/中/高频拆分,各频段对照歌曲自身的近期均值驱动画面,使安静 lo-fi 与响亮 techno 有同等视觉强度,并配滑杆供用户调节。

开发流程值得一提:作者先在网页版 Claude 起步,后转用 Claude Code。早期效果平淡,周末重写后采用「肉眼驾驶」的反馈循环——描述想要的氛围(如更赛博朋克、更压抑)、看结果、提修改;Claude Code 还能无头渲染场景并自查输出,省去大量往返。前约 10 个场景由 Claude 自主设计,流体类场景按指示制作,其余多改编自精选的 Milkdrop 特效。手机端可滑动切换场景,但需用麦克风采集外部音频。

原文链接 →

「编程与Agent」频道最新

更多「编程与Agent」频道 AI 资讯 →