2022-10-06.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;

		const float PI = 3.14159;

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

			float o = sin(abs(sin(time*.025))*50.*tan(length(uv)*uv.y))*.1;

			float c = step(length(uv - vec2(.5) + o), .1);
			c -= step(length(uv - vec2(.5) + o), .095);

			gl_FragColor = vec4(vec3(c), 1.);
		}
	</script>

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