Escribiendo en la superficie principal

Para ver algo en el contenido de la pantalla, deberemos escribir en la superficie principal. Para esto crearemos una nueva superficie a partir de un archivo tipo bmp, que utilizaremos a tal efecto.

La carga de archivo bmp lo encapsularemos dentro de una clase que llamaremos Bitmap y colocaremos dentro del mismo espacio de nombre que la clase Window. La clase Bitmap tendrá algunos pocos métodos, entre los que se destacan:

Constructor: Carga el bitmap a partir del nombre de un archivo.
Draw: Dibuja el bitmap en la superficie SDL pasada como parámetro.
SetPos: Fija la posición del bitmap en la pantalla.

Dentro de las propiedades de la clase especificaremos:

SDL_Surface * m_pSurface: Puntero a la superficie SDL con el bitmap cargado en ella.
int m_iX, m_iY: Posición del bitmap en la pantalla.

Analicemos el método constructor de la clase Bitmap:


| Bitmap::Bitmap(const char * pszFilename)
| {
| m_iX = m_iY = 0;
|
| SDL_Surface * pSurface = SDL_LoadBMP(pszFilename);
|
| if (pSurface)
| // Asigno la superficie
| m_pSurface = pSurface;
| else
| m_pSurface = NULL;
| }


Del código anterior se destaca el uso de la función de SDL SDL_LoadBMP:

Función: SDL_LoadBMP
Prototipo: SDL_Surface *SDL_LoadBMP(const char *file);
Parámetros:
file: Nombre del archivo BMP.

La función retorna una superficie con el contenido de bitmap en ella.

Para copiar el contenido de la superficie con el bitmap dentro de la superficie principal haremos uso de la función SDL_BlitSurface:

Función: SDL_BlitSurface
Prototipo: int SDL_BlitSurface(SDL_Surface *src, SDL_Rect *srcrect, SDL_Surface *dst, SDL_Rect *dstrect);
Parámetros:
src: Superficie desde la cual tomaremos la información a copiar.
srcrect: Región de la superficie a copiar (podríamos querer tomar sólo una parte de ella).
dst: Superficie a la cual vamos a copiar la información.
dstrect: Región de la superficie a la cual vamos a copiar la información.

Cada vez que queramos copiar el contenido del bitmap en la superficie principal haremos uso del método Draw de la clase Bitmap que hace uso de la función descrita anteriormente como podemos apreciar en el siguiente trozo de código:


| void Bitmap::Draw(SDL_Surface * pMainSurface)
| {
| // Especifico área de copiado del bitmap
| static SDL_Rect rectSrc;
| rectSrc.x = 0;
| rectSrc.w = m_pSurface->w;
| rectSrc.y = 0;
| rectSrc.h = m_pSurface->h;
|
| // Especifico área de pegado en superficie principal
| static SDL_Rect rectDst;
| rectDst.x = m_iX;
| rectDst.w = m_pSurface->w;
| rectDst.y = m_iY;
| rectDst.h = m_pSurface->h;
|
| // Realizo el Blit del DC de memoria al DC del backbuffer
| SDL_BlitSurface(m_pSurface, &rectSrc, pMainSurface, &rectDst);
| }


Cabe destacar que el copiado de la superficie con el bitmap a la superficie principal se realiza sobre el búfer secundario (back buffer), para poder ver dicha información en pantalla deberemos realizar un SDL_Flip de la superficie principal.

Función: SDL_Flip
Prototipo: int SDL_Flip(SDL_Surface *screen);
Parámetros:
screen: Superficie principal.

Esto lo haremos en el método Update de la clase Window:


| void Window::Update()
| {
| // Finalmente copia el backbuffer sobre el frontbuffer
| SDL_Flip(m_pMainSurface);
| }


Figura. Copiado y cambio de búfer principal

Finalmente, puede no resultar obvio que luego de realizar un flip, el búfer secundario será el que antes era el primario y si deseamos colocar un nuevo contenido en él deberemos limpiarlo previamente (a no ser deseemos realizar algún efecto particular). Para esto utilizaremos la función SDL_FillRect de SDL.

Conclusión

Hemos visto como utilizar el subsistema de video de la librería SDL haciendo uso de una de sus funcionalidades básicas. En el ejemplo que acompaña el tutorial vamos un poco más lejos y agregamos algunos elementos como sprites y uso de timers, confiamos en que el lector no tendrá inconvenientes en entender estos nuevos elementos analizando el código fuente explicado paso a paso con comentarios dentro del mismo.

Para descargar la aplicación de ejemplo, puede hacer click aquí.

~fuzzyLogic

Pages: 1 2 3 4

Comentarios (2)