学步园

转载  :http://blog.csdn.net/crocodile__/article/details/17357533

本文由BlueCoder编写   转载请说明出处：

http://blog.csdn.net/crocodile__/article/details/17228209

我的邮箱：bluecoder@yeah.net    欢迎大家和我交流编程心得

我的微博：BlueCoder_黎小华   
欢迎光临^_^

最近两天稍微空闲点儿，故又有时间来写博客了

由于对游戏编程的喜好，因此最近一直都在借用MFC框架来模拟2D游戏中常见的场景和效果，幻灯片、反弹、粒子系统、重力……当然也写了两个小游戏：<空中大战>、<Hold
On>，可能在后期还会出一个小游戏，敬请期待吧^_^……

So，今儿来实现一个什么样的效果呢？

一直关注本博客的朋友可能知道(我上期已经小有透露)——对，就是跑酷游戏的小Demo，实现游戏中常见的一个特效：动画

Ok，下面进入今天的正题

一、效果演示

        注：由于csdn博客编辑对gif的支持有局限性故以后就用静态的截图代替了，更好的效果请运行资源中的可执行程序(exe)

运行效果截图：

怎么样，还是蛮不错的吧，呵呵：）

二、准备工作

1、两张用于滚动的背景jpg，16帧人物跑动的png素材(很多，就不贴出来了)

2、来一首悦耳的背景音乐

3、类图

三、实现细节

程序有两大特点：背景的滚动和人物跑动，这都是动画的元素

我封装了两个C++类：CScene(场景，负责背景滚动)， CCharacter(人物，负责跑动动画)

实现原理剖析：

1、背景滚动

熟悉本博客的应该知道，我在前期写的游戏<空中大战>中就已经实现了这个技术，而且已经做了很详细的剖析，这里呢再一次贴出我之前自己绘制的原理图，方便大家理解：

(红框区域的1、2分别表示在内存中绘制的两张连续的背景 , 蓝色区域表示窗口客户区)

(如此循环，给人视角效果就是这两张背景在连续的变换)

2、人物跑动动画

其实这个效果很简单，主要是素材，需要一个连贯的16帧人物跑动图片，然后重复对每一帧图片的切换，频率快了，看起来就是一个连贯的动画效果——其实这也是视频的制作原理

原理差不多了，下面来看看具体的代码剖析吧……

四、代码剖析

主要讲一下我封装的两个类，View窗口中代码就直接贴出来(但依然有详尽注释)

我封装的两个类

1、CScene

(1)、程序中用了两张图，起始背景和用于滚动的背景，因此首先需要两个CImage对象：m_imgStt和m_imgNxt作为该类的成员变量

(2)、另外，起始背景不参与后期背景滚动操作，因此我们还要有一个是否贴起始背景的标识m_isStart

(3)、再就是背景需要移动，水平x坐标是变化的，故还得需要一个成员变量：m_bgX

以下是该类的成员变量：

[cpp] view
plaincopyprint?

1. //成员变量  
2. private:  
3.     CImage  m_imgStt;//起始背景  
4.     CImage  m_imgNxt;//滚动背景  
5.     int     m_bgX;//背景的x坐标  
6.   
7.     bool    m_isStart;//是否开始  

 

成员函数不用多说什么，都是必须的。以下是该类成员函数的声明：

[cpp] view
plaincopyprint?

1. //成员函数  
2. public:  
3.     bool InitScene();//初始化场景  
4.     void MoveBg();//移动背景  
5.     ////绘制场景(注：这里bufferDC是引用参数)  
6.     void StickScene(CDC &bufferDC, CRect rClient);  
7.     void ReleaseScene();//释放内存资源  

 

成员函数的实现：

[cpp] view
plaincopyprint?

1. //初始化场景  
2. bool CScene::InitScene()  
3. {  
4.     this->m_imgStt.Load(L"res\\bgStart.jpg");  
5.     this->m_imgNxt.Load(L"res\\bgNext.jpg");  
6.   
7.     //如果加载失败, 返回false  
8.     if(this->m_imgStt.IsNull() ||  
9.         this->m_imgNxt.IsNull())  
10.     {  
11.         return false;  
12.     }  
13.   
14.     //开始为真, 背景起始坐标为0  
15.     this->m_isStart = true;  
16.     this->m_bgX = 0;  
17.   
18.     //播放背景音乐  
19.     mciSendString(L"open res\\bgm.mp3 alias bgm", NULL, 0, NULL);  
20.     mciSendString(L"play bgm repeat", NULL, 0, NULL);  
21.     return true;  
22. }  
23.   
24. //绘制场景  
25. void CScene::StickScene(CDC &bufferDC, CRect rClient)  
26. {  
27.     //设置缩放图片的模式为:COLORONCOLOR, 以消除像素重叠  
28.     bufferDC.SetStretchBltMode(COLORONCOLOR);  
29.   
30.     //如果到了左边界, 回到起点  
31.     if(m_bgX <= -rClient.Width())  
32.     {  
33.         m_bgX = 0;