Open source color based music notation

web-site | instagram | reddit | e-mail

In the physical world visible electro-magnetic spectrum is completely different medium from sound waves in the air. We have two very distinct sensory systems to perceive them. But then deep in our brains these efforts merge into flows of electric signals between neurons. We experiment with sound visualization and visual music composition as a wide field of innovative research and collective effort to introduce future generations to this elegant music exploration system.

This one simple rule creates a whole new space of useful applications for intuitive learning and empowered teaching, relaxed jamming and visual composing, attentive listening and intuitive performance of your own music. It all started from vector graphic designs, which then became interactive with SVG and JS. The designs also got printed and Sticker shop started in 2018, it was our version 1.0. Version 2.0 was all about experimentation on the platform of wonderful open-source tech like Vue, Vite with all other majestic NPM packages. Now we've reached version 3.0 that is signified by development of dozens of standalone web-apps that may be used offline and on almost any device.

Main hub for research is based on the main web-site. It includes Theory and Practice sections, that are meant to be interconnected by curious students with some level of guidance and Tutorship. Theory is a digital garden of music knowledge. Practice is a number of interactive web-apps that utilize this theory in actionable and really useful form. Academy is a Nuxt app with Directus backend made to host the expanding needs of constantly growing Chromatone knowledge base and community around it.

• Chromatone.center - Main web-site with all other apps either built-in as pages and panels or embedded as iframes from their original subdomains
• Circular Metronome - for music practice and polymeter compositions with MIDI clock, tap tempo and guess tempo from audio with your mic
• Drone - digital tanpura / synth shruti box for singing, tuning instruments and harminizing pitches with others at scale
• Spectrogram - Colorized live time-frequency analysis as audio-visual feedback loop for development of sound and music intuition
• Elements Synth - Multilayered polyphonic web-synth with MIDI, scale keyboard, audio analysis and effects built with Elementary.js
• MIDI-Monitor - Show all MIDI signals as panels to act upon to repeat and control the signals. Useful utility for routing and debugging MIDI
• Circle of Fifths - Interactive circle of fifths as composition tool and performance instrument. A tool to explore chords in tonal space.
• Real Book Navigator - Interactive jazz standards chord progressions collection

• Web-synths - collection of synthesizers working in a browser in collaboration with Playtronica
• TouchMe Experience - a visualized web-synth for monophonic MIDI controllers TouchMe by Playtronica