SDL第五课从精灵图片上裁剪传输位图

从精灵图片上裁剪传输位图
最后更新2009/12/28
精灵图片就是各个单独的图片的集合在一起构成的一个图片。

当你有很多图片文件，但是不想处理这么多图片文件时，就可以使用精灵图片。

为了得到一个单独的图片，就需要对精灵图片进行裁剪，从而只传输你想要的部分。

在这一课，我们用有4个不同颜色的圆点（精灵）的精灵图片，来讲述怎么从精灵图片中裁剪出一个精灵（圆点）。

//声明画面指针
SDL_Surface *dots = NULL;
SDL_Surface *screen = NULL;
//声明事件结构
SDL_Event event;
//声明要传输的精灵图片的区域部分
SDL_Rect clip[ 4 ];
/*这里声明一些全局变量。

有屏幕画面，事件结构。

图片dots.png就是包含了所有圆点精灵的精灵图片。

有四个SDL_Rect矩形结构的数组，用来存放圆点精灵要传输到的位置和矩形框大小（就是包含一个精灵的区域部分）。

*/
void apply_surface( int x, int y, SDL_Surface* source, SDL_Surface* destination, SDL_Rect* clip = NULL )
{
//Holds offsets
SDL_Rect offset;
//Get offsets
offset.x = x;
offset.y = y;
//Blit
SDL_BlitSurface( source, clip, destination, &offset );
}
/*这个是以前的位图传输函数，在这里稍微做了一些调整。

新的参数是一个SDL_Rect结构的clip，clip定义了我们要传输的矩形画面。

我们把默认的参数设置为NULL。

即apply_surface( 0, 0, image, screen, NULL ) 和apply_surface( 0, 0, image, screen )是完全一样的。

我们还改变了函数SDL_BlitSurface()调用的方式，不再将第二个参数设置为NULL，而是设置为clip。

这样，SDL_BlitSurface()就会传输clip定义的源画面的区域。

如果clip是NULL，就会传输整个源画面。

*/
//裁剪精灵图片的左上角
clip[ 0 ].x = 0;
clip[ 0 ].y = 0;
clip[ 0 ].w = 100;
clip[ 0 ].h = 100;
//裁剪精灵图片的右上角
clip[ 1 ].x = 100;
clip[ 1 ].y = 0;
clip[ 1 ].w = 100;
clip[ 1 ].h = 100;
//裁剪精灵图片的左下角
clip[ 2 ].x = 0;
clip[ 2 ].y = 100;
clip[ 2 ].w = 100;
clip[ 2 ].h = 100;
//裁剪精灵图片的右下角
clip[ 3 ].x = 100;
clip[ 3 ].y = 100;
clip[ 3 ].w = 100;
clip[ 3 ].h = 100;
/*在主函数里，当一切初始化完成，图片已经加载以后，我们就可以设置裁剪的矩形范围了。

我们采用下图的精灵图片：
并把要裁剪的矩形clip设定为指定的区域：
就像这样。

现在我们准备从精灵图片上传输单独的精灵。

*/
//把屏幕填充为白色
SDL_FillRect( screen, &screen->clip_rect, SDL_MapRGB( screen->format,
0xFF, 0xFF, 0xFF ) );
/*我们调用SDL_FillRect()函数来填充屏幕为白色。

SDL_FillRect()函数的第一个参数是画面，第二个参数是要填充颜色的区域，第三个参数是要填充的颜色。

第二个参数是画面的clip_rect指定的区域或者是整个画面。

*/
//将所有的图片放置到屏幕上
apply_surface( 0, 0, dots, screen, &clip[ 0 ] );
apply_surface( 540, 0, dots, screen, &clip[ 1 ] );
apply_surface( 0, 380, dots, screen, &clip[ 2 ] );
apply_surface( 540, 380, dots, screen, &clip[ 3 ] );
//刷新屏幕
if( SDL_Flip( screen ) == -1 )
{
return 1;
}
/*这样我们开始传输精灵。

注意我们每次传输的都是相同的画面，不同的是我们传输的是画面的不同区块。

最后的结果像这样：
从现在开始，当你想要程序中使用很多图片的时候，你不必面对成千上万的图片文件，只需要把他们集中到一个图片中，使用的时候，传输图片中你想要的区域部分就可以了。

*/。