glslify/glsl-easings

Stars
422
Rank 102,753 (Top 3 %)
Language
JavaScript
License
Other
Created over 10 years ago
Updated over 4 years ago

glslify/glsl-easings

glslify

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

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

glsl-easings

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

I tried as best I could to make them speedy for GLSL, but I'm sure there are a lot of gaps to fill – pull requests welcome!

Usage

Each easing function has its own file which can be required from glslify:

#pragma glslify: ease = require(glsl-easings/back-in-out)
#pragma glslify: ease = require(glsl-easings/back-in)
#pragma glslify: ease = require(glsl-easings/back-out)
#pragma glslify: ease = require(glsl-easings/bounce-in-out)
#pragma glslify: ease = require(glsl-easings/bounce-in)
#pragma glslify: ease = require(glsl-easings/bounce-out)
#pragma glslify: ease = require(glsl-easings/circular-in-out)
#pragma glslify: ease = require(glsl-easings/circular-in)
#pragma glslify: ease = require(glsl-easings/circular-out)
#pragma glslify: ease = require(glsl-easings/cubic-in-out)
#pragma glslify: ease = require(glsl-easings/cubic-in)
#pragma glslify: ease = require(glsl-easings/cubic-out)
#pragma glslify: ease = require(glsl-easings/elastic-in-out)
#pragma glslify: ease = require(glsl-easings/elastic-in)
#pragma glslify: ease = require(glsl-easings/elastic-out)
#pragma glslify: ease = require(glsl-easings/exponential-in-out)
#pragma glslify: ease = require(glsl-easings/exponential-in)
#pragma glslify: ease = require(glsl-easings/exponential-out)
#pragma glslify: ease = require(glsl-easings/linear)
#pragma glslify: ease = require(glsl-easings/quadratic-in-out)
#pragma glslify: ease = require(glsl-easings/quadratic-in)
#pragma glslify: ease = require(glsl-easings/quadratic-out)
#pragma glslify: ease = require(glsl-easings/quartic-in-out)
#pragma glslify: ease = require(glsl-easings/quartic-in)
#pragma glslify: ease = require(glsl-easings/quartic-out)
#pragma glslify: ease = require(glsl-easings/quintic-in-out)
#pragma glslify: ease = require(glsl-easings/quintic-in)
#pragma glslify: ease = require(glsl-easings/quintic-out)
#pragma glslify: ease = require(glsl-easings/sine-in-out)
#pragma glslify: ease = require(glsl-easings/sine-in)
#pragma glslify: ease = require(glsl-easings/sine-out)

And each function has the following signature:

float ease(float t)

Where t is a value between 0 and 1, returning a new float between 0 and 1.

License

MIT. See LICENSE.md for details.

glslify

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

glslify-loader

💾 glslify loader module for webpack

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.