Interaktives Xylophon in Echtzeit

Kind soll hier etwas musizieren! Man kann

• das Xylophon mit einem einzelnen Stöckerl/Finger anschlagen (Brettchen Anklicken)
• Mehrstimmig mit 2 oder mehr Stöckerl/Fingern spielen (Hand-Tool, TODO)
• Ganze Musikstücke ("Kompositionen") in JavaScript/JSON "programmieren" und als Konfiguration übernehmen. Die Kodierung ist kinderleicht, im Ernst!
• Vorkonfigurierte Stücke dann mit evo.util.Timer abspielen und interaktiv mit eigenen Noten/Klängen begleiten: Mozart lebt!
• Aufgenommene Musik interaktiv mit eigenen Noten/Klängen begleiten: Hendrix lebt!
• Das eigene Meisterwerk live aufnehmen (Recording) und danach wieder abspielen (TODO).

Pädagogisch besonders wertvoll ist hier die gleichzeitige sinnliche und kognitive Erfassung eines komplexen Prozesses (Zeit ⟶ Ton/Klang) durch

• Buchstaben [Name der Note in Tonleiter; Klassisch C-Dur!]
• Ziffern [Position der Note in Tonleiter; ACHTUNG: 0-basiert ist konsistenter!]
• Farben [Farbe der Note in Tonleiter; AUFPASSEN, wenn Farbwahrnehmung eingeschränkt!]
• Ton [Klang der Note(n) in Tonleiter; Geht in Echtzeit!]

Insbesondere Kinder mit Sehschwäche (Rot/Grün-Indifferenz etc.) oder sog. Lese-, Rechtschreibstörung (LRS) bzw. Dyskalkulie profitieren von diesem Zusammenspiel als intensive Lernerfahrung.

TODO:  Das Evophon.

Mehrere Oktaven mit chromatischer Tonleiter (12 Töne), also modulo 12. Das als 
Spirale entwerfen, wo Winkel Ton entspricht (mod 12)

(1)                         $$ \phi_i := i \times 2\pi/12 $$ 

und Länge der zunehmenden Frequenz

(2)                            $$  r = c \times f(\phi) $$

Am natürlichsten wäre es das Verdoppeln der Frequenz bei einem Oktavsprung
auch im verdoppelten Radius (Polarkoordinaten) zu visualisieren, aber das wird
zu gross, auch mit SVG.  Daher besser die Logarithmen der Frequenzen für r nehmen,
also archimedische Spirale.