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

最新推荐文章于 2019-08-02 11:16:49 发布

u011745534

最新推荐文章于 2019-08-02 11:16:49 发布

阅读量444

点赞数 1

分类专栏： cocos2d-x

cocos2d-x 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

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

正文:

这种效果实现起来其实非常的简单，只需要对生成出来的分数（通常是一个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);   
       
        }