转盘抽奖
可视化大转盘,自定义选项与颜色扇区,带阻尼减速动画与抽取记录
等待开始
—
转盘选项
每行一项,当前 6 项(2 到 16 项)说明
- 结果先用
Math.random()抽出,再倒推出转盘停下的角度,所以动画停在哪就是真实结果,不存在"视觉骗人"。 - 每一项的中奖概率完全相同(扇区等分)。需要不同概率时,把权重高的选项写多行即可。
- 勾选「中奖后从转盘移除」可用于不重复抽取,比如年会逐个抽奖。
- 抽取记录只存在当前页面,刷新即清空,不写入浏览器存储。
Math.random()不是密码学安全的随机源,用于抽奖娱乐足够,不要用于有资金风险的场景。
功能介绍
转盘抽奖是可视化形态的随机抽取工具,与站内"随机抽奖工具"的名单滚动形态互补:这里用 canvas 绘制彩色扇区大转盘,点击中心按钮后转盘以 easeOutQuart 曲线旋转四到六圈再缓慢停下,指针落在哪个扇区就是结果。实现上先用随机数抽出结果、再倒推出转盘应停下的角度,所以动画停在哪就是真实结果,不存在视觉与结果不一致的情况。选项每行一个,支持 2 到 16 项(超过 16 项扇区太窄、文字看不清),每项概率完全相同,需要不同概率时把权重高的选项写成多行即可。可勾选"中奖后从转盘移除"实现不重复抽取,适合年会逐个抽奖;也可打乱顺序、一键载入奖项、午餐、人名三套示例。抽取记录带时间戳显示在右侧,只存在当前页面,刷新即清空。
使用说明
1、在下方文本框每行填写一个选项,转盘会实时重绘;2、点击转盘中心的"开始"按钮转动,等待指针停下;3、右侧显示本次中奖结果与历史抽取记录;4、需要不重复抽取时勾选"中奖后从转盘移除",中奖项会自动从选项里删掉;5、勾选"扇区显示序号"可在每个扇区前加编号;6、点"打乱顺序"重排选项,或用三个示例按钮快速填充;7、每项概率相同,要提高某项概率就把它多写几行;8、随机源是浏览器的 Math.random,用于娱乐足够,不要用于有资金风险的场景。