关于幸运大转盘的问题

suxiaoming
  • 383

奖品的内容由后台传到前端,包括转盘的背景图片,每个奖品的中奖概率也是后台传到前端,但是转盘的背景图片上的奖品显示是等分的,例如:
图片描述

这张图片是后台传来的,每个奖品在图片上显示是等分的,但是概率是不同,是后台传来的,是不是中奖和中哪个奖是前端来控制,请问应该怎么处理,哪个大虾能给个思路,谢谢!

回复
阅读 4.6k
8 个回答
✓ 已被采纳

所有数据和关键控制肯定都在后台进行,所以中什么奖是后台控制的。前台只是一个效果显示,根据后台取得的中奖结果,进行动画播放,最后停在指定位置上。

中了哪个奖是后端来控制的

点击抽奖前端发请求给后端,拿到中了哪个奖

定个编号,转盘停在相应的位置

让后台根据中奖结果传不同的gif图片过来

图

提供个demo,数据库可设置每奖品的在轮盘上的奖品的区域(角度) 如图所示

如一等奖 1°-29°,安慰奖有多个区域(32,92,152,212,272,332—58,118,178,238,298,358)
具体角度分部根据你们的奖项去设置。

后端决定中奖结果和中奖角度,前段只需触发事件和处理动画

同楼上,根据角度决定重什么奖

根据后台返回的几等奖,来决定转盘转到哪里停..比如中一等奖,你先转动个30圈,然后控制旋转角度让指着停在一等奖中间位置,这个角度根据你的初始位置是固定的.....

Memosa
  • 4
新手上路,请多包涵

前端只处理,中奖后,转盘转到指定的奖品。假设前端转盘有7个奖品,定义1-7。当后端传1-7中的数字时,指定转盘转到对应的位置就行了。

奖品的信息,包括图片等,都是后端定义的,这样方便调整奖品概率,也更安全。还可以做点小动作,例如,控制哪些用户只抽中最低的奖啥的。

总的流程就是,前端点击抽奖,发送AJAX请求,后端随机一个奖品出来。然后,返回给前端。前端收到奖品的数字,转到指定的位置。然后弹层,提示中奖。

FranQ
  • 2
新手上路,请多包涵

在前端控制结果然后把结果传给后台,这样不安全。用户在控制台里直接给后台接口发伪装的数据不就想中几等就中几等了吗。虽然针对这种方法你们可以做加密,但是用户也可以用改动js并替换文件的方法控制结果。

你知道吗?

宣传栏