glsl-optical-flow


Optical flow shader for WebGL - BYORenderer.

No drawing dependencies - for easier compatibility with any renderer which may rely on tracking the WebGL state (e.g: regl).

Check out the demo.

Installation

Install from npm using:
``bash
npm install @epok.tech/glsl-optical-flow
`
or:
`bash
yarn add @epok.tech/glsl-optical-flow
`

Usage

Check out the demo, and its source code, a comprehensive example of blurring input, blending across frames, and advecting by the flow to get smooth optical-flow over time:

You may also use this in your shader...
`glsl
precision highp float;

uniform sampler2D next;
uniform sampler2D past;
uniform float offset;
uniform float lambda;

varying vec2 uv;

#pragma glslify: opticalFlow = require(@epok.tech/glsl-optical-flow)

void main() {
gl_FragColor = vec4(opticalFlow(uv, next, past, offset, lambda), 0.0, 1.0);
}
`

... or the provided fragment shader, for example, or for direct usage (with glslify).

See Also

$3

- @tomorrowevening has developed a cool demo that explores the method and ways to use it.

$3

- Original use in tendrils.
- ofxFlowTools article and code.
- PixelFlow.
- Thomas DieWald.
- Adam Ferriss.
- ofxMIOFlowGLSL, based on work by Andrew Benson.
- glslify`.