如何用Cocos做一款高端营销工具“幸运抽奖轮”
本文由长期在论坛潜水的李子钊提供。
李子钊,男,目前从事Web前端开发,有一段时间从事PHP工作。 为了顺应市场趋势,更好地推广产品,产品开发往往需要更多的噱头和特效。 传统的技术已经不能满足日益激烈的竞争,直到 Cocos 这个神器的发现,它良好的兼容性让开发工作变得如此简单,如此有趣。 (这段完全是实话实说,C姐没加油加醋,日月可鉴!)
作为开发中的菜鸟,经验不足请勿喷。 如果大家有更好的代码写法,欢迎在文末留言,一起讨论。
首先准备好图片素材,搭建工程目录
层级管理器
现场经理
现在正式走上代码之路
代码在/this Js文件夹中
第一盘
表盘指针
点击按钮
这是一个成功的提醒
是中奖提示信息
将脚本挂载到
然后挂载相应的组件
然后在里面写触摸。。注册

这。();
注册。。
:(){
this..on(cc.Node..,this.ntrol,this);
this..on(cc.Node..,this.ol,this);
。。已被写入
点击会触发ntrol。。
点击解除会有ol。。
其他需求也可以自己添加
下一个
主要功能都写在这个函数中
控制();
设定参数
var _this = this;
var clickTimes = 6;//设置转盘指针多时间
var rounds = 10;//设置转盘指针多少圈
但是主菜需要佐料来辅助抽奖大礼包,什么佐料呢?
在 / 文件夹中新建一个 json 文件
Json文件格式可以是这样的
{"":1}
在ntrol()中写入与开奖相关的信息
这样设置后,使用类似ajax的方式与后台进行交互

通过后台返回给你的参数显示结果
为什么叫我后台互动?
你以为奖品这么容易抽吗?
都是满满的套路好吗?
说白了,用户抽什么奖品,都是后台控制的
后台互动
然后在这个方法集
var = [res.].;
结合变种
此时如果json数据{"":1}为1
对应这个值
用于控制转盘的角度
这样我们就可以根据后台返回的结果得到对应的角度值和中奖信息
接下来通过判断角度值来设置转盘的性能
还记得ntrol();中设置的参数吗?
变量 = 6; //设置表盘指针时间
变量 = 10; //设置转盘指针的圈数
这里我们要设置一个转盘指针的角度和角度旋转。 设置参数如下

八个角度恰好对应轮播抽奖的八个中奖区域
.(cc.());
就是上面设置的参数
这就是缓和减速的方法。 不明白的可以查询API
点击“Draw”后,你会发现转盘开始旋转
不过还是可以再次点击抽奖
我们需要做的是制作相同的按钮。 当点击。。发生时,真正的按钮会被立即删除抽奖大礼包,替换成一个假按钮,使用户无法再次点击
最后,用户提示信息方法写在(); 里面
这个方法必须在时间之后
不然还没开奖,指针还在转
彩票的结果跳出来,这不是骗局吗? !
所以我加了0.5秒
指针转动后才能显示开奖结果
最后,生成项目后,找到地址/json/query.json
然后交给后台小哥
好的,你完成了!
福利提示
如果你把json文件改成{"":8},你会发现比让跳钢管舞更有趣的事情!
点击原文参与开发抽奖。
标题:抽奖大礼包|99% 的人都不知道 Cocos Creator 也可以做彩票转盘!
链接:https://www.52hkw.com/news/xydt/21916.html
版权:文章转载自网络,如有侵权,请联系删除!