small scripts and tools to help with my pixelart projects
After seeing a friend struggling a bit with setting the values from hand, I added an more userfriendly grid to the editor. You can zoom in or out and select a char with a green rectangle. You can grab it then and put the green overlay over a char of your choice. if you have set it up and see the hand icon hovering over the green rectangle you can move that to the first char. That will set up char grid and if needed already the frame offset. for the gap you have manually set a value over 0px in any direction. With the colored overlays you can see gaps as a red overlay and the frame it is the same just with an blue overlay.
Still a simple JavaScript Tool to check how a "bitmap font" looks "in real" with one char next to each other.
Shown on block or in scrollers, now.
Added a few Options that have been before just variables as input fields in the html.
Also added a few more properties like margin (around all tiles) and gap (around each tile)
It doesn´t generate real words, this is just a random mapping of chars - to see maybe some drawing issues. And some programmers always tend do have their own love for which orders chars in font should be - so no need to give a char order to keep this test as simple n flexible possible ;). So this loads a img with the bitmap font - (in this example just font.png). For the latest version all variables are now adjustable over input fields. - it also saves settings for a font - as a file AND in the LocalStorage.
And yes, the font in the repository was pixeled by me. I recommend trying it out with other fonts like: https://github.com/ianhan/BitmapFonts/