In ShaderOverlay

Questions
1

in DOCS - ZIM JavaScript Canvas Framework - Documentation
#ShaderOverlay Example not run

new Frame(FILL, 1024, 768, clear, clear, ready);
function ready() {
   const fragment = `
      void main() {
         vec2 uv = gl_FragCoord.xy / iResolution.xy;
         vec3 color = 0.5 + 0.5 * cos(iTime + uv.xyx + vec3(0,2,4));
         gl_FragColor = vec4(vec3(color), 1.0);
      }
   `;
   const shader = new zim.ShaderOverlay(W, H, fragment).center();
   shader.tag.style.zIndex = -50; // put shader beneath stage

   const list = new List({
      backdropColor:faint,
      bgColor:white.toAlpha(.5),
      rollBgColor:dark.toAlpha(.5),
      selectedBgColor:dark.toAlpha(.8),
   }).sca(1.5).center();
   F.on("resize", ()=>{list.center();});
} // end ready

demo test ShaderOverlay

2

Oops - fixed. Thanks.

    out vec4 fragColor;
	void main() {
		vec2 uv = gl_FragCoord.xy / iResolution.xy;
		vec3 color = 0.5 + 0.5 * cos(iTime + uv.xyx + vec3(0,2,4));
		fragColor = vec4(vec3(color), 1.0);
	}
1 Like