音楽に触発された13の信じられないほどのコードスニペット

公開: 2020-11-14

開発者の魂は蝶の羽のように描かれています。それは常に明るいアイデア、素晴らしい発見、ユニークな解決策、素晴らしいトリック、そして先駆的な実験でいっぱいです。

プログラマーは、Webサイトやモバイルアプリケーションの作成などのありふれた問題を解決するだけでなく、リラックスしてコーディングの大きな可能性を楽しむことも好みます。アーティストと同じように、彼らは想像力を駆使するのが大好きです。彼らは即興で演奏し、それによっていくつかの贅沢なコンセプトを思いつきます。

音楽とコーディングは密接に関係しています。開発者がヘッドフォンをつけたまま机の後ろで作業しているのを見たことがありますか？音楽は人々にプラスの影響を与え、開発者も例外ではありません。それは創造性を刺激し、奨励します。

今日、私たちは多くの空想的な解決策を集めました。巧みに再現されたピアノから奇妙な音楽ビジュアライザーまで、これらの才能ある開発者が作成したものをチェックしてください。

伝統楽器

以下の開発者は、現実世界の機器を仮想化するために取り組んできました。これらの例は、まったく新しい方法でおなじみの楽器を体験する方法を提供します。

クリス・ヴェルクのピアノ

これは、古典的な楽器のデジタルバージョンを作成する上での素晴らしい見解です。巧みに選択されたサウンドとトーンとともに、スキューモーフィズムの実現は、信じられないほどの音楽体験を再現します。マウスまたはキーボードを使用して音楽を作曲できます。

GregHovanesyanによる木琴を再生する

Greg Hovanesyanは、プロの木琴を再現しました。彼はバーを打ち負かすために木槌を追加しました。彼は、WebオーディオAPIオシレーターの力を利用して、さまざまなサウンドを実現しました。これにより、ユーザーはさまざまな木琴のような音を作成することができます。スライドしてホバリングするのではなく、バーをクリックしたいのですが、確かにリアルに感じます。

WILDERTAYPEによるクリスマスサウンド

Wilder Taypeによるこのペンは、子供の頃の雰囲気があります。私たちは皆、屋根裏部屋のどこかに小さくてカラフルな木琴を持っているようです。これはそのデジタルレプリカです。再生できるだけでなく、楽器自体も曲を再生できます。そしてこの特定のケースでは、それは楽しいクリスマスソングです。

ロミナの鍵

RominaのKeyは、前の2つほど洗練されていませんが、魅力があります。デザインや機能だけでなく、ユーザーエクスペリエンスも単純化されすぎています。それにもかかわらず、それはすべての音符が存在する単純な楽器の完璧な例です。

音楽の時間！ LegoMushroom / The Bluesman –GregHovanesyanのブルースを演奏できます

開発者の間で人気のあるもう1つの楽器はギターです。そして、2つのエキサイティングなペンがあります：ミュージックタイム！ LegoMushroomとTheBluesmanによる–GregHovanesyanによるTheBluesを演奏できます。

LegoMushroomのコンセプトは音を出さず、クラシックな6本ではなく9本の弦がありますが、探索するのは興味深いことです。弦はリアルな振る舞いをしていることに注意してください。弦は振動し、カラフルな音をしみ出させます。また、いくつかのオプションを設定できる小さなコントロールパネルがあります。 Paper.jsとWebAudioAPIがプロジェクトを実行します。

これはGregHovanesyanによるもう1つの注目すべき作品です。前回はピアノを弾く機会を提供してくれましたが、今回はみんなにギターでメロディーを作曲してもらいます。下のギターのイラストは作曲とは関係ありませんが、確かに全体的な雰囲気を増しています。上部のキーはギターの音を生成します。さらに、バッキングトラックと一緒に演奏することもできます。

ビジュアライザー

音楽の視覚化は、メディアプレーヤーソフトウェアの時代に私たちが愛した機能です。今では特別なことではありませんが、当時は素晴らしいものでした。ネルソンロドリゲスとザックソーシエは、彼らの超近代的なソリューションでそれを思い出させようとしています。

ネルソンロドリゲスによるThree.jsサウンドの視覚化

ネルソンロドリゲスはThree.jsを使用して音楽のダンスを披露しています。彼のサウンドの視覚化には、サウンドに反応して上下に移動する列を持つ3Dグリッドシーンが含まれています。

ZachSaucierによるプリズム音楽ビジュアライザー

ZachSaucierはプリズム形状を採用しています。彼のプリズムミュージックビジュアライザーには、長方形の数、境界線の幅、プリズムの半径、色などのオプションを設定できるコントロールセンターが含まれています。お気に入りのトラックをアップロードして、プリズムにブギウギをさせましょう。

電子音楽

ここで、画面上で実験することに慣れているもの、つまり電子音楽について説明します。

MattWestによるデモ

Matt Westによるデモは、ユーザーがサウンドを生成できるようにするシンセサイザーパッドを備えています。グリッド内でマウスカーソルをクリックしてドラッグするだけです。 Matt Westは、Web Audio APIを利用して、彼のアイデアを実現しています。

NicholasByDesignのSoundCloudミニボード

この小さなドラムボードには9つのサウンドがあり、それらを組み合わせて威厳のあるものを構成することができます。キーボードを使用して音を生成します。作成者は、プロセスを一時停止して後で戻ることもできます。また、ボードのスタイルはネオンカラーに基づいており、信じられないほどファンキーです。

キャサリン加藤によるJSドラムキット

キャサリン加藤によるJSドラムキットは、小さいながらもエキサイティングなプロジェクトです。このキットには、簡単なトラックを作成するために使用できる9つの人気のあるサウンドが含まれています。とても遊び心があります。

JakeAlboughによるシード手続き型音楽ジェネレーター

ネームプレートに記載されているように、ジェイクのコンセプトは、設定した「シード」ワードから無限で再現可能な曲を生成するために使用されます。曲は記譜法で表示されます。 MIDIファイルをダウンロードすることもできます。それは本当に独創的なアイデアです。

JakeAlboughによるミュージカルコード進行アルペジエーター

これは少し圧倒的に見えます。コード進行、トニック、モード、アルペジオステップ、タイプ、スタイルなど、非常に多くのものがあります。宇宙船のコントロールセンターのようです。これは、私たちのコレクションの中で最も素晴らしい音楽に触発されたコードプロジェクトです。ジェイク・アルバウは素晴らしい仕事をしました。彼は以前に作成したスケールジェネレーターとアルペジオパターンジェネレーターをTone.jsと組み合わせて使用して、すべてに命を吹き込みます。すばらしい。

私たちの耳への音楽

コードは詩です。そして、あなたがイアンボステトラメーターと押韻構成で詩を構成するために必要なすべての単語を持っているとき、それを書かないのはただ利己的です。そして、音楽を適用すると、これらの詩はミュージカルやオペラに簡単に変換できます。

プログラマーは活気のないコンピューターしか扱っていないように見えるかもしれません。そのため、プログラマーはコードとコマンドの行だけを目の前に置いています。しかし、これらの行とコマンドはすべて、有能な手で、最終的に交響曲に変わる楽器です。

現実の世界と同様に、これらの交響曲の中には大成功を収めることができるものもあれば、そうでないものもあります。問題は、これらの作曲が常に私たちを魅了するということです。なぜですか？彼らは私たちが経験し、探求したいと思っているユニークな世界を作り出しているからです。