Android研究之遊戲開發幀動畫實現

標籤：android



1.幀動畫的原理

       幀動畫幀動畫顧名思義，一幀一幀播放的動畫就是幀動畫。 幀動畫和我們小時候看的動畫片的原理是一樣的，在相同地區快速切換圖片給人們呈現一種視覺的假象感覺像是在播放動畫，其實不過是N張圖片在一幀一幀的切換罷了。對網路攝影機不清楚的請看Android研究之遊戲開發網路攝影機更新

       ：人物行走動畫的實現方式， 4幀行走動畫在播放地區 一幀一幀向左切換播放 給人們一種播放動畫的假象 ，圖片就動了起來， 很簡單吧，其它三方向播放動畫的方法類似我就不再一一舉例。\ 2.動畫資源的原始檔案動畫資源的原始檔案PNG 一般有三種形式的呈現方式 請聽我細細道來。 1.每一幀是一張png圖片中        上下左右方向每一組動畫中的每一幀都是一張png圖片，播放動畫須要切換整張圖片 ，實現動畫效果。代碼中只需要將下一幀圖片完整的覆蓋住上一幀的圖片就OK了，這種資源的相片順序在程式演算法上是最簡單的。 2.所有動畫幀都存在一張png圖片中       一張png中存放了人物所有的幀動畫，播放動畫的時候程式需要計算出將要播放的圖片在原始圖片中的起始座標和結束座標，也就是說要從原始圖片中把將要播放的圖片扣出來，從而顯示在手機螢幕上。這種資源的相片順序程式需要編寫計算圖片座標位置的演算法。 3.動畫編輯器處理動畫遊戲公司都會有自己的動畫編輯器 ，動畫編輯器的好處是
 1.減少圖片大小節省記憶體空間 
 2. 縮短美工對座標時間 ，因為如果沒有編輯器美工很痛苦的需要一張圖片一張圖片的對座標，全是體力活。
 3.完全資料驅動動畫 ，動畫出問題程式不用改代碼。BUG都是美術的 ，呵呵。       動畫編輯器產生出來的其實就是座標 告訴圖片的每一個點 每個動畫的點 拼接起來的每一個座標 程式須要編輯對動畫編輯器產生的xml檔案 根據產生出來的座標 進行解析然後繪製出遊戲動畫。AuroraGT動畫編輯器是筆者使用最多的一款動畫編輯器它的功能非常強大可以編出任意動畫。由於考慮到商業用途 對於這個編輯器的解析與使用我不做任何解釋 。如果只是單純的想學習我把編輯器的貼出來，大家可以互相研究互相討論互相學習。源碼下載：AuroraGT

給大家看看產生出來的動畫效果很絢麗吧，是不是很給力呢 呵呵呵呵。 我用代碼詳細的說明一下第一種和第二種遊戲動畫的代碼實現方法。        我自己寫了一個動畫類來處理播放動畫，需要調用動畫只需要new一個Animation對象傳入動畫所需要的參數通過調用 DrawAnimation 方法就可以按幀播放繪製動畫。如果是單純的學習的話我覺得這個類已經夠學習使用了。

<strong>package cn.m15.xys;import java.io.InputStream;import android.content.Context;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.Canvas;import android.graphics.Paint;public class Animation {    /** 上一幀播放時間 **/    private long mLastPlayTime = 0;    /** 播放當前幀的ID **/    private int mPlayID = 0;    /** 動畫frame數量 **/    private int mFrameCount = 0;    /** 用於儲存動畫資源圖片 **/    private Bitmap[] mframeBitmap = null;    /** 是否迴圈播放 **/    private boolean mIsLoop = false;    /** 播放結束 **/    private boolean mIsend = false;    /** 動畫播放間隙時間 **/    private static final int ANIM_TIME = 100;    /**     * 建構函式     * @param context     * @param frameBitmapID     * @param isloop     */    public Animation(Context context, int [] frameBitmapID, boolean isloop) {mFrameCount = frameBitmapID.length;mframeBitmap = new Bitmap[mFrameCount];for(int i =0; i < mFrameCount; i++) {    mframeBitmap[i] = ReadBitMap(context,frameBitmapID[i]);}mIsLoop = isloop;    }    /**     * 建構函式     * @param context     * @param frameBitmap     * @param isloop     */    public Animation(Context context, Bitmap [] frameBitmap, boolean isloop) {mFrameCount = frameBitmap.length;mframeBitmap = frameBitmap;mIsLoop = isloop;    }   /**    * 繪製動畫中的其中一幀    * @param Canvas    * @param paint    * @param x    * @param y    * @param frameID    */    public void DrawFrame(Canvas Canvas, Paint paint, int x, int y,int frameID) {Canvas.drawBitmap(mframeBitmap[frameID], x, y, paint);    }    /**     * 繪製動畫     * @param Canvas     * @param paint     * @param x     * @param y     */    public void DrawAnimation(Canvas Canvas, Paint paint, int x, int y) {//如果沒有播放結束則繼續播放if (!mIsend) {    Canvas.drawBitmap(mframeBitmap[mPlayID], x, y, paint);    long time = System.currentTimeMillis();    if (time - mLastPlayTime > ANIM_TIME) {mPlayID++;mLastPlayTime = time;if (mPlayID >= mFrameCount) {    //標誌動畫播放結束    mIsend = true;    if (mIsLoop) {//設定迴圈播放mIsend = false;mPlayID = 0;    }}    }}    }    /**     * 讀取圖片資源     * @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);    }}</strong>

大家看看我做的遊戲demo  利用上下左右按鍵 播放向上 向下 向左 向右人物行走動畫。

最後由於代碼較多我就不貼在部落格中了 ， 下面給出Demo源碼的下載歡迎大家下載閱讀互相學習，互相研究，互相討論 希望可以和大家一起進步。

源碼下載：Animation