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 結合使用,使一切變得栩栩如生。 驚人。

聽音樂

密碼是詩。 當你擁有所有必要的詞來用抑揚格四音步和押韻方案創作詩歌時,不寫一個只是自私的。 而當你應用音樂時,這些詩歌可以很容易地轉化為音樂劇或歌劇。

看起來程序員只處理無生命的計算機,所以他們眼中只有幾行代碼和命令。 但所有這些台詞和命令都是樂器,在有能力的人手中,最終會變成一首交響樂。

就像在現實世界中一樣,其中一些交響樂可以取得巨大成功,而另一些則不然。 問題是這些作品總是引誘我們。為什麼? 因為他們創造了一個我們渴望體驗和探索的獨特世界。