Théorie Piano couleur

[ MISE A JOUR: Février 5th, 2011-maintenant comprend Javascript MIDI-lecture support par Matt West 's bien écrit jasmid projet, et une grande collection de pièces pour piano et libres de droits classique en passant par Disklavier mondiale .]

Couleur Piano Théorie (CPT) a été inspiré par un intérêt dans la construction d'uneapplication éducative qui utilise des couleurs en enseignement de la théorie piano . CPT relie accords, gammes, des inversions, des octaves, et armures. CPT est une interface visuelle pour l'apprentissage du clavier.

Cette application comprend également un peu d'histoire; couleurs des personnages historiques croyait le mieux représenté chaque note, qui peut être amusant d'imaginer d'apport un aperçu de leurs esprits.

Visual / reconnaissance de la mémoire audial

Pour améliorer la reconnaissance de la mémoire, les couleurs sont mappées sur les sons sur le clavier, la création d'unesynesthésique expérience. En choisissant une couleur de cartographie qui fonctionne le mieux pour vous, ces couleurs vont vous donner un repère visuel à la note que vous jouez.

Une des meilleures façons de mémoriser l'information est en lui donnant de multiples associations, à leur tour donner les informations de plusieurs "pistes" pour le cerveau pour le localiser. Avec la couleur ajoutée au mélange, nous construisons une triangulation de reconnaissance de la mémoire: son (mesurée en Hz), couleur (en RGB), et l'espace (coordonnées XY de la touche sur le clavier).

CPT prévoit également le solfège ( do, ré, mi, fa, sol, la, ti, ect) pour aider les gens apprennent à chanter en utilisant le piano et un son familier pour accorder leurs voix.

cartographie historique de la couleur à son

La première référence connue à l'idée de couleurs à la cartographie de son entrée en1704 par Isaac Newtonselon Fred Collopy auteur de trois siècles d'échelles de couleurs . Voir une partie de la visualisation utilisés dans ses recherches sur la gauche, cliquez pour voir la recherche complète.

Cela m'amène à une question m'a apporté récemment, " Pourquoi tant de ces associer les «rouges» par «C», «orange» par «D», «jaune» à «E», «verte» par «F et ainsi de suitel'? "Ma meilleure supposition est beaucoup de ces calculs ont été basés sur les mappages de l'arc en ciel, alias spectre visible , où «C» dans la musique occidentale a toujours été considéré comme une mise à la terre, note de fond, la couleur «rouge 'est la plus courte longueur d'onde dans l'arc en ciel.

Ma meilleure supposition est Lous Castel a été la cartographie de la note du spectre visible , organisée de la plus courte longueur d'onde la plus longue à se terminant avec l'ultra-violet gamme bien, pourquoi est "A #" et "B" inversé? Peut-être un signe de la dyslexie? Alexander Schriabin a déclaré que "D #" sons "d'acier avec l'éclat du métal", et "E" sons "nacrée bleu le miroitement du clair de lune", et qui peut s'opposer à cela? A quoi ressemble le son pour vous?

Projet de couleur Piano

La couleur Piano Project , développé par Dan Vlahos dans le cadre de son cycle de conception du projet graphique de thèse 1999 au Massachusetts College of Art and Design, décrit comment une telle fonction serait piano. Il fournit également un exemple d'un joueur de typepiano couleur de bel effet.

Création de "MIDIPlugin"

Avec ce nouveau savoir en place, et mes recherches précédentes dans la théorie Piano (je ne peux pas croire ça fait trois ans maintenant ... flys moment où vous êtes de programmation), l'idée était difficile de résister. Etant un fan HTML5 grand, j'ai décidé de programmer l'application en Javascript, le premier obstacle devenait MIDI de travail dans le navigateur de faire la synthèse sonore.

J'ai commencé la recherche de solutions: Dynamic WAV génération (utilisant des ondes sinusoïdales) a failli tuer mon navigateur. Création de MIDI à partir de zéro en base64 et joue à travers la note par note Quicktime ne fonctionne pas, puisque le piano est dynamique, il faut chaque touche d'avoir un tag <audio>, malheureusement, il semble y avoir une limite au nombre de tags peuvent être lus dans un navigateur à un moment donné, et la rapidité de leur base64 codes peuvent être commutés entre-deux. Firefox a récemment ajouté le support du son incroyable , mais pas l'accès aux Banques de sons MIDI . Peut-être un jour Google fournira une solution Native Client MIDI ... Jusque-là ...

Javascript <-> Java de communication

Après avoir frappé ma tête, essayant de se jouer avec les commandes MIDI Javascript natif, j'ai trouvé une solution qui me permettrait d'accéder à MIDI sur les navigateurs: Javascript-> Java communication. L'étape suivante a été la création du projetMIDIPlugin , un cadre CC0 exposer le MIDI interface Java .Bien que le MIDIPlugin n'est pas idéal, il fonctionne sur la plupart des systèmes (avec le bricolage à droite), et permet l'intégration dynamique du MIDI dans des sites Web.

Le son fonctionne sur la plupart des macs (en natif), certaines sont fondées sur des machines Linux (en mode natif), et peut être bricolé à travailler dans les fenêtres, et toute machine qui permet le cadre JavaMIDI. Il prend un certain temps à charger sur la plupart des machines (l'inconvénient d'utiliser une applet), mais il fonctionne. En savoir plus sur la façon de lier les MIDIPLugin dans votre application .

Présentation d'une expérience synesthésique éducation

Le résultat final a été la couleur Piano Théorie web-app , rendues publiques à GoogleChrome Experiments collection. Jouer avec la demande, j'espère qu'elle vous aide à créer quelque chose de beau.