新手引导是游戏中必备的(除了奇葩的MT用一段动画开始),也是玩家对游戏的第一印象,重要性不言而喻。一般采用的遮罩的形式来突出引导重点,同时屏蔽其他功能。这里简单的介绍一下游戏遮罩的实现,并给出一个示例。
CccliPingNode是一个可裁剪节点,简单理解:
(1)首先它是一个节点,继承于CCNode,所以它可以像普通节点一样放入cclayer,CCScene,CCNode中。
(2)作为节点,它就可以用作容器,承载其他节点和精灵。我把它叫底板。
(3)如果想要对一个节点进行裁剪,那需要给出裁剪的部分,这个裁剪区域,我把它叫模版。
所以CccliPingNode裁剪节点在组成上=底板+模版,而在显示上=底板-模版。不知道这样解释会不会好理解一点。
CccliPingNode的使用还是比较简单的,至于显示底板还是模版,Alpha值的设定,这些也不好说清楚,自己多试几次就知道是什么意思该怎么用了。
[cpp] view plain copy print ? //不带模版地创建一个裁剪节点 staticCcclipPingNode*create(); //使用一个节点作为模版创建裁剪节点 staticCcclipPingNode*create(CCNode*pStencil); //不带模版地初始化一个裁剪节点 virtualboolinit(); //使用一个节点作为模版初始化裁剪节点 virtualboolinit(CCNode*pStencil); //设置/获取模版,注意模版需要retain! CCNode*getStencil()const; voIDsetStencil(CCNode*pStencil); //设置Alpha值(0~1),这个很重要,裁剪是按像素抠图的,所以只有大于这个Alpha值的模版像素才会被画出来 //默认是1,也就是完全裁剪。 GLfloatgetAlphaThreshold()const; voIDsetAlphaThreshold(GLfloatfAlphaThreshold); //默认是false,用于设置显示底板还是模版 boolisInverted()const; voIDsetInverted(boolbInverted);
//不带模版地创建一个裁剪节点 static CcclipPingNode* create(); //使用一个节点作为模版创建裁剪节点 static CcclipPingNode* create(CCNode *pStencil); //不带模版地初始化一个裁剪节点 virtual bool init(); //使用一个节点作为模版初始化裁剪节点 virtual bool init(CCNode *pStencil); //设置/获取模版,注意模版需要retain! CCNode* getStencil() const; voID setStencil(CCNode *pStencil); //设置Alpha值(0~1),这个很重要,裁剪是按像素抠图的,所以只有大于这个Alpha值的模版像素才会被画出来 //默认是1,也就是完全裁剪。 GLfloat getAlphaThreshold() const; voID setAlphaThreshold(GLfloat fAlphaThreshold); //默认是false,用于设置显示底板还是模版 bool isInverted() const; voID setInverted(bool bInverted);
3.示例 在init中实现:
[cpp] view plain copy print ? CCSizevisibleSize=CCDirector::sharedDirector()->getVisibleSize(); CCSprite*background=CCSprite::create("HelloWorld.png");//创建背景 background->setposition(ccp(visibleSize.wIDth/2,visibleSize.height/2)); this->addChild(background,kTagBackground); clip=CcclipPingNode::create();//创建裁剪节点,成员变量 clip->setInverted(true);//设置底板可见 clip->setAlphaThreshold(0.0f);//设置Alpha为0 this->addChild(clip,kTagClipNode);//添加裁剪节点 cclayercolor*back=cclayercolor::create(ccc4(0,200)); clip->addChild(back);//为裁剪节点添加一个黑色带透明(看起了是灰色)的底板 //模版如果要在其他地方使用要记得retain! //第一种:以下模型是drawnode遮罩 //CCDrawNode*front=CCDrawNode::create(); //cccolor4Fyellow={1,1,1}; //CCPointrect[4]={ccp(-30,30),ccp(30,-30),ccp(-30,-30)}; //front->drawpolygon(rect,4,yellow,yellow); //front->setposition(ccp(visibleSize.wIDth/2,visibleSize.height/2)); //clip->setStencil(front); //第二种:以下模型是带图像遮罩 CCNode*nodef=CCNode::create();//创建模版 CCSprite*close=CCSprite::create("CloseSelected.png");//这里使用的是close的那个图标,所以注意观察效果图2 nodef->addChild(close);//在模版上添加精灵 nodef->setposition(ccp(visibleSize.wIDth/2,visibleSize.height/2)); clip->setStencil(nodef);//设置模版 tip=CCSprite::create("tip.png");//一些引导提示 tip->setScale(0.5f); tip->setRotation(60); tip->setposition(ccp(visibleSize.wIDth/2-70,visibleSize.height/2+50)); this->addChild(tip,kTagTip); tip->runAction(CCRepeatForever::create(CCSequence::create(CCScaleBy::create(0.25f,0.95f),CCScaleto::create(0.25f,0.5),NulL))); this->settouchEnabled(true);//触摸有效,落点正确时移除裁剪节点和提示,相关处理请看源码
CCSize visibleSize=CCDirector::sharedDirector()->getVisibleSize(); CCSprite* background = CCSprite::create("HelloWorld.png");//创建背景 background->setposition(ccp(visibleSize.wIDth/2,visibleSize.height/2)); this->addChild(background,kTagBackground); clip=CcclipPingNode::create();//创建裁剪节点,成员变量 clip->setInverted(true);//设置底板可见 clip->setAlphaThreshold(0.0f);//设置Alpha为0 this->addChild(clip,kTagClipNode);//添加裁剪节点 cclayercolor* back=cclayercolor::create(ccc4(0,200)); clip->addChild(back);//为裁剪节点添加一个黑色带透明(看起了是灰色)的底板 //模版如果要在其他地方使用要记得retain! //第一种:以下模型是drawnode遮罩 //CCDrawNode* front=CCDrawNode::create(); //cccolor4F yellow = {1,1}; //CCPoint rect[4]={ccp(-30,-30)}; //front->drawpolygon(rect,yellow); //front->setposition(ccp(visibleSize.wIDth/2,visibleSize.height/2)); //clip->setStencil(front); //第二种:以下模型是带图像遮罩 CCNode* nodef=CCNode::create();//创建模版 CCSprite* close=CCSprite::create("CloseSelected.png");//这里使用的是close的那个图标,所以注意观察效果图2 nodef->addChild(close);//在模版上添加精灵 nodef->setposition(ccp(visibleSize.wIDth/2,visibleSize.height/2)); clip->setStencil(nodef);//设置模版 tip = CCSprite::create("tip.png");//一些引导提示 tip->setScale(0.5f); tip->setRotation(60); tip->setposition(ccp(visibleSize.wIDth/2-70,visibleSize.height/2+50)); this->addChild(tip,kTagTip); tip->runAction(CCRepeatForever::create(CCSequence::create(CCScaleBy::create(0.25f,NulL))); this->settouchEnabled(true);//触摸有效,落点正确时移除裁剪节点和提示,相关处理请看源码
4.效果
两种效果:
http://download.csdn.net/detail/jackyvincefu/6667189
总结以上是内存溢出为你收集整理的【玩转cocos2d-x之二十九】利用CCClipingNode做游戏遮罩全部内容,希望文章能够帮你解决【玩转cocos2d-x之二十九】利用CCClipingNode做游戏遮罩所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)