John E. Finster

tutorial: how to create custom glcd fonts, icons and bars for Midibox NG

15 posts in this topic

Hi, I finally came around and compiled a brief tutorial on how to create glcd fonts for Midibox NG.

 

It can be found on my wikipage here.

 

 

I hope it´s comprehensable. If any questions arise, don´t hesitate to ask. I will try to help as well as I can.

Also, if you find any mistakes I might have put in, just tell me.

 

Have fun!

 

my regards

 

 

 

EDIT: Update 01.05.2014: Small changes, mostly fixing linguistic errors and adding additional hints.

 

EDIT: Update 11.05.2014: - Tutorial now on seperate wiki page

                                          - including "little helpers" section with usefull designing apps

Edited by John E. Finster

Share this post


Link to post
Share on other sites

Verry appreciated!

Thank you! 

Share this post


Link to post
Share on other sites

Hey,

 

thanks for the tutorial.

But I'm stucked at the perl-point. The perl-script says:

ERROR: Wrong Pixel Size - expecting x = 192!

 

I double checked everything. I converted the file first to bmp, than to xpm like described in the tutorial. I also tried to export it directly to xpm. 

Any tipps you can give on that? The file has a size of 192x128, exactly like your example...

 

//edit: Ok... solution: It has to be black and white... no grayscale... I overread this point... let's go on ;)

Edited by FantomXR

Share this post


Link to post
Share on other sites

I like such tutorials!  :thumbsup:

 

Best Regards, Thorsten.

Share this post


Link to post
Share on other sites

@FantomXR

 

Glad you got it to work  :happy: . Maybe you could post a picture of your work once you´re done, I´m pretty curious.

 

@TK

 

Thanks. I hope it will be of some help to others.

Share this post


Link to post
Share on other sites

In the meanwhile I deleted the font I was using. I realized that it's hard to find a good-looking font. Because all fonts are using not only black/white pixels but also gray and gray is not supported, it looks very different after the conversion. So maybe I will stick to the standard fonts that come with NG for the first time. I'm more interested in getting the HD-bars running ;)

Share this post


Link to post
Share on other sites

Yeah, it is tough to create good looking fonts if they have to be a) this small and b) only black and white. If you´re looking on the internet, then try to find some dedicated lcd fonts or particular small or squared fonts as a template.

 

I think the true potential here lies in creating nice icons or bars, especially since the original glcd fonts from TK are nice to look at and functional.

Share this post


Link to post
Share on other sites

Here is a recommondation for an application:

 

http://www.lmnopc.com/bitmapfontbuilder

 

This program converts fonts to bmps. You can set the resolution you want. After that you have to do a bit of size editing in GIMP, but its A LOT easier, than putting the puzzle in GIMP together.

 

Check it out! I just put Arial into MBNG quite easy... (well... The resolution I choosed was a bit high so one letter fills the whole display... but... it works).

Share this post


Link to post
Share on other sites

Also you should check "knobman". It's a nice tool to create pots. I will give it a try these days.

Share this post


Link to post
Share on other sites

Thanks for these tipps. Both are very usefull apps.

I included them in my tutorial und updated it.

For other changes see initial topic.

Share this post


Link to post
Share on other sites

Hi John

 

Great usefull tutorial!

I immediately started to create some bigger knobs.

Unfortunately GIMP shows this error when exporting the .bmp as a .xpm file

post-4098-0-82151800-1408892374_thumb.jp

 

I also tried "XPMEdit" and "AutoImager" to convert the bitmap.

But converting these .xmp files leads to useless .inc files.

 

Do you know what could be the reason?

Or would you convert my .bmp files for me, please?

https://drive.google.com/file/d/0B-plp4B8LLvaUnlTaXJiTXhuWnM/edit?usp=sharing

 

Best regards

Marxon

 

 

Share this post


Link to post
Share on other sites

...heres one more tip from me: instead of using hundreds of programs for thousands of uses, stick with one program that is more versatile! eg. for creating icons/fonts use a spreadsheet. attached is an example of how i create fonts in excel. no converting issues, no looking for converters, etc...its really great for all sorts of code-related stuff, in fact any spreadsheet will do the job...;-)

 

wdllhfn3.jpg

Edited by mono

Share this post


Link to post
Share on other sites

Hi Marxon,

 

I just converted your *.bmp to *.xpm with Gimp Portable 2.8.10 (see attachement). No problems here...

 

Unfortunately I can´t tell what the problem might be on your end. I´ve not seen this error before. If I had to take a guess I would say maybe there is an issue with the file path (dots, exponents). I´ve encountered errors with paths like this before. Not necessarily with Gimp, but with other Apps.

 

Other than that I´m afraid I can´t be of much help.

 

Your *.bmp looks fine, the *.xpm I created seems to be in order and ready for further processing.

 

Till you get around this problem I´m happy to convert your *.bmps. Just pm me.

 

 

@mono:

 

Nice work with the spreadsheet. I´m not that deep into excel, so I can´t entirely follow your process. Maybe you could upload a sample sheet, so I can have a deeper look.

 

 

Greets

knob48x48.zip

Edited by John E. Finster

Share this post


Link to post
Share on other sites

@john: thanks! like your wiki regarding fonts as well! the only thing that i dont get are all these seperate programs for drawing and converting. this is why i have made my own in excel. its nothing complicated either! the first column is the ascii-code (hex), the 2nd is the character in a normal font, the 3rd is the character taken from a truetype-font, then the pixel-drawing (done with conditional formatting) plus the bits for the code. they are then just added binary into decimal and the last column tells you the hex-value. no need for seperate programs...

 

i cant upload that spreadsheet now, because it contains much more "private" stuff, but i will upload an example tomorrow. i have done characters for dot-matrix-displays with excel as well! the point is, that normal lcd-characters are small and i believe using a "paint"-like program for that is a bit over the top. i have done similar stuff on my amiga about 20 years ago. the converting bit is just not worth the hassle, especially because theres only one bitplane on lcds :-) .

 

with excel you get exactly, what you want. you simply copy the last column into a text-editor of your choice :-) and make up your include-file for the compiler. eg. im using sublime-text, which comes with macro-functions to do this type work.

 

kind regards,

mOnO

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now