The Essential Guide to HTML5

DICE GAME

ctx.closePath();

ctx.fill();

}

function draw4() {

var dotx;

var doty;

ctx.beginPath();

dotx = dx + 3*dotrad;

doty = dy + 3*dotrad;

ctx.arc(dotx,doty,dotrad,0,Math.PI*2,true);

dotx = dx+dicewidth-3*dotrad;

doty = dy+diceheight-3*dotrad;

ctx.arc(dotx,doty,dotrad,0,Math.PI*2,true);

ctx.closePath();

ctx.fill();

ctx.beginPath();

dotx = dx + 3*dotrad;

doty = dy + diceheight-3*dotrad; //no change

ctx.arc(dotx,doty,dotrad,0,Math.PI*2,true);

dotx = dx+dicewidth-3*dotrad;

doty = dy+ 3*dotrad;

ctx.arc(dotx,doty,dotrad,0,Math.PI*2,true);