13 fragmente de cod incredibile inspirate de muzică

Sufletul unui dezvoltator este pictat ca aripile unui fluture. Este întotdeauna plin de idei strălucitoare, descoperiri strălucitoare, soluții unice, trucuri minunate și experimente de pionierat.

Nu numai că programatorii rezolvă probleme banale precum crearea de site-uri web sau aplicații mobile, dar le place și să se relaxeze și să se bucure de potențialul enorm al codării. La fel ca artiștii, le place să-și lase imaginația să scape. Ei improviză, venind astfel cu câteva concepte extravagante.

Muzica și codificarea merg mână în mână. De câte ori ați văzut un dezvoltator lucrând în spatele biroului său cu căștile puse? Muzica are un impact pozitiv asupra oamenilor, iar dezvoltatorii nu fac excepție. Inspiră și încurajează creativitatea.

Astăzi, am adunat o serie de soluții fanteziste. De la piane recreate cu pricepere până la vizualizatoare de muzică bizare, vedeți ce au creat acești dezvoltatori talentați.

Instrumente tradiționale

Dezvoltatorii de mai jos au lucrat pentru a aduce instrumente din lumea reală în virtual. Aceste exemple ne oferă o modalitate de a experimenta instrumentele familiare într-un mod cu totul nou.

Pian de Chris Woelk

Aceasta este o interpretare fantastică a creării unei versiuni digitale a instrumentului muzical clasic. Realizarea skeuomorfă, împreună cu sunetele și tonurile alese cu pricepere recreează o experiență muzicală incredibilă. Puteți folosi mouse-ul sau tastatura pentru a compune muzică.

Cântați la xilofon de Greg Hovanesyan

Greg Hovanesyan a recreat un xilofon profesionist. El a adăugat chiar și un ciocan de lemn pentru a bate barele. Folosind puterea oscilatorului API audio web, el a reușit să scoată o gamă de sunete. Acest lucru oferă utilizatorilor posibilitatea de a crea diverse sunete asemănătoare xilofonului. Și, deși doriți să faceți clic pe bare în loc să glisați și să vă plutiți, cu siguranță se simte realist.

Sunete de Crăciun de WILDER TAYPE

Acest stilou de la Wilder Taype are o atmosferă de copilărie. Se pare că toți avem un xilofon mic și colorat acasă undeva în pod și acesta este replica sa digitală. Nu numai că îl poți cânta, dar instrumentul în sine poate cânta o melodie. Și în acest caz particular, este un cântec vesel de Crăciun.

Cheie de Romina

Key by Romina nu este la fel de sofisticată ca precedentele două, dar are farmecul ei. Este suprasimplificat nu numai în ceea ce privește designul și funcționalitatea, ci și în experiența utilizatorului. Cu toate acestea, este un exemplu perfect de instrument muzical simplu în care toate notele sunt prezente.

Timpul pentru muzica! de LegoMushroom / The Bluesman – You Can Play The Blues de Greg Hovanesyan

Un alt instrument popular printre dezvoltatori este chitara. Și avem două stilouri interesante: Music Time! de LegoMushroom și The Bluesman – You Can Play The Blues de Greg Hovanesyan.

Deși conceptul de LegoMushroom nu produce niciun sunet și are nouă șiruri în loc de șase clasice, este interesant de explorat. Rețineți că corzile au un comportament realist: vibrează și emană note colorate. De asemenea, există un mic panou de control care vă permite să setați câteva opțiuni. Paper.js și Web Audio API rulează proiectul.

Aceasta este o altă lucrare remarcabilă a lui Greg Hovanesyan. În timp ce ultima dată ne-a oferit șansa să cântăm la pian, de data aceasta îi invită pe toți să compună melodii la chitară. Deși ilustrația de chitară din partea de jos nu are nimic de-a face cu compunerea, cu siguranță se adaugă la atmosfera generală. Tastele de pe partea de sus generează sunete de chitară. În plus, puteți juca și împreună cu piesa de suport.

Vizualizatori

Vizualizarea muzicii este o caracteristică pe care am adorat-o în epoca software-ului media player. Acum nu este nimic special, dar pe atunci era ceva incredibil. Nelson Rodrigues și Zach Saucier încearcă să ne amintească despre asta cu soluțiile lor ultramoderne.

Vizualizarea sunetului Three.js de Nelson Rodrigues

Nelson Rodrigues folosește Three.js pentru a arăta dansul muzicii. Vizualizarea sunetului său include o scenă grilă 3D cu coloane care reacționează la sunet și se mișcă în sus și în jos.

Vizualizator de muzică Prism de Zach Saucier

Zach Saucier alege o formă de prismă. Vizualizatorul său de muzică prismă include un centru de control unde puteți seta opțiuni precum numărul de dreptunghiuri, lățimea marginii, raza prismei, culoarea și multe altele. Încarcă piesa ta preferată și lasă prisma să facă Boogie-Woogie.

Muzica electronica

Acum pentru ceva cu care suntem obișnuiți să experimentăm pe un ecran: muzică electronică.

Demo de Matt West

Demo de Matt West are un sintetizator care permite utilizatorilor să genereze sunet. Tot ce trebuie să faceți este să faceți clic și să trageți cursorul mouse-ului în grilă. Matt West profită de API-ul Web Audio pentru a-și aduce ideea la viață.

SoundCloud Mini-board de Nicholas By Design

Această placă mică de tobe are nouă sunete pe care le puteți amesteca și potrivi pentru a compune ceva demn. Utilizați tastatura pentru a genera sunete. De asemenea, autorul vă permite să întrerupeți procesul și să reveniți mai târziu. De asemenea, stilul plăcii se bazează pe colorarea neonului și este incredibil de funky.

Kit de tobe JS de Katherine Kato

JS Drum Kit de Katherine Kato este un proiect mic, dar interesant. Acest kit are nouă sunete populare pe care le puteți folosi pentru a compune o piesă simplă. Este foarte jucaus.

Generator de muzică procedurală înedită de Jake Albaugh

După cum se menționează pe plăcuță, conceptul lui Jake este folosit pentru a genera melodii infinite și reproductibile dintr-un cuvânt „sămânță” pe care îl setați. Melodia va fi prezentată în notație muzicală. Puteți chiar să descărcați un fișier midi. Este o idee cu adevărat originală.

Arpegiator de progresie a acordurilor muzicale de Jake Albaugh

Acesta pare un pic copleșitor. Există atât de multe lucruri: progresia acordurilor, tonic, moduri, pași de arpegiu, tipuri și stiluri. Pare un centru de control într-o navă spațială. Este cel mai incredibil proiect de cod inspirat de muzică din colecția noastră. Jake Albaugh a făcut o treabă grozavă. El folosește generatorul de scară și generatorul de modele de arpegi create anterior în tandem cu Tone.js pentru a aduce totul la viață. Uimitor.

Muzică pentru urechile noastre

Codul este poezia. Și când ai toate cuvintele necesare pentru a compune poezii cu tetrametru iambic și o schemă de rime, este doar egoist să nu scrii una. Și atunci când aplici muzică, aceste poezii pot fi ușor transformate în musical sau opere.

Poate părea că programatorii nu au de-a face cu nimic altceva decât cu computerul fără viață, așa că au doar linii de cod și comenzi în spatele ochilor. Dar toate aceste linii și comenzi sunt instrumente care, în mâini capabile, se transformă în cele din urmă într-o simfonie.

La fel ca în lumea reală, unele dintre aceste simfonii pot avea un mare succes, în timp ce altele nu. Chestia este că aceste compoziții ne ademenesc mereu. De ce? Pentru că ele creează o lume unică pe care suntem dornici să o experimentăm și să o explorăm.