^

Blinkity blink

2023-04-25

Lights are: ON

I had this idea to build my own little dot matrix display. Just for the fun of seeing things come alive. Well turns out that was darn simple :-).

Bitmap editor

A place to design our 8 by 8 bitmap letters. Any changes you make will be persisted but you can reset everything to start over.

Now go and load some predefined letters (bitmaps):

You can clear the editor and save your changes or even tile the current bitmap.

Matrix display

Our beautiful 128 by 32 matrix display.

Demo

Let's run a little demo! Or how about this one?

Take control

Our matrix display is known as m. And points are represented as [x,y]. All bitmaps can be accessed through bitmap. Semicolons between statements are mandatory.

m.clear(); m.text([25,6], "WELCOME TO"); m.text([25,16], "THE MATRIX"); m.rectangle([22, 4], [100, 25]);

You can run this code, or clear it.

Routines

The operations implemented are:

  • clear()
  • text(point, text)
  • draw(point, bitmap)
  • pen(x, y)
  • erase(x, y)
  • line(point, point)
  • circle(point, radius)
  • rectangle(point, point)
map