cocos2d-x添加遮罩【CCRenderTexture】

CCRenderTexture，它允许你来动态创建纹理，并且可以在游戏中重用这些纹理。

使用 CCRenderTexture非常简单 – 你只需要做以下5步就行了:

1. ①.创建一个新的CCRenderTexture：指定所要创建纹理的宽度和高度。
   ②.调用CCRenderTexture的begin方法：设置OpenGL以便之后的任何图形绘制都在CCRenderTexture上，而不是屏幕上。
   ③.绘制纹理：使用原始的OpenGL命令来绘制，或通过调用现有的Cocos2D对象的visit方法。
   ④.调用CCRenderTexture的end方法：渲染纹理，关闭绘制到纹理上。
   ⑤.以纹理创建一个新的精灵：以CCRenderTexture的getSprite()->getTexture()来创建一个新的精灵。
   注意这里不是调用CCRenderTexture:begin方法，而是调用一个更方便的方法beginWithClear，可以在绘制之前，用特定的颜色来清除纹理。

步骤如下：
1.新建Cocos2d-win32工程，工程名为"TinySeal"，勾选"Box2D"选项（后续文章会使用到），勾选"Simple Audio Engine in Cocos Denshion"选项；
2.打开HelloWorldScene.cpp文件，在添加如下方法：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

CCSprite *HelloWorld::spriteWithColor(ccColor4F bgColor,  float textureWidth,  float textureHeight) {      // 1: Create new CCRenderTexture     CCRenderTexture *rt = CCRenderTexture::create(textureWidth, textureHeight);      // 2: Call CCRenderTexture:begin     rt->beginWithClear(bgColor.r, bgColor.g, bgColor.b, bgColor.a);      // 3: Draw into the texture      // You'll add this later      // 4: Call CCRenderTexture:end     rt->end();      // 5: Create a new Sprite from the texture      return CCSprite::createWithTexture(rt->getSprite()->getTexture()); }

3.接着打开HelloWorldScene.h文件，添加如下代码： 

1 2

private:     cocos2d::CCSprite *_background;

打开HelloWorldScene.cpp文件，在构造函数里添加如下代码： 

1

_background =  NULL;

修改init函数为如下： 

1 2 3 4 5 6 7 8 9 10 11 12

bool HelloWorld::init() {      bool bRet =  false;      do      {         CC_BREAK_IF(! CCLayer::init());         bRet =  true;     }  while ( 0);      return bRet; }

添加以下方法： 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44

ccColor4F HelloWorld::randomBrightColor() {      while ( true)     {          float requiredBrightness =  192;         ccColor4B randomColor = ccc4(rand() %  255,                                      rand() %  255,                                      rand() %  255,                                       255);          if (randomColor.r > requiredBrightness ||              randomColor.g > requiredBrightness ||             randomColor.b > requiredBrightness)         {              return ccc4FFromccc4B(randomColor);         }     } } void HelloWorld::genBackground() {      if (_background)     {         _background->removeFromParentAndCleanup( true);     }     ccColor4F bgColor =  this->randomBrightColor();     _background =  this->spriteWithColor(bgColor,  512,  512);     CCSize winSize = CCDirector::sharedDirector()->getWinSize();     _background->setPosition(ccp(winSize.width /  2, winSize.height /  2));      this->addChild(_background, - 1); } void HelloWorld::onEnter() {     CCLayer::onEnter();      this->genBackground();      this->setTouchEnabled( true); } void HelloWorld::ccTouchesBegan(CCSet *pTouches, CCEvent *pEvent) {      this->genBackground(); }

cocos2d-x添加遮罩【CCRenderTexture】

//===========Declaration Part==========================

  //首先声明一个显示精灵

  CCSprite* sprite = CCSprite::create("CloseNormal.png");
  //声明一个遮罩精灵
  CCSprite* maskSprite = CCSprite::create("CloseNormal.png");
  //maskSprite->setFlipY(false);
  //通过上面的两个精灵并结合maskedSpriteWithSprite方法创建一个完成遮罩效果的精灵！正是我们想要的！

  CCSprite* maskCal = maskedSpriteWithSprite(sprite, maskSprite);
  maskCal->setPosition( ccp(size.width/2, size.height/2) );
  addChild(maskCal);

//===========Declaration End===========================

 

CCSprite* HelloWorld::maskedSpriteWithSprite(CCSprite* srcSp,CCSprite* maskSp)
{
 //首先我们先来根据遮罩的大小来创建一个CCRenderTexture
 int w = maskSp->getContentSize().width * maskSp->getScaleX();
 int h = maskSp->getContentSize().height * maskSp->getScaleY();
 CCRenderTexture* rt = CCRenderTexture::renderTextureWithWidthAndHeight(w, h);

 //接下来设置srcSp和maskSp的位置
 maskSp->setPosition( ccp(maskSp->getContentSize().width *  maskSp->getScaleX()/2,
  maskSp->getContentSize().height * maskSp->getScaleY()/2));
 srcSp->setPosition( ccp(srcSp->getContentSize().width *  srcSp->getScaleX() /2,
  srcSp->getContentSize().height * srcSp->getScaleY()/2));

 //设置精灵的混合模式
 ccBlendFunc blendFunc;
 blendFunc.src = GL_ONE;
 blendFunc.dst = GL_ZERO;
 maskSp->setBlendFunc(blendFunc);

 blendFunc.src = GL_DST_ALPHA;   // mask图片的当前alpha值是多少，如果是0（完全透明），那么就显示mask的。如果是1（完全不透明）
 blendFunc.dst = GL_ZERO;    // maskSprite不可见
 srcSp->setBlendFunc(blendFunc);

 //开始rt中写入纹理
 rt->begin();
 maskSp->visit();
 srcSp->visit();
 rt->end();

 //利用纹理创建一个精灵！
 CCSprite* retval = CCSprite::spriteWithTexture(rt->getSprite()->getTexture());
 //retval->setFlipY(true);
 return retval;
}

 

以上是参考http://blog.sina.com.cn/s/blog_c2beacdd0101c0oj.html和http://blog.csdn.net/akof1314/article/details/9190901在此表示感谢原文作者

以下是在做一个项目中要实现一个擦除的圆去寻找动物的场景

在.h中添加

CCRenderTexture *renderTexture;

在.cpp中

void FindMediator::init(){

    Sprite_BG1 = new BBSprite(TAG_BG1,"FindAnimal/bg.png",_ccp_(FindAnimalScene.bg));

    Sprite_BG1->retain();

    

    Sprite_BG2 = new BBSprite(TAG_BG2,"FindAnimal/bg2.png",_ccp_(FindAnimalScene.bg));

    getView()->addChild(Sprite_BG2,-1);

    

    animalArray = CCArray::create();

    animalArray->retain();

    //增加5种动物,蝙蝠，猴子，猫，猫头鹰，青蛙

    for (int i=1; i<6; i++) {

        FindSprite *animals = new FindSprite(this,("FindAnimal/animals.plist@" +$str(i)+$str(".png")),i,_ccp("FindAnimalScene.animal"+$str(i)));

        getView()->addChild(animals, i, TAG_ANIMAL+i);

//        animals->setVisible(false);

        animalArray->addObject(animals);

    }

    

    finderSprite =new BBSprite("FindAnimal/colorBg.png",_ccp_(FindAnimalScene.bg));

    getView()->addChild(finderSprite);

    finderSprite->setZOrder(11111);

    finderSprite->setOpacity(230);

    finderSprite->setVisible(false);

//    finderSprite->setAnchorPoint(CCPoint(0.53, 0.46));

    tempSprite = new BBSprite("FindAnimal/xiantou_quan.png",_ccp_(FindAnimalScene.temp));

    finderSprite->addChild(tempSprite);

    

    BBSharePre::setBool("isExisted", true);

    this->addAnimalsAction();

    this->addButton();

    this->schedule(schedule_selector(FindMediator::addAnimalsAction), 5.0);

    

    

    

    

    

    //*******************************************

    renderTexture = CCRenderTexture::create(1024, 768);

    renderTexture->setPosition(_ccp_(FindAnimalScene.bg));

    renderTexture->getSprite()->setBlendFunc((ccBlendFunc) { GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA });

    getView()->addChild(renderTexture,999);

    

    

    brushSprite = new BBSprite("FindAnimal/temp.png",_ccp_(FindAnimalScene.bg));

    brushSprite->retain();

    brushSprite->setBlendFunc((ccBlendFunc) { GL_ZERO, GL_ONE_MINUS_SRC_ALPHA });

    

    renderTexture->clear(0.0f, 0.0f, 0.0f, 0.0f);

    renderTexture->begin();

    Sprite_BG1->visit();

    brushSprite->visit();

    renderTexture->end();

    

}