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

最新推荐文章于 2021-08-08 22:08:36 发布
最新推荐文章于 2021-08-08 22:08:36 发布
阅读量522 收藏 1
点赞数
分类专栏： VC++游戏开发笔记之

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

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




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


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


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


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


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



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





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



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

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

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

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


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

[cpp] view plain copy print ?
  1. num = 0; //显示图号
  2. x = 640; //贴图起始X坐标
  3. y = 360; //贴图起始Y坐标
  4. void MyPaint(HDC hdc)
  5. {
  6. if(num == 8)
  7. num = 0;
  9. //在mdc中贴上背景图
  10. SelectObject(bufdc,bg);
  11. BitBlt(mdc,0,0,640,480,bufdc,0,0,SRCCOPY);
  13. //在mdc中进行透明处理
  14. SelectObject(bufdc,dra);
  15. BitBlt(mdc,x,y,95,99,bufdc,num*95,99,SRCAND);
  16. BitBlt(mdc,x,y,95,99,bufdc,num*95,0,SRCPAINT);
  18. //将最后的画面显示在窗口中
  19. BitBlt(hdc,0,0,640,480,mdc,0,0,SRCCOPY);
  21. tPre = GetTickCount(); //记录此次绘图时间
  22. num++;
  24. x-=20; //计算下次贴图的坐标
  25. if(x<=-95)
  26. x = 640;
  27. } 
        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，直到图案跑到左边窗口外时再将坐标设回最右边，这样可以看到恐龙不断由右向左循环跑动的效果。



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


[cpp] view plain copy print ?
  1. #include "stdafx.h"
  3. //全局变量声明
  4. HINSTANCE hInst;
  5. HBITMAP dra,bg;
  6. HDC hdc,mdc,bufdc;
  7. HWND hWnd;
  8. DWORD tPre,tNow;
  9. int num,x,y;
  11. //全局函数声明
  12. ATOM MyRegisterClass(HINSTANCE hInstance);
  13. BOOL InitInstance(HINSTANCE, int);
  14. LRESULT CALLBACK WndProc(HWND, UINT, WPARAM, LPARAM);
  15. void MyPaint(HDC hdc);
  17. //***WinMain函数，程序入口点函数**************************************
  18. int APIENTRY WinMain(HINSTANCE hInstance,
  19. HINSTANCE hPrevInstance,
  20. LPSTR lpCmdLine,
  21. int nCmdShow)
  22. {
  23. MSG msg;
  25. MyRegisterClass(hInstance);
  27. //初始化
  28. if (!InitInstance (hInstance, nCmdShow))
  29. {
  30. return FALSE;
  31. }
  33. //消息循环
  34. GetMessage(&msg,NULL,NULL,NULL); //初始化msg
  35. while( msg.message!=WM_QUIT )
  36. {
  37. if( PeekMessage( &msg, NULL, 0,0 ,PM_REMOVE) )
  38. {
  39. TranslateMessage( &msg );
  40. DispatchMessage( &msg );
  41. }
  42. else
  43. {
  44. tNow = GetTickCount();
  45. if(tNow-tPre >= 100)
  46. MyPaint(hdc);
  47. }
  48. }
  50. return msg.wParam;
  51. }
  53. //****设计一个窗口类，类似填空题，使用窗口结构体*************************
  54. ATOM MyRegisterClass(HINSTANCE hInstance)
  55. {
  56. WNDCLASSEX wcex;
  58. wcex.cbSize = sizeof(WNDCLASSEX);
  59. wcex.style = CS_HREDRAW | CS_VREDRAW;
  60. wcex.lpfnWndProc = (WNDPROC)WndProc;
  61. wcex.cbClsExtra = 0;
  62. wcex.cbWndExtra = 0;
  63. wcex.hInstance = hInstance;
  64. wcex.hIcon = NULL;
  65. wcex.hCursor = NULL;
  66. wcex.hCursor = LoadCursor(NULL, IDC_ARROW);
  67. wcex.hbrBackground = (HBRUSH)(COLOR_WINDOW+1);
  68. wcex.lpszMenuName = NULL;
  69. wcex.lpszClassName = "canvas";
  70. wcex.hIconSm = NULL;
  72. return RegisterClassEx(&wcex);
  73. }
  75. //****初始化函数*************************************
  76. // 加载位图并设定各对象的初始值
  77. BOOL InitInstance(HINSTANCE hInstance, int nCmdShow)
  78. {
  79. char filename[20] = "";
  80. HBITMAP bmp;
  81. hInst = hInstance;
  83. hWnd = CreateWindow("canvas", "动画演示" , WS_OVERLAPPEDWINDOW,
  84. CW_USEDEFAULT, 0, CW_USEDEFAULT, 0, NULL, NULL, hInstance, NULL);
  86. if (!hWnd)
  87. {
  88. return FALSE;
  89. }
  91. MoveWindow(hWnd,10,10,640,480,true);
  92. ShowWindow(hWnd, nCmdShow);
  93. UpdateWindow(hWnd);
  95. hdc = GetDC(hWnd);
  96. mdc = CreateCompatibleDC(hdc);
  97. bufdc = CreateCompatibleDC(hdc);
  98. bmp = CreateCompatibleBitmap(hdc,640,480);
  100. SelectObject(mdc,bmp);
  102. dra = (HBITMAP)LoadImage(NULL,"dra.bmp",IMAGE_BITMAP,760,198,LR_LOADFROMFILE);
  103. bg = (HBITMAP)LoadImage(NULL,"bg.bmp",IMAGE_BITMAP,640,480,LR_LOADFROMFILE);
  105. num = 0; //显示图号
  106. x = 640; //贴图起始X坐标
  107. y = 360; //贴图起始Y坐标
  109. MyPaint(hdc);
  111. return TRUE;
  112. }
  114. //****自定义绘图函数*********************************
  115. // 1.恐龙跑动图案的透明背景化
  116. // 2.更新贴图坐标，实现动画效果
  117. void MyPaint(HDC hdc)
  118. {
  119. if(num == 8)
  120. num = 0;
  122. //在mdc中贴上背景图
  123. SelectObject(bufdc,bg);
  124. BitBlt(mdc,0,0,640,480,bufdc,0,0,SRCCOPY);
  126. //在mdc中进行透明处理
  127. SelectObject(bufdc,dra);
  128. BitBlt(mdc,x,y,95,99,bufdc,num*95,99,SRCAND);
  129. BitBlt(mdc,x,y,95,99,bufdc,num*95,0,SRCPAINT);
  131. //将最后的画面显示在窗口中
  132. BitBlt(hdc,0,0,640,480,mdc,0,0,SRCCOPY);
  134. tPre = GetTickCount(); //记录此次绘图时间
  135. num++;
  137. x-=20; //计算下次贴图的坐标
  138. if(x<=-95)
  139. x = 640;
  140. }
  142. //****消息处理函数***********************************
  143. LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam)
  144. {
  145. switch (message)
  146. {
  147. case WM_DESTROY: //窗口结束消息，撤销各种DC
  148. DeleteDC(mdc);
  149. DeleteDC(bufdc);
  150. DeleteObject(dra);
  151. DeleteObject(bg);
  152. ReleaseDC(hWnd,hdc);
  153. PostQuitMessage(0);
  154. break;
  155. default: //其他消息
  156. return DefWindowProc(hWnd, message, wParam, lParam);
  157. }
  158. return 0;
  159. } 
#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


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

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

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

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


The end


雅典娜MAX
关注
专栏目录
【全网最牛的c++基础学习】从头开始学习c++
lljloimjo的博客
11-26 144
1.1 C++程序结构 （Structure of a program）下面我们从一个最简单的程序入手看一个C++程序的组成结构。// my first program in C++#include using namespace std;int main() { cout
【Visual C++】游戏开发笔记之十一 基础动画显示（四） 排序贴图
yttyffggh的博客
02-13 155
【Visual C++】游戏开发笔记之十一 基础动画显示（四） 排序贴图
游戏编程基础（三）GDI游戏动画基础
Leo-软件开发
05-05 2648
游戏中播放动画，简单来看可以分为：1.直接播放影音文件；2.利用连续贴图的方式，模拟动画效果。 Windows中可以使用定时器来实现连续贴图，定时器的使用固然简单和方便，如果稍微对windows系统及消息机制有些了解的话。就会发现，定时器其实是有很大限制。因此定时器只适用与小游戏或简单动画中。但是了解基本的东西，对于扩展和学习高级的技巧会有很大的帮助，因此我们要把最简单的原理搞懂。千里之行始于足
[c++简单小游戏]东搞西搞第二弹——谷歌chrome小恐龙升级版（啊哈）-附件资源
03-02
[c++简单小游戏]东搞西搞第二弹——谷歌chrome小恐龙升级版（啊哈）-附件资源
socket网络编程小恐龙
06-24
这个程序实现了图形界面的socket网络编程。主要实现了多线程技术。可以同时打开多个客户端，每个客户端都可以用键盘的上下左右键控制小恐龙的移动，在其他客户端可以看到。本程序用的工具是visual studio2008
【Visual C++】游戏编程笔记四：透明动画实现
03-14
在Visual C++环境中，游戏编程涉及许多技术，其中之一就是透明动画的实现。本文将深入探讨如何使用Visual C++来创建具有透明效果的动画，这对于创建复杂的2D或3D游戏场景至关重要。 首先，透明动画的核心在于Alpha...
【Visual C++】游戏开发笔记
01-15
"游戏开发笔记：Visual C++ 中的排序算法" 在游戏开发中，正确地排序物体的贴图顺序是非常重要的。今天，我们将讨论如何使用 Visual C++ 实现排序算法来解决这个问题。 在游戏开发中，我们经常需要处理大量的物体...
【Visual C++】游戏编程代码\【Visual C++】游戏编程开发笔记六：多背景循环动画
03-14
本文将深入探讨如何使用Visual C++进行游戏编程，特别是在实现多背景循环动画方面的技巧和注意事项。 首先，我们要理解多背景的概念。在游戏场景中，背景通常用于营造环境，可能是静态的，也可能是动态的。多背景则...
《C++游戏开发》笔记十一 平滑动画：不再颤抖的小雪花
weixin_30553777的博客
07-24 188
本系列文章由七十一雾央编写，转载请注明出处。 http://blog.csdn.net/u011371356/article/details/9430645 作者：七十一雾央 新浪微博：http://weibo.com/1689160943/profile?rightmod=1&wvr=5&mod=personinfo ...
基于opencv开发的谷歌小恐龙的小游戏
07-18
为了完成课程作业写的程序，就是chrome断网后的小恐龙的游戏，做了一个简单的山寨版，刚开始学习c++，写得非常粗糙，上传记录一下，可能以后会重写？
Visual C++ 实现动画效果
07-14
基于Visual C++2008的动画效果模拟程序，简单的动作类型，如何设置动画精灵默林动作
C++实现Animate标题栏动画图标
03-15
C++标题栏动画图标，在窗口的标题栏上显示动画图标演示程序，编译后运行本实例，你会发现平时我们看到的窗口左上角图标，变成了一个支持动画效果的小图标，在一闪一闪，吸引人的注意，一个窗体编程的小技巧吧。 运行环境：Windows/Visual C/C++
windows程序设计小恐龙
06-01
windows程序设计小恐龙，恐龙喷火游戏，利用C++完成各种功能。
【Visual C++】游戏开发五十二 浅墨DirectX教程二十 骨骼动画来袭（一）
473687880
04-22 3156
本系列文章由zhmxy555（毛星云）编写，转载请注明出处。 文章链接：http://blog.csdn.net/zhmxy555/article/details/8832812 作者：毛星云（浅墨）微博：@浅墨_毛星云 邮箱：happylifemxy@163.com 这是答应大家的讲解骨骼动画的文章的N部曲的第二篇。这篇文章里，我们对现行的三种模型动画技术进行了概述，然后对X文...
简易的动画效果进度条（C++）
NOT_TODAY1的博客
08-08 829
闲来无事就想写一个进度条的代码，写了多次，效果一直不是很好，不过今天终于完善了，自我感觉效果还可以。下面是效果图： 图1 代码执行中 图2 代码执行完成 附上进度条函数源代码： //x是当前运行的次数，total是总共需要运行的次数 void progress_bar(int x, int total) { double percent = 100*(double(x)/double(total)); int i; static int count = 0; in...
利用C++创建一个游戏（6）计算机角色动画之恐龙乐园（代码+注释）
糯米
05-21 1580
#include "stdafx.h" #include "MyGameFrame.h" #include <stdio.h> //恐龙结构体 struct dragon { int x, y;//恐龙窗口 int dir;//方向 }; //全局变量 HWND hWnd; HINSTANCE hInst; H...
写给大一小白的 汉诺塔问题 C++详解（动画演示）
枯木何日可逢春
03-16 2498
传说： 在世界中心贝拿勒斯（在印度北部）的圣庙里，一块黄铜板上插着三根宝石针。印度教的主神梵天在创造世界的时候，在其中一根针上从下到上地穿好了由大到小的64片金片，这就是所谓的汉诺塔。不论白天黑夜，总有一个僧侣在按照下面的法则移动这些金片：一次只移动一片，不管在哪根针上，小片必须在大片上面。僧侣们预言，当所有的金片都从梵天穿好的那根针上移到另外一根针上时，世界就将在一声霹雳中消灭，而梵塔、庙宇和...
【Visual C++】游戏开发笔记之七——基础动画显示（一）定时器的使用
yzd
03-12 400
定时器的使用 定时器（Timer）对象可以每隔一段时间发出一个时间消息，程序一旦接收到此消息之后，便可以决定接下来要做哪些事情。这样的一个特性刚好可以适合播放静态的连续图片，产生动画的效果。下面来介绍如何建立与使用定时器。 &lt;1&gt;建立定时器 WindowsAPI的SetTimer()函数可为窗口建立一个定时器，并说每隔一段时间就发出WM_TIMER消息，此函数的定义是 UINT_P...
Visual C++游戏开发实战：从DirectX入门到粒子系统
在这一系列的Visual C++游戏开发笔记中，作者深入浅出地介绍了多个关键知识点： 1. **DirectX11入门**：笔记从Direct3D11的基础知识开始，包括介绍DirectX11的组件以及如何创建第一个DirectX11 Demo，让读者对...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值