search

Home  >  Q&A  >  body text

javascript - 关于幸运大转盘的问题

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

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

迷茫迷茫2924 days ago763

reply all(9)I'll reply

  • 怪我咯

    怪我咯2017-04-11 10:35:31

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

    reply
    0
  • PHPz

    PHPz2017-04-11 10:35:31

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

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

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

    reply
    0
  • 天蓬老师

    天蓬老师2017-04-11 10:35:31

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

    reply
    0
  • 高洛峰

    高洛峰2017-04-11 10:35:31

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

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

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

    reply
    0
  • 大家讲道理

    大家讲道理2017-04-11 10:35:31

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

    reply
    0
  • PHP中文网

    PHP中文网2017-04-11 10:35:31

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

    reply
    0
  • 高洛峰

    高洛峰2017-04-11 10:35:31

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

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

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

    reply
    0
  • 迷茫

    迷茫2017-04-11 10:35:31

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

    reply
    1
  • 手机用户1576490023

    How to use mobile phone specifically? Can you be more detailed, sir?

    手机用户1576490023 · 2019-12-24 16:26:48
  • Cancelreply