Generate Convex Polygons

<!DOCTYPE html>
<meta charset="utf-8">
<canvas width="500" height="500"></canvas>
<script>
var canvas = document.querySelector("canvas"),
    context = canvas.getContext("2d");
var width = canvas.width,
    height = canvas.height;

var counter=0;
var startTime = new Date().getTime();

function generate(){
	while(true){
	  var r = 200;
	  var cx = 250;
	  var cy = 250;
	  var pointPoolCount = 120 + Math.ceil(Math.random()*120);
	  var pointPool = new Array(pointPoolCount);

for (var i = 0, n = pointPoolCount; i < n; ++i) {
		var a = (i*2*Math.PI)/pointPoolCount;
		pointPool[i] = [cx + r * Math.cos(a), cy + r * Math.sin(a)];
	  }
	  var n = 10 + Math.floor(Math.random()*3);
	  var points = new Array(n);
	  var bucket = Math.floor(pointPoolCount/n);
	  for (var i = 0; i < n; i++) {
		points[i] = pointPool[(i*bucket)+Math.floor(Math.random()*bucket)];
	  }
	  counter++;
	  if(counter%25000 === 0){
		break;
	  }
	}
	console.log(counter + " in "+ Math.floor((new Date().getTime()-startTime)/1000)+" Seconds. Avg "+Math.ceil(counter/((new Date().getTime()-startTime)/1000))+"/sec.");
	context.clearRect(0, 0, width, height);
	context.font = "24px Arial";
	context.fillStyle = "black";
	context.lineWidth = 1;
	context.strokeStyle = "BLACK";
	context.fillText(counter + " in "+ Math.floor((new Date().getTime()-startTime)/1000)+" Seconds. Avg "+Math.ceil(counter/((new Date().getTime()-startTime)/1000))+"/sec.",10,20);
	context.closePath();
	context.beginPath();
	context.moveTo(points[0][0], points[0][1]);
	for (var i = 1; i < n ; i++) {
		context.lineTo(points[i][0], points[i][1]);
	}
	context.closePath();
	context.fillStyle = "steelblue";
	context.fill();
	context.lineWidth = 2;
	context.lineJoin = "round";
	context.strokeStyle = "steelblue";
	context.stroke();
	setTimeout(generate,1);
}
generate();
</script>