OGEngine游戲開發之精靈(sprite)

Spirte簡介

sprite可以說是游戲中的主角，我們建立各種圖片，人物的顯示都離不開它。sprite類很豐富，如果看過源代碼的不難發現，可用的類型很多：基礎精靈Spirte、動畫精靈AnimatedSpirte、按鍵精靈ButtonSprite.

你可以有多種選擇，可以直接使用AnimatedSprite來繪制人物動畫，可以使用ButtonSprite來繪制按鈕，也可以繼承Sprite類實現自己的精靈。因此，我們在此介紹Sprite的使用，首先讓我們了解下精靈的相關知識：

紋理Texture 和 BitmapTextureAtlas

要繪制一個精靈sprite, 必須要加載其紋理Texture。紋理就是繪制在Sprite對象上的位圖，OGEngine引擎在內存中以Texture對象的形式儲存所有紋理，并通過TextureManager來管理游戲中的所有Texture對象。

BitmapTextureAtlas 可以被認為是一個包含很多不同紋理的地圖，主要是把一下貼圖粘在一起組合成一張大的Texture.

首先了解下它的構造:

1. public BitmapTextureAtlas(final TextureManager pTextureManager, final int pWidth, final int pHeight) {
   

2.                 this(pTextureManager, pWidth, pHeight, BitmapTextureFormat.RGBA_8888);
   

3. }

復制代碼

因為在OGEngine中載入的貼圖的寬高必須是2的整次冪，所有可以發現pWidth,pHeight的值都是遵循的。如果寬高值不是2的整次冪，會拋出IllegalArgumentException異常?？墒窃谟螒蛑惺褂玫膱D片寬高是多種多樣的，不可能都是2整次冪。所以有了貼圖區域TextureRegion的概念。另外一個值得注意的東西就是TextureRegion,它可以從BitmapTextureAtlas中"扣"出一張貼圖

1. /**創建2次冪高和寬的紋理圖片組合對象*/
   

2. BitmapTextureAtlas bgTexture = new BitmapTextureAtlas(
   

3. getEngine().getTextureManager(), 2048, 128);
   

4. 
   

5. /**生成紋理區域bgRegion*/
   

6. TextureRegion bgRegion = BitmapTextureAtlasTextureRegionFactory.
   

7. createFromAsset(bgTexture, getActivity().getAssets(),"gfx/bg.jpg",0,0);
   

8. 
   

9. /**在引擎中加載紋理組合*/
   

10. getEngine().getTextureManager().loadTexture(bgTexture);

復制代碼

（其中圖片資源bg.jpg需要放到asset目錄下的gfx文件夾里）

創建精靈sprite

(一)普通sprite

sprite是Entity的子類，精靈在游戲中是人或者物體的視覺表現形式，“精靈”一詞本來指放置在游戲背景上且帶有動畫的獨立圖形形象。它的大部分方法還是來自Entity類

1) 縮放：

1. setScaleX(final float pScaleX)
   

2. setScaleY(final float pScaleY)
   

3. setScale(final float pScale)
   

4. //分別對應X方向，Y方向，和整體縮放。

復制代碼

2) 透明度：

1. setAlpha(float pAlpha) //對應的透明度

復制代碼

3) 設置位置：

1. setPosition(float pX, float pY) 
   

2. setPosition(IEntity pOtherEntity)
   

3. //前面一個直接給出坐標即可,這個常用在圖片拖拽,和移動位置時使用;也可以直接設置相對坐標,
   

4. //如:setLeftPositionX(float pX); setTopPositionY(float pY); 
   

5. //后面會給一個IEntity的對象，然后它會取得IEntity的對象的坐標值來賦給當前精靈的坐標值

復制代碼

4) 旋轉：

1. setRotation(float pRotation)
   

2. //參數是角度，即45度（45f），90度（90f），180度（180f）
   

3. /**輔助的設置還有旋轉的中心點*/
   

4. setRotationCenterX(final float pRotationCenterX)：//X坐標
   

5. setRotationCenterY(final float pRotationCenterY)：//Y坐標
   

6. setRotationCenter(final float pRotationCenterX, final float pRotationCenterY)：//X坐標Y坐標

復制代碼

在Scene中創建精靈:

1. /**創建精靈對象*/
   

2. Sprite bg = new Sprite(0, 0, BG, this.getVertexBufferObjectManager());

復制代碼

把精靈添加到場景中

1. /**在場景里面添加精靈*/ 
   

2. this.attachChild(bg);

復制代碼

（二）動畫精靈AnimatedSprite

一．用處

OGEngine封裝了一個TiledSprite類，可以傳入TiledTextureRegion的紋理以構造一個可以連續播放的精靈，但必須要先制作好一張動畫序列圖片，俗稱Tiled圖。而AnimateSprite（動畫精靈）繼承于TiledSprite,用來描述一些幀動畫資源。AnimatedSprite的構造方法中需要的ITiledTextureRegion是Tiled而不是普通的TextureRegion，也就是說，是基于單幀動畫資源的！

二．TiledTextureRegion資源TileTextureRegion的一般用法，就是一張大圖，是由很多單幀圖片構成的，一般是通過調用BitmapTextureAtlasTextureRegionFactory中的createTiledFromAsset(...)方法創建的。

1. /** 創建2次冪高和寬的紋理圖片組合對象 */
   

2. BitmapTextureAtlas bgTexture = new BitmapTextureAtlas(getEngine()
   

3.                                 .getTextureManager(), 1024, 1024);
   

4. 
   

5. /** 生成紋理區域mTextureRegion */
   

6. TiledTextureRegion mTextureRegion = BitmapTextureAtlasTextureRegionFactory
   

7.                                 .createTiledFromAsset(bgTexture,
   

8.                                         this.getActivity().getAssets(),
   

9.                                   "gfx/snapdragon_tiled.png", 0, 0, 4, 3);
   

10. 
    

11. /** 在引擎中加載紋理組合 */
    

12. getEngine().getTextureManager().loadTexture(bgTexture);

復制代碼

這是一般用法，正是這些靜態方法，讓我們忽略了TiledTextureRegion自身的構造方法

1. public TiledTextureRegion(final ITexture pTexture, final ITextureRegion ... pTextureRegions)

復制代碼

三．歸根結底

其實要想找到這個問題的解決方法很簡單，就是一步一步跟下來，從BitmapTextureAtlasTextureRegionFactory的createTiledFromAsset()，到TextureRegionFactory的createTiledFromSource()，再到TiledTextureRegion的create()，當你看到下面的代碼時，腦筋一轉，就知道歸根結底還是調用的TiledTextureRegion的構造方法了。。。

四．創建動畫精靈

1. /**創建精靈對象*/
   

2. AnimateSprite bg = new AnimateSprite(0, 0, mTextureRegion , 
   

3. this.getVertexBufferObjectManager());

復制代碼

五．把精靈添加到場景中

1. /**在場景里面添加精靈*/ 
   

2. this.attachChild(bg);
   

3. /**設置精靈動畫播放頻率*/
   

4. bg.animate(100);

復制代碼

（三）按鈕精靈

ButtonSprite和AnimateSprite類似，ButtonSprite的構造函數中需要的也是TiledTextureRegion,區別就是ButtonSprite分為3種狀態，NORMAL,PRESSED,DISABLED，默認狀態為NORMAL。按下的時候會顯示第2幀動畫，不可按時顯示第3幀動畫。創建ButtonSprite和往scene中添加方法：

1. /** 創建精靈對象 */
   

2. ButtonSprite bg2 = new ButtonSprite(100, 100, mSnapdragonTextureRegion, this.getVertexBufferObjectManager());
   

3. /**在場景里面添加精靈*/ 
   

4. this.attachChild(bg2);

復制代碼

ButtonSprite添加觸摸監聽必須要先取消觸摸阻塞，

1. /** 取消觸摸阻塞 */
   

2. bg2.setIgnoreTouch(false);
   

3. bg2.setOnClickListener(new OnClickListener() {
   

4.         @Override
   

5.         public void onClick(ButtonSprite pButtonSprite,
   

6.                         float pTouchAreaLocalX, float pTouchAreaLocalY) {
   

7.         // TODO Auto-generated method stub
   

8.                 Log.v("tag", "bg2");
   

9.         }
   

10. });

 http://www.eoeandroid.com/forum-863-1.html

www.ogengine.com