glslify/glsl-aastep

Stars
129
Rank 279,262 (Top 6 %)
Language GLSL
License
MIT License
Created over 9 years ago
Updated over 9 years ago

glslify/glsl-aastep

glslify

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

anti-alias smoothstep utility function

glsl-aastep

Performs a smoothstep using standard derivatives for anti-aliased edges at any level of magnification. If GL_OES_standard_derivatives is not available, this falls back to using step() without any anti-aliasing.

For this module to work, you must enable standard derivatives at your top-level shader:

precision mediump float;

#ifdef GL_OES_standard_derivatives
#extension GL_OES_standard_derivatives : enable
#endif

#pragma glslify: aastep = require('glsl-aastep')

//rest of your shader

A full example of 2D circle rendering:

precision highp float;

#ifdef GL_OES_standard_derivatives
#extension GL_OES_standard_derivatives : enable
#endif

#pragma glslify: aastep = require('glsl-aastep')

uniform float iGlobalTime;
uniform vec3  iResolution;

void main() {
  //centered texture coordinates
  vec2 uv = vec2(gl_FragCoord.xy / iResolution.xy) - 0.5;

  //correct aspect
  uv.x *= iResolution.x / iResolution.y;

  //animate zoom
  uv /= sin(iGlobalTime * 0.2); 

  //radial distance
  float len = length(uv);

  //anti-alias
  len = aastep(0.5, len);

  gl_FragColor.rgb = vec3(len);
  gl_FragColor.a   = 1.0;
}

Suggestions/PRs welcome.

Usage

`float aastep(float threshold, float value)`

Performs a step(threshold, value) function, except that the edge is smoothed across the width of a single fragment to create anti-aliasing at any scale. Returns the smoothed float.

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.

glslify-loader

💾 glslify loader module for webpack

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.