【Visual C++】游戏开发笔记之九 游戏地图制作（一）平面地图贴图

本系列文章由zhmxy555编写，转载请注明出处。http://blog.csdn.net/zhmxy555/article/details/7364697

作者：毛星云邮箱：happylifemxy@qq.com欢迎邮件交流编程心得

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

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

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

平面地图贴图

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

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

Int mapblock[24]={1,1,1,2,3,2 //第一列<br /> 1,1,2,2,2,3 //第二列<br /> 2,2,2,2,2,2 //第三列<br /> 2,2,2,2,2,1}; //第四列<br />

将这个一维数组以行列的方式排列，可以看出每个数组元素对应图中哪个图块。要注意的是，我们使用的是一维数组，因此每个数组的每个元素的索引值是0,1,2,3……24。但是，由于程序里无论计算图块贴图的位置还是计算整张地图的长宽尺寸，都是以行列来换算的，所以需要将数组的索引值转换成相应的列编号和行编号。转换公式如下：

列编号=索引值/每列的图块个数（行数）；

行编号=索引值%每列的图块个数（行数）；

我们还需注意的是，列编号与行编号的起始值是从0开始算起，而一旦算出了列编号与行编号之后，便可以按照图块的宽与高来求出图块贴图的位置，下面是计算图块左上点贴图坐标的公式。

左上点X坐标=行编号*图块的宽度；

左上点Y坐标=列编号*图块的高度；

原理部分我们就介绍完了，下面我们来看一个实例：

#include "stdafx.h"<br /> #include <stdio.h><br /> //全局变量声明<br /> HINSTANCE hInst;<br /> HBITMAP fullmap; //声明fullmap位图对象，在初始函数中完成的地图会存到这个位图中<br /> HDC mdc;<br /> //行列数声明<br /> const int rows = 8,cols = 8;<br /> //全局函数的声明<br /> ATOM MyRegisterClass(HINSTANCE hInstance);<br /> BOOL InitInstance(HINSTANCE, int);<br /> LRESULT CALLBACK WndProc(HWND, UINT, WPARAM, LPARAM);<br /> void MyPaint(HDC hdc);<br /> //***WinMain函数，程序入口点函数**************************************<br /> int APIENTRY WinMain(HINSTANCE hInstance,<br /> HINSTANCE hPrevInstance,<br /> LPSTR lpCmdLine,<br /> int nCmdShow)<br /> {<br /> MSG msg;<br /> MyRegisterClass(hInstance);<br /> //运行初始化函数<br /> if (!InitInstance (hInstance, nCmdShow))<br /> {<br /> return FALSE;<br /> }<br /> //消息循环<br /> while (GetMessage(&msg, NULL, 0, 0))<br /> {<br /> TranslateMessage(&msg);<br /> DispatchMessage(&msg);<br /> }<br /> return msg.wParam;<br /> }<br /> //****设计一个窗口类，类似填空题，使用窗口结构体*************************<br /> ATOM MyRegisterClass(HINSTANCE hInstance)<br /> {<br /> WNDCLASSEX wcex;<br /> wcex.cbSize = sizeof(WNDCLASSEX);<br /> wcex.style = CS_HREDRAW | CS_VREDRAW;<br /> wcex.lpfnWndProc = (WNDPROC)WndProc;<br /> wcex.cbClsExtra = 0;<br /> wcex.cbWndExtra = 0;<br /> wcex.hInstance = hInstance;<br /> wcex.hIcon = NULL;<br /> wcex.hCursor = NULL;<br /> wcex.hCursor = LoadCursor(NULL, IDC_ARROW);<br /> wcex.hbrBackground = (HBRUSH)(COLOR_WINDOW+1);<br /> wcex.lpszMenuName = NULL;<br /> wcex.lpszClassName = "canvas";<br /> wcex.hIconSm = NULL;<br /> return RegisterClassEx(&wcex);<br /> }<br /> //****初始化函数*************************************<br /> // 声明地图数组，进行图块贴图，完成地图拼接<br /> BOOL InitInstance(HINSTANCE hInstance, int nCmdShow)<br /> {<br /> HWND hWnd;<br /> HDC hdc,bufdc;<br /> hInst = hInstance;<br /> hWnd = CreateWindow("canvas", "地图贴图" , WS_OVERLAPPEDWINDOW,<br /> CW_USEDEFAULT, 0, CW_USEDEFAULT, 0, NULL, NULL, hInstance, NULL);<br /> if (!hWnd)<br /> {<br /> return FALSE;<br /> }<br /> MoveWindow(hWnd,10,10,430,450,true);<br /> ShowWindow(hWnd, nCmdShow);<br /> UpdateWindow(hWnd);<br /> int mapIndex[rows*cols] = { 2,2,2,2,0,1,0,1, //第1列<br /> 0,2,2,0,0,0,1,1, //第2列<br /> 0,0,0,0,0,0,0,1, //第3列<br /> 2,0,0,0,0,0,2,2, //第4列<br /> 2,0,0,0,0,2,2,2, //第5列<br /> 2,0,0,0,2,2,0,0, //第6列<br /> 0,0,2,2,2,0,0,1, //第7列<br /> 0,0,2,0,0,0,1,1 };//第8列<br /> hdc = GetDC(hWnd);<br /> mdc = CreateCompatibleDC(hdc);<br /> bufdc = CreateCompatibleDC(hdc);<br /> fullmap = CreateCompatibleBitmap(hdc,cols*50,rows*50); //先建立fullmap为空白的位图，将其宽与高分别为“行数*图块宽”与“列数*图块高”。<br /> SelectObject(mdc,fullmap); //将fullmap存入mdc中<br /> HBITMAP map[3];<br /> char filename[20] = "";<br /> int rowNum,colNum;<br /> int i,x,y;<br /> //加载各块位图<br /> for(i=0;i<3;i++) //利用循环转换图文文件名，取出各个图块存与“map[i]”中。图块文件名为“map0.bmp”和“map1.bmp”等。<br /> {<br /> sprintf(filename,"map%d.bmp",i);<br /> map[i] = (HBITMAP)LoadImage(NULL,filename,IMAGE_BITMAP,50,50,LR_LOADFROMFILE);<br /> }<br /> //按照mapIndex数组中的定义取出对应图块，进行地图拼接<br /> for (i=0;i<rows*cols;i++)<br /> {<br /> SelectObject(bufdc,map[mapIndex[i]]); //根据mapIndex[i]中的代号选取对应的图块到bufdc中。代号为“0”则取“map[0]”，以此类推<br /> rowNum = i / cols; //求列编号<br /> colNum = i % cols; //―求行编号<br /> x = colNum * 50; //―求贴图X坐标<br /> y = rowNum * 50; //―求贴图Y坐标<br /> BitBlt(mdc,x,y,50,50,bufdc,0,0,SRCCOPY); //在mdc上进行贴图<br /> }<br /> MyPaint(hdc); //当上面代码的循环完成在mdc上的图块贴图之后，fullmap便是拼接出来的地图，此时再调用MyPaint（）函数进行窗口贴图。<br /> ReleaseDC(hWnd,hdc);<br /> DeleteDC(bufdc);<br /> return TRUE;<br /> }<br /> //****自定义绘图函数*********************************<br /> void MyPaint(HDC hdc)<br /> {<br /> //贴上拼接后的组合地图<br /> SelectObject(mdc,fullmap);<br /> BitBlt(hdc,10,10,cols*50,rows*50,mdc,0,0,SRCCOPY);//在窗口中贴上拼接后的组合地图，整个地图的贴图大小按照拼接地图的行数、列数和图块的宽高来决定。<br /> }<br /> //****消息处理函数***********************************<br /> LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam)<br /> {<br /> PAINTSTRUCT ps;<br /> HDC hdc;<br /> switch (message)<br /> {<br /> case WM_PAINT: //窗口重绘消息<br /> hdc = BeginPaint(hWnd, &ps);<br /> MyPaint(hdc);<br /> EndPaint(hWnd, &ps);<br /> break;<br /> case WM_DESTROY: //窗口结束消息<br /> DeleteDC(mdc);<br /> DeleteObject(fullmap);<br /> PostQuitMessage(0);<br /> break;<br /> default: //其他消息<br /> return DefWindowProc(hWnd, message, wParam, lParam);<br /> }<br /> return 0;<br /> }<br />

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

运行结果如下图：

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

笔记九到这里就结束了。

本节源代码请点击这里下载：【Visual C++】Code_Note_9

(本节源码上传到CSDN下载频道出bug了，最后只好转到别的地方。现已经恢复正常)

感谢一直支持【VisualC++】游戏开发笔记系列专栏的朋友们，也请大家继续关注我的博客，我一有空就会把自己的学习心得，觉得比较好的知识点写出来和大家一起分享。

精通游戏开发的路还很长很长，非常希望能和大家一起交流，共同学习和进步。

大家看过后觉得有启发的话可以顶一下这篇文章，让更多的朋友有机会看到它。也希望大家可以多留言来和我探讨编程相关的问题。

最后，谢谢大家一直的支持~~~

Theend