[置顶] 游戏开发技术总结（经典之作）第三集 让图片动起来----快速切换图形实现动画

游戏开发技术总结（经典之作）第三集 让图片动起来----快速切换图形实现动画

转载请注明出处

 作者：孙广东 个人主页：http://blog.csdn.net/u010019717

更多精彩内容见：http://passport.baidu.com/business&un=a1224708372&fr=prin#7

 

 

 

3-1 任务

       我们这里将利用VC 的时钟消息函数，在屏幕上显示变换的图形，由此形成动画的
效果。

3-2 建立时钟消息

       在 VC 编程环境中选择菜单View 下的“ ClassWizard”项，进入MFC 的类向导(MFC
ClassWizard) 。

                                                        图3-1
       在类向导中选择WM_TIMER, 双击后,在成员功能栏(Member functions)可以看到已生
成的时钟消息函数ON_WM_TIMER。再按编辑代码(Edit Code), 就进入到时钟消息函数
OnTimer()中了。

void CMyDlg::OnTimer(UINT nIDEvent) //时钟函数,[类向导中定义生成]
{
CDialog::OnTimer(nIDEvent);
}

在程序中我们只要执行命令SetTimer(1,150,NULL)，在程序运行期间每隔150 毫秒,
时钟消息函数OnTimer()中的程序就会被执行一次。
SetTimer 参数说明:
SetTimer(1, 150, NULL);
设定时器(第1 个定时器, 间隔时间(毫秒), 空值);

 

3-3 让角色动起来

       我们在时钟消息里面写上图形显示的程序，图形就可以快速地变化了。当然你要
调入的图形是变化的，而要调入的图形变化，只要调入的图形文件名变化就行了。

3-3-1 变化的文件名

        如果图形文件在 C 盘的game 目录下，并且文件名为“b0p.bmp”，我们要给出的文
件名格式就应该为“c:/game/b0p.bmp”。其中p 是顺序变化的。

                                                  图 3-2
        在C++语言中我们可以用sprintf(cc,"c:/game/b%02d.bmp", p); 来设置图形文件名。cc
是字符串型变量，springf 是字符格式化函数，它可以将其它数据类型的值转换为字符串。
注意，引号内的写法 %02d，“%”的意义是转换的数p 是整形数,其中“2”的意义
是转换后的字串是两位，“0”的意义是数字不足两位时前面用“ 0”补位。
如 p=2, 执行sprintf(cc,"c:/game/b%02d.bmp", p);后。
cc 的值就是“c:/game/b02.bmp”。
如 p=12, 执行sprintf(cc,"c:/game/b%02d.bmp", p);后。
cc 的值就是“c:/game/b12.bmp”。
为了使用方便，这里我们把动态获取将调用的图形文件名也写成一个功能函数
getpic(⋯)。

3-3-2 getpic(⋯)调图片到相关位图

 

//**************************************************
// getpic(CString cc,int p) 调图片到相关位图
// 由p 得到将调的图形文件名。
// 在指定目录中调入图形到相关位图bit
//**************************************************
BOOL getpic(CString cc,int p)//调图片到相关位图[2 章]
{ char name[256];
SetCurrentDirectory(appdir); //置当前目录
sprintf(name,"%s%s/c%05d.bmp",dir,cc,p);//生成将调的图形文件名
loadbmp(name); //调BMP 图片
return TRUE;
}

这个函数的功能是：根据输入的目录名cc 和图形编号p，生成将调用的图形文
件名。
例如：dir = “图形/”，cc =“人” ,p =15；
则：name=“图形/人/00015.bmp” ；
接着就将调入 loadbmp(“图形/人/00015.bmp”) 图片到bit 中。
好了，我们可以将前面的调入图形文件和显示图形的代码写入时钟消息OnTimer()
中(程序中的行号是为了便于注释加的)。

3-3-3 可以动了

设定：p=0;m0=0; m1=400;dir="c:/game/";
现在，程序每隔150 毫秒, 时钟消息函数OnTimer()中的程序就会被执行一次。

void CMyDlg::OnTimer(UINT nIDEvent) //时钟函数,[类向导中定义生成]
1{ CClientDC dc(this); //客户区设备环境
2 if(getpic("人",p)==FALSE) //调角色图片
3 {AfxMessageBox(cc+"没找到!");return;}
4 SelectObject(MemDC,bit); //设备相关位图关联到暂存设备场景
5 BitBlt(dc.m_hDC,200,160,w,h,MemDC,0,0,SRCCOPY);//显示游戏角色
6 p++; //下一动作
7 if(p>m1) p=m0; //若动作完成,重复。
CDialog::OnTimer(nIDEvent);
}

当第一次执行时，p=0;
第 2 行，调入"c:/game/人/c00000.bmp"到bit。
第 4 行，将目录bit 内容调入并关联到MemDC 中。
第 5 行，将MemDC 中的图形拷贝到当前显示区在屏幕上显示。
第 6 行，p 加1，变成了1。
第二次执行时，p=1;
程序将目录 c:/game/人/下名为"c00001.bmp"图片内容在屏幕上显示。
第 n 次执行时， p=n-1;
程序将目录 c:/game/人/下名为"c0000p.bmp"图片内容在屏幕上显示。
每次在第 7 行判断p 是否达到m1（=400）的值，若达到，p=m0（=0）； 从头开始。
如此400 幅动作不同的图片在屏幕上循环显示，一个活生生的人物就出现了。

3-3-4 OnOK()启动时钟

         现在我们还有一个事，在OnOK()中写入时钟消息函数的启动程序。

void CMyDlg::OnOK() //确定键,[类向导中定义生成]
{ GetDlgItem(IDC_EDIT1)→ShowWindow(SW_HIDE);//隐藏文本框
CClientDC dc(this); //客户区设备环境
GetWindowRect(rect); //取当前窗口尺寸
BitBlt(dc.m_hDC,0,0,rect.Width(),rect.Height(),MemDC,0,0,SRCCOPY);
//将背景拷贝到当前屏幕
//启动时钟
SetTimer(1,150,NULL); //设定时器150 毫秒
}

        现在程序运行后，只要一按“确定键”，程序首先将背景拷贝到当前屏幕，然后启
动时钟，活动的人就在屏幕上出现了。

3-4 窗口、控件的基本操作

       在程序的界面设计中，我们常需要对窗口和各种控件的大小、位置进行控制。
VC++对窗口、各种控件的一些基本操作命令如下：
GetDlgItem(IDC_EDIT1)→EnableWindow(FALSE); //控件失效、有效TRUE
GetDlgItem(IDC_LIST1)→ShowWindow(SW_HIDE); //控件隐藏、显示SW_SHOW
GetDlgItem(IDC_EDIT1)→SetWindowText(“cc”); //控件上显示cc 字串
GetDlgItem(IDCANCEL)→MoveWindow( x,y,w,h,TRUE); //控件大小、定位
SetDlgItemText(IDC_STATIC0, "cc"); //控件上显示cc 字串
GetDlgItemText(IDC_STATIC0, "cc"); //取控件上文字到字串cc
MoveWindow(x,y,w,h); //当前窗口定位
CenterWindow(); //当前窗口居中
例如：SetDlgItemText(IDC_EDIT1,cc) 将字符串cc 显示在编辑框“ IDC_EDIT1”上。
例如：MoveWindow(0,0,640,480); 当前窗口大小、定位。
例如：CenterWindow(); 当前窗口居中。
例如：GetDlgItem(IDOK)→MoveWindow(580,0,55,18,TRUE)
确定按钮控件“IDOK”的大小（w=55,h=18）、定位（x=580,y=0）。
为了给读者一个对程序的完整的认识 ，下面我们给出这一章的全部程序和注释。
在这一章我们编的程序只在“让我动吧Dlg.cpp”这一个文件中。

3-5 “让我动吧 Dlg.cpp”完整的程序和注释

3-5-1 全局定义

注，灰色部份为MFC 自动产生的。

#include "stdafx.h"
#include "让我动吧.h"
#include "让我动吧Dlg.h"
#ifdef _DEBUG
#define new DEBUG_NEW
#undef THIS_FILE
static char THIS_FILE[] = __FILE__;
#endif
/////////////////////////////////////////////
// 全局变量定义
/////////////////////////////////////////////
HBITMAP bit; //设备相关位图
HDC MemDC; //角色设备场景
int w,h; //图形尺寸
CString dir; //定义路径变量
CString cc; //公用变量
char appdir[256]; //当前目录
CRect rect; //定义窗口尺寸变量
int js; //角色[0 男,1 女]
int fw; //方位[0 南1 西南2 西3 西北4 北5 东北6 东7 东南]
int m0; //动画初值
int m1; //动画终值
int p; //当前图形序号
////////////////////////////////////////////
// 函数定义
////////////////////////////////////////////
BOOL getpic(CString cc,int p); //调图片到相关位图
BOOL loadbmp(CString cc); //调BMP 图片

 

 

3-5-2 程序的初始入口

 

 

CMyDlg::CMyDlg(CWnd* pParent /*=NULL*/)//[MFC 自动生成]
: CDialog(CMyDlg::IDD, pParent)
{⋯⋯}
void CMyDlg::DoDataExchange(CDataExchange* pDX)//[MFC 自动生成]
{⋯⋯}
BEGIN_MESSAGE_MAP(CMyDlg, CDialog)//[MFC 自动生成]
⋯⋯
END_MESSAGE_MAP()
BOOL CMyDlg::OnInitDialog()//对话框程序的初始入口,[MFC 自动产生]
{CDialog::OnInitDialog();
SetIcon(m_hIcon, TRUE); // Set big icon
SetIcon(m_hIcon, FALSE); // Set small icon
// TODO: Add extra initialization here
//A．显示说明信息
CString cc;
cc="\r\n 这是《学VC 编游戏》的第二个示例：\r\n\r\n";
cc+=" 在这一章我们使用了以下知识、技术\r\n";
cc+="1．介绍计算机动画的基本知识和实现方法\r\n";
cc+="2．在VC++中建立时钟消息，使用时钟消息产生动画。\r\n";
cc+="3． 介绍格式化函数springf()的用法。由此动态地获取图形文件名。\r\n";
cc+="4．介绍在VC++中窗口、控件大小控制和定位的方法。\r\n";
SetDlgItemText(IDC_EDIT1,cc);
//B．窗口定位
MoveWindow(0,0,640,480); //窗口定位
CenterWindow(); //居中窗口
GetDlgItem(IDOK)→MoveWindow(640-60,0,55,18,TRUE);//确定按钮控件位置
//C．建立图形环境
MemDC =CreateCompatibleDC(0); //创建设备场景
//D．设主角数据
js=0; //角色,0 号人物
fw=0; //方位,0 南
m0=js*400+fw*4; //初值,0 号人物首位置
m1=(js+1)*400-1; //终值,1 号人物首位置
p=m0; //当前图形序号
//E．设置路径
GetCurrentDirectory(256,appdir); //取当前目录
dir=appdir;
if(dir.Right(8)=="运行程序")
dir="图片/";
else dir="../运行程序/图片/"; //图片路径
//F．调入显示背景
loadbmp(dir+"地面.BMP"); //调背景图片
SelectObject(MemDC,bit); //调入位图关联到地图设备场景
//G．在背景上显示文字
SetTextColor(MemDC,RGB(255,255,255)); //设置地图设备场景字色
SetBkMode(MemDC,TRANSPARENT); //字为透明方式
cc="嘿嘿!我可以动了!!走走、跑跑,世间真美好!!!"; //设文字内容
TextOut(MemDC,150,100,cc,lstrlen(cc)); //在MemDC 显示文字
SetTextColor(MemDC,RGB(255,255,255)); //设置地图设备场景字色
cc="不对呀，弄个框框把我笼起? 放开我 !!!"; //
TextOut(MemDC,150,220,cc,lstrlen(cc)); //在MemDC 显示文字
cc="BMP 图片本身就是矩形的，图片的底色是白色。";
TextOut(MemDC,151,250,cc,lstrlen(cc)); //在MemDC 显示文字
return TRUE;
}

 

 

 

3-5-3 OnOK()确定键

 

void CMyDlg::OnPaint() //[MFC 自动生成]
{⋯⋯
}
HCURSOR CMyDlg::OnQueryDragIcon()//[MFC 自动生成]
{⋯⋯
}
void CMyDlg::OnOK() //确定键,[类向导中定义生成]
{GetDlgItem(IDC_EDIT1)→ShowWindow(SW_HIDE);//隐藏文本框
CClientDC dc(this); //客户区设备环境
GetWindowRect(rect); //取当前窗口尺寸
BitBlt(dc.m_hDC,0,0,rect.Width(),rect.Height(),MemDC,0,0,SRCCOPY);
//启动时钟
SetTimer(1,150,NULL); //设定时器150 毫秒
}

 

3-5-4 OnCancel()退出程序

 

void CMyDlg::OnCancel() //退出,[类向导中定义生成] 

{ 

DeleteDC(MemDC); //删除暂存设备场景 

DeleteObject(bit); //删除暂存设备相关位图

CDialog::OnCancel(); 

}

 

 

 

3-5-5 时钟函数

 

void CMyDlg::OnTimer(UINT nIDEvent) //时钟函数,[类向导中定义生成]
{ CClientDC dc(this); //客户区设备环境
if(getpic("人",p)==FALSE) //调角色图片
{AfxMessageBox(cc+"没找到!");return;}
SelectObject(MemDC,bit); //设备相关位图关联到暂存设备场景
BitBlt(dc.m_hDC,200,160,w,h,MemDC,0,0,SRCCOPY); //显示游戏角色
p++; //下一动作
if(p>m1) p=m0; //若动作完成，重复。
CDialog::OnTimer(nIDEvent);
}

 

3-5-6 调图片到相关位图

 

//**************************************************
// getpic(CString cc,int p) 调图片到相关位图
// 由p 得到将调的图形文件名。
// 在指定目录中调入图形到相关位图bit
//**************************************************
BOOL getpic(CString cc,int p)//调图片到相关位图
{ char name[256];
SetCurrentDirectory(appdir); //置当前目录
sprintf(name,"%s%s/c%05d.bmp",dir,cc,p); //生成将调的图形文件名
loadbmp(name); //调BMP 图片
return TRUE;
}

 

3-5-7 调BMP 图片

 

//**************************************************
// loadbmp(CString cc)//调BMP 图片
// 调cc 指定的图形;取得的图形在设备相关位图bit 中
// 图形的宽、高存于全局变量w,h 中
//**************************************************
BOOL loadbmp(CString cc)//调BMP 图片
{ DeleteObject(bit); //删除上次的位图内存。
bit=(HBITMAP)LoadImage //调入cc 指定的图形
(AfxGetInstanceHandle(),//
cc, //文件名
IMAGE_BITMAP, //位图方式
0, //图形宽
0, //图形高
LR_LOADFROMFILE|LR_CREATEDIBSECTION//方式
);
if(bit==NULL) return FALSE; //调图失败
DIBSECTION ds; //
BITMAPINFOHEADER &bm = ds.dsBmih; //
GetObject(bit,sizeof(ds),&ds); //取位图的信息→bminfo
w = bm.biWidth; //得到位图宽度值
h = bm.biHeight; //得到位图高度值
return TRUE;
}

 

 

3-6 有关程序运行时的目录

注意，在OnInitDialog()中设置路径一段程序的作用(行号是为了说明加上的)。

//E．设置路径
1 GetCurrentDirectory(256,appdir); //取当前目录
2 dir=appdir;
3 if(dir.Right(8)=="运行程序")
4 dir="图片/"; //图片路径
5 else dir="../运行程序/图片/"; //图片路径

第 1 行，是一个Windows 的API 函数调用，是将当前程序运行的目录取到字符数组
变量appdir 中。
第 2 行，将当前目录赋于字符串变量dir。因为字符串变量支持我们下面要用到的
一些灵活的操作。
第 3 行，如果dir 后边8 个字符(4 个汉字)是“运行程序”，
则第4 行dir="图片/";
否则第5 行dir="../运行程序/图片/";
第3～5 行算法的意义是：我们整个教学范例的运行程序，都集中放在与各个范例
源程序同等的目录“ 运行程序”下的，而所有动画图片都在目录“运行程序”的下级
目录“图片”下；即在与源程序同级目录“运行程序/图片/”下的。（见图3-3）

                                                       图3-3
       当程序直接在VC 中编译运行时，当前目录为范例源程序目录（ 如本例是“ 02.让我
动吧”这个目录）。按第3 行判断不是“运行程序”目录，所以取图片的目录就应该是
dir="../运行程序/图片/"，即上一级目录下的“运行程序/图片/”。
如果在“ 运行程序”下执行程序“02.让我动吧.exe”；当前目录就是"运行程序"，所
以取图片的目录就应该是dir="图片/"。即本级目录下的"图片/"。
这样做的作用是，无论是在VC 中直接编译运行程序，还是在目录“运行程序”下
运行程序，都可以准确地取图片所在的目录。
好了，现在可以编译运行这个程序了。

3-7 流程图

       程序流程主要分三块：程序开始执行时的初始化， 按键后设置参数和启动时钟函
数，由时钟函数和调图形函数构成的程序主循环。注意，我们下面对游戏的进一步编
程主要是在这个主循环中进行的。

                                                    图3-4 主流程图
具体的程序请看本章实例程序:“让我动吧”。

3-8 小结

在这一章里我们学了以下知识和方法。
1．介绍计算机动画的基本知识和实现方法
2．在VC++中建立时钟消息，使用时钟消息产生动画。
3．介绍格式化函数sprintf()的用法。由此动态地获取图形文件名。
4．介绍在VC++中窗口、控件大小控制和定位的方法。
5．程序运行时的目录定位方法。