Mazes - The Essential Guide to HTML5 - page 248

Code Explanation

this.angle = (2*Math.PI)/n

this.moveit = movetoken;

this.fillstyle = stylestring;

}

function drawtoken() {

ctx.fillStyle=this.fillstyle;

ctx.beginPath();

var i;

var rad = this.rad;

ctx.beginPath();

ctx.moveTo(this.sx+rad*Math.cos
(-.5*this.angle),this.sy+rad*Math.sin
(-.5*this.angle));

for (i=1;i<this.n;i++) {

ctx.lineTo(this.sx+rad*Math.cos
((i-.5)*this.angle),this.sy+rad*Math.sin
((i-.5)*this.angle));

}

ctx.fill();

}

function movetoken(dx,dy) {

this.sx +=dx;

this.sy +=dy;

var i;