既然你已经在上一课的第二部分学会了在窗口中显示一张图片，那么现在是时候改用更高效的方法加载表面和Blit。

译者注：Blit的含义是内存中图像的位块传输，指的是将某一表面的全部或部分图像复制到另一表面上。只是我不清楚把它翻译成“位块传输”是否合适，故不翻译此词汇，应该不会影响阅读和理解。

//头文件
#include "SDL/SDL.h"
#include <string>

//窗口属性
const int SCREEN_WIDTH = 640;
const int SCREEN_HEIGHT = 480;
const int SCREEN_BPP = 32;

//将要使用的表面
SDL_Surface *message = NULL;
SDL_Surface *background = NULL;
SDL_Surface *screen = NULL;

SDL_Surface *load_image( std::string filename ) 
{
    //临时的空间，用于存储刚刚加载好的图像
    SDL_Surface* loadedImage = NULL;
    
    //优化后的图像，实际使用的是这个图像
    SDL_Surface* optimizedImage = NULL;

    //加载图像
    loadedImage = SDL_LoadBMP( filename.c_str() );

    //如果加载图片没有出错
    if( loadedImage != NULL )
    {
        //创建一个优化了的图像
        optimizedImage = SDL_DisplayFormat( loadedImage );
        
        //释放临时的图像
        SDL_FreeSurface( loadedImage );
    }

下面我们要检查一下图片是否加载成功，如果加载发生了错误，loadedImage会被设为NULL。

如果图片加载成功，我们就调用SDL_DisplayFormat() 来创建一个与窗口拥有同样格式的新版本的图像。之所以这么做，是因为当你尝试将一个表面粘贴到另一个不同格式的表面时，SDL会自动转换它的格式，使它们具有相同的格式。

而在每次blit时都创建一个转换后的表面会浪费机器的处理能力并降低程序运行速度。由于我们在加载表面时就已经将其格式转换好了，所以当你要将此表面应用到窗口上时，它已经与窗口具有相同格式，那么SDL就不必进行临时的格式转换了。

所以现在我们有2个表面：旧的加载得到的表面和新的优化处理后的表面。

SDL_DisplayFormat() 创建了一个优化后的表面，但是没有去除原来的表面。

所以我们调用SDL_FreeSurface() 去掉原先加载得到的表面。

    //返回优化后的表面
    return optimizedImage;
}

void apply_surface( int x, int y, SDL_Surface* source, SDL_Surface* destination )
{
    //新建一个临时的矩形来保存偏移量
    SDL_Rect offset;
    
    //将传入的偏移量保存到矩形中
    offset.x = x;
    offset.y = y;

    //执行表面的Blit
    SDL_BlitSurface( source, NULL, destination, &offset );
}

int main( int argc, char* args[] )
{

    //初始化SDL的所有子系统
    if( SDL_Init( SDL_INIT_EVERYTHING ) == -1 )
    {
        return 1;    
    }

    //设置窗口
    screen = SDL_SetVideoMode( SCREEN_WIDTH, SCREEN_HEIGHT, SCREEN_BPP, SDL_SWSURFACE );

    //如果设置窗口时出现错误
    if( screen == NULL )
    {
        return 1;    
    }

    //设置窗口标题
    SDL_WM_SetCaption( "Hello World", NULL );

这里窗口的标题被设为"Hello World"。

标题是窗口的一部分：

    //加载图片
    message = load_image( "hello.bmp" );
    background = load_image( "background.bmp" );

    //将背景图片background应用到screen上
    apply_surface( 0, 0, background, screen );

现在是时候使用我们写好的函数将background应用到窗口上。

在我们执行background的blit操作前，窗口就像这样：

但现在我们执行了background的blit，在内存中，窗口就像这样：

当你执行blit操作时，你是将一个表面中的许多像素拷贝到另一个表面中。所以现在窗口的左上角已经有了我们的背景图案，但我们想要让整个窗口填充完整。这难道意味着我们需要将背景图片再加载3次吗？

    apply_surface( 320, 0, background, screen );
    apply_surface( 0, 240, background, screen );
    apply_surface( 320, 240, background, screen );

    //将message表面应用到窗口中
    apply_surface( 180, 140, message, screen );

现在我们要将message表面应用到窗口上，并且x偏移量和y偏移量分别设为180和140。

注意：SDL的坐标系并不是这样的：

事实上，SDL的坐标系应该是这样的：

所以，坐标原点(0,0)位于左上角，而不是左下角。

译者注：一般绝大多数图形程序的框架或引擎都采用下面这种坐标系，初次接触图形编程的同学一定要注意转换思维，否则在计算坐标时很容易出错。

所以当你blit message表面时，他会被blit到从左上角的坐标原点起向右180像素，向下140像素的位置。

一开始，你可能觉得SDL的坐标系很别扭，不过你会逐渐习惯的。

    //更新窗口
    if( SDL_Flip( screen ) == -1 )
    {
        return 1;    
    }

    //等待2秒
    SDL_Delay( 2000 );

    //释放表面
    SDL_FreeSurface( message );
    SDL_FreeSurface( background );
    
    //退出SDL
    SDL_Quit();
    
    //main函数返回
    return 0;
}