[原创]小游戏编程中的画面闪烁及解决方法

cluo85 2008-02-19 09:01:09
加精
之前在做小游戏时经常会遇到画面出现闪烁的情况,相信很多朋友在学习VC的路上都做过类似Windows画图的程序,在设计橡皮线时候也会遇到闪烁。究其原因,是贴图的方法欠妥造成的。在此将介绍一下如何使用缓存方法来消除烦人的闪烁现象。
游戏中的画面动作原理就是按照预先设定的帧频(如20帧/秒),将游戏中的背景及子画面全部按照各自的坐标进行重绘。当按键或操作使得子画面坐标改变,一帧一帧的重绘累加出来的效果就是子画面的移动。最常使人想到的方法就是在游戏窗体上直接进行绘制:按照先画背景图然后子画面(移动的物体)的顺序直接将图片绘制在窗体上,这样就会产生恼人的闪烁。就好象在一部电影里每隔一帧插入一个空白图像,即使电影播放速度够快也一样会看到明显的闪烁。
经过查阅资料,发现使用一种缓存的方法能够有效消除闪烁。关键点就是不直接在窗体上作画,而是首先将背景图、子画面...等等所有这一帧要画的东西全部画在内存中定义好的一个空白Bmp图像上,再将已经画好的这一帧图像从内存中转移到屏幕上。如此,画面不再闪烁!
请看下面的例子:可以受键盘控制的UFO。(片段)
***************************前言***************************************************
为了方便Bitmap操作,假定我先有一个类名为Bitmap,定义如下:
(不用深究此类,粗略看,只注意Draw函数)
class Bitmap
{
protected:
HBITMAP m_hBitmap;
int m_iWidth, m_iHeight;

void Free();
public:
// Constructor(s)/Destructor
Bitmap();
Bitmap(HDC hDC, LPTSTR szFileName);
Bitmap(HDC hDC, UINT uiResID, HINSTANCE hInstance);
Bitmap(HDC hDC, int iWidth, int iHeight, COLORREF crColor = RGB(0, 0, 0));
virtual ~Bitmap();

// General Methods
BOOL Create(HDC hDC, LPTSTR szFileName);
BOOL Create(HDC hDC, UINT uiResID, HINSTANCE hInstance);
BOOL Create(HDC hDC, int iWidth, int iHeight, COLORREF crColor);
void Draw(HDC hDC, int x, int y, BOOL bTrans = FALSE, COLORREF crTransColor = RGB(255, 0, 255));
int GetWidth() { return m_iWidth; };
int GetHeight() { return m_iHeight; };
};

//注意其中的Draw函数,其实就是封装了BitBlt() 与TransparentBlt()函数

void Bitmap::Draw(HDC hDC, int x, int y, BOOL bTrans, COLORREF crTransColor)
{
if (m_hBitmap != NULL)
{
// 创建要贴图像的缓存。
HDC hMemDC = CreateCompatibleDC(hDC);

// 将图像选入内存DC
HBITMAP hOldBitmap = (HBITMAP)SelectObject(hMemDC, m_hBitmap);

// 将Bmp位图绘制到所给DC上(hDC)
if (bTrans)
TransparentBlt(hDC, x, y, GetWidth(), GetHeight(), hMemDC, 0, 0,
GetWidth(), GetHeight(), crTransColor);
else
BitBlt(hDC, x, y, GetWidth(), GetHeight(), hMemDC, 0, 0, SRCCOPY);

// 释放资源
SelectObject(hMemDC, hOldBitmap);
DeleteDC(hMemDC);
}
}//这是普通的Bitmap贴图方法。

此例中有两个Bitmap*类型的变量:
Bitmap* m_pUFO; Bitmap* m_bBackground;
**************************************************************************************
*******************************正题*************************************************
游戏利用Timer来设定帧频,并在每次收到WM_TIMER消息时执行重绘:
void CGameEngine::PaintGame()
{
HDC hdc=GetDC(hwnd);//窗口DC,即直接绘制在窗体上。
m_bBackground->Draw(hdc,0,0,FALSE,NULL); //背景
m_pUFO->Draw(hdc,m_pUFO->GetXPos(),m_pUFO->GetYPos(),TRUE,RGB(255,0,255));
return;
}
结果是画面闪烁。使用缓存的方法,将代码改写:
首先定义两个全局变量:
HDC g_hMemDC; //内存DC缓冲,消除图像闪烁;
HBITMAP g_hMemBitmap;//用于缓冲的内存位图;
并在初始化函数中对这两个变量进行初始化:
g_hMemDC=CreateCompatibleDC(GetDC(hwnd)); //创建内存DC
g_hMemBitmap=CreateCompatibleBitmap(GetDC(hwnd),m_iWidth,m_iHeight);
//创建内存位图,m_iWidth,m_iHeight表示窗体大小。
SelectObject(g_hMemDC,g_hMemBitmap); //将内存位图选入内存DC中。
将重绘的函数改写:
void CGameEngine::PaintGame()
{
m_bBackground->Draw(g_hMemDC,0,0,FALSE,NULL);//UFO画在内存中
//UFO画在内存中
m_pUFO->Draw(g_hMemDC,m_pUFO->GetXPos(),m_pUFO->GetYPos(),TRUE,RGB(255,0,255));
//将内存中已经做好的这一帧位图转移到窗体上:
HDC hdc=GetDC(hwnd);//创建窗口DC
BitBlt(hdc,0,0,m_iWidth,m_iHeight,g_hMemDC,0,0,SRCCOPY);
return;
}
//如此一来,画面闪烁的现象消除了!
*******************************结语*************************************************
应该注意,其实缓存是使用了两次!即Draw函数中使用了一次,将文件中的位图选入内存,第二次是将已选入内存的位图画入另一个内存中的位图。最后再绘制到屏幕上。整个过程可作如下描述:
如有位图a,与位图b.都要绘制到屏幕上,首先将a读入内存memA,将b读入内存memB。再将memA,与memB分别画在内存memFrame上,最后将memFrame图像转移到窗体上即可。
...全文
1840 50 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
50 条回复
切换为时间正序
请发表友善的回复…
发表回复
yxl1986 2009-12-24
  • 打赏
  • 举报
回复
学习学习
yxl1986 2009-12-24
  • 打赏
  • 举报
回复
学习学习
yowen 2009-07-01
  • 打赏
  • 举报
回复
原理就是将背景和要画的东西画在一张图上,再将这幅图拷上屏幕.
wrongagain98 2009-06-29
  • 打赏
  • 举报
回复
好顶个
taozqy0205 2009-06-29
  • 打赏
  • 举报
回复
不错
的确很好
很厉害
emcvip 2009-05-24
  • 打赏
  • 举报
回复
很好,现在急需这个
aaaa3105563 2009-05-06
  • 打赏
  • 举报
回复
顶上·
luckyboy101 2009-02-10
  • 打赏
  • 举报
回复
学习
htler 2009-02-09
  • 打赏
  • 举报
回复
帮顶一下
naziace 2009-02-09
  • 打赏
  • 举报
回复
up
hao4231527 2009-02-08
  • 打赏
  • 举报
回复
不懂.采下
kuty77 2009-02-08
  • 打赏
  • 举报
回复
学习
dandelionl 2009-02-08
  • 打赏
  • 举报
回复
mark
墨鱼 2009-02-07
  • 打赏
  • 举报
回复
尽量只改变动画中的一部分
rdsnow 2009-02-07
  • 打赏
  • 举报
回复
双缓冲!

创建Compatible环境,在里面画好,等有无效区域消息的时候,直接把画好的复制过去!
pnijian 2009-02-07
  • 打赏
  • 举报
回复
高手就是高手,收藏仔细学习下
冷夜独眠 2009-02-06
  • 打赏
  • 举报
回复
使劲踩踩,走了.
link_biao 2009-02-06
  • 打赏
  • 举报
回复
听起来,麻烦啊
faximei 2009-02-06
  • 打赏
  • 举报
回复
新仔```不懂
lao_bulls 2009-02-06
  • 打赏
  • 举报
回复
支持
加载更多回复(29)
包含资源名称下载地址 Android 开发从入门到精通 新版Android开发教程及笔记-完整版 《Android文教程》文版 《android基础教程合集》 Android实例教程 会员贡献索引贴 实用Android开发工具和资源精选 APK权限大全 - Android必懂知识 最无私的Android资料(书籍+代码)分享[总结] Android文帮助教程(非常合适新手入门) android程序编写及调试新手入门 大家一起学Android(Windows篇) android入门与提高必看指南 Android入门逆引手册 Android开发指南文版、创意设计 【Android系统原理与开发要点详解】/底层 应用 框架 Android核心分析28篇,强烈推荐android初学者,android进阶者看看这个系列教程 Android应用开发者指南:性能优化 android开发教程合集(推荐新手看下这一季教程) 新手入门 会员贡献电子图书整理(内含PDF下载) Android平板开发需要注意的几点 Android3D游戏开发付费视频教程共享(更新第四集) 史上最全示例Android教学视频,非常值得观看 Android游戏开发系列源码+CHM+书籍截图+目录】 Android developer guide文翻译文档 Android开发开发技巧之 EditText 属性、 ProgressBar 各种样式大全 android用户界面之EditText教程实例汇 android用户界面之ListView教程实例汇 android用户界面之Toast教程实例汇 android用户界面之AlarmManager教程实例汇 android用户界面详尽教程实例 android用户界面之Widget教程实例汇总 android用户界面之TabHost教程实例汇总 android用户界面之Gallery教程实例汇总 android用户界面之按钮(Button)教程实例汇 android用户界面之ProgressBar教程实例汇总 android用户界面之WebView教程实例汇总 android用户界面之GridView教程实例汇总 android用户界面之SurfaceView教程实例汇总 android用户界面之Notification教程实例汇总 android用户界面之TextView教程实例汇总 android用户界面之ScrollView教程实例汇总 android用户界面之PopupWindow教程实例汇总 android用户界面之ImageView教程实例汇总 android用户界面之菜单(Menu)教程实例汇总 android用户界面之Layout(布局)教程汇总 android用户界面之Checkbox教程实例汇总 Android Wifi方法大全【总有一种方法适合你】 android开发环境搭建篇详尽的教程实例汇 图形图像之图像处理(缩放  旋转  转化) android开发之【腾讯微博android客户端开发】Parameter类和SyncHttp 网友自己写的Android腾讯微薄客户端开发教程 Android 所有Dialog 对话框 大合集 详解【附源码】 Android自定义View研究-- 一个小Demo Android调用相册拍照实现系统控件缩放切割图片 Android SQLite的实例汇总大全 两分钟彻底让你明白Android Activity生命周期(图文)! Android 图形系统剖析 Android 立体效果图片 NDK动态库的调用 Android 姿态传感器 Android 很酷的图像旋转 Android 添加音频 在Android实现多线程断点下载 Android提高篇内容整理 android移动开发案例精选 Android通过画线实现button效果 Android如何防止apk程序被反编译 Android 之 AIDL 和远程 Service 调用 Android 相对布局技巧 android开发环境之Logcat(日志)教程实例汇总 android网络通信之socket教程实例汇总 AsyncTask进度条加载网站数据到ListView 命令行开发、编译、打包Android应用程序汇总大全 Android 动画效果二 Frame Animation 动画专题研究 Android新浪客户端开发教程(完整版)汇总大全 Android多媒体实例大汇集(源码,全) Android利用画图类和线程画出闪烁的心形,送给亲爱的他 android自带的示例程序 BluetoothChat 变蓝牙串口助手(内含DIY蓝牙遥控车附源码实例教程) Android高手过招 FAQ 网友收集的android开发书籍(可下载哦) 东软集团内部文件《android编程指南》 从零开始Android游戏编程(第二版) 新版Android开发教程&笔记(1-12) eoeAndroid社区精华特刊共24期全部原创 《深入浅出Android--Google手持设备应用程序设计》下载 《Android编程指南》android-book.pdf 下载 《Android应用开发揭秘》PDF高清版下载 游戏项目分享——忍者突袭 只发精品——分享一个短信应用源码 百度地图API 之 定位周边搜索POI(奉上源代码) Android 应用小实例--炫酷计时器 android客户端连接服务器并交互实例 Android小项目合集(经典教程) 看到很强大的实例----高仿【优酷】圆盘旋转菜单 的实现 如何利用手机摄像头拍照 android 播放gif图片 DEMO Android图片浏览之源码 图片浏览器android源码下载 Android瀑布流加载图片效果实例 Android利用ViewPager实现视图切换 Android泡泡聊天界面的源码实现 android 实现EditText震动效果 Touch Index Bar (有锤子有真相) Android数据库最基础的一个例子(本人已测试,可以运行) 为launcher添加一个仿Mac的dock(附源码) 使用Gallery实现Tab 仿QQ--tab切换动画实例 Android 小项目之---猜扑克牌游戏 (附源码) fleep滑动切换tab(切换带动画) 通过SurfaceView实现像Gallery手势滑动图片效果 Android自定义Gallery,实现CoverFlow效果 高仿网易新闻顶部滑动条效果 Android源码之动态壁纸引擎 动态桌面实现 android控件的抖动效果 很漂亮的ListView android 图像处理滤镜 照亮边缘特效 无闪烁启动画面 Android实现《天女散花》效果--(带源码) 天天动听 半透明Menu效果 Android 小項目之---Iphone拖动图片特效 (附源码) 一个完整的新浪微博客户端android版OAuth认证示例 超爽的android抽屉效果 65个Android实例教程汇总 基本控件及基本动画效果dem 2011android面试题目及其答案大全.rar Android面试题集锦 (陆续更新)(最新2012-6-18) 【eoeAndroid Android相关的面试题最强汇总】 ZTE—adroid笔试题附答案版 iceskysl: 说说我招聘android技术人员的思路 史上最全面的面试资料(包含所有IT大公司) 快到毕业的季节了,积累了一些andorid面试题,希望能帮助同学 android面试全跟踪,最真实的android面试经历 揭开应用推广运营背后的秘密 APP应用开发盈利的九种商业模式详细介绍(图) 专题连载一:品牌厂商为什么拥抱App 国内主流Android安卓应用市场简介 个人和小团队APP推广的心得、经验、体会 APP应用在google market和appstore上架的区别分析 APP如何推广 介绍ios及android平台app应用的推广方法与渠道

19,472

社区成员

发帖
与我相关
我的任务
社区描述
VC/MFC 图形处理/算法
社区管理员
  • 图形处理/算法社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧