wxs/slowvertex.html

## slowvertex.html
<!DOCTYPE html>
<html>
<script src="p5.js"></script>
<script>
function setup() {
    createCanvas(800, 600);
    background(255);
}

function draw() {
    colorMode(HSB, 360, 255, 255)
    fill(frameCount % 360, 255, 255, 0.5);
    stroke(0);
    for (let col = 0; col < 800; col += 20) {
        for (let row = 0; row < 600; row += 20) {
            beginShape();
            for (let i = 0; i < 7; i++) {
                let angle = i/6*TWO_PI;
                vertex(col + 8 * cos(angle) , row + 8 * sin(angle));
            }
            endShape();
        }
    }

    fill(255);
    rect(0,height-20, 100, height);
    fill(0);
    text("fps: " + frameRate(), 10, height-5);
}

</script>
	<!DOCTYPE html>
	<html>
	<script src="p5.js"></script>
	<script>
	function setup() {
	createCanvas(800, 600);
	background(255);
	}

	function draw() {
	colorMode(HSB, 360, 255, 255)
	fill(frameCount % 360, 255, 255, 0.5);
	stroke(0);
	for (let col = 0; col < 800; col += 20) {
	for (let row = 0; row < 600; row += 20) {
	beginShape();
	for (let i = 0; i < 7; i++) {
	let angle = i/6*TWO_PI;
	vertex(col + 8 * cos(angle) , row + 8 * sin(angle));
	}
	endShape();
	}
	}

	fill(255);
	rect(0,height-20, 100, height);
	fill(0);
	text("fps: " + frameRate(), 10, height-5);
	}

	</script>