The Color OLED module displays shapes as well as text and numbers. This means that you can create images on the OLED’s screen, and you can use those images for anything you can imagine: art, graphics, icons, math functions, user interfaces - the only limit is your imagination!
The easiest thing to draw is a single pixel! The following program will draw 100 random pixels.
The random number blocks provide a random value between 0 and the maximum screen dimension, given by the OLED max height and OLED max width blocks. These numbers are then used to set the position of the pixel drawn by the OLED draw pixel block. This then repeats 100 times, drawing 100 different pixels on the Color OLED’s screen. The pause 20 block slows down the process just enough so you can see the pixels appear individually instead of all at once.
To draw a line, you need to define a start and an end point - the OLED draw line block takes two x/y coordinates:
The following program will draw 10 different lines.
Experiment with the program above by drawing lines of different lengths and colors.
Taking Shape — In addition to pixels and lines, there are blocks that draw circles and triangles. Each shape has both a color and a fill setting that can be changed, but the shapes themselves are defined differently:
Out of Bounds — Lines and shapes can start “out of frame” where start or end points are outside of the screen’s view. For example, you could draw a line from (-5,-5) to (150,200) - both points are off-screen.
Let's try a program that will draw a rectangle and demonstrate its corner option. Every second, it will clear the screen and redraw the rectangle with increasing corner roundness.
Notice that initially, the rectangle had no roundness at all (square corners). By the end of the program, the corners were very rounded.