Android游戲開發教程之十一：太鼓達人游戲

　　同學們在玩游戲的時候應該都會發現游戲中會有兩種形式來播放音樂 ，一般設置選項中會明確標明 設置游戲音樂 與設置游戲音效。 客觀的分析一下這兩種形式的音樂，游戲背景音樂同時只會播放一首也就是說兩首背景音樂不會同時播放，除非一首播放完畢或者切換場景等 才會播放下一首。而游戲音效 比如主角與敵人揮動武器的聲音 被攻擊中的聲音等，這些聲音比較短而且播放很頻繁很有可能會同時播放游戲音效。

　　1. 使用MediaPlayer播放游戲音樂

　　創建MediaPlayer對象 將Context與資源文件傳入。

Java代碼

1. /**創建MediaPlayer對象**/  
2.  MediaPlayer mMediaPlayer = MediaPlayer.create(mContext, R.raw.v3);  
3.  /**設置為循環播放**/  
4.  mMediaPlayer.setLooping(true);  

　　判斷聲音是否正在播放，如果沒有播放則開始播放游戲音樂。

Java代碼

1. if(!mMediaPlayer.isPlaying()) {  
2.     mMediaPlayer.start();  
3. }  

　　判斷聲音是否正在播放，如果正在播放則停止播放游戲音樂。

Java代碼

1. /**關閉音樂**/  
2. if(mMediaPlayer.isPlaying()) {  
3.     mMediaPlayer.stop();  
4. }  

　　這裡強調一下MediaPlayer同一時間只能播放一個音樂。

　　2. 使用SoundPool播放游戲音效

　　Soundpool的加載：

　　int  load(Context context, int resId, int priority)  //從資源中載入 比如 R.raw.id

　　int  load(FileDescriptor fd, long offset, long length, int priority)  //從FileDescriptor 對象載入

　　int  load(AssetFileDescriptor afd, int priority)  //從AssetFileDescriptor 對象載入

　　int  load(String path, int priority)  //從完整文件路徑名載入 第二個參數為優先級。

　　創建音效

Java代碼

1. /**創建一個聲音播放池**/  
2. //參數1為聲音池同時播放的流的最大數量  
3. //參數2為播放流的類型  
4. //參數3為音樂播放效果  
5. mSoundPool = new SoundPool(2,AudioManager.STREAM_MUSIC,100);  
6. //讀取音效  
7. mSound_0 = mSoundPool.load(mContext, R.raw.voic_p1, 0);  
8. mSound_1 = mSoundPool.load(mContext, R.raw.voic_p1, 0);  

　　播放音效

　　play (int soundID, float leftVolume, float rightVolume, int priority, int loop, float rate)

　　leftVolume 表示對左音量設置 rightVolume 表示右音量設置 ， loop 表示 循環次數 rate表示速率最低0.5最高為2，1代表正常速度

Java代碼

1. mSoundPool.play(mSound_0, 1, 1, 0, 0, 1);  

　　這裡強調一下SoundPool可以同時播放多個音樂。

　　下面向大家介紹一下這個DEMO中的重點，太鼓達人游戲開發的原理，圖片資源全部源於互聯網。

　　進入游戲界面 使用MediaPlayer來播放背景聲音， 玩家擊打鼓盤使用soundpool播放游戲音效。配合這下面的DEMO 請大家繼續閱讀。

菜單界面

游戲界面

　　1. 處理觸摸點與鼓盤的碰撞        

       我們先分析一下鼓盤的組成結構，它是由兩個圓形組成的一個大圓形中間一個小圓形。玩家觸摸屏幕後會拿到觸摸的X,Y坐標 然後利用數學公事　(x1 – x2)2 + (y1 – y2)2 < (r1 + r2)2 計算出點與大圓形的距離與小圓形的距離，根據兩點之間的距離就可以計算出當前觸摸的點是在藍色的鼓盤中 還是紅色的鼓盤中，判斷一下X坐標在圓形左邊還是右邊就可以拿到觸摸的是左邊的鼓盤還是右邊的鼓盤。

　　檢測碰撞代碼

Java代碼

1. private void Collision(int x, int y) {  
2.     //在這裡進行碰撞檢測  
3.     //檢測的原理是點與圓形的碰撞  
4.     //利用數學公事　(x1 – x2)2 + (y1 – y2)2 < (r1 + r2)2  
5.     //判斷點是在藍盤中還是紅盤中  
6.    int Condition = ((x - mDrumCenterX) * (x - mDrumCenterX)) +((y - mDrumCenterY) * (y - mDrumCenterY)) ;  
7.    int Result = mBlueRadius * mBlueRadius;  
8.    if(Condition < Result) {  
9.        int redResoult = mRedRadius*mRedRadius;  
10.        if(Condition<redResoult) {  
11.        //表明點在紅盤區域  
12.        if(x <mDrumCenterX) {  
13.            //紅盤左邊  
14.            mRedClipX = mDrumCenterX;  
15.            mRedClipWidth = (mRed.getWidth() >> 1);  
16.            mmDrumRedPosX = mDrumCenterX;  
17.            mPonitState = POINT_RED_LEFT;  
18.        }else {  
19.            //紅盤右邊  
20.            mRedClipX = 0;  
21.            mRedClipWidth = (mRed.getWidth() >> 1);  
22.            mmDrumRedPosX=0;  
23.            mPonitState = POINT_RED_RIGHT;  
24.        }  
25.        }else {  
26.        //表明點在藍盤區域  
27.        if(x <mDrumCenterX) {  
28.            //藍盤左邊  
29.            mBlueClipX = mDrumCenterX;  
30.            mBlueClipWidth = (mBlue.getWidth() >> 1);  
31.            mmDrumBluePosX = mDrumCenterX;  
32.            mPonitState = POINT_BLUE_LEFT;  
33.        }else {  
34.            //藍盤右邊  
35.            mBlueClipX = 0;  
36.            mBlueClipWidth = (mBlue.getWidth() >> 1);  
37.            mmDrumBluePosX=0;  
38.            mPonitState = POINT_BLUE_RIGHT;  
39.        }  
40.        }  
41.        CheckCollision();  
42.    }  
43. }  
44.   
45. /**檢測玩家擊鼓是否碰撞**/  
46. private void CheckCollision() {  
47.     Note mNoteTemp = null;  
48.     for (int i = 0; i < NOTE_COUNT; i++) {  
49.     // 利用絕對值的方式尋找一個大概擊中的范圍  
50.     if (Math.abs(mNote[i].m_posX - mItemposX) <= mItemposW) {  
51.         mNoteTemp = mNote[i];  
52.     }  
53.     }  
54.     boolean isCollision = false;  
55.     if (mNoteTemp != null) {  
56.     switch (mPonitState) {  
57.     case POINT_RED_LEFT:  
58.     case POINT_RED_RIGHT:  
59.         if (mNoteTemp.getType() == Note.NOTE_STATE_RED) {  
60.         //表明擊中了紅圓形  
61.         isCollision = true;  
62.         }  
63.         break;  
64.     case POINT_BLUE_LEFT:  
65.     case POINT_BLUE_RIGHT:  
66.         if (mNoteTemp.getType() == Note.NOTE_STATE_BLUE) {  
67.         //表明擊中了藍圓形  
68.         isCollision = true;  
69.         }  
70.         break;  
71.     }  
72.     }  
73.     if(isCollision) {  
74.     //設置狀態 UI根據這個狀態顯示擊打成功還是擊打失敗  
75.     mCollisionState = COLLISION_GREAT;  
76.     //播放游戲音效  
77.     mSoundPool.play(mSound_0, 1, 1, 0, 0, 1);  
78.     }else {  
79.     mCollisionState = COLLISION_BAD;  
80.     //播放游戲音效  
81.     mSoundPool.play(mSound_1, 1, 1, 0, 0, 1);  
82.     }  
83. }  

　　2. 音符的移動

　　游戲中我們可以發現各種音符會從屏幕左邊向右移動，我覺得原作肯定是有一個音符編輯器 在開發中策劃來編輯這個音符包括 位置 出現的是頻率 時間  音符的類型 等等  最後編輯器會把數據生成出來 在程序中去讀取這些數據並顯示出來，作為學習來說我們沒必要想那麼多我強調的還是開發的原理 任何平台的游戲它使用的算法 數據結構 基本都是一樣的，今後我會在教程中陸續向大家貫穿這些思想。

　　代碼實現上我把音符一樣封成一個音符類，和上節教程類似每一個音符由又向左移動 根據隨機數 來設置音符的類型 為紅色還是藍色。 程序中一樣只申請了5塊 音符的對象，玩家點擊鼓盤後然後以音符對象檢測它的XY坐標是是否在點擊區域 如果在點點擊區域 在判斷玩家敲打的鼓盤音符與當前音符是否類型一樣如果一樣則表示擊打成功 屏幕中顯示good圖片，如果失敗則顯示bad圖片。被擊中的鼓點 或者沒有擊中向左超過擊打范圍 直接重置它們的坐標 讓它們進入下一個輪回判定中。

　　簡單的音符類實現 現在只有兩種音符 一個是紅色 一個是藍色

Java代碼

1. public class Note {  
2.    
3.     /** 音符的X軸速度 **/  
4.     static final int NOTE_STEP_X = 15;  
5.    
6.     /** 紅色音符**/  
7.     static final int NOTE_STATE_RED = 0;  
8.    
9.     /** 藍色音符**/  
10.     static final int NOTE_STATE_BLUE = 1;  
11.    
12.     /** 音符的XY坐標 **/  
13.     public int m_posX = 0;  
14.     public int m_posY = 0;  
15.    
16.     /**音符類型**/  
17.     private int mType = 0;  
18.    
19.     /** 音符的動畫 **/  
20.     private Animation mAnimation = null;  
21.     Context mContext = null;  
22.    
23.     /**控制**/  
24.     private boolean mFauce = false;  
25.     public Note(Context context) {  
26.     mContext = context;  
27.     mFauce = false;  
28.     }  
29.    
30.     /**重置音符**/  
31.     public void initStart(Bitmap[] frameBitmap, int type,int x, int y) {  
32.     mAnimation = new Animation(mContext, frameBitmap, true);  
33.     mType = type;  
34.     m_posX = x;  
35.     m_posY = y;  
36.     mFauce = true;  
37.     }  
38.    
39.     /** 繪制音符 **/  
40.     public void DrawNote(Canvas Canvas, Paint paint) {  
41.     if (mFauce) {  
42.         mAnimation.DrawAnimation(Canvas, paint, m_posX, m_posY);  
43.     }  
44.     }  
45.    
46.     /** 更新音符的坐標點 **/  
47.     public void UpdateNote() {  
48.     if (mFauce) {  
49.         m_posX -= NOTE_STEP_X;  
50.     }  
51.     }  
52.    
53.     //獲得音符類型  
54.     public int getType(){  
55.     return mType;  
56.     }  
57.    
58.     /**是否顯示**/  
59.     public void setFacus(boolean facus) {  
60.     mFauce = facus;  
61.     }  
62. }  

　　玩家擊打某個鼓盤後 瞬間鼓點圖片會消失 然後在顯示這樣會讓玩家感覺自己已經點中鼓盤。 這個效果可以根據clipRext來把圖片切割出來顯示在屏幕中。

Java代碼

1. /** * 繪制圖片中的一部分圖片 * 
2. * @param bitmap 
3. * @param x 
4. * @param y 
5. * @param src_x 
6. * @param src_y 
7. * @param src_width 
8. * @param src_Height 
9. */  
10. private void DrawClipImage(Bitmap bitmap, int x, int y, int src_x, int src_y, int src_xp, int src_yp) {  
11.     mCanvas.save();  
12.     mCanvas.clipRect(x, y, x + src_xp, y + src_yp);  
13.     mCanvas.drawBitmap(bitmap, x - src_x, y - src_y, mPaint);  
14.     mCanvas.restore();  
15. }  

　　游戲效果圖

　　游戲的更新

Java代碼

1. private void updateGame() {  
2.     if (mPlayID < NOTE_COUNT) {  
3.     Long now = System.currentTimeMillis();  
4.     if (now - mStartTime >= START_TIME) {  
5.         mStartTime =now;  
6.         int random = UtilRandom(0, 2);  
7.         int type = 0;  
8.         if (random == 0) {  
9.         type = Note.NOTE_STATE_RED;  
10.         } else {  
11.         type = Note.NOTE_STATE_BLUE;  
12.         }  
13.         mNote[mPlayID].initStart(  
14.             new Bitmap[] { mNoteBitmap[random] }, type,  
15.             mNotePosX, mNotePosY);  
16.         mPlayID++;  
17.     }  
18.     } else {  
19.     mPlayID = 0;  
20.     }  
21.   
22.     for(int i =0 ; i <NOTE_COUNT; i ++) {  
23.     mNote[i].UpdateNote();  
24.     if(mNote[i].m_posX <= mItemposX) {  
25.         mNote[i].setFacus(false);  
26.     }  
27.     }  
28. }  

　　游戲的繪制

Java代碼

1. public void renderGame() {  
2.     /** 繪制游戲菜單 **/  
3.     mCanvas.drawBitmap(mBitGameBG, 0, 0, mPaint);  
4.   
5.     /**繪制小人動畫**/  
6.     mNpcAnim.DrawAnimation(mCanvas, mPaint, mNpcPosX, mNpcPosY);  
7.   
8.     /**繪制鼓盤**/  
9.     mCanvas.drawBitmap(mDrum, 0, mDrumPosY, mPaint);  
10.   
11.     /**藍**/  
12.     DrawClipImage(mBlue,mmDrumBluePosX,mmDrumEffectPosY,mBlueClipX,0,mBlueClipWidth,mBlueClipHeight);  
13.   
14.     /**紅**/  
15.     DrawClipImage(mRed,mmDrumRedPosX,mmDrumEffectPosY,mRedClipX,0,mRedClipWidth,mRedClipHeight);  
16.   
17.     /**擊打區域**/  
18.     mCanvas.drawBitmap(mBitGameItem, mItemposX, mItemposY, mPaint);  
19.   
20.     /**繪制音符**/  
21.     for(int i =0 ; i <NOTE_COUNT; i ++) {  
22.     mNote[i].DrawNote(mCanvas, mPaint);  
23.     }  
24.   
25.     /**播放點擊動畫**/  
26.     if(mCollisionState == COLLISION_GREAT ) {  
27.     mCanvas.drawBitmap(mGreat, 0,0, mPaint);  
28.     }else if(mCollisionState == COLLISION_BAD) {  
29.     mCanvas.drawBitmap(mBad, 0,0, mPaint);  
30.     }  
31.     setDrumPoint();  
32. }  

　　以後寫教程每個demo的代碼量會越來越多 所以貼代碼在博客中可能大家看的就不是很清楚，不過我會盡量在博客中把原理說清楚 還是建議大家都去下載我的源碼來閱讀學習。源代碼中我會寫詳細的注釋，還是那句老話在漂亮的語言不如普通實用的代碼片段，老規矩每篇文章都會附帶源代碼，最後如果你還是覺得我寫的不夠詳細 看的不夠爽 不要緊我把源代碼的下載地址貼出來 歡迎大家一起討論學習。

　　下載地址：http://vdisk.weibo.com/s/aagXi