EP.13 ทอยลูกเต๋า

noMerzy | 2016-06-22 12:38:51

วันนี้เราจะมาทำโปรแกรมทอยลูกเต๋ากันครับ โดยสามารถนำไปดัดแปลงเปลี่ยนเป็นการทอยน้ำเต้า ปู ปลาได้ด้วยครับ

ภาพลูกเต๋าที่ใช้

    

    


dice.html <html> <head> <title>roll diec</title> <script> //ตัวแปรนับเฟรมเรท var count = 0; //เฟรมเรต 30 ภาพต่อวินาที var fps = 30; function rollDice() { //สุ่ม 1 วินาที if (count < 1000) { //อิลิเมนต์รูปภาพลูกเต๋า var img = document.getElementById('dice'); //สุ่มเลข 1-6 ด้วยสูตร Math.floor((Math.random() * max) + min) number = Math.floor((Math.random() * 6) + 1); //เปลี่ยนรูปภาพตามเลขที่สุ่มได้ img.src = number + ".png"; //ดีเลย์เรียกฟังก์ชั่น rollDice 50 มิลลิวินาที setTimeout(rollDice, fps); //เพิ่มตัวแปรนับเฟรมเรท count += fps; } else { //รีเซ็ตตัวนับการสุ่ม count = 0; } } </script> </head> <body> <br> <img src="1.png" id="dice"> <br><br> <button onclick="rollDice()">roll</button> </body> </html>