13 increíbles fragmentos de código inspirados en la música

Publicado: 2020-11-14

El alma de un desarrollador está pintada como las alas de una mariposa. Siempre está lleno de ideas brillantes, descubrimientos brillantes, soluciones únicas, trucos maravillosos y experimentos pioneros.

Los programadores no solo resuelven problemas mundanos como crear sitios web o aplicaciones móviles, sino que también les gusta relajarse y disfrutar del enorme potencial de la codificación. Al igual que los artistas, les encanta dejar volar su imaginación. Improvisan, por lo que se les ocurren algunos conceptos extravagantes.

La música y la codificación van de la mano. ¿Cuántas veces has visto a un desarrollador trabajando detrás de su escritorio con los auriculares puestos? La música tiene un impacto positivo en las personas y los desarrolladores no son una excepción. Inspira y fomenta la creatividad.

Hoy, hemos recopilado una serie de soluciones fantasiosas. Desde pianos hábilmente recreados hasta extraños visualizadores de música, echa un vistazo a lo que han creado estos talentosos desarrolladores.

Instrumentos Tradicionales

Los desarrolladores a continuación han trabajado para traer instrumentos del mundo real al virtual. Estos ejemplos nos brindan una manera de experimentar instrumentos familiares de una manera completamente nueva.

Piano de Chris Woelk

Esta es una versión fantástica de la creación de una versión digital del instrumento musical clásico. La realización skeuomorphic, junto con los sonidos y tonos hábilmente elegidos recrean una experiencia musical increíble. Puede usar su mouse o teclado para componer música.

Toca el xilófono de Greg Hovanesyan

Greg Hovanesyan ha recreado un xilófono profesional. Incluso ha añadido un mazo de madera para golpear las barras. Usando el poder del oscilador API de audio web, ha logrado sacar una gama de sonidos. Esto brinda a los usuarios la oportunidad de crear varios sonidos similares a los de un xilófono. Y aunque desea hacer clic en las barras en lugar de deslizarse y flotar, ciertamente se siente realista.

Sonidos de Navidad de WILDER TAYPE

Este bolígrafo de Wilder Taype tiene un aire infantil. Parece que todos tenemos un xilófono pequeño y colorido en casa en algún lugar del ático y esta es su réplica digital. No solo puedes tocarlo, sino que el instrumento mismo puede tocar una canción. Y en este caso particular, se trata de un alegre canto navideño.

Clave de Romina

Key de Romina no es tan sofisticado como los dos anteriores, pero tiene su encanto. Está demasiado simplificado no solo en cuanto al diseño y la funcionalidad, sino también en la experiencia del usuario. Sin embargo, es un ejemplo perfecto de un instrumento musical simple donde todas las notas están presentes.

¡Tiempo de música! de LegoMushroom / The Bluesman – Puedes tocar el blues de Greg Hovanesyan

Otro instrumento popular entre los desarrolladores es la guitarra. Y tenemos dos emocionantes bolígrafos: ¡Music Time! de LegoMushroom y The Bluesman – Puedes tocar el blues de Greg Hovanesyan.

Aunque el concepto de LegoMushroom no produce ningún sonido y tiene nueve cuerdas en lugar de las clásicas seis, es interesante explorarlo. Tenga en cuenta que las cuerdas tienen un comportamiento realista: vibran y exudan notas coloridas. Además, hay un pequeño panel de control que le permite configurar algunas opciones. Paper.js y Web Audio API ejecutan el proyecto.

Este es otro trabajo notable de Greg Hovanesyan. Si bien la última vez nos ofreció tocar el piano, esta vez invita a todos a componer melodías con la guitarra. Aunque la ilustración de la guitarra en la parte inferior no tiene nada que ver con la composición, sin duda se suma a la atmósfera general. Las teclas en la parte superior generan sonidos de guitarra. Además, también puedes tocar junto con la pista de acompañamiento.

Visualizadores

La visualización de música es una característica que adoramos en la era del software de reproducción multimedia. Ahora no es nada especial, pero en ese entonces era algo increíble. Nelson Rodrigues y Zach Saucier intentan recordárnoslo con sus soluciones ultramodernas.

Three.js visualización de sonido por Nelson Rodrigues

Nelson Rodrigues usa Three.js para mostrar el baile de la música. Su visualización de sonido incluye una escena de cuadrícula 3D con columnas que reaccionan al sonido y se mueven hacia arriba y hacia abajo.

Visualizador de música Prism de Zach Saucier

Zach Saucier apuesta por una forma de prisma. Su visualizador de música de prisma incluye un centro de control donde puede configurar opciones como la cantidad de rectángulos, el ancho del borde, el radio del prisma, el color y mucho más. Sube tu pista favorita y deja que el prisma haga el Boogie-Woogie.

Música electrónica

Ahora, algo con lo que estamos acostumbrados a experimentar en una pantalla: música electrónica.

Demostración de Matt West

La demostración de Matt West presenta un pad de sintetizador que permite a los usuarios generar sonido. Todo lo que tiene que hacer es hacer clic y arrastrar el cursor del mouse dentro de la cuadrícula. Matt West aprovecha la API de audio web para dar vida a su idea.

Minitablero SoundCloud de Nicholas By Design

Esta pequeña placa de batería tiene nueve sonidos que puedes mezclar y combinar para componer algo digno. Usa el teclado para generar sonidos. El autor también le permite pausar el proceso y volver más tarde. Además, el estilo del tablero se basa en colores de neón y es increíblemente moderno.

Batería JS de Katherine Kato

JS Drum Kit de Katherine Kato es un proyecto pequeño pero emocionante. Este kit tiene nueve sonidos populares que puede usar para componer una pista simple. Es muy juguetón.

Generador de música procesal sembrada de Jake Albaugh

Como dice la placa de identificación, el concepto de Jake se utiliza para generar canciones infinitas y reproducibles a partir de una palabra "semilla" que establezca. La canción se presentará en notación musical. Incluso puedes descargar un archivo midi. Es una idea verdaderamente original.

Arpegiador de progresión de acordes musicales de Jake Albaugh

Este parece un poco abrumador. Hay tantas cosas: progresión de acordes, tónica, modos, pasos de arpegio, tipos y estilos. Parece un centro de control en una nave espacial. Es el proyecto de código inspirado en la música más increíble de nuestra colección. Jake Albaugh ha hecho un gran trabajo. Utiliza su Scale Generator y Arpeggio Pattern Generator creados anteriormente junto con Tone.js para darle vida a todo. Asombroso.

Música para nuestros oídos

El código es poesía. Y cuando tienes todas las palabras necesarias para componer poemas con tetrámetro yámbico y un esquema de rima, es simplemente egoísta no escribir uno. Y cuando aplicas música, estos poemas se pueden transformar fácilmente en musicales u óperas.

Puede parecer que los programadores se ocupan únicamente de la computadora sin vida, por lo que solo tienen líneas de código y comandos detrás de sus ojos. Pero todas estas líneas y comandos son instrumentos que, en manos capaces, eventualmente se transforman en una sinfonía.

Como en el mundo real, algunas de esas sinfonías pueden ser un gran éxito, mientras que otras no lo son. Es que estas composiciones siempre nos atraen. ¿Por qué? Porque crean un mundo único que estamos ansiosos por experimentar y explorar.