本文共 5006 字,大约阅读时间需要 16 分钟。
链接:http://blog.csdn/crocodile__/article/details/17357533
分类: 2013-12-16 21:14 363人阅读
本文由编写 转载请说明出处:
我的邮箱:bluecoder@yeah 欢迎大家和我交流编程心得
我的微博: 欢迎光临^_^
最近两天稍微空闲点儿,故又有时间来写博客了
由于对游戏编程的喜好,因此最近一直都在借用MFC框架来模拟2D游戏中常见的场景和效果,幻灯片、反弹、粒子系统、重力……当然也写了两个小游戏:<>、<>,可能在后期还会出一个小游戏,敬请期待吧^_^……
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
以下是该类的成员变量:
-
- private:
- CImage m_imgStt;
- CImage m_imgNxt;
- int m_bgX;
-
- bool m_isStart;
成员函数不用多说什么,都是必须的。以下是该类成员函数的生命:
-
- public:
- bool InitScene();
- void MoveBg();
-
- void StickScene(CDC &bufferDC, CRect rClient);
- void ReleaseScene();
成员函数的实现:
-
- bool CScene::InitScene()
- {
- this->m_imgStt.Load(L"res\\bgStart.jpg");
- this->m_imgNxt.Load(L"res\\bgNext.jpg");
-
-
- if(this->m_imgStt.IsNull() ||
- this->m_imgNxt.IsNull())
- {
- return false;
- }
-
-
- this->m_isStart = true;
- this->m_bgX = 0;
-
-
- mciSendString(L"open res\\bgm.mp3 alias bgm", NULL, 0, NULL);
- mciSendString(L"play bgm repeat", NULL, 0, NULL);
- return true;
- }
-
-
- void CScene::StickScene(CDC &bufferDC, CRect rClient)
- {
-
- bufferDC.SetStretchBltMode(COLORONCOLOR);
-
-
- if(m_bgX <= -rClient.Width())
- {
- m_bgX = 0;
-
- if(m_isStart)
- m_isStart = false;
- }
-
-
- int cltWth = rClient.Width();
-
- rClient.right = cltWth + m_bgX;
- rClient.left = m_bgX;
-
-
- if(m_isStart)
- {
- this->m_imgStt.StretchBlt(bufferDC, rClient, SRCCOPY);
- }
-
- else
- {
- this->m_imgNxt.StretchBlt(bufferDC, rClient, SRCCOPY);
- }
-
-
- rClient.left += cltWth;
- rClient.right += cltWth;
- m_imgNxt.StretchBlt(bufferDC, rClient, SRCCOPY);
- }
-
-
- void CScene::MoveBg()
- {
-
- m_bgX -= 6;
- }
-
-
- void CScene::ReleaseScene()
- {
- if(!m_imgStt.IsNull())
- this->m_imgStt.Destroy();
-
- if(!m_imgNxt.IsNull())
- this->m_imgNxt.Destroy();
-
- mciSendString(L"close bgm", NULL, 0, NULL);
- }
2、CCharacter
(1)、由于mfc的限制,我觉得响应WM_SIZE消息来获得窗口客户区的Rect显得不是那么方便,所以我在该类中直接用两个静态常量成员来标识窗口客户区的宽度(VIEWWIDTH)和高度(VIEWHEIGHT)
(2)、要用到16帧人物跑动的图片,所以需要一个静态常量成员MAXFRAME=16,以及一个CImage数组m_imgCharacter[MAXFRAME],还需要一个成员变量标识当前应该贴的是哪一帧m_curFrame
(3)、当人物跑到窗口客户区水平中央时,才停止移动坐标,故还得要个成员变量m_leftTop来标识当前帧的坐标
以下是该类的常量成员和变量成员:
-
- private:
-
- static const int MAXFRAME = 16;
-
- static const int VIEWWIDTH = 790;
-
- static const int VIEWHEIGHT = 568;
-
-
- private:
- CImage m_imgCharacter[MAXFRAME];
- CSize m_sCharacter;
- CPoint m_leftTop;
- int m_curFrame;
以下是成员函数的声明及实现:
-
- public:
-
- bool InitCharacter();
-
-
- void MoveFront();
-
-
- void NextFrame();
-
-
- void StickCharacter(CDC& bufferDC);
-
-
- void ReleaseCharacter();
最后直接贴出View窗口的处理及相关定义
-
- #define ID_TIMER_BG 100//变换背景
- #define ID_TIMER_Character 101//变换人物
-
- private:
- CScene m_scene;
- CCharacter m_char;
- void CChildView::OnPaint()
- {
- CPaintDC dc(this);
-
-
- CDC bufferDC;
- CBitmap bufferBmp;
-
-
- CRect cltRect;
- this->GetClientRect(&cltRect);
-
- bufferDC.CreateCompatibleDC(NULL);
- bufferBmp.CreateCompatibleBitmap(&dc,
- cltRect.Width(), cltRect.Height());
- bufferDC.SelectObject(bufferBmp);
-
-
- m_scene.StickScene(bufferDC, cltRect);
-
-
- m_char.StickCharacter(bufferDC);
-
-
- dc.BitBlt(0, 0, cltRect.Width(), cltRect.Height(),
- &bufferDC, 0, 0, SRCCOPY);
-
-
- bufferBmp.DeleteObject();
- bufferDC.DeleteDC();
- }
- int CChildView::OnCreate(LPCREATESTRUCT lpCreateStruct)
- {
- if (CWnd::OnCreate(lpCreateStruct) == -1)
- return -1;
-
-
-
-
- if(!m_scene.InitScene() ||
- !m_char.InitCharacter())
- {
- AfxMessageBox(L"图片资源加载失败");
- exit(0);
- }
-
-
- SetTimer(ID_TIMER_BG, 10, NULL);
- SetTimer(ID_TIMER_Character, 40, NULL);
-
- return 0;
- }
- void CChildView::OnTimer(UINT_PTR nIDEvent)
- {
- switch(nIDEvent)
- {
-
- case ID_TIMER_BG:
- m_scene.MoveBg();
- break;
-
-
- case ID_TIMER_Character:
- m_char.MoveFront();
- m_char.NextFrame();
- }
-
-
- InvalidateRect(NULL, false);
-
- CWnd::OnTimer(nIDEvent);
- }
- void CChildView::OnDestroy()
- {
- CWnd::OnDestroy();
-
-
- KillTimer(ID_TIMER_BG);
- KillTimer(ID_TIMER_Character);
-
-
- m_scene.ReleaseScene();
- m_char.ReleaseCharacter();
- }