下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

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

作者:课课家教育     来源: http://www.kokojia.com点击数:2224发布时间: 2019-03-26 09:24:52

标签: Cocos2D-XCocos2D-X教程iPhone游戏开发

  大家都知道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,实在没空将它封装起来,这里只是给大家一个思路。当然也有更好的办法。

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

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程