8×8 Dot matrix font generator based on javascript and HTML

8×8 Dot matrix font generator based on javascript and HTML

I am currently working on a 40×8 scrolling dot matrix display driver based on arduino. I need to design some custom fonts in binary format for that. I looked around the web for a tool and found some excel based tool which are not very quick and easy to use. So I came up with this javascript based 8×8 pixel font generator. Hopefully it will be useful for others too.

 

 0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0

Binary code:

Just click on the segments you want to light up. Clicking two times will turn the segment off. The binary font code will be auto-generated on the right. Reset button with reset all the segment status to off.

This tool and a 80×4 matrix image code generator is available on the Tools page.

5 thoughts on “8×8 Dot matrix font generator based on javascript and HTML

  1. ElectroNick

    Just out of curiosity: has anyone seen an *already generated* 8×8 bit code (in ASCII sequence)? Sort of like what this tool was created for but for lazy DIYers like myself who’d like to cut some development time :) ?

  2. june

    I have a question.
    I am currently working 16*16 dot matrix display(four of 8*8 dot matrix) by arduino.

    However, there is a blinking problem.
    when I printout a shape, it is not affordable over 60 HZ
    I think that it is because of ShiftOut method.
    ShiftOut method is not fast to display over 8*8

    How could you solve this problem?

    (I am not good at English. Please understand my grammar. Thankyou)

  3. Wgesh8

    I am quite new to this so i’m not really sure how to implement this to my code. I am able to use the 8×8 dot matrix but not implement these binary.

    Some help or examples code?

Leave a Reply

Your email address will not be published. Required fields are marked *


4 × = sixteen

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>