Pixels

Pixel editor:

This popup window allows editing of glyphs.

The grid on the left side has two vertical lines:

• The red line on the edge of the grid, shows the pixel where the character starts.
• The blue line shows the right end of the character.
  The distance between these two lines is the space which the character needs in a string.

There are also four horizontal lines:

• The red line shows the bottom line of a character. The room above makes the space for a row if a string does a line wrap.
• The yellow line shows the baseline. This is the y-position for the gfx function setCursor.
• The two green lines are auxiliary lines, which you can use to align the top of uppercase and lowercase characters.

The white rectangle marks the area, which can hold the bitmap for the glyph. Inside this area you can toggle pixels by clicking into the small squares.

On the right you will find some input field to modify settings:

• Character code: Shows the code of the character where you clicked on the main window. If you change the value, the character will be cloned on save to the new position.
• Width and Height: you can modify the size of the white area.
• Advance: You can move the vertical blue line.
• X-Offset: You can move the white area to the left or to the right. If you come to negative values, not the white area but the red vertical line will move. This means the character will start left from the normal start point.
• Y-Offset: You can move the white area up and down.
• Aux. line 1 and Aux. line 2: you can move the green auxiliary lines up and down.

The four black arrows move the pixels inside the white area. If you want to use this, you need to enlarge the white area first.

The panel below contains tools to import characters from any font installed on your computer. The input field "Character" shows the character associated with the cell you clicked on. You can enter any other character. In the white rectangle you will see the character using the font, you selected by clicking the "Font" button. Click the button "Assign" to generate a black and white bitmap from the character. Since true type fonts use not only black and white for a better readability. with the threshold value you can chose which gray value will be interpreted as black. I higher value means a lighter gray.

With the "Save" button, the edited character replaces the glyph for the character with the code selected in the input field "Character code".