plunkerでshadertoy sandbox その18

概要

plunkerでshadertoyのglsl動かしてみた。
TUTORIAL、やってみる。

TUTORIAL 9

VISUALISING THE COORDINATE SYSTEM

void mainImage(out vec4 fragColor, in vec2 fragCoord) {
	vec2 r = vec2( fragCoord.xy / iResolution.xy);
	vec3 backgroundColor = vec3(1.0);
	vec3 axesColor = vec3(0.0, 0.0, 1.0);
	vec3 gridColor = vec3(0.5);
	vec3 pixel = backgroundColor;
	const float tickWidth = 0.1;
	for (float i = 0.0; i < 1.0; i += tickWidth)
	{
		if (abs(r.x - i) < 0.002)
			pixel = gridColor;
		if (abs(r.y - i) < 0.002)
			pixel = gridColor;
	}
	if (abs(r.x) < 0.005)
		pixel = axesColor;
	if (abs(r.y) < 0.006)
		pixel = axesColor;
	fragColor = vec4(pixel, 1.0);
}

写真

成果物

以上。