Exemple de jeu de loterie à points de dés produit par PHP (code)-tutoriel php-php.cn

Exemple de jeu de loterie à points de dés produit par PHP (code)

PHPz

Libérer： 2023-04-07 20:08:01

avant

3261 Les gens l'ont consulté

Un exemple de jeu de loterie à points de dés produit par PHP. Les points de dés sont utilisés pour obtenir l'effet de loterie et ajouter du plaisir aux activités de loterie.

Exemple de jeu de loterie à points de dés produit par PHP (code)

Nous écrirons le code de structure html suivant dans la page html, .wrap est utilisé pour placer les dés et demander des informations, #prize est utilisé pour placer des prix.

  <div class="demo">  
      <div class="wrap">  
          <div id="msg"></div>  
             <div id="dice"><span class="dice dice_1" id="dice1"></span>  
          <span class="dice dice_6" id="dice2"></span></div>  
     </div>  
      <ul id="prize">  
          <li id="d_0"><img src="images/0.gif" alt="开始"></li>  
          <li id="d_1"><img src="images/1.gif" alt="现金100元"></li>  
         <li id="d_2"><img src="images/2.gif" alt="泰迪熊宝宝"></li>  
         <li id="d_3"><img src="images/7.gif" alt="谢谢参与"></li>  
         <li id="d_4"><img src="images/3.gif" alt="iphone 5s"></li>  
         <li id="d_5"><img src="images/4.gif" alt="笔记本电脑"></li>  
         <li id="d_6"><img src="images/7.gif" alt="谢谢参与"></li>  
         <li id="d_7"><img src="images/5.gif" alt="单反相机"></li>  
         <li id="d_8"><img src="images/6.gif" alt="轿车"></li>  
         <li id="d_9"><img src="images/7.gif" alt="谢谢参与"></li>  
     </ul>  
 </div>

Copier après la connexion

Nous utilisons jQuery pour effectuer des actions frontales, y compris l'animation de lancer de dés, l'animation de mouvements progressifs de prix, y compris des connaissances sur la prévention des clics répétés, des connaissances sur les interactions ajax et des connaissances sur les invites d'animation. L'ensemble du processus d'opération peut être simplement résumé comme suit : cliquez sur le dé -> envoyez une requête ajax à dice.php -> terminez l'animation de lancement de dé - > déplacez progressivement l'animation vers la position finale du prix. et arrêtez - > terminez la loterie.

  $(function(){  
      $("#dice").click(function(){  
          $("#prize li .mask").remove();  
          $(".wrap").append("<p id=&#39;dice_mask&#39;></p>");//加遮罩   5         var dice1 = $("#dice1");  
          var dice2 = $("#dice2");  
          $.getJSON("dice.php",function(json){  
              var num1 = json[0];  
              var num2 = json[1];  
             diceroll(dice1,num1);//掷色子1动画  11             diceroll(dice2,num2);//掷色子2动画  12             var num = parseInt(num1)+parseInt(num2);  
             $("#msg").css("top","-10px").fadeIn(500).text(num+&#39;点&#39;).animate({top:&#39;-50px&#39;},&#39;1000&#39;).fadeOut(500);  
             roll(0, num);//逐步运动动画  15         });  
     });  
 });

Copier après la connexion

code du fichier dice.php : obtenez le total des points en fonction de la probabilité de gain configurée, répartissez les points entre les deux dés en fonction du total des points, et enfin revenir Donnez à la page d'accueil deux points de dés

  $(function(){  
      $("#dice").click(function(){  
          $("#prize li .mask").remove();  
          $(".wrap").append("<p id=&#39;dice_mask&#39;></p>");//加遮罩   5         var dice1 = $("#dice1");  
          var dice2 = $("#dice2");  
          $.getJSON("dice.php",function(json){  
              var num1 = json[0];  
              var num2 = json[1];  
             diceroll(dice1,num1);//掷色子1动画  11             diceroll(dice2,num2);//掷色子2动画  12             var num = parseInt(num1)+parseInt(num2);  
             $("#msg").css("top","-10px").fadeIn(500).text(num+&#39;点&#39;).animate({top:&#39;-50px&#39;},&#39;1000&#39;).fadeOut(500);  
             roll(0, num);//逐步运动动画  15         });  
     });  
 });18 dice.php19 根据配置好的奖品概率，得到总点数，根据总点数进行两粒色子的点数分配，最后返回给前端页面两粒色子的点数20 21 //设置中奖概率  22 $prize_arr = array(  
     '2' => array('id'=>2,'v'=>10),  
     '3' => array('id'=>3,'v'=>20),  
     '4' => array('id'=>4,'v'=>5),  
     '5' => array('id'=>5,'v'=>5),  
     '6' => array('id'=>6,'v'=>20),  
     '7' => array('id'=>7,'v'=>2),  
     '8' => array('id'=>8,'v'=>3),  
     '9' => array('id'=>9,'v'=>20),  
     '10' => array('id'=>10,'v'=>0),  
     '11' => array('id'=>11,'v'=>10),  
     '12' => array('id'=>12,'v'=>5),  
 );  
   36 foreach ($prize_arr as $key => $val) {  
     $arr[$val['id']] = $val['v'];  
 }  
   40 $sum = getRand($arr); //根据概率获取奖项id，得到总点数  
   42 //分配色子点数  43 $arrs = array(  
     '2' => array(array(1,1)),  
     '3' => array(array(1,2)),  
     '4' => array(array(1,3),array(2,2)),  
     '5' => array(array(1,4),array(2,3)),  
     '6' => array(array(1,5),array(2,4),array(3,3)),  
     '7' => array(array(1,6),array(2,7),array(3,4)),  
     '8' => array(array(2,6),array(3,5),array(4,4)),  
     '9' => array(array(3,6),array(4,5)),  
     '10' => array(array(4,6),array(5,5)),  
     '11' => array(array(5,6)),  
     '12' => array(array(6,6))  
 );  
   57 $arr_rs = $arrs[$sum];  
 $i = array_rand($arr_rs);//随机取数组  59 $arr_a = $arr_rs[$i];  
 shuffle($arr_a);//打乱顺序  61 echo json_encode($arr_a);

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!