掷骰子游戏
var ctx;
function init(){
ctx = document.getElementById("canvas").getContext('2d');
ctx.strokeStyle = "rgb(0,0,0)";
ctx.lineWidth = 5;
ctx.strokeRect(0,0,400,300);
ctx.fillStyle = "rgb(255,255,0)";
ctx.fillRect(20,20,80,80);
ctx.strokeRect(20,20,80,80);
var ch = 1 + Math.floor(Math.random()*6);
drawdice(ch);
document.f.pv.value = ch;
}
function drawdice(n)
{
ctx.fillStyle = "rgb(255,255,0)";
ctx.fillRect(25,25,70,70);
ctx.fillStyle = "rgb(255,0,0)";
ctx.lineWidth = 3;
ctx.strokeStyle = "rgb(0,0,0)";
switch(n){
case 1:
makepoint(60,60);
break;
case 2:
makepoint(60,45);
makepoint(60,75);
break;
case 3:
makepoint(80,40);
makepoint(60,60);
makepoint(40,80);
break;
case 4:
makepoint(45,45);
makepoint(75,45);
makepoint(45,75);
makepoint(75,75);
break;
case 5:
makepoint(40,40);
makepoint(80,40);
makepoint(60,60);
makepoint(40,80);
makepoint(80,80);
break;
case 6:
makepoint(45,35);
makepoint(75,35);
makepoint(45,60);
makepoint(75,60);
makepoint(45,85);
makepoint(75,85);
break;
}
}
function makepoint(x,y)
{
ctx.beginPath();
ctx.arc(x,y,8,0,2*Math.PI,true);
ctx.fill();
ctx.stroke();
}
抱歉，你的浏览器不支持HTML5的canvas元素。
点数:
