教你怎么用Cocos2D-X模拟IOS时间选择器效果制作老虎机游戏

    作者:课课家教育更新于: 2019-03-26 09:24:49

      大家都知道iOS的时间选择器看起来很时尚大方,本篇教程将教你用Cocos2d-x模拟IOS时间选择器效果制作老虎机游戏。

      IOS的时间选择期UIDatePicker效果挺不错,像老虎机之类的效果都可以用它实现,我业余写的游戏中要用到一个这样的选择期,网上找了下也没找到什么。就自己模拟的写了个。

      这是效果图:

      教你怎么用Cocos2D-X模拟IOS时间选择器效果制作老虎机游戏_Cocos2D-X_Cocos2D-X教程_iPhone游戏开发_课课家

      实现原理:

      能滚动的两个控件就是两个CCSprite。里面能够滚动的图片是一个很长的图,也就是从上到下有1,2,3,4,5,6,7,8,9,10,11,共11个数字。

      首尾一样为了循环的时候无缝连接。也就是两个1叠到一起。想象成一片字条,两个1重叠后就是一个1-10的圈。

      这样我只需要不停的绘制这个圈的一部分就是实现转动了。

      实现代码:

      1、创建一张很长的图的Texture,

      

      2、创建一个Sprite,显示第一步的一部分图

      

      3、手指滑动的时候,不停的绘制上面的Sprite,

      在move事件中得到手指当前一帧和上一帧的位置的差值scollValue。然后在schedule中调用下面的代码:

      4、当手指离开屏幕时,记得校准显示的数字,因为玩家可能滑到显示一半图就TouchEnd了,所以还得校准下。

      校准的办法就是求余,余数不为零就是没对准,需要校准

      余数大于一个格子的高的一半是,继续下滑。

      余数小于一个格子的高的一半是,继续上滑。

      目的是往最接近完整的地方靠近。

      OK,实在没空将它封装起来,这里只是给大家一个思路。当然也有更好的办法。

      好了,本篇教程到这里就结束了,希望对你有所帮助~

课课家教育

未登录