Shader test bench

Color Bars.fs

vidvox-isf-files color glsl runnable fragment MIT

runnable fragment

Complete GLSL fragment shader. Stronghold runs it directly when the browser can compile it.

Code

uniform float colorShift;
precision mediump float;
/*{
	"DESCRIPTION": "",
	"CREDIT": "VIDVOX",
	"ISFVSN": "2",
	"CATEGORIES": [
		"Utility", "Test Pattern"
	],
	"INPUTS": [
		{
			"NAME": "colorShift",
			"LABEL": "Color Shift",
			"TYPE": "float",
			"DEFAULT": 0.0,
			"MIN": 0.0,
			"MAX": 1.0
		}
	]
	
}*/



const vec4 topColorsArray[9]= vec4[9](
	vec4(0.412, 0.412, 0.412, 1.0),
	vec4(0.757, 0.757, 0.757, 1.0),
	vec4(0.757, 0.757, 0.000, 1.0),
	vec4(0.000, 0.757, 0.757, 1.0),
	vec4(0.000, 0.757, 0.000, 1.0),
	vec4(0.757, 0.000, 0.757, 1.0),
	vec4(0.757, 0.000, 0.000, 1.0),
	vec4(0.000, 0.000, 0.757, 1.0),
	vec4(0.412, 0.412, 0.412, 1.0)
);

const vec4 bottomColorsArray[9] = vec4[9](
	vec4(0.169, 0.169, 0.169, 1.0),
	vec4(0.019, 0.019, 0.019, 1.0),
	vec4(1.000, 1.000, 1.000, 1.0),
	vec4(1.000, 1.000, 1.000, 1.0),
	vec4(0.019, 0.019, 0.019, 1.0),
	vec4(0.000, 0.000, 0.000, 1.0),
	vec4(0.019, 0.019, 0.019, 1.0),
	vec4(0.038, 0.038, 0.038, 1.0),
	vec4(0.169, 0.169, 0.169, 1.0)
);



void main()	{
	vec4		outputPixelColor = vec4(0.0);
	vec2		loc = (gl_FragCoord.xy / u_resolution.xy).xy;
	
	//	figure out if we are in the top, middle or bottom sections
	//	these are broken into the ratios 3/4, 1/8, 1/8
	
	//	if we are in the top section figure out which of the 9 colors to use
	if (loc.y > 0.25)	{
		
		int		colorIndex = int((9.0 * mod(loc.x + colorShift, 1.0)));
		
		outputPixelColor = topColorsArray[colorIndex];
	}
	//	in the 'middle section we draw the black to white image
	else if (loc.y > 0.125)	{
		outputPixelColor.rgb = vec3(loc.x);
		outputPixelColor.a = 1.0;
	}
	else	{
		
		int		colorIndex = int((9.0 * loc.x));
		
		outputPixelColor = bottomColorsArray[colorIndex];		
	}
	
	gl_FragColor = outputPixelColor;
}

Code

More from vidvox-isf-files