Learning Cocos2d-x for XNA（9）——碰撞檢測

游戲中碰撞的檢測相當重要，任何兩個sprite間都避免不了有交集，碰撞檢測也體現了游戲的真實性。

矩形檢測

矩形檢測是一種實現方式比較簡單的檢測方式，簡單就意味着不那么真實。原理就是將sprite紋理抽象出一個Rect，然后通過判斷Rect間是否相交，以此作為sprite的碰撞檢測。這種碰撞檢測是不精確的，當然，如果游戲要求不高，還是可以的。

可見，構建矩形框Rect（黑色）后，判斷Rect相交即可實現碰撞檢測，但無論矩形如何設置，難免會有“盲點”使得檢測不那么精確（第3種情況）。

CCRect.CCRectIntersetsRect

Cocos2d-x提供了方法判斷Rect是否相交的方法。

游戲規則

為了講解碰撞檢測，簡單地設計一個游戲，游戲的規則是：玩家通過觸碰屏幕操作Wolf的移動，Gold與Bomb隨機從屏幕上端往下移動。Wolf與Gold碰撞得分，Wolf與Bomb碰撞扣分。很簡單檢測碰撞的游戲。

前提

還是老樣子，添加游戲關鍵兩層（Scene和Layer）GameScene、GameLayer。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using cocos2d;

namespace LearningCocos2d_xForXNA.Classes
{
    class GameScene:CCScene
    {
        public GameScene()
        {
            CCLayer gameLayer = new GameLayer();
            this.addChild(gameLayer);
        }
    }
}

Sprite

Gold：繼承CCSprite，構造方法中，添加各類的紋理圖片，通過隨機函數設置Gold的起始位置和運動，同時通過方法collideWithWolf檢測是否與Wolf對象碰撞。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using cocos2d;

namespace LearningCocos2d_xForXNA.Classes
{
    class Gold:CCSprite
    {
        public Gold(CCLayer layer)
        {
            Random rnd = new Random();
            float posionX = 100 * (float)rnd.Next(1, 4);//Gold起始位置X坐標值
            this.initWithFile("img/Wolf/Others/gold");
            this.position = new CCPoint(posionX, 850);//Gold起始位置
            layer.addChild(this);
            this.runAction(CCMoveTo.actionWithDuration(5.0f, new CCPoint(posionX, -50)));//運動，垂直向下運動
        }

        /// <summary>
        /// 創建檢測碰撞Rect
        /// </summary>
        /// <returns>返回用於檢測碰撞的Rect</returns>
        public CCRect rect()
        {
            CCSize s = Texture.getContentSize();//Gold紋理的大小
            return new CCRect(this.position.x, this.position.y, this.contentSize.width/2, this.contentSize.height/2);//設置Rect
        }

        /// <summary>
        /// 檢測是否與Wolf對象碰撞
        /// </summary>
        /// <param name="wolf"></param>
        /// <returns>碰撞返回true，否則返回false</returns>
        public bool collideWithWolf(Wolf wolf)
        {
            CCRect wolfRect = wolf.rect();
            if(CCRect.CCRectIntersetsRect(wolfRect,rect()))//通過Rect是否相交判斷是否碰撞
            {
                return true;
            }
            return false;
        }
    }
}

Bomb：繼承CCSprite，構造方法中，添加各類的紋理圖片，通過隨機函數設置Bomb的起始位置和運動，同時通過方法collideWithWolf檢測是否與Wolf對象碰撞。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using cocos2d;

namespace LearningCocos2d_xForXNA.Classes
{
    class Bomb:CCSprite
    {
        public Bomb(CCLayer layer)
        {
            Random rnd = new Random();
            float posionX = 100 * (float)rnd.Next(1, 4);//Gold起始位置X坐標值
            this.initWithFile("img/Wolf/Others/bomb");
            this.position = new CCPoint(posionX, 850);//Gold起始位置
            layer.addChild(this);
            this.runAction(CCMoveTo.actionWithDuration(5.0f, new CCPoint(posionX, -50)));//運動，垂直向下運動
        }

        /// <summary>
        /// 創建檢測碰撞Rect
        /// </summary>
        /// <returns>返回用於檢測碰撞的Rect</returns>
        public CCRect rect()
        {
            CCSize s = Texture.getContentSize();//Bomb紋理的大小
            return new CCRect(this.position.x, this.position.y, this.contentSize.width/2, this.contentSize.height/2);//設置Rect
        }

        /// <summary>
        /// 檢測是否與Wolf對象碰撞
        /// </summary>
        /// <param name="wolf"></param>
        /// <returns>碰撞返回true，否則返回false</returns>
        public bool collideWithWolf(Wolf wolf)
        {
            CCRect wolfRect = wolf.rect();
            if(CCRect.CCRectIntersetsRect(wolfRect,rect()))//通過Rect是否相交判斷是否碰撞
            {
                return true;
            }
            return false;
        }
    }
}

Wolf：繼承CCSprite和ICCTargetedTouchDelegate接口，構造方法中，返回對象的用於檢測碰撞的Rect。ICCTargetedTouchDelegate接口是為了實現觸摸屏使得Wolf移動(上講有講解)。在runing方法中實現Sprite跑動動畫。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using cocos2d;

namespace LearningCocos2d_xForXNA.Classes
{
    class Wolf:CCSprite, ICCTargetedTouchDelegate
    {
        /// <summary>
        /// 創建檢測碰撞Rect
        /// </summary>
        /// <returns>返回用於檢測碰撞的Rect</returns>
        public CCRect rect()
        {
            CCSize s = Texture.getContentSize();//Wolf紋理的大小
            return new CCRect(this.position.x, this.position.y, this.contentSize.width / 2, this.contentSize.height / 2);//設置Rect
        }

        public override void onEnter()
        {
            CCTouchDispatcher.sharedDispatcher().addTargetedDelegate(this, 0, true);
            base.onEnter();
        }

        public override void onExit()
        {
            CCTouchDispatcher.sharedDispatcher().removeDelegate(this);
            base.onExit();
        }

        public virtual bool ccTouchBegan(CCTouch touch, CCEvent eventer)
        {
            return true;
        }

        public virtual void ccTouchMoved(CCTouch touch, CCEvent eventer)
        { }

        /// <summary>
        /// 觸摸屏Ended事件
        /// </summary>
        /// <param name="touch"></param>
        /// <param name="eventer"></param>
        public virtual void ccTouchEnded(CCTouch touch, CCEvent eventer)
        {
            CCPoint touchPoint = touch.locationInView(touch.view());
            CCPoint convertedLocation = CCDirector.sharedDirector().convertToGL(touchPoint);

            //執行運動
            CCActionInterval move = CCMoveTo.actionWithDuration(2, convertedLocation);
            CCActionInterval move_ease_inout = CCEaseInOut.actionWithAction(move);//ease緩沖
            base.runAction(move_ease_inout);
        }

        public void ccTouchCancelled(CCTouch pTouch, CCEvent pEvent)
        {
            throw new NotImplementedException();
        }

        public void runing(CCLayer cclayer)
        {
            #region  Sprite跑動動畫
            CCSize s = CCDirector.sharedDirector().getWinSize();
            // 創建批處理節點，讀取plist文件
            CCSpriteBatchNode batch = CCSpriteBatchNode.batchNodeWithFile("plist/images/wolf_move");//批處理節點貼圖
            cclayer.addChild(batch, 0, 1);
            CCSpriteFrameCache.sharedSpriteFrameCache().addSpriteFramesWithFile("plist/wolf_move");//讀取plsit文件
            //起始精靈
            
            this.initWithSpriteFrameName("wolf_move1.png");
            this.position = (new CCPoint(s.width / 3, s.height / 2));
            batch.addChild(this);
            // 創建逐幀數組
            List<CCSpriteFrame> animFrames = new List<CCSpriteFrame>();
            string str = "";
            for (int i = 2; i < 8; i++)
            {
                string temp = "";
                temp = i.ToString();
                str = string.Format("wolf_move{0}.png", temp);
                CCSpriteFrame frame = CCSpriteFrameCache.sharedSpriteFrameCache().spriteFrameByName(str);
                animFrames.Add(frame);
            }
            //動畫Animate
            CCAnimation animation = CCAnimation.animationWithFrames(animFrames, 0.2f);//Animation動畫信息
            this.runAction(CCRepeatForever.actionWithAction(CCAnimate.actionWithAnimation(animation, false)));//執行動畫
            #endregion
        }
    }
}

Layer層

在GameLayer中，構造方法中，實例化得分面板（記錄分數），初始化Wolf，然后通過調用schedule方法不斷地產生Gold和Bomb，在方法collide中不斷地檢測Wolf與Gold、Bomb的碰撞情況。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using cocos2d;

namespace LearningCocos2d_xForXNA.Classes
{
    class GameLayer:CCLayer
    {
        Random rnd=new Random();//隨機變量
        const int likelihoodGold = 70;//產生Gold的比例
        const int likelihoodBomb = 30;//產生Bomb的比例
        CCLabelTTF lblScore;//文本，記錄游戲得分
        int score;//得分
        Wolf wolf;//主角
        List<Gold> golds = new List<Gold>();//用於存儲Gold對象
        List<Bomb> bombs = new List<Bomb>();//用於存儲Bomb對象
        public GameLayer()
        {
            base.isTouchEnabled = true;//開啟觸屏事件
            CCDirector.sharedDirector().deviceOrientation = ccDeviceOrientation.kCCDeviceOrientationPortraitUpsideDown;//設置朝向，豎屏

            //得分
            score = 0;
            lblScore = CCLabelTTF.labelWithString(string.Format("得分：{0}",score), "Yahei", 30);
            lblScore.position = new CCPoint(100, 100);
            this.addChild(lblScore);

            wolf = new Wolf();
            wolf.runing(this);//Sprite跑動動畫

            this.schedule(CreateGoldOrBomb, 3.0f);//每隔3.0秒調用函數，類似線程
            this.schedule(collide);//默認下1.0/60s執行
            
        }

        /// <summary>
        /// 創建Gold對象
        /// </summary>
        /// <param name="dt">時間間隔</param>
        public void CreateGoldOrBomb(float dt)
        {
            int random = rnd.Next(1, 100);//產生1-100間隨機數
            if (random < 30)//產生Bomb
            {
                Bomb bomb = new Bomb(this);
                bombs.Add(bomb);
            }
            else//產生Gold
            {
                Gold gold = new Gold(this);
                golds.Add(gold);
            }
        }

        /// <summary>
        /// 碰撞檢測
        /// </summary>
        /// <param name="dt"></param>
        public void collide(float dt)
        {
            for (int i = 0; i < golds.Count; i++)//遍歷golds
            {
                if (golds[i].collideWithWolf(wolf))//調用Gold判斷碰撞的方法，如果碰撞返回true，否則返回false
                {
                    removeChild(golds[i], true);//將碰撞的Gold節點移除
                    golds.RemoveAt(i);//移除泛型golds中節點
                    lblScore.setString(string.Format("得分：{0}", (++score).ToString().Trim()));//得分
                }
            }
            for (int i = 0; i < bombs.Count; i++)//遍歷bombs
            {
                if (bombs[i].collideWithWolf(wolf))//調用Bomb判斷碰撞的方法，如果碰撞返回true，否則返回false
                {
                    removeChild(bombs[i], true);//將碰撞的Bomb節點移除
                    bombs.RemoveAt(i);//移除泛型bombs中節點
                    lblScore.setString(string.Format("得分：{0}", (--score).ToString().Trim()));//扣分
                }
            }
        }
    }
}

進行游戲

游戲中，觸摸屏幕操作Wolf的移動，去吃Gold得分，避開Bomb。

 

著作權聲明：本文由http://www.cnblogs.com/suguoqiang 原創，歡迎轉載分享。請尊重作者勞動，轉載時保留該聲明和作者博客鏈接，謝謝！