游戏开发笔记之九 游戏地图制作（一）平面地图贴图

地图是游戏元素里面不可缺少的一部分，要产生游戏地图，除了可以直接使用已经绘制好的位图外，对于一些画面不太复杂，并且具有重复性质的地图或场景，有一个比较好的解决方法，那就是利用地图拼接，将一小块一小块的小地图组合成较大的地图。

地图拼接的有点在于节省系统资源，因为一张大型的地图会占用比较多的内存空间，且加载速度较慢，如果游戏中使用了为数较多的大型地图，那么势必会降低程序运行时的性能，而且需要相当可观的内存空间。

接下来的几节笔记，我们将介绍有关地图拼接的概念，并学习利用不起眼的小地图堆砌出美妙无比的游戏地图的方法。

平面地图贴图

这种贴图方法相当直观，即利用一张张四方形的小地图块组成同样是四方形的大地图。下图就是一张由3种不同地图块组合而成的平面地图



我们可以看出，这张地图是由6*4张小地图块组成的，列方向是6张图块，行方向是4张图块。这张图里面共出现了3种不同的图块，这是因为程序会事先以数组来定义哪个位置要出现哪一种图块，使得拼接出来的地图能够符合要求，现假设图中3种不同的图块的编号分别为0,1,和2，那么可以用以下的这个一维数组来定义出上图中的地图

[cpp]
view plaincopyprint?

Int mapblock[24]={1,1,1,2,3,2 //第一列

1,1,2,2,2,3 //第二列
2,2,2,2,2,2 //第三列

2,2,2,2,2,1}; //第四列

[cpp]
view plaincopyprint?

#include "stdafx.h"
#include <stdio.h>

//全局变量声明
HINSTANCE hInst;
HBITMAP fullmap;     //声明fullmap位图对象，在初始函数中完成的地图会存到这个位图中

HDC     mdc;

//行列数声明
const int rows = 8,cols = 8;

//全局函数的声明
ATOM                MyRegisterClass(HINSTANCE hInstance);
BOOL                InitInstance(HINSTANCE, int);
LRESULT CALLBACK    WndProc(HWND, UINT, WPARAM, LPARAM);
void                MyPaint(HDC hdc);

//***WinMain函数，程序入口点函数**************************************

int APIENTRY WinMain(HINSTANCE hInstance,
HINSTANCE hPrevInstance,
LPSTR     lpCmdLine,
int       nCmdShow)
{
MSG msg;

MyRegisterClass(hInstance);

//运行初始化函数
if (!InitInstance (hInstance, nCmdShow))
{
return FALSE;
}

//消息循环
while (GetMessage(&msg, NULL, 0, 0))
{
TranslateMessage(&msg);
DispatchMessage(&msg);
}

return msg.wParam;
}

//****设计一个窗口类，类似填空题，使用窗口结构体*************************

ATOM MyRegisterClass(HINSTANCE hInstance)
{
WNDCLASSEX wcex;

wcex.cbSize = sizeof(WNDCLASSEX);
wcex.style          = CS_HREDRAW | CS_VREDRAW;
wcex.lpfnWndProc    = (WNDPROC)WndProc;
wcex.cbClsExtra     = 0;
wcex.cbWndExtra     = 0;
wcex.hInstance      = hInstance;
wcex.hIcon          = NULL;
wcex.hCursor        = NULL;
wcex.hCursor        = LoadCursor(NULL, IDC_ARROW);
wcex.hbrBackground  = (HBRUSH)(COLOR_WINDOW+1);
wcex.lpszMenuName   = NULL;
wcex.lpszClassName  = "canvas";
wcex.hIconSm        = NULL;

return RegisterClassEx(&wcex);
}

//****初始化函数*************************************

// 声明地图数组，进行图块贴图，完成地图拼接

BOOL InitInstance(HINSTANCE hInstance, int nCmdShow)
{
HWND hWnd;
HDC hdc,bufdc;

hInst = hInstance;

hWnd = CreateWindow("canvas", "地图贴图" , WS_OVERLAPPEDWINDOW,
CW_USEDEFAULT, 0, CW_USEDEFAULT, 0, NULL, NULL, hInstance, NULL);

if (!hWnd)
{
return FALSE;
}

MoveWindow(hWnd,10,10,430,450,true);
ShowWindow(hWnd, nCmdShow);
UpdateWindow(hWnd);

int mapIndex[rows*cols] = { 2,2,2,2,0,1,0,1,  //第1列

0,2,2,0,0,0,1,1,  //第2列

0,0,0,0,0,0,0,1,  //第3列

2,0,0,0,0,0,2,2,  //第4列

2,0,0,0,0,2,2,2,  //第5列

2,0,0,0,2,2,0,0,  //第6列

0,0,2,2,2,0,0,1,  //第7列

0,0,2,0,0,0,1,1 };//第8列

hdc = GetDC(hWnd);
mdc = CreateCompatibleDC(hdc);
bufdc = CreateCompatibleDC(hdc);
fullmap = CreateCompatibleBitmap(hdc,cols*50,rows*50); //先建立fullmap为空白的位图，将其宽与高分别为“行数*图块宽”与“列数*图块高”。

HBITMAP map[3];
char filename[20] = "";
int rowNum,colNum;
int i,x,y;

//加载各块位图
for(i=0;i<3;i++)  //利用循环转换图文文件名，取出各个图块存与“map[i]”中。图块文件名为“map0.bmp”和“map1.bmp”等。

{
sprintf(filename,"map%d.bmp",i);
map[i] = (HBITMAP)LoadImage(NULL,filename,IMAGE_BITMAP,50,50,LR_LOADFROMFILE);
}

//按照mapIndex数组中的定义取出对应图块，进行地图拼接

for (i=0;i<rows*cols;i++)
{
SelectObject(bufdc,map[mapIndex[i]]);  //根据mapIndex[i]中的代号选取对应的图块到bufdc中。代号为“0”则取“map[0]”，以此类推

rowNum = i / cols;   //求列编号

colNum = i % cols;   //―求行编号

x = colNum * 50;     //―求贴图X坐标

y = rowNum * 50;     //―求贴图Y坐标

BitBlt(mdc,x,y,50,50,bufdc,0,0,SRCCOPY);  //在mdc上进行贴图

}

MyPaint(hdc);   //当上面代码的循环完成在mdc上的图块贴图之后，fullmap便是拼接出来的地图，此时再调用MyPaint（）函数进行窗口贴图。

ReleaseDC(hWnd,hdc);
DeleteDC(bufdc);

return TRUE;
}

//****自定义绘图函数*********************************

void MyPaint(HDC hdc)
{
//贴上拼接后的组合地图
SelectObject(mdc,fullmap);
BitBlt(hdc,10,10,cols*50,rows*50,mdc,0,0,SRCCOPY);//在窗口中贴上拼接后的组合地图，整个地图的贴图大小按照拼接地图的行数、列数和图块的宽高来决定。

}

//****消息处理函数***********************************

LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam)
{
PAINTSTRUCT ps;
HDC hdc;

switch (message)
{
case WM_PAINT:                      //窗口重绘消息

hdc = BeginPaint(hWnd, &ps);
MyPaint(hdc);
EndPaint(hWnd, &ps);
break;
case WM_DESTROY:                    //窗口结束消息

DeleteDC(mdc);
DeleteObject(fullmap);
PostQuitMessage(0);
break;
default:                            //其他消息

return DefWindowProc(hWnd, message, wParam, lParam);
}
return 0;
}

#include "stdafx.h"
#include <stdio.h>

//全局变量声明
HINSTANCE hInst;
HBITMAP fullmap;     //声明fullmap位图对象，在初始函数中完成的地图会存到这个位图中
HDC		mdc;

//行列数声明
const int rows = 8,cols = 8;

//全局函数的声明
ATOM				MyRegisterClass(HINSTANCE hInstance);
BOOL				InitInstance(HINSTANCE, int);
LRESULT CALLBACK	WndProc(HWND, UINT, WPARAM, LPARAM);
void				MyPaint(HDC hdc);

//***WinMain函数，程序入口点函数**************************************
int APIENTRY WinMain(HINSTANCE hInstance,
HINSTANCE hPrevInstance,
LPSTR     lpCmdLine,
int       nCmdShow)
{
MSG msg;

MyRegisterClass(hInstance);

//运行初始化函数
if (!InitInstance (hInstance, nCmdShow))
{
return FALSE;
}

//消息循环
while (GetMessage(&msg, NULL, 0, 0))
{
TranslateMessage(&msg);
DispatchMessage(&msg);
}

return msg.wParam;
}

//****设计一个窗口类，类似填空题，使用窗口结构体*************************
ATOM MyRegisterClass(HINSTANCE hInstance)
{
WNDCLASSEX wcex;

wcex.cbSize = sizeof(WNDCLASSEX);
wcex.style			= CS_HREDRAW | CS_VREDRAW;
wcex.lpfnWndProc	= (WNDPROC)WndProc;
wcex.cbClsExtra		= 0;
wcex.cbWndExtra		= 0;
wcex.hInstance		= hInstance;
wcex.hIcon			= NULL;
wcex.hCursor		= NULL;
wcex.hCursor		= LoadCursor(NULL, IDC_ARROW);
wcex.hbrBackground	= (HBRUSH)(COLOR_WINDOW+1);
wcex.lpszMenuName	= NULL;
wcex.lpszClassName	= "canvas";
wcex.hIconSm		= NULL;

return RegisterClassEx(&wcex);
}

//****初始化函数*************************************
// 声明地图数组，进行图块贴图，完成地图拼接
BOOL InitInstance(HINSTANCE hInstance, int nCmdShow)
{
HWND hWnd;
HDC hdc,bufdc;

hInst = hInstance;

hWnd = CreateWindow("canvas", "地图贴图" , WS_OVERLAPPEDWINDOW,
CW_USEDEFAULT, 0, CW_USEDEFAULT, 0, NULL, NULL, hInstance, NULL);

if (!hWnd)
{
return FALSE;
}

MoveWindow(hWnd,10,10,430,450,true);
ShowWindow(hWnd, nCmdShow);
UpdateWindow(hWnd);

int mapIndex[rows*cols] = { 2,2,2,2,0,1,0,1,  //第1列
0,2,2,0,0,0,1,1,  //第2列
0,0,0,0,0,0,0,1,  //第3列
2,0,0,0,0,0,2,2,  //第4列
2,0,0,0,0,2,2,2,  //第5列
2,0,0,0,2,2,0,0,  //第6列
0,0,2,2,2,0,0,1,  //第7列
0,0,2,0,0,0,1,1 };//第8列
hdc = GetDC(hWnd);
mdc = CreateCompatibleDC(hdc);
bufdc = CreateCompatibleDC(hdc);
fullmap = CreateCompatibleBitmap(hdc,cols*50,rows*50); //先建立fullmap为空白的位图，将其宽与高分别为“行数*图块宽”与“列数*图块高”。

HBITMAP map[3];
char filename[20] = "";
int rowNum,colNum;
int i,x,y;

//加载各块位图
for(i=0;i<3;i++)  //利用循环转换图文文件名，取出各个图块存与“map[i]”中。图块文件名为“map0.bmp”和“map1.bmp”等。
{
sprintf(filename,"map%d.bmp",i);
map[i] = (HBITMAP)LoadImage(NULL,filename,IMAGE_BITMAP,50,50,LR_LOADFROMFILE);
}

//按照mapIndex数组中的定义取出对应图块，进行地图拼接
for (i=0;i<rows*cols;i++)
{
SelectObject(bufdc,map[mapIndex[i]]);  //根据mapIndex[i]中的代号选取对应的图块到bufdc中。代号为“0”则取“map[0]”，以此类推

rowNum = i / cols;   //求列编号
colNum = i % cols;   //―求行编号
x = colNum * 50;     //―求贴图X坐标
y = rowNum * 50;     //―求贴图Y坐标

BitBlt(mdc,x,y,50,50,bufdc,0,0,SRCCOPY);  //在mdc上进行贴图
}

MyPaint(hdc);   //当上面代码的循环完成在mdc上的图块贴图之后，fullmap便是拼接出来的地图，此时再调用MyPaint（）函数进行窗口贴图。

ReleaseDC(hWnd,hdc);
DeleteDC(bufdc);

return TRUE;
}

//****自定义绘图函数*********************************
void MyPaint(HDC hdc)
{
//贴上拼接后的组合地图
SelectObject(mdc,fullmap);
BitBlt(hdc,10,10,cols*50,rows*50,mdc,0,0,SRCCOPY);//在窗口中贴上拼接后的组合地图，整个地图的贴图大小按照拼接地图的行数、列数和图块的宽高来决定。
}

//****消息处理函数***********************************
LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam)
{
PAINTSTRUCT ps;
HDC hdc;

switch (message)
{
case WM_PAINT:						//窗口重绘消息
hdc = BeginPaint(hWnd, &ps);
MyPaint(hdc);
EndPaint(hWnd, &ps);
break;
case WM_DESTROY:					//窗口结束消息
DeleteDC(mdc);
DeleteObject(fullmap);
PostQuitMessage(0);
break;
default:							//其他消息
return DefWindowProc(hWnd, message, wParam, lParam);
}
return 0;
}

我们需要把几幅位图文件放到工程文件夹下，有需要这个程序源码朋友可以留下邮箱，我会发给你。

运行结果如下图：



这个范例具有一定的灵活性。只要更改常数中的列数与行数的值，并重新定义mapIndex[]数组中的值，便可以组合出大小尺寸及内容不尽相同的平面地图来。