游戏中摄像头的原理介绍

       在游戏开发中更新摄像头的位置能够决定屏幕显示的内容,尤其是RPG类游戏摄像头有着很关键的数据。我举一个样例 有时候我们在玩RPG游戏的时候进入一个新的场景 触发一段脚本后 发现镜头開始向上移动 依据镜头移动玩家能够大概浏览一下这个场景有什么东西 。触发什么样的剧情。

这个实现的方式就是游戏摄像头原理。

上章学习了Android游戏开发地图编辑器有须要的能够看下。

如图所看到的:首先摄像头显示的区域也是手机屏幕显示的区域 假设须要更改摄像头的位置  事实上是更改背景地图的位置 利用程序拖动背景地图  给玩家一种假象让玩家感觉像是摄像头在移动而不是背景地图在移动。

游戏中地图的绘制原理介绍        依据地图编辑器生成的出来的数组的每个tile 的 ID 找到每个tile的地图资源原始文件的XY坐标 算出来图片的显示位置利用程序的分割的方法把每个tile分割出来显示在手机屏幕中。 分割图片的代码所看到的:

<strong>	/**
* 绘制图片中的一部分图片
*
* @param canvas
* @param paint
* @param bitmap
* @param x
* @param y
* @param src_x
* @param src_y
* @param src_width
* @param src_Height
*/
private void DrawClipImage(Canvas canvas, Paint paint, Bitmap bitmap,
int x, int y, int src_x, int src_y, int src_xp, int src_yp) {
canvas.save();
canvas.clipRect(x, y, x + src_xp, y + src_yp);
canvas.drawBitmap(bitmap, x - src_x, y - src_y, paint);
canvas.restore();
}</strong>

canvas.save();

分割图片之前先把Canvas保存起来 然后在分割  绘制结束后

canvas.restore();

在把Canvas的在状态重置回来 假设不这么做的话 第一张图片分割后就会挡住以后全部的图片,所以大家一定要记住这一点喔。

" src="http://www.cgzhw.com/wp-content/uploads/2014/07/215.jpg" style="">

图所看到的:每一张tile的绘制原理就是这样。讲到这里有些朋友可能就要问 假设我的地图无限大那依据这种方法岂不是要循环无限次?事实上屏幕须要绘制的tile数量仅仅须要绘制屏幕显示区域以内的, 屏幕现实区域以外的我们不用考虑绘制 仅仅须要更新地图的坐标数据就能够。比方我的模拟器屏幕的大小是320X480 那么我实际绘制的tile数量仅仅是 10 X15 (块)。事实上游戏开发绘制中另一个更重要的绘制技术就是双缓冲技术它能够用来解决屏幕闪烁问题,下一章中我会具体介绍。

       昨天有朋友跟我提出这样的用数组的方式来绘制地图不科学我非常允许他的观点,为什么不科学? 原因是如今我们仅仅有一个场景我们用一个数组来绘制地图 万一我们的游戏有100个场景 我们岂不是要在程序中写100个数组了?事实上在实际开发中我们是把这些地图的信息转成xml文件 打到游戏的包中 玩家在切换游戏场景的时候便会读取当前游戏场景中的地图xml文件。事实上这些xml文件里也是保存这地图的二位数组信息 可是这样做的优点就是数据驱动  程序猿不用定义N个数组 做N种推断 仅仅需要依据当前切换的场景的ID就能够得到地图的信息
十分方便 也能够避免代码中因为笔误造成的的错误 何乐而不为。

       可是无论用不论什么方法处理数据 它的绘制原理都是一样的。

怎样更新游戏中摄像头

效果图:程序取随机数更新游戏摄像头

" src="http://www.cgzhw.com/wp-content/uploads/2014/07/310.jpg" style="">

                眼下以每10000毫秒更新一下摄像头的位置 (随机数) 我们有了摄像头的位置以后 就能够在算出背景图片的相对显示位置 移动背景图片的位置后就能够给玩家制造出一种摄像头在移动的假象了。

地图块是我新拼的 长宽的tile块数是20X20。

使用 CTRL+C 复制,使用 CTRL+V 粘贴。
package cn.m15.xys;
import java.io.InputStream;

import java.util.Random;
import android.app.Activity;

import android.content.Context;

import android.content.res.Resources;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.os.Bundle;

import android.view.Display;

import android.view.View;

import android.view.Window;

import android.view.WindowManager;
public class CameraAcitvity extends Activity {
    MapView mMapView = null;

    @Override

    public void onCreate(Bundle savedInstanceState) {

 super.onCreate(savedInstanceState);

 // 全屏显示窗体

 requestWindowFeature(Window.FEATURE_NO_TITLE);

 getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,

  WindowManager.LayoutParams.FLAG_FULLSCREEN);

 // 获取屏幕宽高

 Display display = getWindowManager().getDefaultDisplay();

 // 显示自己定义的游戏View

 mMapView = new MapView(this,display.getWidth(), display.getHeight());

 setContentView(mMapView);

    }
    public class MapView extends View {
 // tile块的宽高

 public final static int TILE_WIDTH = 32;

 public final static int TILE_HEIGHT = 32;
 // tile块的宽高的数量

 public final static int TILE_WIDTH_COUNT = 20;

 public final static int TILE_HEIGHT_COUNT = 20;
 // 地图的宽高的

 public final static int MAP_WIDTH = 640;

 public final static int MAP_HEIGHT = 640;
 //镜头移动范围

 public final static int CAMERA_MOVE = 10;
 // 屏幕的宽高

 public int mScreenWidth = 0;

 public int mScreenHeight = 0;
 // 数组元素为0则什么都不画

 public final static int TILE_NULL = 0;

 // 第一层游戏View地图数组

 public int[][] mMapView = {

  { 1, 1, 1, 1, 1, 1, 1, 1, 1, 137, 137, 137, 137, 137, 1, 1, 1,

   1, 1, 1 },

  { 1, 1, 1, 1, 1, 1, 1, 137, 137, 137, 137, 137, 137, 1, 1, 1,

   1, 1, 1, 1 },

  { 1, 1, 1, 1, 1, 1, 1, 1, 137, 137, 137, 137, 137, 1, 1, 1, 1,

   1, 1, 1 },

  { 1, 1, 1, 1, 1, 137, 137, 137, 137, 137, 137, 137, 137, 1, 1,

   1, 1, 1, 1, 1 },

  { 137, 137, 137, 137, 137, 137, 137, 137, 137, 137, 137, 137,

   137, 137, 137, 137, 137, 1, 1, 1 },

  { 137, 137, 137, 137, 137, 137, 137, 137, 137, 137, 137, 137,

   137, 137, 137, 137, 137, 1, 1, 1 },

  { 137, 137, 137, 1, 1, 137, 137, 137, 137, 137, 137, 137, 137,

   137, 137, 137, 1, 1, 1, 1 },

  { 1, 137, 137, 1, 1, 1, 137, 137, 137, 137, 137, 137, 137, 137,

   137, 137, 137, 1, 137, 1 },

  { 1, 1, 1, 1, 1, 1, 1, 137, 137, 137, 137, 137, 137, 137, 137,

   137, 137, 137, 137, 1 },

  { 1, 1, 1, 1, 1, 1, 1, 137, 137, 137, 137, 1, 1, 1, 137, 137,

   137, 137, 137, 137 },

  { 1, 1, 1, 1, 1, 1, 1, 1, 137, 137, 137, 137, 1, 1, 1, 137,

   137, 137, 137, 1 },

  { 1, 1, 1, 1, 1, 1, 137, 137, 137, 137, 137, 137, 137, 1, 1, 1,

   1, 137, 137, 137 },

  { 1, 1, 1, 1, 1, 1, 137, 137, 137, 137, 137, 1, 1, 1, 1, 1, 1,

   1, 137, 137 },

  { 1, 1, 1, 1, 1, 1, 1, 137, 137, 137, 137, 1, 1, 1, 1, 1, 1,

   137, 137, 137 },

  { 1, 1, 1, 1, 1, 137, 137, 137, 137, 137, 137, 137, 1, 1, 1, 1,

   1, 137, 137, 137 },

  { 1, 1, 1, 1, 1, 1, 137, 137, 137, 137, 137, 137, 1, 1, 1, 1,

   1, 1, 1, 1 },

  { 1, 1, 1, 1, 1, 1, 137, 137, 137, 137, 137, 1, 1, 1, 1, 1, 1,

   1, 1, 1 },

  { 1, 1, 1, 1, 1, 1, 137, 137, 137, 137, 137, 1, 1, 1, 1, 1, 1,

   1, 1, 1 },

  { 1, 1, 1, 1, 1, 1, 137, 137, 137, 137, 137, 1, 1, 1, 1, 1, 1,

   1, 1, 1 },

  { 1, 1, 1, 1, 1, 1, 1, 137, 137, 137, 1, 1, 1, 1, 1, 1, 1, 1,

   1, 1 } };
 // 第二层游戏实体actor数组

 public int[][] mMapAcotor = {

  { 143, 144, 0, 102, 104, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,

      185, 186, 187, 188 },

      { 151, 152, 0, 110, 112, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,

      193, 194, 195, 196 },

      { 159, 160, 0, 110, 112, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,

      201, 202, 203, 204 },

      { 0, 0, 0, 126, 128, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,

      209, 210, 211, 212 },

      { 0, 0, 0, 134, 136, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,

      0, 218, 219, 220 },

      { 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,

      0, 0, 227, 228 },

      { 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,

      0, 0, 0, 0 },

      { 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,

      0, 0, 0, 0 },

      { 102, 103, 103, 103, 104, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,

      0, 0, 0, 0 },

      { 110, 111, 111, 111, 112, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,

      0, 0, 0, 0 },

      { 110, 111, 111, 111, 112, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,

      0, 0, 0, 0 },

      { 126, 127, 127, 127, 128, 0, 0, 0, 0, 0, 0, 0, 165, 166, 0, 0,

      0, 0, 0, 0 },

      { 123, 124, 124, 124, 125, 0, 0, 0, 0, 0, 0, 0, 173, 174, 175, 176,

      0, 0, 0, 0 },

      { 229, 230, 231, 232, 0, 0, 0, 0, 0, 0, 0, 0, 181, 182, 183, 184,

      0, 0, 0, 0 },

      { 237, 238, 239, 240, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,

      0, 0, 0, 0 },

      { 245, 246, 247, 248, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,

      0, 0, 0, 0 },

      { 0, 254, 255, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 233, 234, 235,

      236, 0, 0, 0 },

      { 0, 262, 263, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 241, 242, 243,

      244, 0, 0, 0 },

      { 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 250, 251,

      0, 0, 0, 0 },

      { 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 258, 259,

      0, 0, 143, 144 }

      };
 // 第三层游戏碰撞物理层数组

 // 下一章介绍

 // ....................
 // 游戏地图资源

 Bitmap mBitmap = null;
 // 资源文件

 Resources mResources = null;
 // 游戏画笔

 Paint mPaint = null;
 // 横向纵向tile块的数量

 int mWidthTileCount = 0;

 int mHeightTileCount = 0;
 // 横向纵向tile块的数量

 int mBitMapWidth = 0;

 int mBitMapHeight = 0;
 //摄像头的焦点  0.0点为焦点在中心。

 int mCameraPosX = 0;

 int mCameraPosY = 0;
 //地图左上角锚点坐标

 int mMapPosX =0;

 int mMapPosY =0;
 //记录上次时间
 private long statrTime = 0;
 /**

  * 构造方法

  *

  * @param context

  */

 public MapView(Context context,int screenWidth, int screenHeight) {

     super(context);

     mScreenHeight = screenHeight;

     mScreenWidth = screenWidth;

     mPaint = new Paint();

     mBitmap = ReadBitMap(context, R.drawable.map);

     mBitMapWidth = mBitmap.getWidth();

     mBitMapHeight = mBitmap.getHeight();

     mWidthTileCount = mBitMapWidth / TILE_WIDTH;

     mHeightTileCount = mBitMapHeight / TILE_HEIGHT;

     statrTime = System.currentTimeMillis();

 }
 @Override

 protected void onDraw(Canvas canvas) {

     UpdateCamera();

     DrawMap(canvas, mBitmap);

     DrawRectText(canvas);

     super.onDraw(canvas);

     invalidate();

 }
 private void DrawMap(Canvas canvas, Bitmap bitmap) {

     int i, j;

     for (i = 0; i &lt; TILE_HEIGHT_COUNT; i++) {

  for (j = 0; j &lt; TILE_WIDTH_COUNT; j++) {

      int ViewID = mMapView[i][j];

      int ActorID = mMapAcotor[i][j];

      int x = (j* TILE_WIDTH) + mMapPosX;

      int y = (i* TILE_HEIGHT) + mMapPosY;

      // 绘制地图第一层

      if (ViewID &gt; TILE_NULL) {

   DrawMapTile(ViewID, canvas, mPaint, bitmap, x, y);

      }
      // 绘制地图第二层

      if (ActorID &gt; TILE_NULL) {

   DrawMapTile(ActorID, canvas, mPaint, bitmap, x, y);

      }

  }

     }

 }

 private void DrawRectText(Canvas canvas) {

     canvas.clipRect(0, 0,mScreenWidth, 30);

     mPaint.setColor(Color.WHITE);

     canvas.drawRect(0, 0,mScreenWidth, 30, mPaint);

     mPaint.setColor(Color.RED);

     canvas.drawText("当前摄像头X坐标:" + mCameraPosX + "当前摄像头Y坐标 :" + mCameraPosY, 0, 20, mPaint);

 }

 private void UpdateCamera() {

     long nowTime = System.currentTimeMillis();

     //每100毫秒更新一下摄像头的位置

     if(nowTime - statrTime &gt; 1000) {

  //随机获得摄像头的坐标

  mCameraPosX = UtilRandom(0,MAP_WIDTH - mScreenWidth);

  mCameraPosY = UtilRandom(0,MAP_HEIGHT - mScreenHeight);

  //依据摄像头的坐标更新地图坐标

  mMapPosX = -mCameraPosX;

  mMapPosY = -mCameraPosY;

  statrTime = nowTime;

     }

 }
 /**

 * 返回一个随机数

 * @param botton

 * @param top

 * @return

 */

 private int UtilRandom(int botton, int top) {

     return ((Math.abs(new Random().nextInt()) % (top - botton)) + botton);

 }

 /**

  * 依据ID绘制一个tile块

  *

  * @param id

  * @param canvas

  * @param paint

  * @param bitmap

  */

 private void DrawMapTile(int id, Canvas canvas, Paint paint,

  Bitmap bitmap, int x, int y) {

     // 依据数组中的ID算出在地图资源中的XY 坐标

     // 由于编辑器默认0 所以第一张tile的ID不是0而是1 所以这里 -1

     id--;

     int count = id / mWidthTileCount;

     int bitmapX = (id - (count * mWidthTileCount)) * TILE_WIDTH;

     int bitmapY = count * TILE_HEIGHT;

     DrawClipImage(canvas, paint, bitmap, x, y, bitmapX, bitmapY,

      TILE_WIDTH, TILE_HEIGHT);

 }
 /**

  * 读取本地资源的图片

  *

  * @param context

  * @param resId

  * @return

  */

 public Bitmap ReadBitMap(Context context, int resId) {

     BitmapFactory.Options opt = new BitmapFactory.Options();

     opt.inPreferredConfig = Bitmap.Config.RGB_565;

     opt.inPurgeable = true;

     opt.inInputShareable = true;

     // 获取资源图片

     InputStream is = context.getResources().openRawResource(resId);

     return BitmapFactory.decodeStream(is, null, opt);

 }
 /**

  * 绘制图片中的一部分图片

  *

  * @param canvas

  * @param paint

  * @param bitmap

  * @param x

  * @param y

  * @param src_x

  * @param src_y

  * @param src_width

  * @param src_Height

  */

 private void DrawClipImage(Canvas canvas, Paint paint, Bitmap bitmap,

  int x, int y, int src_x, int src_y, int src_xp, int src_yp) {

     canvas.save();

     canvas.clipRect(x, y, x + src_xp, y + src_yp);

     canvas.drawBitmap(bitmap, x - src_x, y - src_y, paint);

     canvas.restore();

 }
    }

}

最后假设你还是认为我写的不够具体 看的不够爽 不要紧我把源码的下载地址贴出来 欢迎大家一起讨论学习。

源代码下载:CameraView

Android研究之游戏开发摄像头更新的更多相关文章

  1. Android研究之游戏开发处理按键的响应

    1.onKeyDown 方法 onKeyDown 方法是KeyEvent.Callback 接口中的一个抽象方法,重写onKeyDown 方法能够监听到按键被按下的事件,我们先看看onKeyDown方 ...

  2. Android安卓手机游戏开发

    成都传智播客Java培训,免费学Android安卓手机游戏开发,安卓android开发课程包括Android安卓应用开发和Android安卓游戏开发两个方向,可是偏向游戏开发. 依据"199 ...

  3. 基于Intel x86 Android的RAD游戏开发

    zip文件还包含编译的"MonkeyGame-debug".可以在模拟器中运行的二进制文件.在"game.build"文件夹中有一个HTML5 build.在C ...

  4. Android——Cocosd2d-x手机游戏开发学习思路

    手机APP应用如雨后春笋般冒了出来,而在众多的APP应用中,游戏占据了半壁江山.它丰富着人们的业余生活,增进了人们之间的沟通交流.也有许多开发的朋友对游戏开发情有独钟,他们不止是享受着有很多的人们去下 ...

  5. Coco2d-x android win7 Python 游戏开发环境的搭建

    1:我用的电脑配置 win7 3 核 内存8G 桌面.一直想学习Coco2d 游戏开发,所以,一个星期后,需要找到,最终建立了一个良好的环境 2:我使用的版本号版本号,至于建筑android开发环境略 ...

  6. Android游戏开发研究帧动画实现

     1.动画的原则框架        帧的动画帧的动画顾名思义,画就是帧动画. 帧动画和我们小时候看的动画片的原理是一样的,在同样区域高速切换图片给人们呈现一种视觉的假象感觉像是在播放动画,事实上只 ...

  7. Android游戏开发研究与主角在地图滚动

     让人感动的地图过程平滑滚动         玩过rpg朋友应该都知道RPG的游戏地图一般都比較大 今天我和大家分享一下在RPG游戏中怎样来处理超出手机屏幕大小的游戏地图. 如图所看到的为程序效果 ...

  8. 【读书笔记《Android游戏编程之从零开始》】11.游戏开发基础(SurfaceView 游戏框架、View 和 SurfaceView 的区别)

    1. SurfaceView 游戏框架实例 实例效果:就是屏幕上的文本跟着点击的地方移动,效果图如下: 步骤: 新建项目“GameSurfaceView”,首先自定义一个类"MySurfac ...

  9. android手机游戏开发Cocos2d-x开发分享

    我想现在应该没有人没有玩过手机游戏了吧,当然所有人都玩过,但不是所有人都知道怎么去开发手机游戏,因为许多人都感觉做开发是一件很困难的事儿,身边的朋友也对此感觉难度很大.但是,现在我可以告诉你,手机游戏 ...

随机推荐

  1. windows phone 网络开发三部曲(一)各种包的各种抓法

    首先感谢大家对我上一篇博客的支持,让我也体验了一把上榜的感觉. 这无疑是对我这个刚刚打算,认真写写博客的人的莫大的鼓励,再次感谢(鞠躬)!! 接下来想和大家分享一些关于windows phone网络开 ...

  2. Leetcode 324.摆动排序II

    摆动排序II 给定一个无序的数组 nums,将它重新排列成 nums[0] < nums[1] > nums[2] < nums[3]... 的顺序. 示例 1: 输入: nums ...

  3. 九度oj 题目1179:阶乘

    题目描述: 输入n, 求y1=1!+3!+...m!(m是小于等于n的最大奇数)y2=2!+4!+...p!(p是小于等于n的最大偶数). 输入: 每组输入包括1个整数:n 输出: 可能有多组测试数据 ...

  4. EXPDP/IMPDP任务的查看与管理

    EXPDP/IMPDP相比传统的exp/imp的最本质区别在于服务器端执行,客户端发出指定后,通过API启动服务器的备份job,在执行过程中,可以拿下Ctrl+C组合键,退出当前交互模式,退出之后,导 ...

  5. 刷题总结——玉蟾宫(bzoj3039单调栈)

    题目: Description 有一天,小猫rainbow和freda来到了湘西张家界的天门山玉蟾宫,玉蟾宫宫主蓝兔盛情地款待了它们,并赐予它们一片土地.这片土地被分成N*M个格子,每个格子里写着'R ...

  6. Redis数据结构之链表

    Redis使用的链表是双向无环链表,链表节点可用于保存各种不同类型的值. 一.链表结构定义1. 链表节点结构定义: 2. 链表结构定义: 示例: 二.链表在Redis中的用途1. 作为列表键的底层实现 ...

  7. Codeforces Round #329 (Div. 2) D. Happy Tree Party(LCA+并查集)

    题目链接 题意:就是给你一颗这样的树,用一个$y$来除以两点之间每条边的权值,比如$3->7$,问最后的y的是多少,修改操作是把权值变成更小的. 这个$(y<=10^{18})$除的权值如 ...

  8. js采用concat和sort将N个数组拼接起来的方法

    <script type="text/javascript" > function concatAndSortArray(array1, array2) { if (a ...

  9. Codeforces 837D Round Subset(背包)

    题目链接  Round Subset 题意  在n个数中选择k个数,求这k个数乘积末尾0个数的最大值. 首先我们预处理出每个数5的因子个数c[i]和2的因子个数d[i] 然后就可以背包了. 设f[i] ...

  10. SPOJ MIXTURES 区间dp

    Harry Potter has n mixtures in front of him, arranged in a row. Each mixture has one of 100 differen ...