本篇文章給大家分享的是有關PHP實現(xiàn)抽獎游戲,小編覺得挺實用的,因此分享給大家學習,希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
網(wǎng)站建設哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、小程序定制開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了海門免費建站歡迎大家使用!
PHP制作的擲色子點數(shù)抽獎游戲實例,通過擲色子點數(shù)來達到抽獎的效果,為抽獎活動增添一些趣味性。
我們將在html頁面中寫下如下的html結構代碼,.wrap用來放置色子和提示信息,#prize則是用來放置獎品的。
我們使用jQuery來完成前端動作,包括擲色子動畫,獎品逐步運動動畫,其中有防重復點擊知識、ajax交互知識,動畫提示知識。整個操作流程可簡單概括為:點擊色子->向dice.php發(fā)送ajax請求->完成擲色子動畫->提示點數(shù)->逐步運動動畫到最終獎品位置停止->完成抽獎。
$(function(){ $("#dice").click(function(){ $("#prize li .mask").remove(); $(".wrap").append("");//加遮罩 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+'點').animate({top:'-50px'},'1000').fadeOut(500); roll(0, num);//逐步運動動畫 15 }); }); });
dice.php文件代碼:根據(jù)配置好的獎品概率,得到總點數(shù),根據(jù)總點數(shù)進行兩粒色子的點數(shù)分配,最后返回給前端頁面兩粒色子的點數(shù)
$(function(){ $("#dice").click(function(){ $("#prize li .mask").remove(); $(".wrap").append("");//加遮罩 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+'點').animate({top:'-50px'},'1000').fadeOut(500); roll(0, num);//逐步運動動畫 15 }); }); });18 dice.php19 根據(jù)配置好的獎品概率,得到總點數(shù),根據(jù)總點數(shù)進行兩粒色子的點數(shù)分配,最后返回給前端頁面兩粒色子的點數(shù)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); //根據(jù)概率獲取獎項id,得到總點數(shù) 42 //分配色子點數(shù) 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);//隨機取數(shù)組 59 $arr_a = $arr_rs[$i]; shuffle($arr_a);//打亂順序 61 echo json_encode($arr_a);
以上就是PHP實現(xiàn)抽獎游戲,小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。