Program
Creative Web Development
Project
Chromatone Center
Public open source web app ecosystem development
FROM: 28 Apr 2021
TILL: Present

The whole Chromatone portal is a tribute to open source community, that makes it all possible. Vue + Vite are the flagships of this movement, but also tens of other libraries go into this amazing thing.

Browser is the primary environment for Chromatone and from here other directions will be opening. Digital goods, tutors with schedules and more to build. Apart from the main practice apps and theory visualizations. Let's go!

Updates
7
2024-04-28
Updated MIDI File Visualizer
Now we analyse the MIDI for the lowest and highest note and trim view box to fit only meaningful part of all notes and durations. And we have start and end to choose a particular part of the song you want to visualise and analyse. Save SVG file to play with it in your vector editor of choice.
https://chromatone.center/practice/midi/visualizer/
2024-04-29
Random Jam takes shape!
Timeline with start and finish time, very visual multilayered metronome and chroma keys to synchronise with. Two colours - tonic note and BPM tempo make up some kind of interval, that lays the foundation for a random jam.
https://chromatone.center/practice/jam/random/
2024-05-01
Elementary Synth FX Improved
Introduced Feedback and Shift parameters for the Ping Pong Delay in the synth. And added Shape knob to choose Square or Saw oscillator as the source, or some mix of them both in the middle.
https://chromatone.center/practice/synth/elementary/
2024-05-02
Fix Circle of Fifths
Tonal.js that we are using for music theory functions have changed behaviour and is outputting notes without octave numbers for Chord.steps() function. This has broken the inversions buttons in the Circle of Fifths web-app. Fixed by changing the function to Chord.degrees(), it works just fine. Also we updated all dependencies and got delay controls for the main synth available in the settings panel.
https://chromatone.center/practice/chord/fifths/
2024-05-14
Practice web-apps fresh look and dependencies
Vitepress v.1.1.4 is even faster to build the site. Other libraries are also up to date. We removed rounded corners for most Practice components so they can fill the maximum screen height and thus be useful in daly practice as tools and instruments. No need to install - just open the web-site and start playing!
https://github.com/chromatone/chromatone.center/releases/tag/v2.5.1
2024-05-17
Many more scales in the database
We've compiled a comprehensive list of all possible scales with names and aliases. It's being fed to the Tonal.js ScaleTypes and is accessible via its methods. Chroma profile is one of the places to explore it.
https://chromatone.center/practice/chroma/profile/
2024-05-19
Chroma touch is growing
The circular touch instrument is growing. We now have full multitouch support for the SVG circle and got the angle and distance to each touch point from the center. It's now trivial to convert them to pitch and octave correspondingly. Then just assign a synth voice to each touch point and we got quite an expressive instrument to play with. Soon to be sonified.
https://chromatone.center/practice/experiments/chroma-touch/