Necessary Pigeonholing Mechanism
Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

glslify-hex

2.1.1 • Public • Published

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.00.00.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.

install

npm i glslify-hex

Downloadsweekly downloads

59

version

2.1.1

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
Report a vulnerability