Package Exports

glslify-hex

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (glslify-hex) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

glslify-hex

A transform stream for glslify that replaces CSS-style hexadecimal colors with vec3/vec4 definitions.

Usage

Once you've enabled the stream, you simply put your hex colors in your file like so:

void main() {
  gl_FragColor = vec4(#ff0000, 1.0);
}

The above color will be (naïvely) replaced with a GLSL vec3 definition, i.e.:

void main() {
  gl_FragColor = vec4(vec3(1.0, 0.0, 0.0), 1.0);
}

You can also use 8-digit hexadecimals for vec4 definitions. The above example could also be expressed like so:

void main() {
  gl_FragColor = #ff0000ff;
}

To use glslify transform streams, you currently need to use glslify-stream directly:

var createStream = requrire('glslify-stream')

var stream = createStream('./shader.vert', {
  transform: ['glslify-hex']
})

stream.pipe(process.stdout)

This might have changed by the time you read this though, so be sure to double check the glslify documentation!

License

MIT. See LICENSE.md for details.