glslify/glslify-loader

Stars
221
Rank 179,773 (Top 4 %)
Language
JavaScript
License
Other
Created over 9 years ago
Updated almost 6 years ago

glslify/glslify-loader

glslify

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

💾 glslify loader module for webpack

glslify-loader

glslify loader module for webpack.

Installation

npm install glslify-loader

Generally, you'll want to use this alongside webpack's raw-loader module:

npm install raw-loader

Usage

Documentation: Using Loaders in Webpack

Configuration file

module.exports = {
  rules: [
    {
      test: /\.(glsl|vs|fs|vert|frag)$/,
      exclude: /node_modules/,
      use: [
        'raw-loader',
        'glslify-loader'
      ]
    }
  ]
}

Inline

// Using require
const source = require('raw-loader!glslify-loader!./my-shader.glsl')

// Using ES6 import statement
import source from 'raw-loader!glslify-loader!./my-shader.glsl'

Speficy source transforms

See Glslify Source Transforms for details.

module.exports = {
  rules: [
    {
      test: /\.(glsl|frag|vert)$/,
      exclude: /node_modules/,
      use: [
        'raw-loader',
        {
          loader: 'glslify-loader'
          options: {
            transform: [
              ['glslify-hex', { 'option-1': true, 'option-2': 42 }]
            ]
          }
        }
      ]
    }
  ]
}

Contributing

See stackgl/contributing for details.

License

MIT. See LICENSE.md for details.

glslify

A node.js-style module system for GLSL! ✨

glsl-easings

Robert Penner's easing functions in GLSL, available as a module for glslify.

glsl-aastep

anti-alias smoothstep utility function

glsl-colormap

colormaps for glsl shaders

glsl-hash-blur

a blur effect based on random hash offset

rollup-plugin-glslify

Import GLSL strings with glslify

glsl-tokenizer

r/w stream of glsl tokens

babel-plugin-glslify

🐠 Babel transform for glslify

glsl-ggx

glsl ggx lighting model

glsl-smooth-min

Smooth minimum functions for GLSL

glsl-circular-arc

draw anti-aliased circular arcs in a shader with glslify

glsl-halftone

a halftone effect in GLSL

glsl-raytrace

🌈 Given a signed distance function and ray, trace a scene to find the first point of intersection.

glsl-inverse

Invert a matrix in GLSL

glsl-perturb-normal

perturb normal from a normal map

glsl-proj4

proj4 coordinate transforms in glsl

glslify-hex

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

glsl-specular-cook-torrance

Calculates the specular/fresnel power in the Cook-Torrance model

glsl-face-normal

approximate face normal in the fragment shader

glsl-look-at

👀 Generates a 3D lookAt matrix in GLSL

glsl-diffuse-oren-nayar

Oren-Nayar diffuse lighting for GLSL

glsl-camera-ray

📷 Generates a ray for Shadertoy-style raycasting in GLSL

glslify-import

A transform stream for glslify that adds an `import` directive to your shaders.

glslify-optimize

A browserify transform stream that optimizes your glslify shaders

glsl-gamma

gamma-to-linear convenience utilities

glsl-combine-chamfer

Combine two signed distance fields with a chamfer-like join.

glsl-diffuse-lambert

Lambertian diffuse lighting model for GLSL

glslify-fancy-imports

✨ glslify transform that provides you with a cleaner module import/export syntax

glsl-token-function-shaker

✂️ Shakes out any unused functions from your GLSL shaders

glsl-ruler

📐 Helper module for debugging raytraced SDFs

glsl-specular-beckmann

Beckmann distribution for specular power

glsl-specular-phong

Specular power from Phong distribution

glsl-transpose

Transpose a matrix in GLSL

glsl-specular-blinn-phong

GLSL for specular weight in Blinn-Phong lighting model

glsl-specular-ward

Ward anisotropic specular model for GLSL

glsl-cartesian-to-barycentric

glslify module to convert cartesian to barycentric coordinates

glslify-bundle

Bundle a glslify-deps dependency tree into a GLSL source string

glsl-specular-gaussian

Guassian specular model in GLSL

glsl-sdf-sphere

GLSL SDF function for generating a sphere

glsl-scale-linear

A linear scale for glslify

glsl-sdf-normal

Get the normal vector of a position within a signed distance field.

glsl-scale-log

A logarithmic scale for glslify

glsl-combine-smooth

Smoothly combine two signed distance fields.

glsl-sdf-box

glsl-pi

π available at your convenience for use within glslify

glsl-proj4-camera

use proj4 strings to map lonlat geometry to screen coordinates in a shader

glslify-deps

Walk the dependency graph of a glslify shader

glsl-turntable-camera

Convenience module for GLSL raytracing that provides a turntable camera for your scene.

glsl-proj4-texture

pre-calculate proj4 coordinate transformations as a texture

glsl-token-string

converts an array of GLSL tokens to a plain GLSL source string

glsl-frobenius

Computes the Frobenius norm of a matrix in GLSL

glsl-determinant

Computes the determinant of a matrix in GLSL

glslify-stream

create a readable stream of glsl ast nodes that produce a module system

glslify-detective

Find all require calls within a glslify file

glslify-promise

A Promise wrapper for glslify, providing a consistent interface between both Node.js and browserify.

glslify-client

Convenience wrapper for handling glslify on the client, minimising the amount of requests to glslify-deps

glsl-shader-name

Extract a shader's name from its source

glsl-token-descope

glsl-token-assignments

Take an array of GLSL tokens and determine which tokens are either assignments or variable definitions.

glsl-token-scope

Infer the scope of each token in an array of GLSL tokens

glslify-resolve-remote

A replacement resolver function for glslify that lets you automatically pull in GLSL modules from npm

glslify-require

var src = require('./shader.glsl')

glsl-token-properties

glsl-token-depth

Determine the scope depth of an array of GLSL tokens

glsl-token-macros

Extract macro preprocessor statements from an array of GLSL tokens.

glsl-token-whitespace-trim

Trim the whitespace within an array of GLSL tokens

glsl-token-defines

glsl-token-extension-dedupe

Given a series of GLSL tokens, dedupes any extension declarations and places them at the top of the shader source

glsl-token-functions

Extract function definitions from an array of GLSL tokens.