人机交互实验：Android开发之人物移动、地图滑动、传感器、触屏的应用

其他 2018-09-11 15:29:45 阅读次数: 0

Android开发，人物移动与地图滑动，传感器、触屏的应用

1.程序介绍

这是我们人机交互课的实验，老师对我们的要求如下：

  • 1.能绘制出二维卷轴地图，及人物可在地图上各方向移动
  • 2.在第1次的基础上加入交互，用手指控制人物的移动和地图的缩放等，实现一指交互、二指交互。
  • 3.在之前的基础上，实现使用手机上2种感应器在程序中的作用，例如重力感应器、GPS、加速度感应器等
    先给个程序的截图吧~

2.人物移动和地图滑动

参考该博客Android游戏开发之主角的移动和地图的平滑滚动
我程序的框架是参考该博客中的程序，它已经实现了地图的绘制、用键盘控制人物的移动，所以其它的功能我是在该程序的基础上实现的。
其余的不说了，先说说原来程序的不足之处

2.1 源程序引用数值较多

这是我很不喜欢源程序的地方，因为很多地方用的直接是数值，一方面很难让人知道该数值的含义，另一方面也使得若换不同的地图、不同屏幕像素的手机等，得重新改动，比如UpdateHero方法中，如何判断接下来是人物移动还是地图滑动，在if中用了很多数值，一开始看的话，你根本不知道这些数值代表什么！
在我的程序中，我多定义了些变量，由变量算出这些数值，这样换地图的话只要更改地图的宽高，换手机的话就什么都不用改。给出前后代码的对比。 

//原来的人物往下移动的处理
if (mHeroScreenY >= 320) {
    if (mHeroIndexY >= 10 && mHeroIndexY <= 20) {
        mMapPosY -= HERO_STEP;
    } else {
        mHeroScreenY += HERO_STEP;
    }
} else {
    mHeroScreenY += HERO_STEP;
}

/*
 * 我对人物往下移动的处理
 * 先对代码做一些解释，当然，数值是来源于原来代码中的。
 * 地图上下移动有个范围，地图上界即屏幕上界~地图下界即屏幕下界 
 * 地图最上端为屏幕最上端时，320/32=10
 * 地图最下端为屏幕最下端时，(800-160)/32=20
 * 但若<=20，则地图最下面会有一小部分重复往上动，走到那里会出现多个人 改成17后，就没事了。
 * 这是因为有的手机像素高度比较大（大于800），所以会出现最下面地图重复移动的情况
 */
if (mHeroScreenY >= h * 2) {
    if (mHeroIndexY >= h * 2 / 32
        && mHeroIndexY <= (SCENCE_HEIGHT - h) / 32) {
    //mMapPosY:地图的坐标，即人物不动，地图往上移动，也就是地图的Y坐标减小
        mMapPosY -= HERO_STEP;
    } else {
        mHeroScreenY += HERO_STEP;
    }
} else {
    // 人就在屏幕上往下移动
    mHeroScreenY += HERO_STEP;
}

2.2 源程序对碰撞处理不是很好

我参考的源程序对碰撞进行了处理，但是处理考虑不全面！在控制人物移动过程中，刚开始，嗯，不错，碰撞处理挺好的。可是当你人物继续移动，直到人物在屏幕上位置不变，而地图开始移动的时候，这是若碰到物体，你会发现竟然穿过去了！！！我通过用Log.v()方法输出想要的内容，调试了好久，终于被我发现了错误。

先看看对碰撞的处理： 

if (mCollision[mHeroIndexY][mHeroIndexX] == -1) {
    mHeroPosX = mBackHeroPosX;
    mHeroPosY = mBackHeroPosY;
    mHeroScreenY = mBackHeroScreenY;
    mHeroScreenX = mBackHeroScreenX;
    //下面是我增加的
    mMapPosX = mBackmMapPosX;
    mMapPosY = mBackmMapPosY;
    isAcotrCollision = true;
} else {
    mBackHeroPosX = mHeroPosX;
    mBackHeroPosY = mHeroPosY;
    mBackHeroScreenX = mHeroScreenX;
    mBackHeroScreenY = mHeroScreenY;
    //下面是我增加的
    mBackmMapPosX = mMapPosX;
    mBackmMapPosY = mMapPosY;
    isAcotrCollision = false;
}

若发生碰撞，人物在屏幕、地图中的x、y坐标进行回退，即回退到前一次的。细心的童鞋可以发现，它还缺少了一种可能。那就是当人物过了屏幕宽或高的三分之二，实际上是地图在滑动了。针对该种情形下发生碰撞，源代码中并没对地图的x,y坐标进行回退！所以导致地图在滑动的时候，即使发生碰撞，地图还在滑动，这就导致人物穿墙的问题！

3.触屏控制

3.1 一指触屏控制人物移动

原先是通过键盘控制的，若要增加触屏控制人物移动，其实很好办，因为原先的代码都已经把框架给写好了，原文中通过下面四个变量，来判断人物是往哪里移动。 

    /** 按键下 **/
    private boolean mIskeyDown = false;
    /** 按键左 **/
    private boolean mIskeyLeft = false;
    /** 按键右 **/
    private boolean mIskeyRight = false;
    /** 按键上 **/
    private boolean mIskeyUp = false;

所以在触屏的代码中，我们只要根据手指不同的位置，通过原来代码中的下面方法： 

public void setKeyState(int keyCode, boolean state) {
        switch (keyCode) {
        case KeyEvent.KEYCODE_DPAD_DOWN:
            mIskeyDown = state;
            break;
        case KeyEvent.KEYCODE_DPAD_UP:
            mIskeyUp = state;
            break;
        case KeyEvent.KEYCODE_DPAD_LEFT:
            mIskeyLeft = state;
            break;
        case KeyEvent.KEYCODE_DPAD_RIGHT:
            mIskeyRight = state;
            break;
        }
        mAllkeyDown = state;
}

用setKeyState()将对应方向的布尔变量设置为true，人自然而然就会往对应方向移动了。
一指触控的代码是实现了onTouchEvent()方法，该方法属于Activity，所以凡是继承了Activity的类，都可以覆盖该方法。
关于该方法，可以见Android开发教程： 触摸屏模拟实现方向键
怎么控制人物移动呢，我是通过获取手指的x，y坐标与人物在屏幕中的x，y坐标的差的绝对值，哪个大就在哪个方向上移动。具体见代码： 

public boolean onTouchEvent(MotionEvent event) {
    //这是两指触控实现缩放的，在这里先注释掉
    //if (event.getPointerCount() == 2) {
    //  setMultiTouch(event);
    //}
    float x = event.getX();
    float y = event.getY();
    float dx, dy;
    float mX = mAnimView.mHeroScreenX, mY = mAnimView.mHeroScreenY;
    switch (event.getAction()) {
    // 触摸结束
    case MotionEvent.ACTION_UP:
        isFirst = true;
        oldRate = rate;
    // 手指离开屏幕，则人物不动，下面是我增加的方法，使所有方向都为false
        mAnimView.setKeyStateFalse();  
        return false;
    case MotionEvent.ACTION_DOWN:
        // mAnimView.setKeyStateFalse();
        dx = x - mX;
        dy = y - mY;
        int i,j;
        float adx=Math.abs(dx);
        float ady=Math.abs(dy);
        if (adx >= ady) { // move from left -> right
            //这里为什么>35,是因为我还要用<35的那些范围用于其它的功能实现。
            //后面的48，也是同样道理。
            if (dx > 35.0f) {
                mAnimView.setKeyState(KeyEvent.KEYCODE_DPAD_RIGHT, true);
            } else if (dx<-35.0f){
                mAnimView.setKeyState(KeyEvent.KEYCODE_DPAD_LEFT, true);
            }
        } else { // move from top -> bottom or bottom -> top
            if (dy > 48.0f) {
                mAnimView.setKeyState(KeyEvent.KEYCODE_DPAD_DOWN, true);
            } else if(dy<-48.0f){
                mAnimView.setKeyState(KeyEvent.KEYCODE_DPAD_UP, true);
            }
        }
        return true;
        /**
         * MOVE是介于MotionEvent.ACTION_DOWN和MotionEvent.ACTION_UP之间的，
         * 所以通过MOVE来控制人物移动 如果用MotionEvent.ACTION_DOWN的话，
         * 则至少在我的手机上，只能每次按一下走一步，太不方便了
         */
    case MotionEvent.ACTION_MOVE:
        dx = x - mX;
        dy = y - mY;
        if (Math.abs(dx) >= Math.abs(dy)) { // move from left -> right
            // or right -> left
            if (dx > 0.0f) {
                mAnimView.setKeyState(KeyEvent.KEYCODE_DPAD_RIGHT, true);
            } else {
                mAnimView.setKeyState(KeyEvent.KEYCODE_DPAD_LEFT, true);
            }
        } else { // move from top -> bottom or bottom -> top
            if (dy > 0.0f) {
                mAnimView.setKeyState(KeyEvent.KEYCODE_DPAD_DOWN, true);
            } else {
                mAnimView.setKeyState(KeyEvent.KEYCODE_DPAD_UP, true);
            }
        }
        return true;
    }
    return super.onTouchEvent(event);
}

3.2 二指实现地图缩放

《Android游戏编程之从零开始》里面有讲到，参考这个链接吧多触点实现图片缩放。我是通过上面中注释掉的setMultiTouch(event)方法来实现地图缩放的，详情的话就参加我的代码，本文最后会给出下载链接。 这里遇到一个问题，那就是当地图不断缩小时，屏幕上剩余部分会残留之前刷新的图片，所以每次缩小之前，得先清屏一下。android开发--Canvas清屏只需三句话

if (isShrink) {
    Paint p = new Paint();
    p.setXfermode(new PorterDuffXfermode(Mode.CLEAR));
    mCanvas.drawPaint(p);
    p.setXfermode(new PorterDuffXfermode(Mode.SRC));
}
//接下来可以通过mCanvas.drawColor(Color.WHITE)来改变背景颜色

4. 传感器的应用

4.1 加速度感应器的应用

我通过加速度感应器，实现了两个功能：1.控制人物移动，2.通过摇一摇换人物主角（牧场物语矿石镇的伙伴男女主人公）
参考下面两个文章：
Android游戏开发之小球重力感应实现
Android之摇一摇功能

4.2 光线传感器的使用

没办法， 老师要求要用两个传感器，可是发现可以用的传感器除了加速度感应，其它的实在没什么。。。所以勉强用了个光线传感器，若光线暗的话，就把背景从白色亮的变为灰色(保护眼睛)。。。真的是为了用而用。。。

两个传感器实现代码如下： 

/*传感器相关变量
 *private SensorManager mSensorMgr = null;
 *Sensor mSensor = null;
 *Sensor mSensor2 = null;
 *mSensorMgr = (SensorManager) getSystemService(SENSOR_SERVICE);
 *mSensor = mSensorMgr.getDefaultSensor(Sensor.TYPE_ACCELEROMETER);
 *mSensor2 = mSensorMgr.getDefaultSensor(Sensor.TYPE_LIGHT);

 *mSensorMgr.registerListener(this, mSensor,SensorManager.SENSOR_DELAY_GAME);
 *mSensorMgr.registerListener(this, mSensor2,SensorManager。SENSOR_DELAY_GAME);
 */
public void onSensorChanged(SensorEvent event) {
    // 加速度传感器
    if (event.sensor.getType() == Sensor.TYPE_ACCELEROMETER) {  
        mGX = event.values[0];
        mGY = event.values[1];
        mGZ = event.values[2];
        setKeyStateFalse();
        if (Math.abs(mGX) >= Math.abs(mGY) && Math.abs(mGX) >= 1.0) {
            if (mGX >= 0) { 
                // 向左走
                setKeyState(KeyEvent.KEYCODE_DPAD_LEFT, true);
            } else {
                // 向右走
                setKeyState(KeyEvent.KEYCODE_DPAD_RIGHT, true);
            }
        } else if (Math.abs(mGX) < Math.abs(mGY) && Math.abs(mGY) >= 1.0) {
            // 这里之所以设置成一个大于6.0，一个小于3.0，是因为人拿手机的时候，手机基本上就是倾斜的，mGY肯定大于0.
            if (1.0 <mGY && mGY< 4.0) // 向上走
                setKeyState(KeyEvent.KEYCODE_DPAD_UP, true);
            else if (mGY >= 7.0) { // 向下走
                setKeyState(KeyEvent.KEYCODE_DPAD_DOWN, true);
            }
        }
        //摇一摇换主角    
        int minValue=19;
        if (Math.abs(mGX) > minValue || Math.abs(mGY) > minValue || Math.abs(mGZ) > minValue) {
            roleId=(roleId+1)%2;
        }   
    }
    //光线传感器
    else if(event.sensor.getType() == Sensor.TYPE_LIGHT){
        float lv=event.values[0];
        if(lv>10.0f){
            isNight=false;
        }
        else{
            isNight=true;
        }
    }
}

5.增加种植、收割功能

之前在3.1触屏控制人物移动的代码中提到，选取abs|dx|>35或者abs|dy|>48,才允许人物朝相应的方向移动。之所以留出人物周围一部分的范围，是用于种植一些农产品。就是当人物在农田中时，手指触摸人物一小部分范围内，可以种上东西。对种上东西的地方再触摸一次，就收割农产品。（说简单点，其实就是画上一个图片、消除一个图片。。。）
给个图：

这里用到了mMapAcotor数组，若值为-1，表示没有什么。若为0~5，对应6种不同的农产品。根据不同的索引值，在地图位置画上对应农产品的位图。在OnTouchEvent方法中增加的部分代码：

if(adx<=32.0f){
    //先算出手指触摸的地方在地图中对应的数组索引
    i=(-mAnimView.mMapPosX+(int)x)/mAnimView.TILE_WIDTH;
    j=(-mAnimView.mMapPosY+(int)y)/mAnimView.TILE_HEIGHT;
    if(mAnimView.mMapAcotor[j][i]==-1){
        //随机一个农产品
        int tmp=rand.nextInt(mAnimView.totOfProds);
        mAnimView.mMapAcotor[j][i]=tmp;
        //mAnimView.numOfProds[tmp]++;
    }
    else{
        mAnimView.isHarvest=true; //起不了作用，屏幕没有显示收割。。。
        //mAnimView.numOfProds[mAnimView.mMapAcotor[j][i]]--;
        mAnimView.mMapAcotor[j][i]=-1;
    }
}

6. 增加背景音乐设置

详细就见代码，不说了，给个截图吧

        


7. 源代码下载

猜你喜欢

转载自blog.csdn.net/sunny_xsc1994/article/details/47001855
今日推荐
探索 api.maynor1024.live：一站式 AI 服务平台
AI一键去衣技术：窥见深度学习在图像处理领域的革命(最后有彩蛋)
艾体宝案例 | 使用Redis和Spring Ai构建rag应用程序
Apple M1 vs 高通8Gen2 vs Apple A12Z各方面比较
【升职加薪必备架构图】Springboot学习路线汇总_springboot四层架构流程图
与Apollo共创生态：Apollo7周年大会自动驾驶生态利剑出鞘
Spring Boot 3.0：未来企业应用开发的基石
Java 的 AI 前景光明
国内首个智能体生态大会！2024百度万象大会定档5月30日
开源一周年，青语言新版发布
深入浅出：大型语言模型（LLM）的全面解读
顶会ICLR2024论文Time-LLM：基于大语言模型的时间序列预测
周排行
第五讲：AbstractBean以及Ioc常见注解使用和自动装配
python-re模块学习-正则表达式
黑客攻击常用手段
正则表达式的规则
windwos::mutex
Spring中日志的使用（log4j）
Bootstra5 按钮处理
JVM内存结构-这一篇全部了解
Android的低级错误
Oracle中Cursor, A表a1字段值复制到B表b1字段
每日归档
更多
2024-06-02(4)
2024-06-01(60)
2024-05-31(47)
2024-05-30(4)
2024-05-29(65)
2024-05-28(2)
2024-05-27(56)
2024-05-26(6)
2024-05-25(68)
2024-05-24(65)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022