cocos2d-x畫素級觸控處理

最近研究了一下畫素級的觸控處理，有時候我們用一個不規則的圖形作為一個按鈕，這個不規則的圖形是一張矩形的png圖片，很可能圖片的實際有效的顯示內容只佔整個png圖片的很小一部分，剩下的大部分都是png圖片的透明區域，我們想把這部分透明區域過濾掉，實現一個觸控到真實的內容才會有按鈕響應的效果。

剛開始試圖通過CCSprite直接獲取到紋理的畫素資訊，但是cocos2d-x並沒有給我們提供直接通過CCSprite獲取畫素資訊的介面，研究了幾個網上的Demo，發現通過使用RenderTexture重繪可以實現這一效果，下面把程式碼貼出來。

#include "HelloWorldScene.h"
#include "SimpleAudioEngine.h"

using namespace cocos2d;
using namespace CocosDenshion;

CCScene* HelloWorld::scene()
{
    // 'scene' is an autorelease object
    CCScene *scene = CCScene::create();
    
    // 'layer' is an autorelease object
    HelloWorld *layer = HelloWorld::create();

    // add layer as a child to scene
    scene->addChild(layer);

    // return the scene
    return scene;
}

bool HelloWorld::init()
{
    if (!CCLayer::init()){
        return false;
    }
    
    this->setTouchEnabled(true);

    this->m_imgMan = CCSprite::create("man.png");
    this->m_imgMan->setPosition(ccp(400, 200));
    this->addChild(this->m_imgMan, 1);
    
    this->m_pRenderTexture = CCRenderTexture::create(this->m_imgMan->getContentSize().width, this->m_imgMan->getContentSize().height, kCCTexture2DPixelFormat_RGBA8888);
    this->m_pRenderTexture->ignoreAnchorPointForPosition(true);
    this->m_pRenderTexture->setPosition(ccp(400, 200));
    this->m_pRenderTexture->setAnchorPoint(CCPointZero);
    this->addChild(this->m_pRenderTexture, 0, 1);

    
    return true;
}

bool HelloWorld::ccTouchBegan(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent) {
    
    bool isTouched = false;
    
    CCPoint touchPoint = pTouch->getLocationInView();
    CCPoint glPoint = CCDirector::sharedDirector()->convertToGL(touchPoint);


    if (this->m_imgMan->boundingBox().containsPoint(glPoint)) {
    
        ccColor4B color4B = {0, 0, 0, 0};
        
        CCPoint nodePos = this->m_imgMan->convertTouchToNodeSpace(pTouch);
        unsigned int x = nodePos.x;
        unsigned int y = this->m_imgMan->getContentSize().height - nodePos.y;
        
        CCPoint point = this->m_imgMan->getPosition();
        //開始準備繪製
        this->m_pRenderTexture->begin();
        //繪製使用的臨時精靈，與原圖是同一圖片
        CCSprite* pTempSpr = CCSprite::createWithSpriteFrame(this->m_imgMan->displayFrame());
        pTempSpr->setPosition(ccp(pTempSpr->getContentSize().width / 2, pTempSpr->getContentSize().height / 2));
        //繪製
        pTempSpr->visit();
        //結束繪製
        this->m_pRenderTexture->end();
        //通過畫布拿到這張畫布上每個畫素點的資訊，封裝到CCImage中
        CCImage* pImage = this->m_pRenderTexture->newCCImage();
        //獲取畫素資料
        unsigned char* data_ = pImage->getData();
        unsigned int *pixel = (unsigned int *)data_;
        pixel = pixel + (y * (int)pTempSpr->getContentSize().width) * 1 + x * 1;
        //R通道
        color4B.r = *pixel & 0xff;
        //G通道
        color4B.g = (*pixel >> 8) & 0xff;
        //B通過
        color4B.b = (*pixel >> 16) & 0xff;
        //Alpha通道，我們有用的就是Alpha
        color4B.a = (*pixel >> 24) & 0xff;
        
        CCLOG("當前點選的點的: alpha = %d", color4B.a);
        
        if (color4B.a > 50) {
            isTouched = true;
        } else {
            isTouched = false;
        }
        
        //繪製完成後清理畫布的內容
        this->m_pRenderTexture->clear(0, 0, 0, 0);
    }
    
    
    if (this->m_pLabTips) {
        this->m_pLabTips->removeFromParentAndCleanup(true);
        this->m_pLabTips = NULL;
    }
    
    return isTouched;
}


void HelloWorld::ccTouchEnded(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent) {
    
    if (this->m_pLabTips) {
        this->m_pLabTips->removeFromParentAndCleanup(true);
        this->m_pLabTips = NULL;
    }
    
    this->m_pLabTips = CCLabelTTF::create("點選到非透明的畫素點", "Courier", 30);
    this->m_pLabTips->setAnchorPoint(CCPointZero);
    this->m_pLabTips->setPosition(ccp(300.0f, 100.0f));
    this->m_pLabTips->setColor(ccYELLOW);
    this->addChild(this->m_pLabTips, 1);

}

void HelloWorld::registerWithTouchDispatcher() {
    CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this, CCLayer::getTouchPriority(), false);
}

這裡我們把alpha通道的值小於50的畫素點都視為同名的點，當點選到了透明的黑色區域時，螢幕上不顯示任何文字，點選到有色區域時，觀察列印日誌資訊：