13 unglaubliche Codeschnipsel, inspiriert von Musik

Die Seele eines Entwicklers ist wie die Flügel eines Schmetterlings gemalt. Es ist immer voll von brillanten Ideen, brillanten Erkenntnissen, einzigartigen Lösungen, wunderbaren Tricks und bahnbrechenden Experimenten.

Programmierer lösen nicht nur alltägliche Probleme wie das Erstellen von Websites oder mobilen Anwendungen, sondern entspannen sich auch gerne und genießen das enorme Potenzial des Programmierens. Ähnlich wie Künstler lieben sie es, ihrer Fantasie freien Lauf zu lassen. Sie improvisieren und kommen dabei auf extravagante Konzepte.

Musik und Programmierung gehen Hand in Hand. Wie oft haben Sie einen Entwickler gesehen, der mit Kopfhörern hinter seinem Schreibtisch arbeitete? Musik wirkt sich positiv auf Menschen aus, und Entwickler sind da keine Ausnahme. Es inspiriert und fördert die Kreativität.

Heute haben wir eine Reihe von phantasievollen Lösungen gesammelt. Von gekonnt nachgebauten Klavieren bis hin zu bizarren Musikvisualisierern – sehen Sie sich an, was diese talentierten Entwickler geschaffen haben.

Traditionelle Instrumente

Die untenstehenden Entwickler haben daran gearbeitet, Instrumente aus der realen Welt in die virtuelle zu bringen. Diese Beispiele bieten uns die Möglichkeit, vertraute Instrumente auf eine ganz neue Art und Weise zu erleben.

Klavier von Chris Woelk

Dies ist eine fantastische Möglichkeit, eine digitale Version des klassischen Musikinstruments zu erstellen. Die skeuomorphe Umsetzung zusammen mit den gekonnt ausgewählten Klängen und Tönen schaffen ein unglaubliches musikalisches Erlebnis. Sie können Ihre Maus oder Tastatur verwenden, um Musik zu komponieren.

Spielen Sie das Xylophon von Greg Hovanesyan

Greg Hovanesyan hat ein professionelles Xylophon nachgebaut. Er hat sogar einen Holzhammer hinzugefügt, um die Stäbe zu schlagen. Mit der Kraft des Web-Audio-API-Oszillators hat er es geschafft, eine ganze Reihe von Sounds zu erzeugen. Dies gibt Benutzern die Möglichkeit, verschiedene Xylophon-ähnliche Klänge zu erzeugen. Und obwohl Sie auf die Balken klicken möchten, anstatt zu gleiten und zu schweben, fühlt es sich auf jeden Fall realistisch an.

Weihnachtliche Klänge von WILDER TAYPE

Dieser Stift von Wilder Taype hat eine kindliche Atmosphäre. Es scheint, als hätten wir alle irgendwo auf dem Dachboden ein kleines, buntes Xylophon zu Hause und dieses hier ist seine digitale Nachbildung. Sie können es nicht nur spielen, sondern das Instrument selbst kann ein Lied spielen. Und in diesem speziellen Fall ist es ein fröhliches Weihnachtslied.

Schlüssel von Romina

Key von Romina ist nicht so raffiniert wie die beiden vorherigen, hat aber seinen Charme. Es ist nicht nur in Bezug auf Design und Funktionalität, sondern auch in Bezug auf die Benutzererfahrung zu stark vereinfacht. Trotzdem ist es ein perfektes Beispiel für ein einfaches Musikinstrument, bei dem alle Noten vorhanden sind.

Musikzeit! von LegoMushroom / The Bluesman – You Can Play The Blues von Greg Hovanesyan

Ein weiteres beliebtes Instrument bei den Entwicklern ist die Gitarre. Und wir haben zwei spannende Stifte: Music Time! von LegoMushroom und The Bluesman – You Can Play The Blues von Greg Hovanesyan.

Obwohl das Konzept von LegoMushroom keine Geräusche erzeugt und neun statt der klassischen sechs Saiten hat, ist es interessant, es zu erkunden. Beachten Sie, dass die Saiten ein realistisches Verhalten haben: Sie vibrieren und verströmen farbenfrohe Töne. Außerdem gibt es ein kleines Bedienfeld, mit dem Sie einige Optionen einstellen können. Paper.js und Web Audio API führen das Projekt aus.

Dies ist ein weiteres bemerkenswertes Werk von Greg Hovanesyan. Während er uns das letzte Mal die Möglichkeit bot, Klavier zu spielen, lädt er dieses Mal alle ein, Melodien auf der Gitarre zu komponieren. Obwohl die Gitarrenillustration auf der Unterseite nichts mit dem Komponieren zu tun hat, trägt sie sicherlich zur allgemeinen Atmosphäre bei. Tasten auf der Oberseite erzeugen Gitarrenklänge. Darüber hinaus können Sie auch zum Backing Track mitspielen.

Visualizer

Musikvisualisierung ist eine Funktion, die wir in der Ära der Mediaplayer-Software verehrt haben. Jetzt ist es nichts Besonderes, aber damals war es etwas Unglaubliches. Daran versuchen Nelson Rodrigues und Zach Saucier mit ihren hochmodernen Lösungen zu erinnern.

Three.js Soundvisualisierung von Nelson Rodrigues

Nelson Rodrigues verwendet Three.js, um den Tanz der Musik zu zeigen. Seine Soundvisualisierung beinhaltet eine 3D-Rasterszene mit Säulen, die auf den Sound reagieren und sich auf und ab bewegen.

Prism Music Visualizer von Zach Saucier

Zach Saucier entscheidet sich für eine Prismenform. Sein Prisma-Musikvisualisierer enthält ein Kontrollzentrum, in dem Sie Optionen wie die Anzahl der Rechtecke, die Rahmenbreite, den Prismenradius, die Farbe und vieles mehr einstellen können. Laden Sie Ihren Lieblingstrack hoch und lassen Sie das Prisma den Boogie-Woogie machen.

Elektronische Musik

Nun zu etwas, mit dem wir es gewohnt sind, auf einem Bildschirm zu experimentieren: Elektronische Musik.

Demo von Matt West

Demo von Matt West verfügt über ein Synthesizer-Pad, mit dem Benutzer Sound erzeugen können. Alles, was Sie tun müssen, ist, den Mauszeiger innerhalb des Rasters zu klicken und zu ziehen. Matt West nutzt die Web Audio API, um seine Idee zum Leben zu erwecken.

SoundCloud Miniboard von Nicholas By Design

Dieses kleine Schlagzeug verfügt über neun Sounds, die Sie mischen und aufeinander abstimmen können, um etwas Gediegenes zu komponieren. Verwenden Sie die Tastatur, um Töne zu erzeugen. Der Autor ermöglicht es Ihnen auch, den Vorgang zu unterbrechen und später zurückzukehren. Auch der Stil des Boards basiert auf Neonfarben und ist unglaublich funky.

JS-Schlagzeug von Katherine Kato

JS Drum Kit von Katherine Kato ist ein kleines, aber spannendes Projekt. Dieses Kit enthält neun beliebte Sounds, mit denen Sie einen einfachen Track komponieren können. Es ist sehr verspielt.

Seed Procedural Music Generator von Jake Albaugh

Wie auf dem Typenschild angegeben, wird Jakes Konzept verwendet, um unendliche und reproduzierbare Songs aus einem von Ihnen festgelegten „Startwort“ zu generieren. Das Lied wird in Notenschrift vorgetragen. Sie können sogar eine Midi-Datei herunterladen. Es ist eine wirklich originelle Idee.

Musical Chord Progression Arpeggiator von Jake Albaugh

Dieser sieht etwas überwältigend aus. Es gibt so viele Dinge: Akkordfolge, Tonika, Modi, Arpeggio-Schritte, Typen und Stile. Es wirkt wie ein Kontrollzentrum in einem Raumschiff. Es ist das unglaublichste von Musik inspirierte Code-Projekt in unserer Sammlung. Jake Albaugh hat großartige Arbeit geleistet. Er verwendet seinen zuvor erstellten Scale Generator und Arpeggio Pattern Generator zusammen mit Tone.js, um alles zum Leben zu erwecken. Toll.

Musik in unseren Ohren

Der Code ist Poesie. Und wenn Sie alle notwendigen Wörter haben, um Gedichte mit jambischen Tetrametern und einem Reimschema zu verfassen, ist es einfach egoistisch, keins zu schreiben. Und wenn Sie Musik anwenden, können diese Gedichte leicht in Musicals oder Opern umgewandelt werden.

Es mag den Anschein haben, dass Programmierer sich nur mit dem leblosen Computer beschäftigen, also haben sie nur Codezeilen und Befehle hinter ihren Augen. Aber all diese Linien und Befehle sind Instrumente, die sich in fähigen Händen schließlich in eine Symphonie verwandeln.

Wie in der realen Welt können einige dieser Sinfonien ein großer Erfolg werden, andere wiederum nicht. Die Sache ist, dass uns diese Kompositionen immer wieder anlocken. Warum? Weil sie eine einzigartige Welt schaffen, die wir gerne erleben und erforschen möchten.