cocos2d实现SlotMachine（老*虎*机）

实现一个四个转子，每个转子有五个花色的老*虎机。转子的转动实现原理很简单，和背景图无限滚动的原理是一样的：排成列的精灵在屏幕上向上滚动，再通过裁剪结点的裁剪就造成了转子滚动的效果。

 1 void LayerSlotMachine::on_btn_roll(CCObject* pSender, CCControlEvent event)
 2 {
 3     if (!flag_act_)
 4     {
 5         schedule(schedule_selector(XLayerSlotMachine::roll_update));
 6         stop_flag_ = 0;
 7         int target_index;
 8         float mov_dis;
 9
10         target_index = rand() % 5;
11         CCLOG("slot1:%d", target_index);
12         mov_dis = get_mov_dis(target_index, cur_index1_);
13         cur_index1_ = target_index;
14         roll_act_start(array_1_, mov_dis);
15
16         target_index = rand() % 5;
17         CCLOG("slot2:%d", target_index);
18         mov_dis = get_mov_dis(target_index, cur_index2_);
19         cur_index2_ = target_index;
20         roll_act_start(array_2_, mov_dis);
21
22         target_index = rand() % 5;
23         CCLOG("slot3:%d", target_index);
24         mov_dis = get_mov_dis(target_index, cur_index3_);
25         cur_index3_ = target_index;
26         roll_act_start(array_3_, mov_dis);
27
28         target_index = rand() % 5;
29         CCLOG("slot4:%d", target_index);
30         mov_dis = get_mov_dis(target_index, cur_index4_);
31         cur_index4_ = target_index;
32         roll_act_start(array_4_, mov_dis);
33
34         flag_act_ = true;
35     }
36 }
37
38 void LayerSlotMachine::roll_act_start(CCArray* aray,float mov_dis)
39 {
40     CCObject* obj;
41     CCARRAY_FOREACH(aray, obj)
42     {
43         CCCallFunc* act_end = CCCallFunc::create(this, callfunc_selector(XLayerSlotMachine::roll_act_end));
44         CCSequence* seq1 = CCSequence::create(CCMoveBy::create(mov_dis/rotate_v_, ccp(0, mov_dis))
45             , act_end
46             , NULL);
47         CCSprite* spr = (CCSprite*)obj;
48         spr->runAction(seq1);
49     }
50 }
51
52 void LayerSlotMachine::roll_update(float dt)
53 {
54     roll_bound_test(array_1_,node_slot_1_, 1);
55     roll_bound_test(array_2_,node_slot_2_, 2);
56     roll_bound_test(array_3_,node_slot_3_, 3);
57     roll_bound_test(array_4_,node_slot_4_, 4);
58 }
59
60 void LayerSlotMachine::roll_act_end()
61 {
62     ++stop_flag_;
63     if (stop_flag_==slot_length_*4)
64     {
65         flag_act_ = false;
66         unschedule(schedule_selector(XLayerSlotMachine::roll_update));
67     }
68 }

需要注意的问题有两个：

（1）移动距离的计算

 1 float LayerSlotMachine::get_mov_dis(int target_index, int cur_index)
 2 {
 3     float mov_dis;
 4     float slot_height = spr_model_->getContentSize().height;
 5     int T = 7;
 6     if (target_index > cur_index)
 7     {
 8         mov_dis = slot_height*(slot_length_*T + (target_index - cur_index));
 9     }
10     else
11     {
12         mov_dis = slot_height*(slot_length_*T + (slot_length_ - (cur_index - target_index)));
13     }
14     return mov_dis;
15 }

T:周期数

slot_height:转子的高度

slot_length:单个转子上花色的数量，本例是5

target_index:目标位置

cur_index:当前位置

这里对移动距离分两种情况计算：当target_index>cur_index时，在当前周期就能移动到指定的位置，需要移动的格数为（target_index - cur_index）；

当target_index<cur_index时，由于转子只能向上滚动，所以要在下个周期才能达到指定的位置，需要移动的格数为

（(slot_length_ - (cur_index - target_index))）。

(2)转子滚动的处理

 1 void LayerSlotMachine::roll_bound_test(CCArray* arry,CCNode* node_slot, int slot_num)
 2 {
 3     CCObject* obj;
 4     float bound_y = spr_model_->getContentSize().height*(slot_length_ - 2);
 5
 6     CCARRAY_FOREACH(arry, obj)
 7     {
 8         CCSprite* spr = (CCSprite*)obj;
 9
10         if (spr->getPositionY() > bound_y)
11         {
12             if (spr->getTag() - 1000*slot_num == 0)
13             {
14                 CCSprite* spr0 = (CCSprite*)node_slot->getChildByTag(1000*slot_num + slot_length_ - 1);
15                 spr->setPositionY(spr0->getPositionY() - spr_model_->getContentSize().height);
16             }
17             else
18             {
19                 CCSprite* spr0 = (CCSprite*)node_slot->getChildByTag(spr->getTag() - 1);
20                 spr->setPositionY(spr0->getPositionY() - spr_model_->getContentSize().height);
21             }
22         }
23     }
24 }

当精灵位置高于边界高度boundY时，将精灵移到上一个精灵的下方，实现循环滚动。这里需要特别注意应该以上一个精灵的位置作为基准，否则会产生偏移。