在浏览器中使用 Musical Spirograph 进行生成性音乐创作
摘要
Musical Spirograph 是一款基于浏览器的工具,允许用户通过交互式数学模式创建生成性音乐作品,同时支持自定义声音和视觉参数。
<figure>
<img alt="Musical Spirograph 网页应用。" data-caption="太漂亮了。 | 截图:Terrence O’Brien / The Verge" data-portal-copyright="截图:Terrence O’Brien / The Verge" data-has-syndication-rights="1" src="https://platform.theverge.com/wp-content/uploads/sites/2/2026/08/Screenshot-2026-08-21-at-2.49.24-PM.png?quality=90&strip=all&crop=0,0,100,100" />
<figcaption>
太漂亮了。 | 截图:Terrence O’Brien / The Verge </figcaption>
</figure>
<p class="wp-block-paragraph">我记得小时候有一个 <a href="https://www.theverge.com/2014/5/26/5752028/turntable-with-robotic-arms-draws-beautiful-spirographs">Spirograph</a>,并且对它着迷。它的几何图案既催眠又漂亮。我也喜欢 <a href="https://www.theverge.com/report/879819/laurie-spiegel-is-celebrating-40-of-music-mouse-with-a-modern-revival">生成性音乐</a>创作。所以把这两者结合在一个浏览器标签中,我完全被吸引了。<a href="https://musical.toys/toys/spirograph/">Musical Spirograph</a> 是一个相对简单的概念。一组点根据数学方程在屏幕上快速移动,生成内摆线和外摆线。这些点穿过一系列同心圆环,触发特定的音符。</p>
<p class="wp-block-paragraph">老实说,这本身就足够有趣了,但你还可以进行相当多的自定义。有六种不同的虚拟转子可供选择,最多可以有三条臂在绘制……</p>
<p><a href="https://www.theverge.com/entertainment/983322/musical-spirograph-generative-composition">在 The Verge 上阅读完整故事。</a></p>
查看缓存全文
缓存时间: 2026/08/22 19:44
# 使用 Musical Spirograph 在浏览器中涂鸦生成式音乐
来源:https://www.theverge.com/entertainment/983322/musical-spirograph-generative-composition
跳至主要内容 (https://www.theverge.com/entertainment/983322/musical-spirograph-generative-composition#content)
它舒缓、令人着迷,而且玩起来很有趣。
它舒缓、令人着迷,而且玩起来很有趣。
作者
2026年8月22日 下午5:00 UTC
截图 2026-08-21 下午2.49.24
截图 2026-08-21 下午2.49.24
Terrence O'Brien (https://www.theverge.com/authors/terrence-obrien)
Terrence O'Brien
是 The Verge 的周末编辑。他报道科技行业已超过18年,对合成器也略知一二。
我记得小时候有过一个Spirograph (https://www.theverge.com/2014/5/26/5752028/turntable-with-robotic-arms-draws-beautiful-spirographs),并且对它非常着迷。它的几何图案既迷人又绚丽。我也热爱生成式音乐 (https://www.theverge.com/report/879819/laurie-spiegel-is-celebrating-40-of-music-mouse-with-a-modern-revival)创作。所以,当这两者在一个浏览器标签页里结合起来时,我完全沉浸其中了。Musical Spirograph (https://musical.toys/toys/spirograph/) 的概念相对简单。一组点根据数学方程在屏幕上移动,生成内旋轮线和外旋轮线。这些点穿过一系列同心圆环,触发特定的音符。
老实说,单是这一点就足够有趣了,但你还可以进行相当多的自定义。有六种不同的虚拟转子可供选择,最多可以同时有三条臂进行绘制,还有一系列其他参数可以调整图案。接着有六种不同的音阶选项,或者你也可以完全自定义音符,并且有六种不同的合成器预设。此外,你还可以改变量化值和BPM(每分钟节拍数),甚至可以将圆环的数量扩展到两个八度。
当然,声音引擎并不算出色,容易出现削波和杂音。我真的希望能有办法从中输出MIDI来控制其他乐器。但这仍然是一个可以沉浸其中乐上一阵子的好玩工具。
**关注本故事的主题和作者**,以便在你的个性化主页动态中看到更多类似内容,并接收电子邮件更新。
- Terrence O'Brien
## The Verge 日报
免费每日简报,汇总最重要的新闻。
相似文章
构建 Groovie:一款先进的基于 Web 的鼓机 / 节拍音序器
博客文章介绍 Groovie,一款开源、免费的基于 Web 的鼓机和节拍音序器,拥有150多种采样、最多32个模式、时间线音序及效果,使用 JavaScript 和 Web Audio 构建。
Coffee Piano
Coffee Piano 是一个基于浏览器的钢琴工作室,提供用于音乐创作的视觉和声工具。
Scrimshaw 点唱机
Simon Willison 演示了 Claude Opus 5.5 创作原创冒险游戏音乐的过程,最终打造出「Scrimshaw Jukebox」——一个基于浏览器的音乐播放器,包含六首可通过文本编辑的曲目,由浏览器内置合成器实时渲染。
浏览器中的Elektron Machinedrum
这是一个基于网页的研究和模拟工具,专为Elektron Machinedrum数字合成器设计,允许用户在浏览器中与它的功能进行交互。
@Mookafish: "机器人能创作交响乐吗?"
Kevin Ngo 演示了使用 Claude Opus 5.5 来创作钢琴音乐,并创建了一个使用 JavaScript 的动画。