使用SDL打造游戏世界之入门篇 - 图文 联系客服

发布时间 : 星期五 文章使用SDL打造游戏世界之入门篇 - 图文更新完毕开始阅读

return 0; }

打开和显示图片

在这个例子里我们将学习如何使用SDL程序中打开和显示图片。示例程序将绘制一个漂亮的背景,上面显示一个正方形图案,并可以使用键盘的方向键移动它。如果比较熟悉“推箱子”这个游戏,可以看出这个程序实际就是推箱子游戏的基础。

在程序首部包含以下头文件(stdlib.h供调用atexit()时使用):

#include #include #include “SDL.h”

声明3个SDL_Surface类型的全局变量,同时声明2个整型变量用于记录正方形的坐标:

SDL_Surface *back; SDL_Surface *image; SDL_Surface *screen; int xpos = 0, ypos = 0;

我们构造一个函数InitImage函数来打开bitmap文件(.bmp)中的图像信息,传递给SDL_Surface显示。InitImage将会 被main()函数调用。在InitImage函数中我们使用到了SDL_LoadBMP函数,它把bmp文件的文件名作为参数传入,返回指向存储图像文 件信息内存区域的指针。InitImage中我们将背景图片

bg.bmp打开并使用back指针进行记录,将正方形图片image.bmp打开并使用 image指针记录。

int InitImages() { back = SDL_LoadBMP(\image = SDL_LoadBMP(\return 0; }

下面我们介绍将图像绘制到屏幕的两个函数,两个函数都被命名为DrawIMG。第一个DrawIMG函数使用SDL_BlitSurface函数来在屏幕上显示图像。在SDL中SDL_BliSurface的函数原型如下:

int SDL_BlitSurface(SDL_Surface *src, SDL_Rect *srcrect, SDL_Surface *dst, SDL_Rect *dstrect);

src是需要进行绘制的surface而dst是进行显示的surface。SDL_Rect是一个包含4个16位整型变量的结构:x, y, w(width)和h(height)。srcrect用来描述源surface中需要绘制部分,而dstrect用来描述在目的surface何处进行 绘制。如果设置srcrect为NULL,那么源文件中包含的整个图像都会被显示。dstrect中的x和y变量指定了在何处blit SDL_Surface src。对于dstrect来说,w(width)和h(height)这两个变量是被忽略不计的。第一个DrawIMG函数非常简单:

void DrawIMG(SDL_Surface *img, int x, int y) { SDL_Rect dest; dest.x = x; dest.y = y; SDL_BlitSurface(img, NULL, screen, &dest); }

下面我们考虑一个复杂点的情况,如图:

如果我们需要将阴影区域传递给srcrect进行绘制,我们就需要使用到srcrect结构里的几个变量了:x,y指定了所要绘制的源区域的起点坐标, 而w和h分别指定了源区域的宽度和高度。如果图中的阴影坐标起点坐标为(20,25),宽61个象素高70个象素,那么我们可以得到:srcrect中x = 20, y = 25, w = 61, h = 70。

第二个DrawIMG定义如下:

void DrawIMG(SDL_Surface *img, int x, int y, int w, int h, int x2, int y2) { SDL_Rect dest; dest.x = x; dest.y = y; SDL_Rect dest2; dest2.x = x2; dest2.y = y2; dest2.w = w; dest2.h = h; SDL_BlitSurface(img, &dest2, screen, &dest); }

绘制背景的函数DrawBG()比较简单:

void DrawBG() { Slock(screen); DrawIMG(back, 0, 0); Sulock(screen); }

绘制正方形图像的函数将会比较复杂,首先我们用背景图案填充当前正方形图像所在区域,如果不这样做的话,正方形图像的移动就会造成背景上留下黑色的方形移动轨迹,如图所示:

这里,我们只填充正方形图像移动后的轨迹区域,这样比填充整个区域速度快。由于正方形区域大小是128x128,由于每次正方形只能朝某个方向移动1个 象素(pixel),为了彻底消除移动轨迹,我们背景的新填充区域扩大到132x132,这