zoukankan      html  css  js  c++  java
  • <Win32_18>平滑的人物走动 —— 解决闪屏

    今天咋一看,发现很久没写博客了

    的确,开学之后,写博客的时间越来越少了……

    今天来做一个比较实用的小应用——平滑的人物走动,同时解决常见的闪屏问题、实现透明位图

    这些技术在游戏开发中是很常见的

    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------

    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------

    一、为了对比效果差异,我们先就用之前讲过的BitBlt函数来直接贴位图

    先来看一看一些主要的代码:

    变量说明:

    static HBITMAP	hBk, hBmp;			//背景、人物位图句柄
    static SIZE		sBk, sBmp, sClient;	//背景、人物位图大小 , 客户区大小
    static POINT	ptBmp;				//人物位图位置
    


    在WM_CREATE消息中做一些初始化工作:

    case WM_CREATE:
    	{
    		//加载位图资源
    		BITMAP	bmp;
    		hBmp = LoadBitmap(((LPCREATESTRUCT)lParam)->hInstance, MAKEINTRESOURCE(IDB_BITMAP1));
    		hBk = LoadBitmap(((LPCREATESTRUCT)lParam)->hInstance, MAKEINTRESOURCE(IDB_BITMAP2));
    
    		GetObject(hBmp, sizeof(BITMAP), &bmp);
    		sBmp.cx	= bmp.bmWidth;
    		sBmp.cy	= bmp.bmHeight;
    
    		GetObject(hBk, sizeof(BITMAP), &bmp);
    		sBk.cx	= bmp.bmWidth;
    		sBk.cy	= bmp.bmHeight;
    	}
    	//初始化人物位置
    	ptBmp.x	= 100;
    	ptBmp.y	= 100;
    	return 0;


    在WM_SIZE消息中获取客户区大小

    case WM_SIZE:
    	sClient.cx	= LOWORD(lParam);
    	sClient.cy	= HIWORD(lParam);
    	return 0;


    在WM_PAINT消息中绘制位图

    case WM_PAINT:
    	hdc = BeginPaint(hwnd, &ps);
    
    	hdcMem = CreateCompatibleDC(hdc);
    	SelectObject(hdcMem, hBk);
    
    	//由于背景图片可能超过客户区大小 , 故采取缩放模式显示背景图片
    	SetStretchBltMode(hdc, COLORONCOLOR);
    	StretchBlt(hdc, 0, 0, sClient.cx, sClient.cy,
    		hdcMem, 0, 0, sBk.cx, sBk.cy, SRCCOPY);
    
    	//绘制人物位置
    	SelectObject(hdcMem, hBmp);
    	BitBlt(hdc, ptBmp.x, ptBmp.y, sBmp.cx, sBmp.cy,
    		hdcMem, 0, 0, SRCCOPY);
    	DeleteDC(hdcMem);
    	EndPaint(hwnd, &ps);
    	return 0;
    

    在WM_MOUSEMOVE消息中控制人物位置

    //鼠标移动时,这个消息会发送很多,
    //因此用它来检验闪屏效果是很理想的
    case WM_MOUSEMOVE:
    	ptBmp.x	= LOWORD(lParam);
    	ptBmp.y	= HIWORD(lParam);
    
    	InvalidateRect(hwnd, NULL, TRUE);
    	return 0;

     

    下面是BitBlt函数的实现效果:(可以发现人物周边出现了白色区域)

    可见这和实际游戏中是有差别的

    二、实现位图的透明

    实现之前,先来看一看一个win32 sdk中的含api函数TransparentBlt

    msdn:

    BOOL TransparentBlt(
      HDC hdcDest,        // handle to destination DC
      int nXOriginDest,   // x-coord of destination upper-left corner
      int nYOriginDest,   // y-coord of destination upper-left corner
      int nWidthDest,     // width of destination rectangle
      int hHeightDest,    // height of destination rectangle
      HDC hdcSrc,         // handle to source DC
      int nXOriginSrc,    // x-coord of source upper-left corner
      int nYOriginSrc,    // y-coord of source upper-left corner
      int nWidthSrc,      // width of source rectangle
      int nHeightSrc,     // height of source rectangle
      UINT crTransparent  // color to make transparent
    );

    前10个参数和BitBlt的差不多,不用多解释。主要是最后一个参数crTransparent,当前位图中需要透明的颜色(一般都是白色或者黑色)

    ==> 因此,你应该保证非透明区域不能包含透明颜色,否则会有一定的出入

    另外还需要注意的一点:Transparent函数只适合低于32位色位图的透明,当然常见的都是RGB原色——24位的,因此它是够用的

    只需要将WM_PAINT中的BitBlt换成Transparent就能实现久违的位图透明效果

    TransparentBlt(hdc, ptBmp.x, ptBmp.y, sBmp.cx - 10, sBmp.cy - 10, 
    	hdcMem, 0, 1, sBmp.cx, sBmp.cy - 1, RGB(255, 255, 255));
    

    下面就是实现效果:

    可以发现,透明效果是实现了,但是闪屏确实很厉害……

    三、解决闪屏问题

    要解决问题,需要知道问题的根源所在:

    各位还记得WNDCLASS这个类型的结构体变量吗?

    它在注册窗口前需要初始化,我们来看看初始化代码:       

    wndclass.hbrBackground	= (HBRUSH)GetStockObject(WHITE_BRUSH);

    对,问题就出现在这里,我们设置了背景刷为白色的刷子,那么当你重绘客户区的时候,程序就会使用你默认设定的这个白色刷子来刷背景,由于鼠标移动消息很频繁,因此就会看到很厉害的闪屏

    那么,解决方法就很简单了,主要有两种方式:

    (1)将背景刷设定为NULL,空刷子——透明的刷子

    wndclass.hbrBackground	= NULL;

     

    (2)不改变背景刷(依然使用白色背景刷子),只是在试窗口无效时,我们选择不重绘背景,具体就是将InvalidateRect的最后一个参数设定为TRUE

    case WM_MOUSEMOVE:
    	ptBmp.x	= LOWORD(lParam);
    	ptBmp.y	= HIWORD(lParam);
    
    	InvalidateRect(hwnd, NULL, FALSE);//这里设为FALSE
    	return 0;

     

    ok,来看看解决后的效果:

    可见频繁的闪屏解决了^_^

    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------

    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------

    今天到此为止吧(如果各位需要源代码或者相应资源,可以评论留下邮箱,我会发给你^_^)

  • 相关阅读:
    8.18学习日志
    8.17学习日志
    8.15学习日志
    8.14学习日志
    8.13学习日志
    8.12学习日志
    8.11学习日志
    kindle
    xcode 4 安装cocos2d-x 2.1.4
    GUI之CCControlExtension
  • 原文地址:https://www.cnblogs.com/pangblog/p/3318015.html
Copyright © 2011-2022 走看看