Skip to content
A transform stream for glslify that replaces CSS-style hexadecimal colors with `vec3/vec4` definitions.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
LICENSE.md
README.md
index.js
package.json
test.js

README.md

glslify-hex experimental

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

Usage

NPM

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.

You can’t perform that action at this time.