Tool feature update
MidiViz » Devlog
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.