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

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


正文:

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


Collector的使用说明:

  • 通过Collector::create()函数创建一个Collector对象

  • 首先要设置Collector的位置

  • 如需要元素设置到达收集器之后的回调函数,则用Collector::setCallback(std::function<void()>)函数

  • 对于创建出来的结点,只需要利用Collector::addSource(Node* node)添加到collector对象中,那么新建的结点自然会自动飘向collector的位置

  • 使用Collector::setTime函数设置飘动时间


例子:

1
2
3
4
5
6
7
8
9
10
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);  
}

效果如下图:

20150126161334689.gif

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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);  
}

addSource函数只不过是将一系列动作封装,然后让Node执行罢了。


附上源码:收集器效果Collector

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值