0xfe / fretboard

Vex Fretboard as seen on my.vexflow.com.
66 stars 15 forks source link

Vex Fretboard: Dot size and Placement issue #16

Open SamuelMiller opened 7 years ago

SamuelMiller commented 7 years ago

Hello, First off, many thanks for Vex Fretboard. I have been using it quite a lot. There are no text-base utilities like it that I have been able to find online.

There are a couple of issues regarding the placement and size of the fingering dots and text on the fretboard when using MyVexflow.

1) Placement: Dots should be place right behind the fret wire when there is room, not in the middle of each fret. This is more apparent in six or more stringed diagrams where the dot size shrinks significantly. Dots right behind the frets would illustrate better technique and make the layout more consistent when there are dots label on the nut as well, as nut dots are displayed right on the nut, not further behind it.

Current placement of dots. They need to be moved to right behind the fret wire lines. dot position

2) Size: The size of the dots should be tested on every fret of the neck, using various number of strings (e.g., 4,5,6,12),to ensure that the dot size fits in the upper register where the frets are much closer together. For example, right now, the dots for a 4-stringed bass with 22 frets are too large. They overlap each other in the upper part (right-side) of fretboard diagram. How about providing another user option to control the size of the dots?

3) Text: The text inside the dot needs to centered, moved up a tad, as it is currently slightly low. Also, I suggest that the font size inside the larger dots be increased for easier readability. As you see below, there is still some room to increase the text-size. Perhaps, add a text-size option as well for users?

Current default layout. Dots need to be smaller at least in the higher register to avoid overlapping when using four strings overlappingdots

Check out this fretboard generator which, in my opinion, has an ideal layout (e.g., size of dots and text and their placement.): https://www.studybass.com/tools/chord-scale-note-printer/ The limitation of the studybass fretboard generator is that it does not have the option to create custom fingering and intervals. It allows only predefined scales and chords by default. Because of this, I am relying on the greater flexibility of Vex Fretboard.

Thanks again, Sam

arichbell commented 5 years ago

@SamuelMiller can you post a quick example/tutorial of how you got this to work? I've been playing with this and must not understand CoffeeScript and PaperJS. I can't get a fretboard to appear the browser.

SamuelMiller commented 5 years ago

Hi arichbell, I don't understand Coffeescript and PaperJS myself. I created and downloaded the above images using http://my.vexflow.com/