wclwksn/kgl

WebGL library

KGL

WebGL library

Example

HTML

<!-- Library -->
<script src="https://unpkg.com/@ko-yelie/kgl"></script>

<!-- Shader -->
<script type="x-shader/x-fragment" id="fs">
  precision highp float;

  uniform vec2 resolution; // window size (auto added)
  uniform float time;

  void main() {
    gl_FragColor = vec4(vec3(length(gl_FragCoord.xy / resolution) * (sin(time) * 0.5 + 0.5)), 1.);
  }
</script>

JS

const webgl = new Kgl({
  programs: {
    main: {
      fragmentShaderId: 'fs',
      uniforms: {
        time: 0
      },
    }
  },
  tick: time => {
    webgl.programs['main'].draw({
      time
    })
  },
})