平滑的人物走动 —— 解决闪屏

今天咋一看，发现很久没写博客了

的确，开学之后，写博客的时间越来越少了……

今天来做一个比较实用的小应用——平滑的人物走动，同时解决常见的闪屏问题、实现透明位图

这些技术在游戏开发中是很常见的

------------------------------------------------------------------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------------------------------------------------------------------

一、为了对比效果差异，我们先就用之前讲过的BitBlt函数来直接贴位图

先来看一看一些主要的代码：

变量说明:

static HBITMAP	hBk, hBmp;			//背景、人物位图句柄
static SIZE		sBk, sBmp, sClient;	//背景、人物位图大小 , 客户区大小
static POINT	ptBmp;				//人物位图位置

在WM_CREATE消息中做一些初始化工作:

case WM_CREATE:
	{
		//加载位图资源
		BITMAP	bmp;
		hBmp = LoadBitmap(((LPCREATESTRUCT)lParam)->hInstance, MAKEINTRESOURCE(IDB_BITMAP1));
		hBk = LoadBitmap(((LPCREATESTRUCT)lParam)->hInstance, MAKEINTRESOURCE(IDB_BITMAP2));

		GetObject(hBmp, sizeof(BITMAP), &bmp);
		sBmp.cx	= bmp.bmWidth;
		sBmp.cy	= bmp.bmHeight;

		GetObject(hBk, sizeof(BITMAP), &bmp);
		sBk.cx	= bmp.bmWidth;
		sBk.cy	= bmp.bmHeight;
	}
	//初始化人物位置
	ptBmp.x	= 100;
	ptBmp.y	= 100;
	return 0;

在WM_SIZE消息中获取客户区大小

case WM_SIZE:
	sClient.cx	= LOWORD(lParam);
	sClient.cy	= HIWORD(lParam);
	return 0;

在WM_PAINT消息中绘制位图

case WM_PAINT:
	hdc = BeginPaint(hwnd, &ps);

	hdcMem = CreateCompatibleDC(hdc);
	SelectObject(hdcMem, hBk);

	//由于背景图片可能超过客户区大小 , 故采取缩放模式显示背景图片
	SetStretchBltMode(hdc, COLORONCOLOR);
	StretchBlt(hdc, 0, 0, sClient.cx, sClient.cy,
		hdcMem, 0, 0, sBk.cx, sBk.cy, SRCCOPY);

	//绘制人物位置
	SelectObject(hdcMem, hBmp);
	BitBlt(hdc, ptBmp.x, ptBmp.y, sBmp.cx, sBmp.cy,
		hdcMem, 0, 0, SRCCOPY);
	DeleteDC(hdcMem);
	EndPaint(hwnd, &ps);
	return 0;

在WM_MOUSEMOVE消息中控制人物位置

//鼠标移动时,这个消息会发送很多,
//因此用它来检验闪屏效果是很理想的
case WM_MOUSEMOVE:
	ptBmp.x	= LOWORD(lParam);
	ptBmp.y	= HIWORD(lParam);

	InvalidateRect(hwnd, NULL, TRUE);
	return 0;

下面是BitBlt函数的实现效果:(可以发现人物周边出现了白色区域)

可见这和实际游戏中是有差别的

二、实现位图的透明

实现之前，先来看一看一个win32 sdk中的含api函数TransparentBlt

msdn:

BOOL TransparentBlt(
  HDC hdcDest,        // handle to destination DC
  int nXOriginDest,   // x-coord of destination upper-left corner
  int nYOriginDest,   // y-coord of destination upper-left corner
  int nWidthDest,     // width of destination rectangle
  int hHeightDest,    // height of destination rectangle
  HDC hdcSrc,         // handle to source DC
  int nXOriginSrc,    // x-coord of source upper-left corner
  int nYOriginSrc,    // y-coord of source upper-left corner
  int nWidthSrc,      // width of source rectangle
  int nHeightSrc,     // height of source rectangle
  UINT crTransparent  // color to make transparent
);

前10个参数和BitBlt的差不多，不用多解释。主要是最后一个参数crTransparent，当前位图中需要透明的颜色(一般都是白色或者黑色)

==> 因此，你应该保证非透明区域不能包含透明颜色，否则会有一定的出入

另外还需要注意的一点：Transparent函数只适合低于32位色位图的透明，当然常见的都是RGB原色——24位的，因此它是够用的

只需要将WM_PAINT中的BitBlt换成Transparent就能实现久违的位图透明效果

TransparentBlt(hdc, ptBmp.x, ptBmp.y, sBmp.cx - 10, sBmp.cy - 10,
	hdcMem, 0, 1, sBmp.cx, sBmp.cy - 1, RGB(255, 255, 255));

下面就是实现效果:

可以发现，透明效果是实现了，但是闪屏确实很厉害……

三、解决闪屏问题

要解决问题，需要知道问题的根源所在：

各位还记得WNDCLASS这个类型的结构体变量吗?

它在注册窗口前需要初始化，我们来看看初始化代码:

wndclass.hbrBackground	= (HBRUSH)GetStockObject(WHITE_BRUSH);

对，问题就出现在这里，我们设置了背景刷为白色的刷子，那么当你重绘客户区的时候，程序就会使用你默认设定的这个白色刷子来刷背景，由于鼠标移动消息很频繁，因此就会看到很厉害的闪屏

那么，解决方法就很简单了，主要有两种方式:

(1)将背景刷设定为NULL，空刷子——透明的刷子

wndclass.hbrBackground	= NULL;

(2)不改变背景刷(依然使用白色背景刷子)，只是在试窗口无效时，我们选择不重绘背景，具体就是将InvalidateRect的最后一个参数设定为TRUE

case WM_MOUSEMOVE:
	ptBmp.x	= LOWORD(lParam);
	ptBmp.y	= HIWORD(lParam);

	InvalidateRect(hwnd, NULL, FALSE);//这里设为FALSE
	return 0;

ok，来看看解决后的效果:

可见频繁的闪屏解决了^_^

------------------------------------------------------------------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------------------------------------------------------------------

今天到此为止吧(如果各位需要源代码或者相应资源，可以评论留下邮箱，我会发给你^_^)