Cocos2d-x 3.2编写常用UI组件（三）收集器效果Collector

最新推荐文章于 2017-08-29 11:05:00 发布

转载最新推荐文章于 2017-08-29 11:05:00 发布 · 500 阅读

cocos2d-x 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何通过简单的代码实现游戏中分数自动升至对应分数栏的效果，包括创建分数收集器类、设置位置、添加回调函数及元素飘动时间等步骤，并通过实例演示了如何使用该类。实现过程简洁明了，易于理解。

在游戏中，我们经常可以看到，获取分数后，分数会自动升到对应的分数栏上面。今天我们就来实现这种效果。

正文:

这种效果实现起来其实非常的简单，只需要对生成出来的分数（通常是一个Sprite或Node）添加动作，让其能够飘到目标位置，然后消失就可以了。这里我提供一个Collector类来供大家使用。方便大家的操作。

Collector的使用说明：

通过Collector::create()函数创建一个Collector对象
首先要设置Collector的位置
如需要元素设置到达收集器之后的回调函数，则用Collector::setCallback（std::function<void()>）函数
对于创建出来的结点，只需要利用Collector::addSource(Node* node)添加到collector对象中，那么新建的结点自然会自动飘向collector的位置
使用Collector::setTime函数设置飘动时间

例子：

 
        c = Collector::create();  
       
        c->setPosition(240,160);  
       
        this
        ->addChild(c);  
       
        void 
        HelloWorld::menuCloseCallback(Ref* pSender)  
       
        {  
       
        Sprite* sp = Sprite::create(
        "CloseNormal.png"
        );  
       
        sp->setPosition(100,100);  
       
        this
        ->addChild(sp);  
       
        c->addSource(sp);  
       
        }

效果如下图：

Collector类非常的简单，主要看看最重要的addSoruce函数就好了

 
        void 
        Collector::addSource(Node* node){  
       
        MoveTo* moveTo = MoveTo::create(m_time,
        this
        ->getPosition());  
       
        EaseBackInOut* easeMove = EaseBackInOut::create(moveTo);  
       
        ScaleTo* scaleBig = ScaleTo::create(0.3*m_time,1.5f);  
       
        ScaleTo* scaleSmall = ScaleTo::create(0.7*m_time,0.5f);  
       
        Sequence* scale = Sequence::create(scaleBig,scaleSmall,NULL);  
       
        Spawn* move = Spawn::create(easeMove,scale,NULL);  
       
        CallFunc* callFunc = CallFunc::create([=](){  
       
        node->removeFromParentAndCleanup(
        true
        );  
       
        m_callback();  
       
        });  
       
        Sequence* action = Sequence::create(move,callFunc,NULL);  
       
        node->runAction(action);  
       
        }