13 niesamowitych fragmentów kodu inspirowanych muzyką

Dusza dewelopera jest namalowana jak skrzydła motyla. Zawsze pełna błyskotliwych pomysłów, genialnych odkryć, unikalnych rozwiązań, wspaniałych trików i pionierskich eksperymentów.

Programiści nie tylko rozwiązują prozaiczne problemy, takie jak tworzenie stron internetowych czy aplikacji mobilnych, ale też lubią relaksować się i cieszyć ogromnym potencjałem kodowania. Podobnie jak artyści, uwielbiają puścić wodze fantazji. Improwizują, wymyślając w ten sposób ekstrawaganckie koncepcje.

Muzyka i kodowanie idą w parze. Ile razy widziałeś programistę pracującego za biurkiem ze słuchawkami? Muzyka ma pozytywny wpływ na ludzi, a deweloperzy nie są wyjątkiem. Inspiruje i zachęca do kreatywności.

Dziś zebraliśmy szereg fantazyjnych rozwiązań. Od umiejętnie odtworzonych pianin po dziwaczne wizualizatory muzyki — sprawdź, co stworzyli ci utalentowani programiści.

Instrumenty tradycyjne

Deweloperzy poniżej pracowali nad wprowadzeniem instrumentów ze świata rzeczywistego do świata wirtualnego. Te przykłady umożliwiają nam poznanie znanych instrumentów w zupełnie nowy sposób.

Fortepian Chrisa Woelka

To fantastyczne podejście do tworzenia cyfrowej wersji klasycznego instrumentu muzycznego. Skeuomorficzna realizacja wraz z umiejętnie dobranymi dźwiękami i tonami odtwarza niesamowite doznania muzyczne. Do komponowania muzyki możesz używać myszy lub klawiatury.

Graj na ksylofonie Grega Hovanesyana

Greg Hovanesyan odtworzył profesjonalny ksylofon. Dodał nawet drewniany młotek, aby pokonać pręty. Wykorzystując moc oscylatora internetowego interfejsu audio API, udało mu się uzyskać gamę dźwięków. Daje to użytkownikom możliwość tworzenia różnych dźwięków przypominających ksylofon. I chociaż chcesz klikać paski zamiast przesuwać się i unosić, z pewnością wydaje się to realistyczne.

Świąteczne dźwięki WILDER TAYPE

Ten długopis Wildera Taype ma klimat dzieciństwa. Wygląda na to, że gdzieś na strychu wszyscy mamy w domu mały, kolorowy ksylofon, a ten jest jego cyfrową repliką. Nie tylko możesz na nim grać, ale sam instrument może zagrać piosenkę. I w tym konkretnym przypadku jest to radosna piosenka świąteczna.

Klucz autorstwa Rominy

Key by Romina nie jest tak wyrafinowany jak dwie poprzednie, ale ma swój urok. Jest to zbyt uproszczone nie tylko pod względem wyglądu i funkcjonalności, ale także wrażenia użytkownika. Niemniej jednak jest to doskonały przykład prostego instrumentu muzycznego, w którym obecne są wszystkie nuty.

Czas na muzykę! autorstwa LegoMushroom / The Bluesman – You Can Play The Blues autorstwa Grega Hovanesyana

Innym popularnym instrumentem wśród twórców jest gitara. I mamy dwa ekscytujące długopisy: Music Time! autorstwa LegoMushroom i The Bluesman – You Can Play The Blues autorstwa Grega Hovanesyana.

Chociaż koncepcja LegoMushroom nie wydaje żadnych dźwięków i ma dziewięć strun zamiast klasycznych sześciu, jest ciekawa do odkrycia. Zauważ, że struny zachowują się realistycznie: wibrują i emanują kolorowymi nutami. Istnieje również mały panel sterowania, który pozwala ustawić niektóre opcje. Paper.js i Web Audio API uruchamiają projekt.

To kolejna niezwykła praca Grega Hovanesyana. O ile ostatnim razem zaproponował nam grę na pianinie, tym razem zaprasza wszystkich do komponowania melodii na gitarze. Choć ilustracja gitary na dole nie ma nic wspólnego z komponowaniem, z pewnością dodaje całości atmosfery. Klawisze na górze generują dźwięki gitary. Co więcej, możesz również grać z podkładem.

Wizualizatory

Wizualizacja muzyki to funkcja, którą uwielbialiśmy w erze oprogramowania do odtwarzania multimediów. Teraz to nic specjalnego, ale wtedy było to coś niesamowitego. Przypominają nam o tym Nelson Rodrigues i Zach Saucier swoimi ultranowoczesnymi rozwiązaniami.

Wizualizacja dźwięku Three.js autorstwa Nelsona Rodriguesa

Nelson Rodrigues używa Three.js do pokazania tańca muzyki. Jego wizualizacja dźwięku obejmuje scenę siatkową 3D z kolumnami, które reagują na dźwięk i poruszają się w górę iw dół.

Wizualizator muzyki Prism autorstwa Zach Saucier

Zach Saucier stawia na pryzmat. Jego wizualizator muzyki pryzmatycznej zawiera centrum sterowania, w którym można ustawić takie opcje, jak liczba prostokątów, szerokość obramowania, promień pryzmatu, kolor i wiele innych. Prześlij swój ulubiony utwór i pozwól pryzmatowi wykonać Boogie-Woogie.

Muzyka elektroniczna

Teraz coś, z czym przywykliśmy eksperymentować na ekranie: muzyka elektroniczna.

Demo autorstwa Matta Westa

Demo autorstwa Matta Westa zawiera pad syntezatora, który umożliwia generowanie dźwięku. Wszystko, co musisz zrobić, to kliknąć i przeciągnąć kursor myszy w siatce. Matt West wykorzystuje Web Audio API, aby urzeczywistnić swój pomysł.

Mini-płyta SoundCloud firmy Nicholas By Design

Ta mała deska perkusyjna ma dziewięć brzmień, które możesz mieszać i łączyć, aby skomponować coś dostojnego. Użyj klawiatury do generowania dźwięków. Autor pozwala również na wstrzymanie procesu i powrót później. Również styl deski oparty jest na neonowej kolorystyce i jest niesamowicie funky.

JS Drum Kit autorstwa Katherine Kato

JS Drum Kit autorstwa Katherine Kato to mały, ale ekscytujący projekt. Ten zestaw zawiera dziewięć popularnych dźwięków, których możesz użyć do skomponowania prostej ścieżki. To bardzo zabawne.

Rozstawiony proceduralny generator muzyki Jake'a Albaugh

Jak głosi tabliczka znamionowa, koncepcja Jake'a służy do generowania nieskończonych i powtarzalnych piosenek z ustawionego przez Ciebie „ziarna”. Piosenka zostanie zaprezentowana w notacji muzycznej. Możesz nawet pobrać plik midi. To naprawdę oryginalny pomysł.

Musical Chord Progression Arpeggiator autorstwa Jake'a Albaugh

Ten wygląda trochę przytłaczająco. Jest tak wiele rzeczy: progresja akordów, tonika, tryby, kroki arpeggio, rodzaje i style. Wygląda na centrum kontroli na statku kosmicznym. To najbardziej niesamowity projekt kodowania inspirowany muzyką w naszej kolekcji. Jake Albaugh wykonał świetną robotę. Używa swojego wcześniej stworzonego Generatora Skali i Generatora Wzorów Arpeggio w połączeniu z Tone.js, aby ożywić wszystko. Zdumiewający.

Muzyka dla naszych uszu

Kodem jest poezja. A kiedy masz wszystkie niezbędne słowa, aby skomponować wiersze z tetrametrem jambicznym i schematem rymów, egoizmem jest nie napisać żadnego. A kiedy zastosujesz muzykę, te wiersze można łatwo przekształcić w musicale lub opery.

Może się wydawać, że programiści mają do czynienia tylko z martwym komputerem, więc mają za sobą tylko linijki kodu i polecenia. Ale wszystkie te linie i polecenia są instrumentami, które we wprawnych rękach w końcu przekształcają się w symfonię.

Podobnie jak w prawdziwym świecie, niektóre z tych symfonii mogą odnieść ogromny sukces, a inne nie. Rzecz w tym, że te kompozycje zawsze nas wabią. Dlaczego? Ponieważ tworzą wyjątkowy świat, który chętnie poznajemy i poznajemy.