从零开始重写KOK1(万王之王1) —— (1)让人物可在地图上使用鼠标跑动

从飞信裸辞已经2个月了，因为对游戏的爱，和做出好玩的游戏这个梦想。《Windows游戏编程大师技巧》(以下简称《大师》)这书已经读完，DEMO也都搞清楚了，为了确实的掌握2D游戏的技术，决定完成一个完整的KOK1咒术师打钱坑的DEMO，也是作为我踏入游戏开发行业的简历附加DEMO。【广告】对游戏有爱的游戏公司(北京)缺人(2D/3D游戏程序员)的话请随时把我拉走。这个系列文章将记载在这个DEMO开发过程中的一点一滴，废话不说了，进入正题。

 

0. 本期功能

(1)人物可以在地图上通过鼠标右键控制走动

(2)地图可以卷动，并且人物不会超过边界

(3)人物在站立和跑动时会有相应的动画

(4)人物在站立和跑动时会面向适当的方向

(5)鼠标有动画，并且无法移出窗口

 

截图：

 

可直接运行版本 >>下载页地址<<

 

1. 开发工具与语言

在学习《大师》的时候，他主要是用C实现的，并且在性能敏感的位置穿插了一些汇编代码，我的示例最开始也是用C来写，并且贯彻作者多使用全局变量的做法，但当逻辑逐渐复杂了之后，太多的函数与全局变量使得开发效率受到了不小的影响，所以这个DEMO我使用C/C++来写，主要的对象按类来封装，对于性能方面没有过多的注意，以后再重构和优化吧。本文的开发环境是VS2010，DirectX 8.1 SDK，图形部分使用DirectDraw7。

 

2. 主要对象

目前的DEMO主要有以下几个对象：

GameScreen - 游戏屏幕，就是用户窗口的客户区，这个类提供游戏屏幕相关的属性，如宽高、左上角在世界地图的坐标、以及一个视频控制器。

Map - 游戏地图，这个类提供了地图相关的属性，如每个小图块的宽高，地图数据数组，横向和纵向有多少块小图块。还有地图的初始化(Init)、每一帧绘制(Draw)、释放(Release)的方法。

Player - 玩家，这个类提供了玩家相关的属性，如玩家位图的宽高，在屏幕绘制的左上角坐标，在世界地图的坐标，跑动速度，目标坐标等等，同时也提供了初始化(Init)、每一帧绘制(Draw)、释放(Release)的方法。

Bitmap24 - 24位位图，这个类提供了对24位位图的读取功能，把字节顺序调整为正序，并且改为32BPP的格式。详细的实现方法可见我前面的两篇文章：32BPP窗口模式下24位位图的像素操作(1) 、32BPP窗口模式下24位位图的像素操作(2) 。

VideoManger - 视频管理器，这个类封装了DirectDraw7的相关操作，如创建表面、裁剪表面、从位图中取元素等。

MouseManager - 鼠标管理器，这个类封装了DirectInput的相关操作，以获取最新的鼠标情况，详细的实现方式在前面的这篇文章里：使用dinput鼠标的相对模式达到绝对定位。

Controller - 操作管理器，这个类分离了用户的操作与游戏里的逻辑。Controller::ProcessRequest()将在每帧调用，用来处理用户操作，并调用这个管理器封装的相关逻辑操作，如PlayerMove()。

 

3. 全局流程

(1)流程很简单，首先就是创建窗口，并且调整好窗口的大小和位置，为什么还要调整呢，原因和解决方案在这篇文章里：确定窗口实际用户区的一些问题。

(2)就是在窗口创建好了之后，在主消息循环开始之前，进行我们所需要的对象的初始化工作。

gameScreen.Init(SCREEN_WIDTH, SCREEN_HEIGHT, hWnd, titleSize, borderSize, 100, 100); gameMap.Init(&gameScreen); player.Init(&gameScreen); mouse.Init(&gameScreen);

(3)然后开始主消息循环，这里要注意使用PeekMessage，并且Peek后REMOVE掉，否则将不是一个真正实时的游戏循环。在主消息循环里执行我们的游戏逻辑。

gameScreen.Video.FillSurface(gameScreen.Video.Lpddsoffscreen, 0); mouse.RefreshData(&gameScreen); controller.ProcessRequest(&gameScreen, &gameMap, &player, &mouse); gameMap.Draw(&gameScreen); player.Draw(&gameScreen); mouse.Draw(&gameScreen); gameScreen.Video.FlipSurface(); Sleep(100);

 

(4)最后在主循环退出后释放所有资源。

gameScreen.Release(); gameMap.Release(); player.Release(); mouse.Release();

 

4. 角色动画的实现

鼠标动画的绘制非常简单，请下载一看源码就知道了，地图的实现方法就是在一个大表面上来取一块放在显存里，也很简单，这里都不再赘述了。

 

角色动画涉及8个方向和两个状态(站立和跑动)的动画。所以我们要准备好(8*站立动画帧数 + 8*跑动动画帧数)个表面，并且有两个动画索引数组。准备好后，我们可以考虑到实现角色动画无法就是判断在当前游戏帧，我们应该把上面那么多个表面其中的哪一个写到显存里去。因素有3：

(1)Direction - 人物朝向

(2)AnimationIndex - 人物动画当前索引

(3)Status - 人物状态是在站立还是跑动

 

首先分析人物朝向。人物朝向是受玩家给出的目标移动指令后才做改变的，所以可以考虑在Controller::PlayerMove()执行时来修改这个值。

int Controller::PlayerMove(GameScreen *gs, Map *map, Player *player, MouseManager *mouse) { if (player->MapX == player->TargetX && player->MapY == player->TargetY) { player->Status = 0; return 1; } // 调整player->Direction if (player->MapX == player->TargetX && player->MapY < player->TargetY) player->Direction = 0; else if (player->MapX > player->TargetX && player->MapY < player->TargetY) player->Direction = 1; else if (player->MapX > player->TargetX && player->MapY == player->TargetY) player->Direction = 2; else if (player->MapX > player->TargetX && player->MapY > player->TargetY) player->Direction = 3; else if (player->MapX == player->TargetX && player->MapY > player->TargetY) player->Direction = 4; else if (player->MapX < player->TargetX && player->MapY > player->TargetY) player->Direction = 5; else if (player->MapX < player->TargetX && player->MapY == player->TargetY) player->Direction = 6; else if (player->MapX < player->TargetX && player->MapY < player->TargetY) player->Direction = 7; // 调整gs->MapX(Y) if (player->MapX < player->TargetX) { if (player->TargetX - player->MapX <= player->RunSpeed) player->MapX = player->TargetX; else player->MapX += player->RunSpeed; } if (player->MapX > player->TargetX) { if (player->MapX - player->TargetX <= player->RunSpeed) player->MapX = player->TargetX; else player->MapX -= player->RunSpeed; } if (player->MapY < player->TargetY) { if (player->TargetY - player->MapY <= player->RunSpeed) player->MapY = player->TargetY; else player->MapY += player->RunSpeed; } if (player->MapY > player->TargetY) { if (player->MapY - player->TargetY <= player->RunSpeed) player->MapY = player->TargetY; else player->MapY -= player->RunSpeed; } gs->MapX = player->MapX - gs->ScreenWidth / 2; gs->MapY = player->MapY - gs->ScreenHeight / 2; return 1; }

 

接着是人物动画索引。这个可以在人物绘制时处理，在每次绘制完成后，将这个索引加1即可。

 

最后是Status。这个更简单了，必然是在用户做出操作后来修改。

int Controller::ProcessRequest(GameScreen *gs, Map *map, Player *player, MouseManager *mouse) { if (mouse->RButton) { player->Status = 1; player->TargetX = gs->MapX + mouse->X; player->TargetY = gs->MapY + mouse->Y; if (player->TargetX > map->TileWidth * map->MapWidth - gs->ScreenWidth / 2 - 1 - player->RunSpeed) player->TargetX = map->TileWidth * map->MapWidth - gs->ScreenWidth / 2 - 1 - player->RunSpeed; if (player->TargetX < gs->ScreenWidth / 2 - 1 + player->RunSpeed) player->TargetX = gs->ScreenWidth / 2 - 1 + player->RunSpeed; if (player->TargetY > map->TileHeight * map->MapHeight - gs->ScreenHeight / 2 - 1 - player->RunSpeed) player->TargetY = map->TileHeight * map->MapHeight - gs->ScreenHeight / 2 - 1 - player->RunSpeed; if (player->TargetY < gs->ScreenHeight / 2 - 1 + player->RunSpeed) player->TargetY = gs->ScreenHeight / 2 - 1 + player->RunSpeed; } if (player->Status == 1) { PlayerMove(gs, map, player, mouse); } return 1; }

 

因为以上3因素已经都有归属了，所以在每一帧，我们只要根据3因素画出相应的表面即可 。

int Player::Draw(GameScreen *gs) { RECT dest_rect = { DrawX, DrawY, DrawX + Width, DrawY + Height }; LPDIRECTDRAWSURFACE7 drawSurface; if (Status == 1) { if (AnimationIndex >= RunAnimationDataCount) AnimationIndex = 0; drawSurface = RunSurfaces[RunAnimationData[AnimationIndex] + Direction*RunAnimationFrameCount]; } else { if (AnimationIndex >= StandAnimationDataCount) AnimationIndex = 0; drawSurface = StandSurfaces[StandAnimationData[AnimationIndex] + Direction*StandAnimationFrameCount]; } ++AnimationIndex; gs->Video.Lpddsoffscreen->Blt(&dest_rect, drawSurface, NULL, DDBLT_WAIT | DDBLT_KEYSRC, NULL); return 1; }

 

5. 总结

至此，本期的功能都实现，但还有以下主要不足：

(1)目前角色的移动是将当前角色坐标和目标坐标做比对，然后在X和Y上都加上RunSpeed，而实际应该是求出向量，在向量上增加RunSpeed。这样角色移动的速度就更符合逻辑了。

(2)因为这个DEMO的图像都是我从游戏里截图出来的(PS了很久啊～～)，所以帧数相当低。

 

6. 源码下载

>>下载地址页<< 资源分是1，有兴趣和诚意的朋友下吧。

 

7.下一期将完成除了现在地表图像的绘制，还要在地图上绘制可以阻挡住人物的护栏、石头等物体，以及人物可以自动绕过障碍的寻路逻辑。