13 incredibili frammenti di codice ispirati alla musica

L'anima di uno sviluppatore è dipinta come le ali di una farfalla. È sempre pieno di idee brillanti, scoperte brillanti, soluzioni uniche, trucchi meravigliosi ed esperimenti pionieristici.

Non solo i programmatori risolvono problemi banali come la creazione di siti Web o applicazioni mobili, ma amano anche rilassarsi e godersi l'enorme potenziale della programmazione. Proprio come gli artisti, amano lasciare che la loro immaginazione si scateni. Improvvisano, escogitando così alcuni concetti stravaganti.

Musica e programmazione vanno di pari passo. Quante volte hai visto uno sviluppatore lavorare dietro la propria scrivania con le cuffie? La musica ha un impatto positivo sulle persone e gli sviluppatori non fanno eccezione. Ispira e incoraggia la creatività.

Oggi abbiamo raccolto una serie di soluzioni fantasiose. Dai pianoforti abilmente ricreati ai bizzarri visualizzatori di musica, dai un'occhiata a cosa hanno creato questi talentuosi sviluppatori.

Strumenti tradizionali

Gli sviluppatori di seguito hanno lavorato per portare gli strumenti del mondo reale nel virtuale. Questi esempi ci forniscono un modo per sperimentare strumenti familiari in un modo completamente nuovo.

Piano di Chris Woelk

Questa è una fantastica interpretazione della creazione di una versione digitale del classico strumento musicale. La realizzazione skeuomorfica, insieme ai suoni e ai toni scelti abilmente, ricreano un'esperienza musicale incredibile. Puoi usare il mouse o la tastiera per comporre musica.

Suona lo xilofono di Greg Hovanesyan

Greg Hovanesyan ha ricreato uno xilofono professionale. Ha anche aggiunto una mazza di legno per battere le sbarre. Usando la potenza dell'oscillatore dell'API audio web, è riuscito a tirare fuori una gamma di suoni. Ciò offre agli utenti l'opportunità di creare vari suoni simili a uno xilofono. E anche se vuoi fare clic sulle barre invece di scivolare e librarti, sembra sicuramente realistico.

Christmas Sounds di WILDER TAYPE

Questa penna di Wilder Taype ha un'atmosfera d'infanzia. Sembra che tutti noi abbiamo un piccolo e colorato xilofono a casa da qualche parte in soffitta e questa è la sua replica digitale. Non solo puoi suonarlo, ma lo strumento stesso può suonare una canzone. E in questo caso particolare, è una gioiosa canzone di Natale.

Chiave di Romina

Key di Romina non è sofisticato come i due precedenti, eppure ha il suo fascino. È eccessivamente semplificato non solo per quanto riguarda il design e la funzionalità, ma anche nell'esperienza dell'utente. Tuttavia, è un perfetto esempio di un semplice strumento musicale in cui sono presenti tutte le note.

Tempo di musica! di LegoMushroom / The Bluesman – Puoi suonare il blues di Greg Hovanesyan

Un altro strumento popolare tra gli sviluppatori è la chitarra. E abbiamo due eccitanti penne: Music Time! di LegoMushroom e The Bluesman – Puoi suonare il blues di Greg Hovanesyan.

Sebbene il concetto di LegoMushroom non produca alcun suono e abbia nove corde invece delle classiche sei, è interessante esplorare. Nota che le corde hanno un comportamento realistico: vibrano ed emanano note colorate. Inoltre, c'è un piccolo pannello di controllo che ti consente di impostare alcune opzioni. Paper.js e l'API Web Audio eseguono il progetto.

Questo è un altro lavoro straordinario di Greg Hovanesyan. Mentre l'ultima volta ci ha offerto la possibilità di suonare il piano, questa volta invita tutti a comporre melodie con la chitarra. Sebbene l'illustrazione della chitarra in basso non abbia nulla a che fare con la composizione, aggiunge sicuramente l'atmosfera generale. I tasti in alto generano suoni di chitarra. Inoltre, puoi anche suonare insieme alla base musicale.

Visualizzatori

La visualizzazione della musica è una caratteristica che abbiamo adorato nell'era del software del lettore multimediale. Ora non è niente di speciale, ma allora era qualcosa di incredibile. Nelson Rodrigues e Zach Saucier cercano di ricordarcelo con le loro soluzioni ultramoderne.

Visualizzazione del suono Three.js di Nelson Rodrigues

Nelson Rodrigues usa Three.js per mostrare la danza della musica. La sua visualizzazione del suono include una scena a griglia 3D con colonne che reagiscono al suono e si muovono su e giù.

Visualizzatore di musica prisma di Zach Saucier

Zach Saucier sceglie una forma a prisma. Il suo visualizzatore di musica prisma include un centro di controllo in cui puoi impostare opzioni come il numero di rettangoli, la larghezza del bordo, il raggio del prisma, il colore e molto altro. Carica la tua traccia preferita e lascia che il prisma faccia il Boogie-Woogie.

Musica elettronica

Ora qualcosa con cui siamo abituati a sperimentare su uno schermo: la musica elettronica.

Demo di Matt West

Demo di Matt West presenta un pad sintetizzatore che consente agli utenti di generare suoni. Tutto quello che devi fare è cliccare e trascinare il cursore del mouse all'interno della griglia. Matt West sfrutta l'API Web Audio per dare vita alla sua idea.

Mini-scheda SoundCloud di Nicholas By Design

Questa piccola batteria ha nove suoni che puoi mescolare e abbinare per comporre qualcosa di dignitoso. Usa la tastiera per generare suoni. L'autore ti consente anche di mettere in pausa il processo e tornare più tardi. Inoltre, lo stile della tavola si basa sulla colorazione al neon ed è incredibilmente originale.

Batteria JS di Katherine Kato

JS Drum Kit di Katherine Kato è un progetto piccolo ma entusiasmante. Questo kit ha nove suoni popolari che puoi usare per comporre una semplice traccia. È molto giocoso.

Generatore di musica procedurale seminato di Jake Albaugh

Come afferma la targhetta, il concetto di Jake viene utilizzato per generare canzoni infinite e riproducibili da una parola "seme" che hai impostato. La canzone sarà presentata in notazione musicale. Puoi anche scaricare un file midi. È un'idea davvero originale.

Arpeggiatore di progressione di accordi musicali di Jake Albaugh

Questo sembra un po' travolgente. Ci sono così tante cose: progressione di accordi, tonica, modi, passi di arpeggio, tipi e stili. Sembra un centro di controllo in un'astronave. È il progetto di codice ispirato alla musica più incredibile della nostra collezione. Jake Albaugh ha fatto un ottimo lavoro. Usa i suoi Scale Generator e Arpeggio Pattern Generator precedentemente creati in tandem con Tone.js per dare vita a tutto. Sorprendente.

Musica per le nostre orecchie

Il codice è poesia. E quando hai tutte le parole necessarie per comporre poesie con tetrametro giambico e uno schema di rime, è solo egoistico non scriverne una. E quando applichi la musica, queste poesie possono essere facilmente trasformate in musical o opere.

Può sembrare che i programmatori non abbiano a che fare con nient'altro che il computer senza vita, quindi hanno solo righe di codice e comandi dietro gli occhi. Ma tutte queste linee e comandi sono strumenti che, in mani capaci, alla fine si trasformano in una sinfonia.

Come nel mondo reale, alcune di queste sinfonie possono avere un enorme successo, mentre altre no. Il fatto è che queste composizioni ci attirano sempre. Perché? Perché creano un mondo unico che siamo ansiosi di sperimentare ed esplorare.