13 个受音乐启发的令人难以置信的代码片段

已发表: 2020-11-14

开发者的灵魂被描绘成蝴蝶的翅膀。 它总是充满了聪明的想法、出色的发现、独特的解决方案、奇妙的技巧和开创性的实验。

程序员不仅解决诸如创建网站或移动应用程序之类的日常问题,而且还喜欢放松并享受编码的巨大潜力。 就像艺术家一样,他们喜欢放纵自己的想象力。 他们即兴创作,从而提出了一些奢侈的概念。

音乐和编码齐头并进。 您见过多少次开发人员戴着耳机在办公桌后工作? 音乐对人有积极的影响,开发者也不例外。 它激发和鼓励创造力。

今天,我们收集了一些奇思妙想的解决方案。 从巧妙重建的钢琴到奇异的音乐可视化器,看看这些才华横溢的开发人员创造了什么。

传统乐器

下面的开发人员致力于将现实世界的乐器带入虚拟世界。 这些示例为我们提供了一种以全新方式体验熟悉乐器的方式。

克里斯·沃尔克的钢琴

这是创建经典乐器的数字版本的绝妙方法。 拟物化的实现,以及巧妙选择的声音和音调,重现了令人难以置信的音乐体验。 您可以使用鼠标或键盘来创作音乐。

演奏 Greg Hovanesyan 的木琴

Greg Hovanesyan 重新制作了专业的木琴。 他甚至添加了一个木槌来敲打栏杆。 使用网络音频 API 振荡器的强大功能,他成功地完成了一系列声音。 这使用户有机会创建各种类似木琴的声音。 虽然你想点击栏而不是滑动和悬停,但它确实感觉很逼真。

WILDER TAYPE 的圣诞之声

Wilder Taype 的这支钢笔具有童年气息。 似乎我们家中的阁楼某处都有一个彩色的小木琴,这个是它的数字复制品。 您不仅可以演奏它,而且乐器本身也可以演奏歌曲。 在这种特殊情况下,这是一首欢乐的圣诞歌曲。

罗米娜的钥匙

Key by Romina 没有前两款那么精致,但也有它的魅力。 它不仅在设计和功能方面而且在用户体验方面都过于简单化。 然而,它是所有音符都存在的简单乐器的完美示例。

音乐时间! LegoMushroom / The Bluesman – 你可以演奏蓝调 by Greg Hovanesyan

开发人员中另一种流行的乐器是吉他。 我们有两支令人兴奋的笔:音乐时间! LegoMushroom 和 The Bluesman – 你可以演奏 Greg Hovanesyan 的蓝调。

虽然乐高蘑菇的概念不会产生任何声音,并且有九根弦而不是经典的六根弦,但探索起来还是很有趣的。 请注意,琴弦具有真实的行为:它们会振动并散发出五颜六色的音符。 此外,还有一个小型控制面板,可让您设置一些选项。 Paper.js 和 Web Audio API 运行该项目。

这是 Greg Hovanesyan 的另一部非凡作品。 上次他给我们弹钢琴的机会,这次他邀请大家用吉他谱写旋律。 虽然底部的吉他插图与作曲无关,但它确实增加了整体氛围。 顶部的键产生吉他声音。 更重要的是,您还可以与背景音轨一起演奏。

展示台

音乐可视化是我们在媒体播放软件时代所钟爱的功能。 现在它没什么特别的,但在当时它是不可思议的。 Nelson Rodrigues 和 Zach Saucier 试图用他们超现代的解决方案提醒我们这一点。

Nelson Rodrigues 的 Three.js 声音可视化

Nelson Rodrigues 使用 Three.js 展示音乐的舞蹈。 他的声音可视化包括一个 3D 网格场景,其中包含对声音做出反应并上下移动的列。

Zach Saucier 的 Prism 音乐可视化器

Zach Saucier 喜欢棱柱形。 他的棱镜音乐可视化器包括一个控制中心,您可以在其中设置矩形数量、边框宽度、棱镜半径、颜色等选项。 上传您最喜欢的曲目,让 prism 演奏 Boogie-Woogie。

电子音乐

现在我们习惯于在屏幕上尝试一些东西:电子音乐。

马特·韦斯特的演示

Matt West 的演示具有一个合成器垫,使用户能够生成声音。 您所要做的就是在网格内单击并拖动鼠标光标。 Matt West 利用 Web Audio API 将他的想法变为现实。

尼古拉斯设计的 SoundCloud 迷你板

这个小鼓板有九种声音,你可以混合和匹配来创作一些有尊严的东西。 使用键盘产生声音。 作者还允许您暂停该过程并稍后返回。 此外,电路板的风格基于霓虹色,非常时髦。

Katherine Kato 的 JS 鼓组

Katherine Kato 的 JS Drum Kit 是一个小而令人兴奋的项目。 该套件有九种流行的声音,您可以使用它们来组成一首简单的曲目。 它非常好玩。

Jake Albaugh 的种子程序音乐发生器

正如铭牌所述,Jake 的概念用于从您设置的“种子”词生成无限且可再现的歌曲。 这首歌将以乐谱形式呈现。 您甚至可以下载 MIDI 文件。 这是一个真正原创的想法。

Jake Albaugh 的音乐和弦进行琶音器

这个看起来有点压倒性的。 有很多东西:和弦进行,主音,模式,琶音步骤,类型和风格。 它看起来像宇宙飞船中的控制中心。 这是我们收藏中最令人难以置信的受音乐启发的代码项目。 Jake Albaugh 做得很好。 他将他之前创建的音阶生成器和琶音模式生成器与 Tone.js 结合使用,使一切变得栩栩如生。 惊人。

听音乐

密码是诗。 当你拥有所有必要的词来用抑扬格四音步和押韵方案创作诗歌时,不写一个只是自私的。 而当你应用音乐时,这些诗歌可以很容易地转化为音乐剧或歌剧。

看起来程序员只处理无生命的计算机,所以他们眼中只有几行代码和命令。 但所有这些台词和命令都是乐器,在有能力的人手中,最终会变成一首交响乐。

就像在现实世界中一样,其中一些交响乐可以取得巨大成功,而另一些则不然。 问题是这些作品总是引诱我们。为什么? 因为他们创造了一个我们渴望体验和探索的独特世界。