Tool feature update



Add a few features to make it more clear what is going on while the notes are played , i want to see the connection between colors, distance and angles when consonant notes are been played, here some new updates.  

Html update:Canvas and controllers buttons are now side by side to favor landscape display, this is useful when using a smartphone to a synth. 
JS update:Radial Note Connections:     Each note is connected to the canvas center with a radial line, highlighting its position in the circular pattern.
Note Name and Octave Display:     The note name (e.g., "A2", "B3") is displayed at the center of each note’s circle using a pixel art font for clarity.
Dynamic Circle Sizes:     Circle sizes vary based on the note's octave, making higher octave notes visually distinct.
Spiral Connection Between Notes:    A continuous line connects notes in ascending frequency order, forming a spiral-like pattern that visually represents the frequency      progression.
Consistent Note Colors:    Notes and their connections use a color scheme derived from their pitch, with hsl hues reflecting their position in the musical scale.


Leave a comment

Log in with itch.io to leave a comment.