Android游戏开发---2D游戏中背景的绘制

游戏制作初始，绘制背景是其中很靠前的步骤。

类似于雷电的游戏，手机游戏屏幕大小固定，不可能采取移动飞机本身来得到移动的效果。一般都采用移动背景的办法来产生飞机动的效果。

关于移动背景，有两种做法：

1. 一副大长图慢慢移动（一整个关卡就一张图）。

2. 一张上下部分能衔接着的图循环移动。

注意：后绘制的图片会覆盖先绘制的图片。 

 

第一种移动背景的方法简单，没有太多可讨论的。下面给出第二种的移动背景的实现方案。

思路：一张图绘制两遍。初始时其中一张填满屏幕，另一张在屏幕上方。然后两张图以相同速度移动，循环。

详细说明请看注释：

详细代码（看注释）：import android.content.Context;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Rect;import android.view.KeyEvent;import android.view.MotionEvent;import android.view.SurfaceHolder;import android.view.SurfaceView; public class GameView extends SurfaceView implements SurfaceHolder.Callback,        Runnable{    private SurfaceHolder holder;    private Canvas canvas;    private Bitmap background;    private Bitmap player;    private boolean isRunning = true;    private int dy, dy2 = -480;        //用于背景移动    private Rect srcRect;            //用于放大图片, 和存储图片的位置    private Rect destRect;    private Rect destRect2;    private float playerX, playerY;//飞机的初始位置     public GameView(Context context)    {        super(context);        this.setFocusable(true);        holder = this.getHolder();//这个this指的是这个Surface        holder.addCallback(this); //这个this表示实现了Callback接口        srcRect = new Rect(0, 0, 242, 480);//原始图片大小        destRect = new Rect(0, dy, 320, 480);//目标屏幕大小. 并带有移动变量dy. 对应图片1         destRect2 = new Rect(0, dy2, 320, 0);//屏幕上方的图片,对应图片2        background = BitmapFactory.decodeResource(getResources(),                R.drawable.background);        player = BitmapFactory                .decodeResource(getResources(), R.drawable.player);    }     @Override    public void run()    {        while (isRunning)        {            drawView();            try            {                Thread.sleep(100);            } catch (InterruptedException e)            {                e.printStackTrace();            }        }    }     private void drawView()    {        try        {            if (holder != null)            {                canvas = holder.lockCanvas();                canvas.drawColor(Color.BLACK);                //画背景, 并使其移动                dy += 3;                dy2 += 3;                destRect.set(0, dy, 320, 480 + dy);                destRect2.set(0, dy2, 320, 480 + dy2);                canvas.drawBitmap(background, srcRect, destRect, null);                canvas.drawBitmap(background, srcRect, destRect2, null);                //判断是否到达屏幕底端, 到达了则使其回到屏幕上端                if (dy >= 480)                    dy = -480;                if (dy2 >= 480)                    dy2 = -480;                //画飞机                canvas.drawBitmap(player, playerX, playerY, null);            }         } catch (Exception e)        {            e.printStackTrace();        } finally        {            if (canvas != null)                holder.unlockCanvasAndPost(canvas);        }     }     @Override    public void surfaceCreated(SurfaceHolder holder)    {        new Thread(this).start();        isRunning = true;        //初始值必须放到这里才行, 因为SurfaceView创建成功后才能获取高宽        playerX = (this.getWidth() - player.getWidth()) / 2;        playerY = this.getHeight() - player.getHeight();    }     @Override    public void surfaceChanged(SurfaceHolder holder, int format, int width,            int height)    {     }     @Override    public void surfaceDestroyed(SurfaceHolder holder)    {        isRunning = false;    }     @Override    public boolean onKeyDown(int keyCode, KeyEvent event)    {        if (keyCode == KeyEvent.KEYCODE_BACK)            isRunning = false;        return super.onKeyDown(keyCode, event);    }     @Override    public boolean onTouchEvent(MotionEvent event)    {        playerX = event.getX() - player.getWidth() / 2; //使点击的位置在飞机中央        playerY = event.getY() - player.getHeight() / 2;        return super.onTouchEvent(event);    } }

运行效果：

转载请注明出处：http://blog.csdn.net/xn4545945