Android游戲開發之游戲幀動畫的播放與處理

来源:http://www.cnblogs.com/8hao/archive/2016/03/02/5235598.html
-Advertisement-
Play Games

帶你走進游戲開發的世界之游戲幀動畫的處理<ignore_js_op> 1.幀動畫的原理 幀動畫幀動畫顧名思義,一幀一幀播放的動畫就是幀動畫。 幀動畫和我們小時候看的動畫片的原理是一樣的,在相同區域快速切換圖片給人們呈現一種視覺的假象感覺像是在播放動畫,其實不過是N張圖片在一幀一幀的切換罷了。 如圖所


帶你走進游戲開發的世界之游戲幀動畫的處理
<ignore_js_op> 
1.幀動畫的原理

       幀動畫幀動畫顧名思義,一幀一幀播放的動畫就是幀動畫。 幀動畫和我們小時候看的動畫片的原理是一樣的,在相同區域快速切換圖片給人們呈現一種視覺的假象感覺像是在播放動畫,其實不過是N張圖片在一幀一幀的切換罷了。
     
       如圖所示:人物行走動畫的實現方式, 4幀行走動畫在播放區域 一幀一幀向左切換播放 給人們一種播放動畫的假象 ,圖片就動了起來, 很簡單吧,其它三方向播放動畫的方法類似我就不再一一舉例。
<ignore_js_op> 
2.動畫資源的原始文件

動畫資源的原始文件PNG 一般有三種形式的呈現方式 請聽我細細道來。



1.每一幀是一張png圖片中

       如圖所示上下左右方向每一組動畫中的每一幀都是一張png圖片,播放動畫須要切換整張圖片 ,實現動畫效果。代碼中只需要將下一幀圖片完整的覆蓋住上一幀的圖片就OK了,這種資源的排列方式在程式演算法上是最簡單的。
<ignore_js_op> 
2.所有動畫幀都存在一張png圖片中

       如圖所示一張png中存放了人物所有的幀動畫,播放動畫的時候程式需要計算出將要播放的圖片在原始圖片中的起始坐標和結束坐標,也就是說要從原始圖片中把將要播放的圖片扣出來,從而顯示在手機屏幕上。這種資源的排列方式程式需要編寫計算圖片坐標位置的演算法。
<ignore_js_op> 
3.動畫編輯器處理動畫

游戲公司都會有自己的動畫編輯器 ,動畫編輯器的好處是
1.減少圖片大小節省記憶體空間 
2. 縮短美工對坐標時間 ,因為如果沒有編輯器美工很痛苦的需要一張圖片一張圖片的對坐標,全是體力活。
3.完全數據驅動動畫 ,動畫出問題程式不用改代碼。BUG都是美術的 ,呵呵。

       動畫編輯器生成出來的其實就是坐標 告訴圖片的每一個點 每個動畫的點 拼接起來的每一個坐標 程式須要編輯對動畫編輯器生成的xml文件 根據生成出來的坐標 進行解析然後繪製出游戲動畫。AuroraGT動畫編輯器是筆者使用最多的一款動畫編輯器它的功能非常強大可以編出任意動畫。由於考慮到商業用途 對於這個編輯器的解析與使用我不做任何解釋 。如果只是單純的想學習我把編輯器的下載地址貼出來,大家可以互相研究互相討論互相學習。

下載地址: <ignore_js_op> AuroraGT.rar (1.51 MB, 下載次數: 2046) 
<ignore_js_op>
給大家看看生成出來的動畫效果很絢麗吧,是不是很給力呢 呵呵呵呵。

<ignore_js_op> 
<ignore_js_op> 
我用代碼詳細的說明一下第一種和第二種游戲動畫的代碼實現方法。

       我自己寫了一個動畫類來處理播放動畫,需要調用動畫只需要new一個Animation對象傳入動畫所需要的參數通過調用 DrawAnimation 方法就可以按幀播放繪製動畫。如果是單純的學習的話我覺得這個類已經夠學習使用了。

  1. package cn.m15.xys;
  2. import java.io.InputStream;
  3. import android.content.Context;
  4. import android.graphics.Bitmap;
  5. import android.graphics.BitmapFactory;
  6. import android.graphics.Canvas;
  7. import android.graphics.Paint;
  8. public class Animation {
  9.     /** 上一幀播放時間 **/
  10.     private long mLastPlayTime = 0;
  11.     /** 播放當前幀的ID **/
  12.     private int mPlayID = 0;
  13.     /** 動畫frame數量 **/
  14.     private int mFrameCount = 0;
  15.     /** 用於儲存動畫資源圖片 **/
  16.     private Bitmap[] mframeBitmap = null;
  17.     /** 是否迴圈播放 **/
  18.     private boolean mIsLoop = false;
  19.     /** 播放結束 **/
  20.     private boolean mIsend = false;
  21.     /** 動畫播放間隙時間 **/
  22.     private static final int ANIM_TIME = 100;
  23.     
  24.     
  25.     /**
  26.      * 構造函數 
  27.      * @param context
  28.      * @param frameBitmapID
  29.      * @param isloop
  30.      */
  31.     public Animation(Context context, int [] frameBitmapID, boolean isloop) {
  32.         mFrameCount = frameBitmapID.length;
  33.         mframeBitmap = new Bitmap[mFrameCount];
  34.         for(int i =0; i < mFrameCount; i++) {
  35.             mframeBitmap[i] = ReadBitMap(context,frameBitmapID[i]);
  36.         }
  37.         mIsLoop = isloop;
  38.     }
  39.     
  40.     /**
  41.      * 構造函數
  42.      * @param context
  43.      * @param frameBitmap
  44.      * @param isloop
  45.      */
  46.     public Animation(Context context, Bitmap [] frameBitmap, boolean isloop) {
  47.         mFrameCount = frameBitmap.length;
  48.         mframeBitmap = frameBitmap;
  49.         mIsLoop = isloop;
  50.     }
  51.     
  52.     
  53.     
  54.    /**
  55.     * 繪製動畫中的其中一幀
  56.     * @param Canvas
  57.     * @param paint
  58.     * @param x
  59.     * @param y
  60.     * @param frameID
  61.     */
  62.     public void DrawFrame(Canvas Canvas, Paint paint, int x, int y,int frameID) {
  63.         Canvas.drawBitmap(mframeBitmap[frameID], x, y, paint);
  64.     }
  65.     
  66.     
  67.     /**
  68.      * 繪製動畫
  69.      * @param Canvas
  70.      * @param paint
  71.      * @param x
  72.      * @param y
  73.      */
  74.     public void DrawAnimation(Canvas Canvas, Paint paint, int x, int y) {
  75.         //如果沒有播放結束則繼續播放
  76.         if (!mIsend) {
  77.             Canvas.drawBitmap(mframeBitmap[mPlayID], x, y, paint);
  78.             long time = System.currentTimeMillis();
  79.             if (time - mLastPlayTime > ANIM_TIME) {
  80.                 mPlayID++;
  81.                 mLastPlayTime = time;
  82.                 if (mPlayID >= mFrameCount) {
  83.                     //標誌動畫播放結束
  84.                     mIsend = true;
  85.                     if (mIsLoop) {
  86.                         //設置迴圈播放
  87.                         mIsend = false;
  88.                         mPlayID = 0;
  89.                     }
  90.                 }
  91.             }
  92.         }
  93.     }
  94.     
  95.     /**
  96.      * 讀取圖片資源
  97.      * @param context
  98.      * @param resId
  99.      * @return
  100.      */
  101.     public Bitmap ReadBitMap(Context context, int resId) {
  102.         BitmapFactory.Options opt = new BitmapFactory.Options();
  103.         opt.inPreferredConfig = Bitmap.Config.RGB_565;
  104.         opt.inPurgeable = true;
  105.         opt.inInputShareable = true;
  106.         // 獲取資源圖片
  107.         InputStream is = context.getResources().openRawResource(resId);
  108.         return BitmapFactory.decodeStream(is, null, opt);
  109.     }
  110. }
複製代碼

大家看看我做的游戲demo  利用上下左右按鍵 播放向上 向下 向左 向右人物行走動畫。
<ignore_js_op> 
<ignore_js_op> 
<ignore_js_op> 
最後由於代碼較多我就不貼在博客中了 , 下麵給出Demo源碼的下載地址歡迎大家下載閱讀互相學習,互相研究
<ignore_js_op> 第三講之幀動畫.rar (426.78 KB, 下載次數: 1354) 

問啊-定製化IT教育平臺牛人一對一服務,有問必答,開發編程社交頭條 官方網站:www.wenaaa.com

QQ群290551701 聚集很多互聯網精英,技術總監,架構師,項目經理!開源技術研究,歡迎業內人士,大牛及新手有志於從事IT行業人員進入!


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 獲取【下載地址】 QQ: 313596790 【免費支持更新】支持三大資料庫 mysql oracle sqlsever 更專業、更強悍、適合不同用戶群體【新錄針對本系統的視頻教程,手把手教開發一個模塊,快速掌握本系統】A 代碼生成器(開發利器); 增刪改查的處理類,service層,mybatis
  • 定義: 單例模式:確保某一個類只有一個實例,而且自行實例化並向整個系統提供這個實例。 使用場景: 確保某一個類有且只有一個對象的場景,避免產生多個對象消耗過多的資源,或者某種類型的對象只應該有且只有一個。 UML類圖: 單例模式幾個關鍵點: 1、構造函數不對外開放,一般為private。 2、通過一
  • 第二章:商場促銷——策略模式 策略模式的定義: 策略模式是一種定義一系列演算法的方法,從概念上來看,所有這些演算法完成的都是相同的工作,知識實現不同,他可以以相同的方式調用所有的演算法,減少了各類演算法類與使用演算法類之間的耦合 策略模式的優點 : 1. 策略模式的Strategy 類層次為Context定義
  • Atitit.biz業務系統 面向框架 面向模式---------數據映射imp 1.1. 面向變數 面向過程 面向對象 面向組件 面向框架 面向服務 面向模式1 1.2. 第2章 架構模式 18 1 1.3. 第3章 設計模式 143 2 1.4. 面向對象中的面向變數全局變數問題2 1.5. 面
  • Atitit.wrmi web rmi框架新特性 1. V1d 新特性1 1.1. 增加了精確參數1 1.2. 增加了req參數,命名參數模式。。1 1.3. 增加了globale 傳遞隱含參數req resp等1 1.4. Cs bs兩個版本的實現1 2. V2 新特性2 2.1. $req對象預
  • 協議 協議只有方法的聲明(類似於其他編程語言的介面) 協議相當於大家都所遵循的 關鍵字 @protocol 協議名 <所遵循的協議> 預設NSObject @end @protocollamcoProtocol <NSObject>@required //必須實現的方法 -(void)study;@
  • 本軟體設定用戶第一個接觸到的功能就是頁面載入等待功能,這個功能對使用者來說就是一個持續1、2秒鐘的等待頁面,在用戶等待的同時程式做一些必要的檢查以及數據準備工作,載入頁面分為UI篇和功能篇,從表及里首先是UI的實現,一個軟體除功能之外還得有一個光鮮的外表也是非常重要的,儘管本人設計水平一般但是還是親
  • 先看下onBackPressed和onKeyDown的區別 在Android上有兩種方法來獲取該按鈕的事件 1.直接獲取按鈕按下事件,此方法相容Android 1.0到Android 2.1 也是常規方法,直接重寫Activity的onKeyDown方法即可,代碼如下: @Override publ
一周排行
    -Advertisement-
    Play Games
  • 前言 插件化的需求主要源於對軟體架構靈活性的追求,特別是在開發大型、複雜或需要不斷更新的軟體系統時,插件化可以提高軟體系統的可擴展性、可定製性、隔離性、安全性、可維護性、模塊化、易於升級和更新以及支持第三方開發等方面的能力,從而滿足不斷變化的業務需求和技術挑戰。 一、插件化探索 在WPF中我們想要開 ...
  • 歡迎ReaLTaiizor是一個用戶友好的、以設計為中心的.NET WinForms項目控制項庫,包含廣泛的組件。您可以使用不同的主題選項對項目進行個性化設置,並自定義用戶控制項,以使您的應用程式更加專業。 項目地址:https://github.com/Taiizor/ReaLTaiizor 步驟1: ...
  • EDP是一套集組織架構,許可權框架【功能許可權,操作許可權,數據訪問許可權,WebApi許可權】,自動化日誌,動態Interface,WebApi管理等基礎功能於一體的,基於.net的企業應用開發框架。通過友好的編碼方式實現數據行、列許可權的管控。 ...
  • Channel 是乾什麼的 The System.Threading.Channels namespace provides a set of synchronization data structures for passing data between producers and consume ...
  • efcore如何優雅的實現按年分庫按月分表 介紹 本文ShardinfCore版本 本期主角: ShardingCore 一款ef-core下高性能、輕量級針對分表分庫讀寫分離的解決方案,具有零依賴、零學習成本、零業務代碼入侵適配 距離上次發文.net相關的已經有很久了,期間一直在從事java相關的 ...
  • 前言 Spacesniffer 是一個免費的文件掃描工具,通過使用樹狀圖可視化佈局,可以立即瞭解大文件夾的位置,幫助用戶處理找到這些文件夾 當前系統C盤空間 清理後系統C盤空間 下載 Spacesniffer 下載地址:https://spacesniffer.en.softonic.com/dow ...
  • EDP是一套集組織架構,許可權框架【功能許可權,操作許可權,數據訪問許可權,WebApi許可權】,自動化日誌,動態Interface,WebApi管理等基礎功能於一體的,基於.net的企業應用開發框架。通過友好的編碼方式實現數據行、列許可權的管控。 ...
  • 一、ReZero簡介 ReZero是一款.NET中間件 : 全網唯一開源界面操作就能生成API , 可以集成到任何.NET6+ API項目,無破壞性,也可讓非.NET用戶使用exe文件 免費開源:MIT最寬鬆協議 , 一直從事開源事業十年,一直堅持開源 1.1 純ReZero開發 適合.Net Co ...
  • 一:背景 1. 講故事 停了一個月沒有更新文章了,主要是忙於寫 C#內功修煉系列的PPT,現在基本上接近尾聲,可以回頭繼續更新這段時間分析dump的一些事故報告,有朋友微信上找到我,說他們的系統出現了大量的http超時,程式不響應處理了,讓我幫忙看下怎麼回事,dump也抓到了。 二:WinDbg分析 ...
  • 開始做項目管理了(本人3年java,來到這邊之後真沒想到...),天天開會溝通整理需求,他們講話的時候忙裡偷閑整理一下常用的方法,其實語言還是有共通性的,基本上看到方法名就大概能猜出來用法。出去打水的時候看到外面太陽好好,真想在外面坐著曬太陽,回來的時候好兄弟三年前送給我的鍵盤D鍵不靈了,在打"等待 ...