plunkerでshadertoy sandbox その19

概要

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

TUTORIAL 10

MOVING THE COORDINATE CENTER TO THE CENTER OF THE FRAME

void mainImage(out vec4 fragColor, in vec2 fragCoord) {
	vec2 r = vec2(fragCoord.xy - 0.5 * iResolution.xy);
	r = 2.0 * r.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;
	if (mod(r.x, tickWidth) < 0.008)
		pixel = gridColor;
	if (mod(r.y, tickWidth) < 0.008)
		pixel = gridColor;
	if (abs(r.x) < 0.006)
		pixel = axesColor;
	if (abs(r.y) < 0.007)
		pixel = axesColor;
	fragColor = vec4(pixel, 1.0);
}

写真

成果物

以上。