Light points

gistfile1.js

// sw and sh are width and height of canvas
// lightpoints are like this: lightpoints[i] = [x, y]
// the grid is 32 pixels
// How do I make them not intersect?
gc.save();
gc.globalAlpha = 0.25;
gc.fillStyle = "black";
gc.shadowColor = "black";
gc.shadowBlur = 5;

gc.beginPath();
gc.rect(0, 0, sw, sh);
for(i=0; i < lightpoints.length; i+=1) {
	gc.arc(lightpoints[i][0]+16, lightpoints[i][1]+16, 96, Math.PI*2, 0, true);
}
gc.closePath();
gc.fill();

gc.restore();