glsl-checker

1.0.1 • Public • Published

glsl-checker

stable

img

(glslb.in demo)

GLSL utility for checkered patterns.

uniform vec2 iResolution;
 
#pragma glslify: checker require('glsl-checker') 
 
void main() {
  vec2 uv = vec2(gl_FragCoord.xy / iResolution.xy);
 
  //optionally fix aspect ratio 
  uv.x *= iResolution.x / iResolution.y;
 
  //18x18 checkered background 
  float gray = mix(0.81.0, checker(uv, 18.0));
  
  gl_FragColor.rgb = vec3(gray);
  gl_FragColor.a = 1.0;
}

Usage

NPM

float c = checker(vec2 uv, float n)

Creates a checkered n x n pattern with the given UV coordinates, returning a float 0.0 or 1.0.

License

MIT, see LICENSE.md for details.

Package Sidebar

Install

npm i glsl-checker

Weekly Downloads

5

Version

1.0.1

License

MIT

Last publish

Collaborators

  • mattdesl