The Essential Guide to HTML5

CHAPTER 2

}

}

function draw1() {

var dotx;

var doty;

ctx.beginPath();

dotx = dx + .5*dicewidth;

doty = dy + .5*diceheight;

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

ctx.closePath();

ctx.fill();

}

function draw2() {

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);