【Visual C++】游戏开发笔记之十 基础动画显示（三） 透明动画的实现

"透明动画”是游戏中一定会用到的基本技巧，它通过图案的连续显示及图案本身背景的透明化处理，在背景图上产生出栩栩如生的动画效果。

看过之前笔记的朋友们应该知道，在笔记六里我们介绍了使位图背景透明的方法，在笔记八里我们讲解了使用游戏循环显示动画的技巧，而这节笔记的内容，刚好是两者的一个综合。

如果有没看过之前笔记系列的朋友，为了便于理解本节的内容，可以先浏览一下之前的笔记六和笔记八，下面我给出链接。

【VisualC++】游戏开发笔记之六——游戏画面绘图（三）透明特效的制作方法

【VisualC++】游戏开发笔记之八——基础动画显示（二）游戏循环的使用

为了实现透明动画的效果，我们采用了一个如下图所示的恐龙跑动的连续图，每一张跑动图的宽高都为95*99。我们知道，透明动画制作的前提是，必须在一个暂存的内存DC上完成每一张跑动图的透明，然后再贴到窗口上，这样画面更新时才不会出现在透明贴图过程中产生的闪烁现象。

上图中每一个小恐龙的尺寸为95*99，这个数据在写代码过程中比较关键。

实现这个程序的关键点，当然是MyPaint函数的写法。

而在MyPaint函数里面我们主要实现了两个功能：

1.恐龙跑动图案的透明背景化

2.更新贴图的坐标，实现动画效果

下面我们给出MyPaint函数的写法：

        num = 0;    //显示图号
	x = 640;	//贴图起始X坐标
	y = 360;    //贴图起始Y坐标
void MyPaint(HDC hdc)
{
	if(num == 8)
		num = 0;

	//在mdc中贴上背景图
	SelectObject(bufdc,bg);
	BitBlt(mdc,0,0,640,480,bufdc,0,0,SRCCOPY);

	//在mdc中进行透明处理
	SelectObject(bufdc,dra);
	BitBlt(mdc,x,y,95,99,bufdc,num*95,99,SRCAND);
	BitBlt(mdc,x,y,95,99,bufdc,num*95,0,SRCPAINT);

	//将最后的画面显示在窗口中
	BitBlt(hdc,0,0,640,480,mdc,0,0,SRCCOPY);

	tPre = GetTickCount();     //记录此次绘图时间
	num++;

	x-=20;					   //计算下次贴图的坐标
	if(x<=-95)
		x = 640;
}

关键点的说明：

▲7~17行， 在mdc上进行透明操作并将最后的结果显示在窗口中。

▲13~14行，进行透明时，按照目前的图号来取出对应的跑动图案或者屏蔽图。

▲22~24行，计算下次恐龙图贴图坐标，由于我们的程序设定动画是由右向左跑动的，在Y轴坐标不变化，而X轴坐标每次向左递减20，直到图案跑到左边窗口外时再将坐标设回最右边，这样可以看到恐龙不断由右向左循环跑动的效果。

同样我们利用一个完整的实例来了解实现透明动画的具体过程：

#include "stdafx.h"

//全局变量声明
HINSTANCE hInst;
HBITMAP dra,bg;
HDC		hdc,mdc,bufdc;
HWND	hWnd;
DWORD	tPre,tNow;
int		num,x,y;

//全局函数声明
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;
	}

	//消息循环
	GetMessage(&msg,NULL,NULL,NULL);  //初始化msg
    while( msg.message!=WM_QUIT )
    {
        if( PeekMessage( &msg, NULL, 0,0 ,PM_REMOVE) )
        {
            TranslateMessage( &msg );
            DispatchMessage( &msg );
        }
		else
		{
			tNow = GetTickCount();
			if(tNow-tPre >= 100)
				MyPaint(hdc);
		}
    }

	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)
{
	char filename[20] = "";
	HBITMAP bmp;
	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,640,480,true);
	ShowWindow(hWnd, nCmdShow);
	UpdateWindow(hWnd);

	hdc = GetDC(hWnd);
	mdc = CreateCompatibleDC(hdc);
	bufdc = CreateCompatibleDC(hdc);
	bmp = CreateCompatibleBitmap(hdc,640,480);

	SelectObject(mdc,bmp);

	dra = (HBITMAP)LoadImage(NULL,"dra.bmp",IMAGE_BITMAP,760,198,LR_LOADFROMFILE);
	bg = (HBITMAP)LoadImage(NULL,"bg.bmp",IMAGE_BITMAP,640,480,LR_LOADFROMFILE);

	num = 0;    //显示图号
	x = 640;	//贴图起始X坐标
	y = 360;    //贴图起始Y坐标

	MyPaint(hdc);

	return TRUE;
}

//****自定义绘图函数*********************************
// 1.恐龙跑动图案的透明背景化
// 2.更新贴图坐标，实现动画效果
void MyPaint(HDC hdc)
{
	if(num == 8)
		num = 0;

	//在mdc中贴上背景图
	SelectObject(bufdc,bg);
	BitBlt(mdc,0,0,640,480,bufdc,0,0,SRCCOPY);

	//在mdc中进行透明处理
	SelectObject(bufdc,dra);
	BitBlt(mdc,x,y,95,99,bufdc,num*95,99,SRCAND);
	BitBlt(mdc,x,y,95,99,bufdc,num*95,0,SRCPAINT);

	//将最后的画面显示在窗口中
	BitBlt(hdc,0,0,640,480,mdc,0,0,SRCCOPY);

	tPre = GetTickCount();     //记录此次绘图时间
	num++;

	x-=20;					   //计算下次贴图的坐标
	if(x<=-95)
		x = 640;
}

//****消息处理函数***********************************
LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam)
{
	switch (message)
	{
		case WM_DESTROY:					//窗口结束消息，撤销各种DC
			DeleteDC(mdc);
			DeleteDC(bufdc);
			DeleteObject(dra);
			DeleteObject(bg);
			ReleaseDC(hWnd,hdc);
			PostQuitMessage(0);
			break;
		default:							//其他消息
			return DefWindowProc(hWnd, message, wParam, lParam);
   }
   return 0;
}

这个程序的运行结果为：

笔记十到这里就结束了。

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

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

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

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

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

Theend