2023-11-24-04.html

<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>shader</title>
	<link rel="stylesheet" href="style.css">
	<meta name="apple-mobile-web-app-capable" content="yes">
  	<meta name="apple-mobile-web-app-status-bar-style" content="black">
</head>
<body>
	<canvas></canvas>
	
	<script type="x-shader/x-fragment">
		precision mediump float;

		uniform vec2 resolution;
		uniform float time;

		void main() {
			vec2 uv = gl_FragCoord.xy/resolution.xy;

			vec2 p = abs(uv - .5 + sin(time*uv.x)*.2);
			float c = step(length(p), .2);
			gl_FragColor = vec4(vec3(c), 1.);
		}
	</script>

	<script src="veda.js"></script>
</body>
</html>