js写抽奖转盘怎么设置中奖几率

js写抽奖转盘怎么设置中奖几率,第1张

js用向后端发送请求,然后后端通过一些算法计算出要中的奖项或者旋转的角度,返回到前端,js根据返回的奖项或者旋转的角度,来决定最终停止的位置。
中奖几率基本不写在js里,因为js可以被破解和修改,都是写在后端的。

思路是对的,按照你前面的思路,后面只需要在页面上用JS来控制随机显示,和抽取了。
但是一般不这么做,因为你这么做不方便控制作弊,和中奖概率。还有JS控制抽奖很容易就能作弊。
我之前做过的一个抽奖项目是这样的:抽奖程序(抽奖界面)用flash来写,这样既方便作弊也能控制中奖概率,同时更安全,JAVA后台提供抽奖名单,中奖概率等数据,抽奖程序调用java的API获得抽奖数据,这里需要在后台对抽奖信息进行加密,我们使用的是base64加密(方便反向解密),然后由用户点击flash抽奖界面抽奖,中奖后,同样使用base64加密中奖信息,发送到java后台,然后保存在DB,同时后台程序发送中奖信息给用户。

无需下载软件,网站注册填写奖品信息即可使用。不但发奖核销方便,也可以带动现场气氛,更好的提高活动的趣味性和质感。实测专业稳定,而且免费开放,同时满足各种自定义需求,千人千面有特色,兼具气氛品质效果!

1:3D抽奖

作为历来年会的压轴抽奖环节,很多公司都会选择微媒网络-大屏互动团队开发的“3D酷炫抽奖”形式。大屏上3D效果滚动所有伙伴的头像,在全场高度关注下,寻觅现场锦鲤,送福利同时轻松吸引全场目光,现场氛围嗨翻天。

2:红包雨

活动现场怎么能没有红包的身影呢,通过红包雨互动,大屏幕和嘉宾手机屏幕同步掉落红包,参会者只需要点击手机,就可以领取各种红包礼品。实物奖品现场凭借兑换码兑换,现金可直接进入微信或者钉钉钱包,真的很方便!

3:摇一摇互动

摇一摇互动在微媒率先开发出来之后迅速风靡全国各大活动现场,当全场用户在同一刻同时疯狂摇动手机,氛围瞬间点燃。支持多种活动形式:拔河、赛车,赛龙舟,游艇赛等。元素均支持自定义,无穷变换惊喜和嗨翻天现场气氛,是活动必备环节。

4:答题闯关

答题闯关很适合穿插在会议中间环节,可以利用答题闯关进行现场知识和技能的PK;灵活的题库配置,紧张刺激的现场答题新方式,题目答案的自定义设置,让活动变得更有创意,更能达到寓教于乐的效果~

5:幸运大转盘

参会者点击手机端中心按钮,大转盘就会加速转动。大屏端同步的转盘抽奖效果,实现台上大屏端和台下手机端的完美串联,游戏过程更透明、更刺激,营造现场的火热感。同时可以作为线下吸引人群参加活动的利器:通过大转盘抽奖,吸引人群关注活动。同时支持签到送好礼,趣味送福利。

6:全民战疫

2020年全民对抗疫情,极大提高了民族凝聚力,众志成城,攻坚克难。结合了疫情期消灭病毒的想法,玩法和水果忍者相似。企业可以通过这个互动,提升企业内部凝聚力,普及对健康习惯的认知。

7:描福

“笔酣墨饱谢吉祥,行云流水过福年”,描福互动可以让大家在活动中,书写心中起祈愿。同时还可以自定义描福对象,可以是福字或品牌logo,主办方可以设置多轮描福。通过累计的描福分数做奖品激励。

如上所有的互动,1000人以内免费即可使用!同时搭配奖品核销系统和直播系统,连接线上线下构成活动整体解决方案,并由支持过阿里双十一和各种大型会议的微媒网络大屏互动团队研发并在线提供会务经验及技术支持,更在年会季期间为您提供完备的年会/晚宴活动策划解决方案(邀请函、签到、d幕、抽奖、红包雨、照片墙、投票评分、流程控台、年会直播/云年会等),能很好的帮您解决您遇到的问题。

可以利用Math对象的random方法。它将返回一个0到1之间的浮点类型数。但仅仅这个还不够,必须还要有一定的算法才可以实现一定范围取值。

Mathfloor(Mathrandom()x)    //返回0到x-1的随机整数。

Mathfloor(Mathrandom()x+y)    //返回0+y到x-1+y的随机整数

其中floor方法是用来取浮点类型的整数部分。

顺便说一下,JS很难控制抽奖抽中的概率,毕竟还没有这种算法。我有一个建议,就是将同事能抽的数字范围增大,孩子能抽的数字范围减小。比如中奖号码为96,则同事可写:

Mathfloor(Mathrandom()100+50)    //取50到149

孩子可这样写:

Mathfloor(Mathrandom()70+70)     //取70到139

测试结果如图(这个结果是10次抽到号码需要的次数的平均值,结果四舍五入):

这样孩子的抽中概率比同事的抽中概率要大了。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/yw/13388405.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-26
下一篇 2023-07-26

发表评论

登录后才能评论

评论列表(0条)

保存