码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-07-10 18:21:26      阅读:359      评论:0      收藏:0      [点我收藏+]

标签:

原理

先看图

技术分享

可以看到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. }

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

标签:

原文地址:http://www.cnblogs.com/hesitation/p/4636406.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!