13 extraits de code incroyables inspirés par la musique

L'âme d'un développeur est peinte comme les ailes d'un papillon. Il regorge toujours d'idées brillantes, de découvertes brillantes, de solutions uniques, d'astuces merveilleuses et d'expériences pionnières.

Non seulement les programmeurs résolvent des problèmes banals comme la création de sites Web ou d'applications mobiles, mais ils aiment aussi se détendre et profiter de l'énorme potentiel du codage. Tout comme les artistes, ils aiment laisser libre cours à leur imagination. Ils improvisent, inventant ainsi des concepts extravagants.

La musique et le codage vont de pair. Combien de fois avez-vous vu un développeur travailler derrière son bureau avec des écouteurs ? La musique a un impact positif sur les gens, et les développeurs ne font pas exception. Il inspire et encourage la créativité.

Aujourd'hui, nous avons rassemblé un certain nombre de solutions fantaisistes. Des pianos habilement recréés aux visualiseurs de musique bizarres, découvrez ce que ces développeurs talentueux ont créé.

Instruments traditionnels

Les développeurs ci-dessous ont travaillé pour intégrer des instruments du monde réel dans le virtuel. Ces exemples nous permettent de découvrir des instruments familiers d'une toute nouvelle manière.

Piano de Chris Woelk

Il s'agit d'une vision fantastique de la création d'une version numérique de l'instrument de musique classique. La réalisation skeuomorphique, ainsi que les sons et les tonalités savamment choisis recréent une expérience musicale incroyable. Vous pouvez utiliser votre souris ou votre clavier pour composer de la musique.

Jouez du xylophone de Greg Hovanesyan

Greg Hovanesyan a recréé un xylophone professionnel. Il a même ajouté un maillet en bois pour battre les barres. En utilisant la puissance de l'oscillateur de l'API audio Web, il a réussi à produire une gamme de sons. Cela donne aux utilisateurs la possibilité de créer divers sons de type xylophone. Et bien que vous souhaitiez cliquer sur les barres au lieu de glisser et de survoler, cela semble certainement réaliste.

Sons de Noël par WILDER TAYPE

Ce stylo par Wilder Taype a une ambiance d'enfance. Il semble que nous ayons tous un petit xylophone coloré à la maison quelque part dans le grenier et celui-ci est sa réplique numérique. Non seulement vous pouvez en jouer, mais l'instrument lui-même peut jouer une chanson. Et dans ce cas particulier, c'est une joyeuse chanson de Noël.

Clé par Romina

Key de Romina n'est pas aussi sophistiqué que les deux précédents, pourtant il a son charme. Il est trop simplifié non seulement en termes de conception et de fonctionnalité, mais également en termes d'expérience utilisateur. Néanmoins, c'est un parfait exemple d'instrument de musique simple où toutes les notes sont présentes.

L'heure de la musique ! par LegoMushroom / The Bluesman - Vous pouvez jouer du blues par Greg Hovanesyan

Un autre instrument populaire parmi les développeurs est la guitare. Et nous avons deux stylos passionnants : Music Time ! de LegoMushroom et The Bluesman – You Can Play The Blues de Greg Hovanesyan.

Bien que le concept de LegoMushroom ne produise aucun son et comporte neuf cordes au lieu des six classiques, il est intéressant à explorer. A noter que les cordes ont un comportement réaliste : elles vibrent et dégagent des notes colorées. En outre, il existe un petit panneau de contrôle qui vous permet de définir certaines options. Paper.js et Web Audio API exécutent le projet.

Ceci est un autre travail remarquable de Greg Hovanesyan. Alors que la dernière fois il nous proposait de jouer du piano, cette fois il invite tout le monde à composer des mélodies à la guitare. Bien que l'illustration de la guitare en bas n'ait rien à voir avec la composition, elle ajoute certainement à l'atmosphère générale. Les touches du dessus génèrent des sons de guitare. De plus, vous pouvez également jouer avec la piste d'accompagnement.

Visualiseurs

La visualisation musicale est une fonctionnalité que nous adorions à l'ère des logiciels de lecture multimédia. Maintenant, ce n'est rien de spécial, mais à l'époque, c'était quelque chose d'incroyable. Nelson Rodrigues et Zach Saucier tentent de nous le rappeler avec leurs solutions ultra-modernes.

Visualisation sonore Three.js par Nelson Rodrigues

Nelson Rodrigues utilise Three.js pour montrer la danse de la musique. Sa visualisation sonore comprend une scène de grille 3D avec des colonnes qui réagissent au son et se déplacent de haut en bas.

Visualiseur de musique Prism par Zach Saucier

Zach Saucier opte pour une forme en prisme. Son visualiseur de musique prisme comprend un centre de contrôle où vous pouvez définir des options telles que le nombre de rectangles, la largeur de la bordure, le rayon du prisme, la couleur et bien plus encore. Téléchargez votre morceau préféré et laissez le prisme faire le Boogie-Woogie.

Musique électronique

Passons maintenant à quelque chose que nous avons l'habitude d'expérimenter sur un écran : la musique électronique.

Démo par Matt West

La démo de Matt West comprend un pad de synthétiseur qui permet aux utilisateurs de générer du son. Tout ce que vous avez à faire est de cliquer et de faire glisser le curseur de la souris dans la grille. Matt West profite de l'API Web Audio pour donner vie à son idée.

Mini-carte SoundCloud par Nicholas By Design

Cette petite batterie a neuf sons que vous pouvez mélanger et assortir pour composer quelque chose de digne. Utilisez le clavier pour générer des sons. L'auteur vous permet également de mettre en pause le processus et de revenir plus tard. De plus, le style du tableau est basé sur la coloration au néon et est incroyablement funky.

Kit de batterie JS par Katherine Kato

JS Drum Kit de Katherine Kato est un projet petit mais passionnant. Ce kit contient neuf sons populaires que vous pouvez utiliser pour composer une piste simple. C'est très ludique.

Générateur de musique procédurale par Jake Albaugh

Comme l'indique la plaque signalétique, le concept de Jake est utilisé pour générer des chansons infinies et reproductibles à partir d'un mot «semence» que vous définissez. La chanson sera présentée en notation musicale. Vous pouvez même télécharger un fichier midi. C'est une idée vraiment originale.

Arpégiateur de progression d'accords musicaux par Jake Albaugh

Celui-ci semble un peu écrasant. Il y a tellement de choses : progression d'accords, tonique, modes, pas d'arpège, types et styles. Cela ressemble à un centre de contrôle dans un vaisseau spatial. C'est le projet de code inspiré de la musique le plus incroyable de notre collection. Jake Albaugh a fait un excellent travail. Il utilise son générateur d'échelle et son générateur de motifs d'arpège précédemment créés en tandem avec Tone.js pour donner vie à tout. Étonnante.

Musique à nos oreilles

Le code est poésie. Et quand on a tous les mots nécessaires pour composer des poèmes avec un tétramètre iambique et un schéma de rimes, c'est juste égoïste de ne pas en écrire un. Et lorsque vous appliquez de la musique, ces poèmes peuvent être facilement transformés en comédies musicales ou en opéras.

Il peut sembler que les programmeurs ne s'occupent que de l'ordinateur sans vie, ils n'ont donc que des lignes de code et des commandes derrière les yeux. Mais toutes ces lignes et commandes sont des instruments qui, entre de bonnes mains, finissent par se transformer en une symphonie.

Comme dans le monde réel, certaines de ces symphonies peuvent être un énorme succès, tandis que d'autres ne le sont pas. Le truc, c'est que ces compositions nous attirent toujours. Pourquoi ? Parce qu'ils créent un monde unique que nous sommes impatients de découvrir et d'explorer.