world leader in high performance signal processing
Trace: » shapes

ADSP-BF548 EZ-KIT Quick Start: Peripheral Demos: shapes


What is shapes

An application that uses SDL_gfx to draw some simple shapes on the LCD. It demonstrates some very basic primitive drawing using SDL_gfx.

Download shapes

The demo comes with the customised Ubuntu ISO and can be found in the folder /home/Blackfin/demos. Alternatively it is already installed on the demo uClinux image (demo-uclinux.img) that you can get on ADSP-BF548 EZ-KIT Quick Start: Booting uClinux.

If you just want to download the demos on their own and get their source code you can download the compressed archive (demos-R1.tar.gz) here bf548-quick-start .

How to run the shapes program

  • Change directory to /demos/lcd

    root:/> cd /demos/lcd
  • Make sure SDL knows that there is no mouse available otherwise it won't run

    root:/> export SDL_NOMOUSE=1

    Note: You only need to do this once per uClinux boot. If you want your program to make use of the touch screen, do not run this environment variable and instead run the commands found in the touchscreen demos.

  • Run shapes

    root:/> ./shapes
    Drawing shapes... 
    Displayed. Interrupt to exit
  • Exit (Ctrl + C)

How the shapes demo works

Required header files

#include <stdio.h>
#include <stdlib.h>

// Necessary Drawing Libraries
#include <SDL_gfxPrimitives.h>

As you can see, this program only grabs SDL_gfxPrimitives.h really for the low level drawing API. It doesn't explicitly grab SDL.h as that will be done by SDL_gfxPrimitives.

Main function

int main(int argc, char* argv[])
  int screen_width = 480;
  int screen_height = 272;
  int screen_bitdepth = 24;

  SDL_Surface *screen;
  SDL_Event input_event;

  int running = 0;

  printf("Loading... \n");

This section highlights how the programs run are just like normal C programs on your desktop machine. You have your normal main function, and some variable declarations at the top of the function. The screen dimensions provided match up with the LCD on the BF548 EZ-KIT.

Initializing the video subsystem

if (SDL_Init(SDL_INIT_VIDEO) < 0)
  fprintf(stderr, "Error: Unable to init SDL: %s\n", SDL_GetError());

screen = SDL_SetVideoMode(width, height, depth, SDL_DOUBLEBUF);
if (screen == NULL)
  fprintf(stderr, "Error: Unable to grab screen\n");

This section of code will initialise the video subsystem of SDL so that SDL knows it will have a graphics buffer to write to. If it fails, it will abort the program. The atexit call is added so that when the program closes, SDL will clean itself up.

It also grabs the screen to write to by making a call to SDL_SetVideoMode and provides the screen details, note that width, height and depth are provided at the start of this program and are set to the LCD screens actual dimensions so this creates a full screen window. If this fails, the program will abort.

This section will be quite common for any SDL program using the LCD and the SDL_Init call might have to OR other subsystems as well if you're using things like audio.

Drawing Shapes

printf("Drawing shapes... \n");
// Draw white background
SDL_Rect rect0 = {0, 0, screen_width, screen_height};
SDL_FillRect(screen, &rect0, 0xFFFFFF);

// Draw eight red pixels
pixelColor(screen, 240, 136, 0xFF0000FF); 
pixelColor(screen, 240, 138, 0xFF0000FF); 
pixelColor(screen, 240, 140, 0xFF0000FF); 
pixelColor(screen, 240, 142, 0xFF0000FF); 
pixelColor(screen, 238, 136, 0xFF0000FF); 
pixelColor(screen, 238, 138, 0xFF0000FF); 
pixelColor(screen, 238, 140, 0xFF0000FF); 
pixelColor(screen, 238, 142, 0xFF0000FF); 

// Draw two green lines
lineColor(screen, 0, 200, 480, 200, 0x00FF00FF);
lineColor(screen, 100, 0, 100, 272, 0x00FF00FF);

// Draw a black rectangle
rectangleColor(screen, 200, 120, 300, 160, 0x000000FF);

// Draw a blue circle
circleColor(screen, 200, 200, 15, 0x0000FFFF);

// display surface on LCD
printf("Displayed. Interrupt to exit.\n");

This section merely draws a white rectangle to the screen, then some shapes and lines on top of it of varying colours. The pixelColor call draws a pixel onto the screen surface, and as you can see the colour provided is in the form of 0xFF0000FF. This is the red colour in the form of RGBA. The first FF indicates a value of 255 red, while the last FF indicates a 255 alpha value (not transparent).

SDL_gfx has many low level drawing functions and you can learn more about them on the official SDL_gfx documentation at and

Input handling loop

memset(&input_event, 0, sizeof(input_event));
while (running == 0)
  if (SDL_PollEvent(&input_event))
    if (input_event.type == SDL_QUIT)
      running = 1;
    else if (input_event.type == SDL_KEYDOWN)
      running = 1;

This section is common in all SDL programs and it is a loop that will continuously check for any program input. This one is looking for either an SDL_Quit call (from program termination) or any key presses (from the keypad or rotary) to perform an exit.


return 0;

This section just does some basic clean up and exits the program.

Compiling shapes

First make sure that your kernel has the libraries libSDL, SDL_gfx and tslib enabled.

Secondly, make sure your vendor staging install is complete (ADSP-BF548 EZ-KIT Quick Start: Compiling uClinux).

root:/> make vendor_staging_install

Run the following compile command in the same directory as the source code:

root:/> bfin-linux-uclibc-gcc -O2 \
$(~/Blackfin/blackfin-linux-dist/staging/usr/bin/sdl-config --cflags) \
$(~/Blackfin/blackfin-linux-dist/staging/usr/bin/sdl-config --libs) \ 
-lSDL_gfx \ 
shapes.c -o shapes

What this compile command is doing is it is calling the uclibc cross compiler that is set up from the Blackfin toolchains to compile our application.

The calls to sdl-config are a special case for SDL because SDL places its header & library files in non-root locations so this will load them properly.

The parameters prefixed with -l are to indicate we need to load that library, so in this case the library SDL_gfx is loaded. Without this library, our program would not have access to the required functions.

The final parameters match up to standard gcc compiling, “shapes.c” is the source file while ”-o shapes” indicates the output file is “shapes”.

A standard make file is accompanies this demo and you can run that by simply calling

root:/> make shapes

Further Reading


SDL_gfx is a popular SDL primitives drawing api, and its documentation is located at

It contains many SDL support functions and in this case was used for its interpolating rotozoomer functions to resize the SDL surface displaying the jpeg. The components of SDL_gfx you can use include

  • Graphic Primitives (SDL_gfxPrimitves.h)
  • Rotozoomer (SDL_rotozoom.h)
  • Framerate control (SDL_framerate.h)
  • MMX image filters (SDL_imageFilter.h)
  • Custom Blit functions (SDL_gfxBlitFunc.h)

LCD Notes

The LCD on the BF548 EZ-KIT is a 24bit lcd (8bit blue, 8bit green, 8bit red). This means some programs hard coded for the frame buffer do not work, for example pngview. If you run pngview and it appears wonky on the BF548 that is because it was made for the BF537 and a 16bit LCD. Since it does not write enough data to fill a pixel and will encode for rgb and not bgr, it will be interpreted wrongly, so be aware of this when working with programs that write directly to the frame buffer.

If the colour on the LCD screen appears wonky, this may be due to the LCD screen settings defined by SW17. These switches can set the bitrate of the LCD and if set differently than to what the program expecs will lead to a bit of mayham. Check the development environment page of this guide to make sure it is set to the default 24bit.

Information on the LCD driver for the BF548 EZ-KIT can be found here Linux framebuffer driver for ADSP-BF54x