今天诺亚与大家分享另一个学习HTML5给力的小游戏特效——掷骰子,当然了,JavaScript在本游戏中也起到了重要作用,JS与HTML5配合,似乎成了现在WEb前端的主流,当然,jQuery也属于Js啦,Canvas是必需研究的。本款游戏,点击“Throw dice”按钮即可开投掷骰子游戏,连续点击实现多次掷骰子的效果。
<html><head><meta charset="utf-8"><title>Craps掷骰子游戏title><script>var cwidth =400;var cheight = 300;var dicex = 50;var dicey = 50;var dicewidth = 100;var diceheight = 100;var dotard = 6;var ctx;var dx;var dy;var firstturn = true;var point;function throwdice(){
var sum; var ch = 1+ Math.floor(Math.random()*6); sum = ch; dx = dicex; dy = dicey; drawface(ch); dx = dicex +150; ch = 1+Math.floor(Math.random()*6); sum +=ch; drawface(ch); if(firstturn){
switch(sum){
case 7: