surfaceView開發(fā)游戲初涉一

在使用surfaceView開發(fā)一個小游戲的過程中，遇到的一些問題記錄：

一、使用

    類A繼承自surfaceView，在構造函數中使用getHolder()得到SurfaceHolder對象，SurfaceHolder可以得到Canvas對象，有了Canvas對象就可以做畫圖相關的操作了。

SurfaceHolder holder = getHolder();
Canvas canvas = holder.lock();
if(canvas == null){
    return;
}
canvas.save();
    //畫圖相關操作
canvas.restore();
holder.unlockCanvasAndPost(canvas);

    以上就是surfaceView的通用使用方式了，可以在線程中使用（這是與View的最大區(qū)別）。

    以上代碼有幾個注意點

        1、必須判斷canvas為空，如果使用線程循環(huán)操作時，在應用切換到后臺，或退出應用時，canvas得到的對象是為空的。

        2、必須為canvas繪制背景圖，如果沒有背景圖，繪制的圖像在執(zhí)行幾次循環(huán)后，就會出現重影（在這個地方被坑了半天）。

二、開發(fā)游戲的時候參考了http://tanqisen.github.io/blog/2013/09/13/develop-android-wechat-flight-game-step-by-step-1/   這篇文章，博主寫的游戲是一個小的框架，很到的體現了面向對象的思想。在這篇文章中博主的資源文件(.plist)是從微信上扣出來的。也沒有對旋轉的圖片進行處理。這里補上我的一些處理經驗。

        1、plist圖像文件的生成和json字符串的生成。

                生成以上文件使用了一個破解版的工具TexturePacker。在處理這個問題時一個有游戲開發(fā)經驗的同事給了我很大的幫助。非常感謝他。

        2、對于在plist中被旋轉圖片的處理。

                前提是使用TexturePacker生成的json格式的文件。將http://tanqisen.github.io/blog/2013/09/13/develop-android-wechat-flight-game-step-by-step-1/的代碼下載下來后，找到GameContext中的displayArt()方法。

canvas.save();
		Sprite s = spriteManager.getSprite(a.sprite);
		Rect spriteFrame = a.spriteFrame();
		Rect colorRect = s.spriteColorRect;
		int left = 0,top = 0,right = 0,bottom = 0;
		if(s.isRotated()){
			int height = bmp.getWidth();
			Frame frame = s.getFrame();
			left = frame.getY()+spriteFrame.left;
			top = height-(frame.getX()+frame.getH())+spriteFrame.top;
			right = left + frame.getW();
			bottom = top + frame.getH();
			
			Matrix matrix = new Matrix();
			int px = 0,py = 0;
			px = spriteFrame.left;
			py = spriteFrame.top+height;
			matrix.setTranslate(px, py);
			matrix.postRotate(-90,px, py);
			canvas.clipRect(left, top, right, bottom);
			canvas.drawBitmap(bmp,matrix,paint);
		}else{
			left   = spriteFrame.left;
			top    = spriteFrame.top;
			right  = left + colorRect.width();
			bottom = top + colorRect.height();
			canvas.clipRect(left<viewRect.left?viewRect.left:left, top<viewRect.top?viewRect.top:top, 
					right>viewRect.right?viewRect.right:right, bottom>viewRect.bottom?viewRect.bottom:bottom);
			canvas.drawBitmap(bmp, left - colorRect.left, top - colorRect.top, paint);
		}
		canvas.restore();

這是對被旋轉順時針旋轉90度的處理方法。

        結語：

                感謝Cooper的文章分享，在進入陌生的開發(fā)領域時有一位有經驗的朋友幫助是很重要的。