subzey/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<canvas id="a" width="800" height="600"></canvas>
	<p>
		<label><input type="checkbox" id="strokes"> Draw with strokes </label>
	</p>
	<script>
		const c = document.getElementById('a').getContext('2d');
		const useStrokesEl = document.getElementById('strokes');

		function drawWithStrokes(c, x, y) {
			c.beginPath();
			c.moveTo(x, y - 6);
			c.lineTo(x, y + 6)

			c.lineWidth = 2;
			c.strokeStyle = 'black';
			c.stroke();
		}

		function drawWithFills(c, x, y) {
			c.fillStyle ='black';
			c.fillRect(x - 1, y - 6, 2, 12);
		}

		function frame(now){
			const shift = (now / 70 + Math.cos(now / 500) * 10) % 14;
			c.canvas.width |= 0;

			const drawingFunction = (useStrokesEl.checked
				? drawWithStrokes
				: drawWithFills
			);

			for (let x = -4; x < 804; x += 4) {
				for (let y = -14; y < 614; y += 14) {
					drawingFunction(c, x, y + shift);
				}
			}

			requestAnimationFrame(frame);
		}
		requestAnimationFrame(frame);


	</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title></title>
	</head>
	<body>
	<canvas id="a" width="800" height="600"></canvas>
	<p>
	<label><input type="checkbox" id="strokes"> Draw with strokes </label>
	</p>
	<script>
	const c = document.getElementById('a').getContext('2d');
	const useStrokesEl = document.getElementById('strokes');

	function drawWithStrokes(c, x, y) {
	c.beginPath();
	c.moveTo(x, y - 6);
	c.lineTo(x, y + 6)

	c.lineWidth = 2;
	c.strokeStyle = 'black';
	c.stroke();
	}

	function drawWithFills(c, x, y) {
	c.fillStyle ='black';
	c.fillRect(x - 1, y - 6, 2, 12);
	}

	function frame(now){
	const shift = (now / 70 + Math.cos(now / 500) * 10) % 14;
	c.canvas.width \|= 0;

	const drawingFunction = (useStrokesEl.checked
	? drawWithStrokes
	: drawWithFills
	);

	for (let x = -4; x < 804; x += 4) {
	for (let y = -14; y < 614; y += 14) {
	drawingFunction(c, x, y + shift);
	}
	}

	requestAnimationFrame(frame);
	}
	requestAnimationFrame(frame);


	</script>
	</body>
	</html>