浏览器端转盘抽奖策略实现

最新推荐文章于 2024-02-20 16:35:14 发布

shellJ

最新推荐文章于 2024-02-20 16:35:14 发布

阅读量2.2k

点赞数 1

分类专栏：前端开发文章标签：转盘抽奖策略网页

本文链接：https://blog.csdn.net/jiangcs520/article/details/45920303

版权

本文探讨了网页抽奖活动中如何实现转盘抽奖策略，包括无策略的随机分配和加权分配，并通过数据库控制每日奖项数量以精确控制中奖概率。同时，介绍了浏览器端转盘转动的动画效果，利用贝塞尔曲线设计速度变化，实现由快至慢的旋转效果，确保转盘在指定位置停止。

摘要由CSDN通过智能技术生成

由于最近有个网页端的抽奖推广活动，抽奖的随机性是个非自然随机应该是个公开的秘密了吧，因为公司本着不欺骗，又不能太亏的原则，把几十台苹果或者其他高端奖品全部交给运气来分配，自己无法控制的，始终是不安心，所以这里面就需要一些策略来处理。接下来一步步揭秘。
首先抛出一个无策略的策略，所有的奖品相当于一个数组，再随机生成一个数字，这时候，奖品已经确定，然后转盘开始转动，再停下，恭喜你，中了啥。这就是最简单的策略，但是这就比较考验老板的心脏了，全凭运气，说不定一天几十台就没了。所以，需要优化。接下来说说怎么优化。
首先可以为奖品这个数组加上一个权重，例如
var awardWeights = {
1:{
weight:1,
name:’1等奖’
},
2:{
weight:50,
name:’二等奖’
},
3:{
weight:300,
name:”三等奖”
},
4:{
weight:800,
name:”四等奖”
},
5:{
weight:1500,
name:”5等奖”
},
6:{
weight:10000,
name:’未中奖’
}
};