【纯JAVA语言做RPG游戏】3.地图碰撞检测和角色行走的实现

额⊙▽⊙...

上次做好了游戏的基本界面，地图也能成功的显示出来了，不过前面的游戏还没有实现角色与地图的碰撞检测，也就是说角色可以在地图上到处跑，无视那些树啊，石头什么的，这次的第一件事就是要检测角色与地图上物体的碰撞......再加上前面程序的玩家角色是用一个小球替代的，太丑了，这次换成一个动态的小LOLI，让它能够在地图上跑动起来 (╯▔▽▔)╯.....

首先，对上次的一些BUG进行改进：

上次说到角色的偏移量，我直接把它设为0了，这是严重的错误，导致我后面出BUG测试了2个多小时，因为如果角色从出生点直接向左或者是上移动的话，它的x和y偏移量就会变成负数，变成负数去对50求余，得到的结果就和正数求余不协调了，就会出现地图突然向左跳了一格的情况....

处理掉BUG，接下来就是这次的任务了（先把我的处理思路整理一下，接着上代码....）

1.首先是角色与地图的检测.

由于在游戏的过程中，程序可以得到角色中点的坐标，那么就可以通过这个中点坐标计算出角色在地图数组中对应的位置，接着通过人物所在的这个数组元素位置，找出这个坐标上下左右的数组元素的值，也就相当于知道了人物在当前地图中的上下左右有什么物体.

接着就对人物移动的方法进行改造，在人物向上移动时，判断人物所在位置上方数组map2中的值是否为0（为0就代表没物体阻挡了嘛..），如果为0就继续前面移动的方式，如果不为0的话就不执行前面移动的方式...下左右移动同理.

2.然后是实现角色的动态行走.

我首先从网上找了这么两张角色行走图，图出自《东方苍神行》如下（PS：其实楼主找到了一整套( ´´ิ∀´ิ` )...）：

一张是角色走路的图，还有一张是角色跑步的图，这里我就不做这么复杂了，统一用跑步的，不过角色停下来的时候要用角色走路图里面的那4张站立不动的画面..

可以看到这素材是由上下左右，每个方向4张图片构成的，所以要实现角色的动态行走的话就必须要在鼠标按下某一个方向时，让角色图片在这个方向的4张连续的图中循环不停的变化，这样看起来角色就真正的动起来了，而不是僵直的平移...

那么怎么达成这种效果呢，首先要知道怎么从这一张图品中把这16张小图片给分解开来，我查了下API，发现Graphics的drawimage（）方法，不仅可以直接画出一张图，还可以选择一张图的某一个矩形区域，然后画到面板的指定的矩形区域上，这样就能分开处理这16张小图片了，（当然也可以事先将这行走图用图片处理工具分开成16张图，这样也能减少许多卡顿现象，不过这就不是程序猿的事了，好吧，我承认是我是PS新手，怕麻烦  - -！ ）具体如下：

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

g.drawImage(img, dx1, dy1, dx2, dy2, sx1, sy1, sx2, sy2, observer)；
img - 要绘制的指定图像。如果 img 为 null，则此方法不执行任何操作。
dx1 - 目标矩形第一个角的 x 坐标。
dy1 - 目标矩形第一个角的 y 坐标。
dx2 - 目标矩形第二个角的 x 坐标。
dy2 - 目标矩形第二个角的 y 坐标。
sx1 - 源矩形第一个角的 x 坐标。
sy1 - 源矩形第一个角的 y 坐标。
sx2 - 源矩形第二个角的 x 坐标。
sy2 - 源矩形第二个角的 y 坐标。
observer - 当缩放并转换了更多图像时要通知的对象。

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

接着便是这些图片如何显示的问题，我的思路为，当按下左键时，角色开始向左边移动，这时候循环的变化人物的图片，就是上面行走图中向左走的那4张，其他方向也是这样。这里用一个int变量来控制，初始为0，每按下左键就给这变量+1，当变量达到某个最大值时，又给它置回0...然后再在画人物的方法中判断这个数的值，通过这个值的变化来决定画哪一张图...

基本思路就是这样了，接着代码如下（有些前面写过的类，这次没有发生改变我也就不贴出来了，只贴这次处理过的类吧，至于完整的程序源码，我会上传在后面的，有兴趣的一起玩玩，找找BUG(O ^ ~ ^ O) ）：

/**
* 角色类
* @author yy
*
*/
public class Player extends Thread implements gameConfig{
//角色中点相对游戏面板的位置(在游戏中是不变的)
static int px = panelX/2;
static int py = panelY/2;
//角色中点在整张地图中的位置(设置人最开始中点的位置一定要是一个元素中心的位置，要不然这种移动就会出问题 - -！)
static int x = 375;
static int y = 375;
//角色的偏移量（实现像素点移动关键的部分,一定要给个初始值，要不然到边界出现负数哭死，害我找错误找了一个晚上）
static int mx = 50;
static int my = 50;
//角色的步长
static int step = 5;
//角色是否移动
static boolean up = false;
static boolean down = false;
static boolean left = false;
static boolean right = false;
//角色的朝向    1,2,3,4分别代表上下左右(用来处理角色不移动时的朝向问题，后面要写与npc对话之类的估计用得上)
static int towards = 2;
//角色的移动累积量（这个就是用来控制循环的变化4张角色图片来达成动态移动的）
static int up1 = 0;
static int down1 = 0;
static int left1 = 0;
static int right1 = 0;
@Override
public void run() {
while(true){
moveUD();
moveLR();
try {
Thread.sleep(20);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}

/**
* 角色上下移动的方法
*/
public void moveUD(){
if(up){
//当按住上键时，给up1加1，当up1大于20时候又置为0，达成循环
up1++;
if(up1>=20){
up1=0;
}
//如果角色当前位置上方的数组值不为0（角色上方有物体挡着）：这里处理的是角色一个格子内部的移动，不能移动到上面一格
if(ReadMapFile.map2[y/elesize-1][x/elesize]!=0){
int y1 = (y/elesize-1)*elesize+elesize/2;
int x1 = (x/elesize)*elesize+elesize/2;
if((y-y1)*(y-y1)>=elesize*elesize){
y=y-step;
my=my-step;
}
}else if(ReadMapFile.map2[y/elesize-1][x/elesize]==0){//上方没物体，可以继续向上移动
y=y-step;
my=my-step;
}
}else if(down){
down1++;
if(down1>=20){
down1=0;
}
if(ReadMapFile.map2[y/elesize+1][x/elesize]!=0){
int y1 = (y/elesize+1)*elesize+elesize/2;
int x1 = (x/elesize)*elesize+elesize/2;
if((y-y1)*(y-y1)>=elesize*elesize){
y=y+step;
my=my+step;
}
}else if(ReadMapFile.map2[y/elesize+1][x/elesize]==0){
y=y+step;
my=my+step;
}
}
}

/**
* 角色左右移动的方法
*/
public void moveLR(){
if(left){
left1++;
if(left1>=20){
left1=0;
}
if(ReadMapFile.map2[y/elesize][x/elesize-1]!=0){
int y1 = (y/elesize)*elesize+elesize/2;
int x1 = (x/elesize-1)*elesize+elesize/2;
if((x-x1)*(x-x1)>=elesize*elesize){
x=x-step;
mx=mx-step;
}
}else if(ReadMapFile.map2[y/elesize][x/elesize-1]==0){
x=x-step;
mx=mx-step;
}
}else if(right){
right1++;
if(right1>=20){
right1=0;
}
if(ReadMapFile.map2[y/elesize][x/elesize+1]!=0){
int y1 = (y/elesize)*elesize+elesize/2;
int x1 = (x/elesize+1)*elesize+elesize/2;
if((x-x1)*(x-x1)>=elesize*elesize){
x=x+step;
mx=mx+step;
}
}else if(ReadMapFile.map2[y/elesize][x/elesize+1]==0){
x=x+step;
mx=mx+step;
}
}
}

public static void draw(Graphics g){
//如果角色不在移动中
if(!up&&!down&&!left&&!right){
if(towards==1){//如果角色移动的最后朝向为上
g.drawImage(walk1.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 0, 96*3, 96, 96*4, null);
}else if(towards==2){//最后移动朝向下
g.drawImage(walk1.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 0, 0, 96, 96, null);
}else if(towards==3){//最后移动朝向左
g.drawImage(walk1.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 0, 96, 96, 96*2, null);
}else if(towards==4){//最后移动朝向右
g.drawImage(walk1.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 0, 96*2, 96, 96*3, null);
}
}else{//如果角色在移动中
if(up){
//通过up1的值，来决定画哪一张图片
if(up1<5){
g.drawImage(walk.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 0, 96*3, 96, 96*4, null);
}else if(up1<10){
g.drawImage(walk.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 96, 96*3, 96*2, 96*4, null);
}else if(up1<15){
g.drawImage(walk.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 96*2, 96*3, 96*3, 96*4, null);
}else{
g.drawImage(walk.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 96*3, 96*3, 96*4, 96*4, null);
}
}else if(down){
if(down1<5){
g.drawImage(walk.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 0, 0, 96, 96, null);
}else if(down1<10){
g.drawImage(walk.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 96, 0, 96*2, 96, null);
}else if(down1<15){
g.drawImage(walk.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 96*2, 0, 96*3, 96, null);
}else{
g.drawImage(walk.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 96*3, 0, 96*4, 96, null);
}
}else if(left){
if(left1<5){
g.drawImage(walk.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 0, 96, 96, 96*2, null);
}else if(left1<10){
g.drawImage(walk.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 96, 96, 96*2, 96*2, null);
}else if(left1<15){
g.drawImage(walk.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 96*2, 96, 96*3, 96*2, null);
}else{
g.drawImage(walk.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 96*3, 96, 96*4, 96*2, null);
}

}else if(right){
if(right1<5){
g.drawImage(walk.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 0, 96*2, 96, 96*3, null);
}else if(right1<10){
g.drawImage(walk.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 96, 96*2, 96*2, 96*3, null);
}else if(right1<15){
g.drawImage(walk.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 96*2, 96*2, 96*3, 96*3, null);
}else{
g.drawImage(walk.getImage(), Player.px-elesize/2-15, Player.py-elesize/2-25, Player.px-elesize/2+65, Player.py-elesize/2+55, 96*3, 96*2, 96*4, 96*3, null);
}
}
}
}

//得到角色在数组中的位置I
public static int getI(){
return (y-(playersize/2))/50;
}
//得到角色在数组中的位置J
public static int getJ(){
return (x-(playersize/2))/50;
}
}

 这次的处理大概也就是这么多了，还有就是将游戏面板中以前画小球的地方改成调用人物类的Draw方法了，这都是些小改动

上一上效果图：

 再来张gif，同样gif画质惨不忍睹，卡顿纯属gif问题，实际程序没卡顿的....  0 0、   神呐，谁教教我怎么做无损的gif啊....

这次处理碰撞和实现角色动态行走写的代码没有多少，但是比前面难弄多了，写这种逻辑性强的代码，必须要保持思路清晰，我很多时候都写着写着就不知道自己要干嘛了  = =！   前路漫漫，仍需努力啊...

下次就把和NPC对话的功能实现吧，现在的游戏还是玩家一个人的世界啊....下次就加点小伙伴进来，嘿嘿

当前阶段完整代码放在下面了，还有地图文件也放在下面（前面那个版本都忘记传地图了，真是大失败啊  - -！ ），想要玩一玩这个程序的，在程序的test类中改好地图文件的存放路径，就能运行了....