• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

PHP幸运大转盘源码,支持ThinkPHP

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

原理

先看图

可以看到1-6等奖都只有1个 ,7等奖有6个。指针默认指向上图位置,记为0°。

每个奖项对应不同的角度,圆的角度为360°,分成12块,所以每块为30°。

为了防止指针指着相邻两个将向之间的线,所以记为一等奖的最小角度为1°,最大角度为29°。同理可找出其他奖项的角度,这要注意,七等奖有6个。

然后呢,每个奖项都有不同的中奖概率,我们根据概率来获取奖项(概率可以设置为0,你懂的~),获取奖品后,在根据最大和最小角度生成一个随机数,来让指针旋转即可..

HTML代码

代码是基于thinkphp的,如果你的不是,修改里面的url路径就行了

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="keywords" content="幸运大转盘,cnsecer.com" />
  6. <meta name="description" content="幸运大转盘" />
  7. <title>幸运大转盘</title>
  8. <style type="text/css">
  9. .demo{width:417px; height:417px; position:relative; margin:50px auto}
  10. #disk{width:417px; height:417px; background:url(__STATIC__/images/disk.jpg) no-repeat}
  11. #start{width:163px; height:320px; position:absolute; top:46px; left:130px;}
  12. #start img{cursor:pointer}
  13. </style>
  14. <script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
  15. <script type="text/javascript" src="__STATIC__/js/jQueryRotate.2.2.js"></script>
  16. <script type="text/javascript" src="__STATIC__/js/jquery.easing.min.js"></script>
  17. <script type="text/javascript">
  18. $(function(){
  19. $("#startbtn").click(function(){
  20. lottery();
  21. });
  22. });
  23. function lottery(){
  24. $.ajax({
  25. type: 'POST',
  26. url: '{:U(\'game/run\')}', //提交地址 改为你自己的
  27. dataType: 'json',
  28. cache: false,
  29. error: function(){
  30. alert('出错了!');
  31. return false;
  32. },
  33. success:function(json){
  34. $("#startbtn").unbind('click').css("cursor","default");
  35. var a = json.angle; //角度
  36. var p = json.prize; //奖项
  37. $("#startbtn").rotate({
  38. duration:3000, //转动时间
  39. angle: 0,
  40. animateTo:1800+a, //转动角度
  41. easing: $.easing.easeOutSine,
  42. callback: function(){
  43. var con = confirm('恭喜你,中得'+p+'\n还要再来一次吗?');
  44. if(con){
  45. lottery();
  46. }else{
  47. return false;
  48. }
  49. }
  50. });
  51. }
  52. });
  53. }
  54.  
  55. </script>
  56. </head>
  57.  
  58. <body>
  59.  
  60. <div id="main">
  61. <div class="msg"></div>
  62. <div class="demo">
  63. <div id="disk"></div>
  64. <div id="start"><img src="__STATIC__/images/start.png" id="startbtn"></div>
  65. </div>
  66. </div>
  67. <div id="footer">
  68. </div>
  69.  
  70. </body>
  71. </html>

 

后台处理代码

  1. <?php
  2.  
  3. namespace Home\Controller;
  4.  
  5. use Think\Controller;
  6.  
  7. class GameController extends BaseController{
  8.  
  9. public function index(){
  10. $this->display("index");
  11. }
  12.  
  13. public function run(){
  14. $proArr = array();
  15. //v 是中奖概率 相加之后最好为100的整数倍 id为奖品编号 min max 分别为最大和最小角度
  16. $prize_arr = array(
  17. '0' => array('id'=>1,'min'=>1,'max'=>29,'prize'=>'一等奖','v'=>0),
  18. '1' => array('id'=>2,'min'=>302,'max'=>328,'prize'=>'二等奖','v'=>0),
  19. '2' => array('id'=>3,'min'=>242,'max'=>268,'prize'=>'三等奖','v'=>0),
  20. '3' => array('id'=>4,'min'=>182,'max'=>208,'prize'=>'四等奖','v'=>0),
  21. '4' => array('id'=>5,'min'=>122,'max'=>148,'prize'=>'五等奖','v'=>0),
  22. '5' => array('id'=>6,'min'=>62,'max'=>88,'prize'=>'六等奖','v'=>0),
  23. '6' => array('id'=>7,'min'=>array(32,92,152,212,272,332), 'max'=>array(58,118,178,238,298,358),'prize'=>'七等奖','v'=>100)
  24. );
  25. //获取随机奖品
  26. foreach ($prize_arr as $v) {
  27. $proArr[$v['id']] = $v['v'];
  28. }
  29. $rid = $this->getRand($proArr); //根据概率获取奖项id
  30.  
  31. $res = $prize_arr[$rid-1]; //中奖项
  32. // dd($res);die;
  33. $min = $res['min'];
  34. $max = $res['max'];
  35.  
  36. if($res['id']==7){ //七等奖
  37. $i = mt_rand(0,5);
  38. $result['angle'] = mt_rand($min[$i],$max[$i]);
  39. }else{
  40. $result['angle'] = mt_rand($min,$max); //随机生成一个角度
  41. }
  42. $result['prize'] = $res['prize'];
  43.  
  44. echo json_encode($result);
  45. }
  46. protected function getRand($proArr) {
  47. $result = '';
  48.  
  49. //概率数组的总概率精度
  50. $proSum = array_sum($proArr);
  51.  
  52. //概率数组循环
  53. foreach ($proArr as $key => $proCur) {
  54. $randNum = mt_rand(1, $proSum);
  55. if ($randNum <= $proCur) {
  56. $result = $key;
  57. break;
  58. } else {
  59. $proSum -= $proCur;
  60. }
  61. }
  62. unset ($proArr);
  63.  
  64. return $result;
  65. }
  66. }

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
php数组和js数组的转换(含变量转换)发布时间:2022-07-10
下一篇:
PHPVariablehandling函数发布时间:2022-07-10
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap