@vaalentin/gl-shader

WebGL shader wrapper.

Usage no npm install needed!

<script type="module">
  import vaalentinGlShader from 'https://cdn.skypack.dev/@vaalentin/gl-shader';
</script>

README

GL Shader

WebGL shader wrapper.

Installation

$ npm install --save @vaalentin/gl-shader

Usage

import Shader from '@vaalentin/gl-shader';

// setup canvas and gl

const vertexShader = new Shader(gl, gl.VERTEX_SHADER,
  `
  attribute vec3 aPos;

  void main() {
    gl_Position = vec4(aPos, 1.0);
  }
`);

API

shader = new Shader(gl, type, src)

Create a new shader, where:

  • gl is the WebGL context.
  • type is the shader type: gl.VERTEX_SHADER or gl.FRAGMENT_SHADER.
  • src is the shader source, as a string.

shader.dispose()

Delete instance. Calls gl.deleteShader.

License

MIT, see LICENSE.md for more details.

Credits

Thanks to the amazing stackgl for the inspiration.