13 trechos de código incríveis inspirados na música

A alma de um desenvolvedor é pintada como as asas de uma borboleta. Está sempre cheio de ideias brilhantes, descobertas brilhantes, soluções únicas, truques maravilhosos e experiências pioneiras.

Os programadores não apenas resolvem problemas mundanos, como criar sites ou aplicativos móveis, mas também gostam de relaxar e aproveitar o enorme potencial da codificação. Assim como os artistas, eles adoram deixar sua imaginação correr solta. Eles improvisam, criando assim alguns conceitos extravagantes.

Música e codificação andam de mãos dadas. Quantas vezes você viu um desenvolvedor trabalhando atrás de sua mesa com fones de ouvido? A música tem um impacto positivo nas pessoas, e os desenvolvedores não são exceção. Inspira e estimula a criatividade.

Hoje, reunimos uma série de soluções fantasiosas. De pianos habilmente recriados a visualizadores de música bizarros, confira o que esses talentosos desenvolvedores criaram.

Instrumentos Tradicionais

Os desenvolvedores abaixo trabalharam para trazer instrumentos do mundo real para o virtual. Esses exemplos nos fornecem uma maneira de experimentar instrumentos familiares de uma maneira totalmente nova.

Piano por Chris Woelk

Esta é uma visão fantástica da criação de uma versão digital do instrumento musical clássico. A realização skeumórfica, juntamente com os sons e timbres habilmente escolhidos, recriam uma experiência musical incrível. Você pode usar o mouse ou o teclado para compor música.

Tocar o Xilofone por Greg Hovanesyan

Greg Hovanesyan recriou um xilofone profissional. Ele até adicionou um martelo de madeira para bater nas barras. Usando o poder do oscilador da API de áudio da Web, ele conseguiu obter uma gama de sons. Isso dá aos usuários a oportunidade de criar vários sons semelhantes a xilofones. E embora você queira clicar nas barras em vez de deslizar e pairar, certamente parece realista.

Sons de Natal de WILDER TAYPE

Esta caneta de Wilder Taype tem uma vibe de infância. Parece que todos nós temos um xilofone pequeno e colorido em casa em algum lugar do sótão e este é sua réplica digital. Não só você pode tocá-lo, mas o próprio instrumento pode tocar uma música. E neste caso em particular, é uma alegre canção de Natal.

Chave de Romina

Key by Romina não é tão sofisticado quanto os dois anteriores, mas tem seu charme. Ele é simplificado não apenas em relação ao design e funcionalidade, mas também na experiência do usuário. No entanto, é um exemplo perfeito de um instrumento musical simples onde todas as notas estão presentes.

Hora de música! por LegoMushroom / The Bluesman – You Can Play The Blues por Greg Hovanesyan

Outro instrumento popular entre os desenvolvedores é o violão. E temos duas canetas emocionantes: Music Time! por LegoMushroom e The Bluesman – You Can Play The Blues por Greg Hovanesyan.

Embora o conceito de LegoMushroom não produza nenhum som e tenha nove cordas em vez das seis clássicas, é interessante explorar. Observe que as cordas têm um comportamento realista: elas vibram e exalam notas coloridas. Além disso, há um pequeno painel de controle que permite definir algumas opções. Paper.js e Web Audio API executam o projeto.

Este é outro trabalho notável de Greg Hovanesyan. Enquanto da última vez ele nos ofereceu a chance de tocar piano, desta vez ele convida a todos para compor melodias no violão. Embora a ilustração da guitarra na parte inferior não tenha nada a ver com a composição, ela certamente contribui para a atmosfera geral. As teclas no topo geram sons de guitarra. Além do mais, você também pode tocar junto com a faixa de apoio.

Visualizadores

A visualização de música é um recurso que adoramos na era do software media player. Agora não é nada de especial, mas naquela época era algo incrível. Nelson Rodrigues e Zach Saucier tentam nos lembrar disso com suas soluções ultramodernas.

Visualização de som Three.js por Nelson Rodrigues

Nelson Rodrigues usa o Three.js para mostrar a dança da música. Sua visualização de som inclui uma cena de grade 3D com colunas que reagem ao som e se movem para cima e para baixo.

Visualizador de música Prism por Zach Saucier

Zach Saucier opta por uma forma de prisma. Seu visualizador de música de prisma inclui um centro de controle onde você pode definir opções como o número de retângulos, largura da borda, raio do prisma, cor e muito mais. Carregue sua faixa favorita e deixe o prisma fazer o Boogie-Woogie.

Música eletrônica

Agora, para algo que estamos acostumados a experimentar em uma tela: música eletrônica.

Demonstração de Matt West

Demo de Matt West apresenta um pad de sintetizador que permite aos usuários gerar som. Tudo o que você precisa fazer é clicar e arrastar o cursor do mouse dentro da grade. Matt West aproveita a API de áudio da Web para dar vida à sua ideia.

Miniplaca SoundCloud por Nicholas By Design

Esta pequena bateria tem nove sons que você pode misturar e combinar para compor algo digno. Use o teclado para gerar sons. O autor também permite pausar o processo e voltar mais tarde. Além disso, o estilo do tabuleiro é baseado em cores neon e é incrivelmente divertido.

Bateria JS por Katherine Kato

JS Drum Kit de Katherine Kato é um projeto pequeno, mas empolgante. Este kit tem nove sons populares que você pode usar para compor uma faixa simples. É muito brincalhão.

Gerador de música processual semeado por Jake Albaugh

Como a placa de identificação indica, o conceito de Jake é usado para gerar músicas infinitas e reproduzíveis a partir de uma palavra “semente” que você define. A música será apresentada em notação musical. Você pode até baixar um arquivo midi. É uma ideia verdadeiramente original.

Arpejador de progressão de acordes musicais por Jake Albaugh

Este parece um pouco esmagador. Há tantas coisas: progressão de acordes, tônica, modos, passos de arpejo, tipos e estilos. Parece um centro de controle em uma nave espacial. É o projeto de código inspirado em música mais incrível da nossa coleção. Jake Albaugh fez um ótimo trabalho. Ele usa seu Gerador de Escala e Gerador de Padrão de Arpejo criados anteriormente em conjunto com Tone.js para dar vida a tudo. Incrível.

Música para os nossos ouvidos

O código é poesia. E quando você tem todas as palavras necessárias para compor poemas com tetrâmetro iâmbico e um esquema de rimas, é apenas egoísmo não escrever um. E quando você aplica música, esses poemas podem ser facilmente transformados em musicais ou óperas.

Pode parecer que os programadores não lidam com nada além do computador sem vida, então eles têm apenas linhas de código e comandos atrás de seus olhos. Mas todas essas linhas e comandos são instrumentos que, em mãos hábeis, acabam se transformando em uma sinfonia.

Como no mundo real, algumas dessas sinfonias podem ser um grande sucesso, enquanto outras não. A questão é que essas composições sempre nos atraem. Por quê? Porque eles criam um mundo único que estamos ansiosos para experimentar e explorar.