Cocos Creator转盘抽奖

抽奖效果

搭建

素材

节点层级

控制脚本

const { ccclass, property } = cc._decorator;
@ccclass
export default class Choujiang extends cc.Component {@property(cc.Integer)num: number = 6;//转盘中分区数量@property(cc.Integer)rotateTime: number = 10;//转盘动画旋转次数@property(cc.Integer)time: number = 5;//抽奖动画持续时间isChoujiang: boolean = false;//是否正在抽奖@property(cc.Label)jianping: cc.Label = undefined;//中奖信息节点private StartChoujiang() {this.isChoujiang = true;// 随机确定奖品分区let index = Math.floor(Math.random() * this.num);// 过场动作let targetAngle = this.rotateTime * 360 + index * (360 / this.num);this.node.rotation %= 360;console.log(index * (360 / this.num));// 过场动作+缓入缓出let action = cc.rotateTo(this.time, targetAngle).easing(cc.easeCubicActionInOut());// 添加动作结束回调，显示中奖信息this.node.runAction(cc.sequence(action, cc.callFunc(() => {this.jianping.string = index.toString();this.isChoujiang = false;})));}public btnCallBack() { //按钮回调if (!this.isChoujiang) {this.StartChoujiang();this.jianping.string = "";}}
}

Cocos Creator转盘抽奖相关推荐

使用 cocos creator 3.0 制作抽奖小游戏
使用 cocos creator 3.0 制作抽奖小游戏描述一个抽奖小游戏demo, 点击抽奖按钮进行抽奖, 抽完奖后该结果置灰.下一次抽奖就会跳过已经抽过的奖项. 注意: 每次点击抽奖按钮 ...
cocos creator 如何制作九宫格抽奖
摘要九宫格抽奖是在移动端常见开发功能点之一,那如何实现一个高度可复用的九宫格逻辑就显的特别重要了.接下来我们来制作一个九宫格. 使用版本 CocosCreator 版本 2.4.3 最终效果 coc ...
《Cocos Creator游戏实战》老虎机抽奖效果实现思路
在线体验地址 Cocos Creator | SlotMachine Cocos Store 购买地址(如果没有显示,那就是还在审核): https://store.cocos.com/app/det ...
cocos2dx 圆盘抽奖_cocos2d编写的类似幸运大转盘抽奖源码
压缩包内容概览: cocos2d编写的类似幸运大转盘抽奖源码-帮你选择 ; 随机 ; 程序委托 ; 背高清 ; 背 ipad ; 返回 ; 默认 ; 默认@2x ; 图标-72 ; 图标@2x ; 我 ...
物理挖洞！涂抹地形! 小鳄鱼爱洗澡！百战天虫！Cocos Creator !
效果预览实现步骤整体思路是先使用 PolyBool 计算多边形,接着使用 cc.PhysicsChainCollider 将多边形围起来,最后使用 cc.Graphics 将整个地形绘制出来. 引 ...
全套源码丨Cocos Creator 轻松玩转 3D 策略对战游戏，创意拉满！
又一款 Cocos Demo Team 的作品<疯狂打群架>上线了!<疯狂打群架>是一款 3D 策略对战小游戏,具有丰富的关卡.兵种等元素,项目完整开源,含工程源码.美术资源. ...
Cocos Creator | 挤水果小游戏实现 ( 一 )
点击上方蓝字关注我预览效果玩法介绍 ■ 具体玩法,可以搜微信小游戏[挤水果],只实现了部分功能.游戏开始后,点击屏幕,出现标尺,松开后,水果上的水滴滴落到杯子中.这一期讲解三部分的实现: 1. 标 ...
Cocos Creator 预制的使用模板（一般用于UI）
Cocos Creator里绑定properties @property(cc.Prefab)XXUIPrefab: cc.Prefab = null; 在预制上挂脚本 import { Consta ...
Cocos Creator 的动作（Action）系统:moveBy的使用
Cocos Creator 快速上手:制作第一个游戏可以在这里感受一下这款游戏的完成形态: http://fbdemos.leanapp.cn/star-catcher/ 准备项目和资源我们已经为 ...

Cocos Creator转盘抽奖

抽奖效果

搭建

Cocos Creator转盘抽奖相关推荐

最新文章

热门文章