cocos2dx 3.0 用ClippingNode做游戏的新手引导

转自：http://www.52php.cn/article/p-kcfuncvt-bcy.html

本篇介绍的是用ClippingNode 做游戏的新手引导，额，或者说是做新手引导的一种可尝试的方式。
ClippingNode的解释，我盗用Jacky的话来说就是：
CCClipingNode是一个可裁剪节点，简单理解：
（1）首先它是一个节点，继承于CCNode，所以它可以像普通节点一样放入CCLayer，CCScene，CCNode中。
（2）作为节点，它就可以用作容器，承载其他节点和精灵。我把它叫底板。
（3）如果想要对一个节点进行裁剪，那需要给出裁剪的部分，这个裁剪区域，我把它叫模版。
所以CCClipingNode裁剪节点在组成上=底板+模版，而在显示上=底板-模版。不知道这样解释会不会好理解一点。

具体的用法，请看大屏幕：

1、假如游戏的开始，游戏界面就只有一个button，点击它可以显示出“Welcome to star blog!”，代码实现如下：

2、然后添加ClippingNode：

autoclip=ClippingNode::create();//设置裁剪节点
1. clip->setInverted(true);//设置底板可见
2. clip->setAlphaThreshold(0.0f);//设置透明度Alpha值为0
3. this->addChild(clip,10);
4. autolayerColor=LayerColor::create(Color4B(0,150));
5. clip->addChild(layerColor,1);//在裁剪节点添加一个灰色的透明层
6. //创建模板，也就是你要在裁剪节点上挖出来的那个”洞“是什么形状的，这里我用close的图标来作为模板
7. autonodef=Node::create();//创建模版
8. autoclose=Sprite::create("CloseSelected.png");//这里使用的是close的那个图标
9. nodef->addChild(close);//在模版上添加精灵
10. nodef->setPosition(Point(160,400));//设置的坐标正好是在closebutton的坐标位置上
11. clip->setStencil(nodef);//设置模版

3、这个时候，场景中的close按钮是高亮的，点击close按钮也是可以响应的，但是假设我界面上有许多按钮，它们也都是可以响应，如果我只想让玩家点击close按钮，其他按钮不能用，那该怎么做？（总有那么些”调皮“的玩家不按常理出牌）。方法很简单，就是添加一个覆盖整个屏幕的空白按钮。

autoblackItem=MenuItem::create();
1. blackItem->setPosition(visibleSize.width/2,visibleSize.height/2);
2. blackItem->setContentSize(visibleSize);//设置大小为整个屏幕的大小
3. autoblackMenu=Menu::create(blackItem,NULL);
4. blackMenu->setPosition(Point::ZERO);
5. blackMenu->setAnchorPoint(Point::ZERO);
6. this->addChild(blackMenu,100);

autolisten_layer=Layer::create();//首先在场景的最上方再添加一个layer
1. this->addChild(listen_layer,200);//zOrder设置为200，反正能在最上方就好
2. autolistener=EventListenerTouchOneByOne::create();//创建一个触摸监听(单点触摸）
3. listener->onTouchBegan=CC_CALLBACK_2(HelloWorld::onTouchBegan,153); background-color:inherit; font-weight:bold">this);//指定触摸的回调函数
4. _eventDispatcher->addEventListenerWithSceneGraphPriority(listener,listen_layer);//将listener和layer绑定，放入事件委托中
5. boolHelloWorld::onTouchBegan(Touch*touch,Event*event)
6. {
7. autopoint=Director::getInstance()->convertToGL(touch->getLocationInView());//获得当前触摸的坐标
8. autorect=Rect(160-30,400-30,60,60);//设置框坐标和大小处于close按钮的位置上
9. if(rect.containsPoint(point))//如果触点处于rect中
10. automenu=(Menu*)this->getChildByTag(99);//通过tag获取到menu
11. autoitem=(MenuItem*)menu->getChildByTag(99);//通过tag从menu中获取item
12. item->activate();//让item响应
13. }
14. returntrue;//返回true表示接收触摸事件
15. }

过程写的略显繁琐，大家可以根据自己的需要删减删减.

尊重原创，转载请注明来自star特530:http://blog.csdn.net/start530/article/details/20851263

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!