Heim > Backend-Entwicklung > PHP-Tutorial > Beispiel eines von PHP erstellten Würfelpunkt-Lotteriespiels (Code)

Beispiel eines von PHP erstellten Würfelpunkt-Lotteriespiels (Code)

PHPz
Freigeben: 2023-04-07 20:08:01
nach vorne
3209 Leute haben es durchsucht

Ein Beispiel für ein von PHP erstelltes Würfelpunkt-Lotteriespiel. Die Würfelpunkte werden verwendet, um den Lotterieeffekt zu erzielen und den Lotterieaktivitäten etwas Spaß zu verleihen.

Beispiel eines von PHP erstellten Würfelpunkt-Lotteriespiels (Code)


Wir werden den folgenden HTML-Strukturcode in die HTML-Seite schreiben. .wrap wird zum Platzieren der Würfel und Eingabeaufforderungsinformationen verwendet, #prize wird zum Platzieren von verwendet Preise.

  <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>
Nach dem Login kopieren


Wir verwenden jQuery, um Front-End-Aktionen durchzuführen, einschließlich Würfelwurfanimationen, Animationen für progressive Preisbewegungen, einschließlich Wissen über die Verhinderung wiederholter Klicks, Ajax-Interaktionswissen und Wissen über Animationsaufforderungen. Der gesamte Vorgang lässt sich wie folgt zusammenfassen: Klicken Sie auf den Würfel -> Senden Sie eine Ajax-Anfrage an dice.php -> Vervollständigen Sie die Würfelwurfanimation - > Bewegen Sie die Animation schrittweise zur endgültigen Preisposition und hör auf - > Vervollständigen Sie die Lotterie.


  $(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         });  
     });  
 });
Nach dem Login kopieren


dice.php-Dateicode: Ermitteln Sie die Gesamtpunktzahl basierend auf der konfigurierten Gewinnwahrscheinlichkeit, verteilen Sie die Punkte basierend auf der Gesamtpunktzahl auf die beiden Würfel und endlich zurück. Gib der Startseite zwei Würfelpunkte


  $(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);
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonBeispiel eines von PHP erstellten Würfelpunkt-Lotteriespiels (Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
php
Quelle:cnblogs.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage