tessTiles

let n = 10;
function setup() {
	createCanvas(windowWidth, windowHeight);
	background(100, 0, 0);
	angleMode(DEGREES);
	d = width / n / 3;
}

function draw() {
	background(100, 0, 0);
	t = frameCount;
	for (let i = 0; i <= n + 1; i++) {
		for (let j = 0; j <= n; j++) {
			if (i % 2 === 0 && j % 2 === 0) {
				fill(47, 148, 156);
			} else if (i % 2 === 0 && j % 2 === 1) {
				fill(194, 103, 0);
			} else if (i % 2 === 1 && j % 2 === 0) {
				fill(194, 103, 0);
			} else {
				fill(47, 148, 156);
			}

			push();
			translate(3 * d * (i - 1), 3 * d * (j - 1));
			tessTile();
			pop();
		}
	}
}

function tessTile() {
	beginShape();
	vertex(0, 0);
	vertex(d, -d * cos(t) - (d / 2) * sin(t));
	vertex(2 * d - (d / 2) * sin(t), 0 - d * sin(t) * cos(t));
	vertex(3 * d, 0);
	vertex(3 * d - (d / 2) * cos(t), d);
	vertex(3 * d - d * cos(t) * cos(t) - d * sin(t), 2 * d - d * sin(t));
	vertex(3 * d, 3 * d);
	vertex(2 * d - (d / 2) * sin(t), 3 * d - d * sin(t) * cos(t));
	vertex(d, 3 * d - d * cos(t) - (d / 2) * sin(t));
	vertex(0, 3 * d);
	vertex(0 - d * cos(t) * cos(t) - d * sin(t), 2 * d - d * sin(t));
	vertex(0 - (d / 2) * cos(t), d);
	endShape(CLOSE);
}