在线体验地址

Cocos Creator | SlotMachine

Cocos Store 购买地址（如果没有显示，那就是还在审核）：
https://store.cocos.com/app/detail/4958微店购买地址：
https://weidian.com/item.html?itemID=6338406353

运行效果

游戏抽奖效果实现

开发环境

编辑器版本：3.7.3
开发语言：TypeScript

实现思路

首先看下层级管理器中的节点：

Machine1是一个空节点。
Handle是一个按钮节点，是老虎机的把手，也是玩家开启老虎机的通道。可以对其x轴进行旋转来得到一个拉把手的效果。
Body节点就是老虎机的机身图片。
Window1，Window2和Window3都是遮罩节点，遮罩大小和滚动窗口一样。
每一个Window节点下都有一个Layout节点，对该节点进行垂直布局。在代码中我们会往该节点中动态添加精灵预制。老虎机中滚动内容的图片都需要放在resources文件夹下，这样在代码中才可以动态加载。

老虎机的抽奖滚动效果其实就是给Layout的节点添加一个缓动，对其y坐标进行更改，更改的值根据Layout中的子节点数量和高度来定。为了实现刚开始慢，再快，再慢的效果，要给easing值设置为sineInOut。

对游戏开发者来说，我们可以确定滚动到最后的内容。比如要让三个滚动窗口最后都显示苹果，那我们可以先往各个Layout节点中添加苹果图片预制，然后再往各个Layout中添加一定数量的随机预制体。这样，滚动到最后肯定就会显示三个苹果了。

《Cocos Creator游戏实战》老虎机抽奖效果实现思路相关推荐

《Cocos Creator游戏实战》棋类游戏中的棋子摆放逻辑
棋类游戏中的棋子摆放逻辑创建节点代码编写其实要点就一句话:我们看到的不应是棋盘,而是坐标. 现在通过下面的五子棋(或围棋)实例来看下如何理解这句话. 运行效果如下: Cocos Creator版 ...
《Cocos Creator游戏实战》虚拟摇杆实现
虚拟摇杆实现摇杆布局实现摇杆功能实现用摇杆控制主角该功能已收录在Many Widgets插件中,使用Cocos Creator 3.x版本的小伙伴可以用该插件快速生成摇杆. 插件地址:http ...
《Cocos Creator游戏实战》摘星星进阶版
摘星星进阶版添加开始按钮实现按钮功能显示"Game Over" 限制主角移动范围让跳跃动作更加细腻加入星星收集动画编写动画脚本加入触屏控制添加游戏提示 Cocos ...
《Cocos Creator游戏实战》新手引导实现
新手引导实现新建节点完成代码该功能已收录在Many Widgets插件中,使用Cocos Creator 3.x版本的小伙伴可以用该插件快速生成新手引导. 插件地址:https://store. ...
《Cocos Creator游戏实战》关卡功能实现
关卡功能实现创建节点设置关卡信息实现关卡界面为预制添加脚本完善Game.js逻辑在上一节教程中我们讲解了打砖块的主要功能与逻辑实现,在这一篇教程中,笔者会在它的基础上增加关卡功能(建议先阅 ...
《Cocos Creator游戏实战》贪吃蛇平滑移动
贪吃蛇平滑移动贪吃蛇平滑移动初始化蛇头和蛇身调整蛇头方向贪吃蛇移动蛇头和蛇身的节点顺序添加食物添加碰撞逻辑代码从pointsArray中剔除无用的坐标点(更新) 在本教程中我们重点来学 ...
cocoscreator editbox 只允许数字_《Cocos Creator游戏实战》做一个数字调节框
当玩家购买道具的时候,一个个买可能会比较麻烦,用数字调节框的话玩家一次性就可以买好几十个了(钱够的话). 运行效果如下: Cocos Creator版本:2.2.0 公号"All Codes ...
《Cocos Creator游戏实战》你画我猜中的画板功能
你画我猜中的画板功能创建节点完成脚本本节我们来做一个画板,该画板一共有三个小功能: 调节笔刷大小改变笔刷颜色橡皮擦运行效果如下: Cocos Creator版本:2.2.0 后台回复&qu ...
《Cocos Creator游戏实战》实现下拉框按钮ComboBox控件
实现下拉框按钮ComboBox控件创建节点编写脚本该功能已收录在Many Widgets插件中,使用Cocos Creator 3.x版本的小伙伴可以用该插件快速生成下拉框ComboBox控件. ...

《Cocos Creator游戏实战》老虎机抽奖效果实现思路

在线体验地址

运行效果

开发环境

实现思路

《Cocos Creator游戏实战》老虎机抽奖效果实现思路相关推荐

最新文章

热门文章