glsl-rfft

GLSL setup for performing a Fast Fourier Transform of real-valued input

$ cnpm install glsl-rfft

SYNC missed versions from
official npm registry.

GLSL setup for performing a Fast Fourier Transform of real-valued input

```
$ npm install glsl-rfft
```

```
var rfft = require('glsl-rfft');
// Set up a forward transform:
var forwardTransform = rfft({
width: 4,
height: 4,
input: 0,
ping: 1,
pong: 2,
output: 0,
forward: true,
splitNormalization: true
}));
// Output is a list of passes:
// => [{
// operation: 'fft',
// passes:[
// {horizontal: true, forward: true, resolution: [0.25, 0.25], subtransformSize: 2, input: 0, output: 2},
// {horizontal: true, forward: true, resolution: [0.25, 0.25], subtransformSize: 4, input: 2, output: 1}
// ]
// }, {
// operation: 'untangle',
// passes:[
// {resolution: [0.25, 0.25], horizontal: true, normalization: 0.5, input: 1, output: 2}
// ]},
// {
// operation: 'fft',
// passes:[
// {horizontal: false, forward: true, resolution: [0.25, 0.25], subtransformSize: 2, input: 2, output: 1},
// {horizontal: false, forward: true, resolution: [0.25, 0.25], subtransformSize: 4, input: 1, output: 2}
// ]
// },{
// operation: 'untangle',
// passes:[
// {resolution: [0.25, 0.25], horizontal: false, normalization: 0.5, input: 2, output: 0}
// ]
// }]
```

Usage of the GLSL fragment shader using the above parameters as uniforms for the `fft`

phase:

```
precision highp float;
#pragma glslify: fft = require(glsl-rfft/fft)
uniform sampler2D src;
uniform vec2 resolution;
uniform float subtransformSize;
uniform bool horizontal, forward;
void main () {
gl_FragColor = fft(src, resolution, subtransformSize, horizontal, forward);
}
```

See test/test.js for a fully worked forward and inverse transform using regl.

This shader computes the 2D Fast Fourier Transform of four real-valued input matrices contained in a single four-channel floating point (or half float) WebGL texture. Each channel contains one of four real-valued input matrices. The results match and are tested against ndarray-fft.

The output follows the format of Moreland and Angel [1]. To within a sign, it contains every unique entry of the full complex FFT, but the output is compressed to fit in the same storage space as the input. See [1] for more details.

This module does not interface with WebGL or have WebGL-specific peer dependencies. It only performs the setup work and exposes a fragment shader that performs the Fourier transform.

This module is designed for use with glslify, though it's not required. It also works relatively effortlessly with regl, though that's also not required. At minimum, you'll need no less than two float or half-float WebGL framebuffers, including input, output, and two buffers to ping-pong back and forth between during the passes. The ping-pong framebuffers may include the input and output framebuffers as long as the parity of the number of steps permits the final output without requiring an extra copy operation.

The size of the textures must be a power of two, but not necessarily square.

As far as FFTs go, it's not great, in particular since it makes quite a few calls to `sin`

and `cos`

and requires `log2(M) + log2(N) + 2`

passes for `M x N`

input. Though it's much faster than transferring data to and from the GPU each time you need to compute a Fourier transform.

`require('glsl-rfft')(options)`

Perform the setup work required to compute the real-valued FFT. Input arguments are:

`input`

(`Any`

): An identifier or object for the input framebuffer.`output`

(`Any`

): An identifier or object for the final output framebuffer.`ping`

(`Any`

): An identifier or object for the first ping-pong framebuffer.`pong`

(`Any`

): An identifier or object for the second ping-pong framebuffer.`forward`

(`Boolean`

):`true`

if the transform is in the forward direction.`size`

(`Number`

): size of the input, equal to the`width`

and`height`

. Must be a power of two.`width`

(`Number`

): width of the input. Must be a power of two. Ignored if`size`

is specified.`height`

(`Number`

): height of the input. Must be a power of two. Ignored if`size`

is specifid.`splitNormalization`

: (`Boolean`

): If`true`

, normalize by`1 / √(width * height)`

on both the forward and inverse transforms. If`false`

, normalize by`1 / (width * height)`

on only the inverse transform. Default is`true`

. Provided to avoid catastrophic overflow during the forward transform when using half-float textures. One-way transforms will match ndarray-fft only if`false`

.

Returns a list of phases. Each phase is identified by the name of the the corresponding fragment shader and a list of uniforms for each individual pass. Each pass must be rendered to a full-screen quad or triangle from the input specified by `input`

and to the output specified by `output`

.

`#pragma glslify: fft = require(glsl-rfft/fft)`

`vec4 fft(sampler2D src, vec2 resolution, float subtransformSize, bool horizontal, bool forward)`

Returns the `gl_FragColor`

in order to perform a single pass of the FFT comptuation. Uniforms map directly to the output of the JavaScript setup function, with the exception of `src`

which is a `sampler2D`

for the input framebuffer or texture.

`#pragma glslify: untangle = require(glsl-rfft/untangle)`

`vec4 untangle(sampler2D src, vec2 resolution, bool horizontal, float normalization)`

Returns the `gl_FragColor`

in order to untangle the output from a pass of the FFT computation.

`#pragma glslify: tangle = require(glsl-rfft/tangle)`

`vec4 tangle(sampler2D src, vec2 resolution, bool horizontal, float normalization)`

Returns the `gl_FragColor`

in order to tangle the output from a pass of the FFT computation.

[1] Moreland, K., Angel, E., The FFT on a GPU, Graphics Hardware (2003).

© Ricky Reusser 2017. MIT License. Based on the filtering example of David Li. See LICENSE for more details.

- 1.0.2 ... latest (3 years ago)

Maintainers (11)

Downloads

Today
0

This Week
0

This Month
0

Last Day
0

Last Week
0

Last Month
1

Dependencies (0)

None
Dev Dependencies (30)

- almost-equal ^1.1.0
- bankai ^9.0.0-rc9
- brfs ^1.4.3
- budo ^10.0.4
- dependency-check ^2.9.1
- envify ^4.1.0
- es2040 ^1.2.6
- fail-nicely ^2.0.0
- glsl-noise 0.0.0
- glslify ^6.1.0
- h ^0.1.0
- html-inject-github-corner ^2.0.0
- html-inject-meta ^3.0.0
- indexhtmlify ^1.3.1
- insert-css ^2.0.0
- iota-array ^1.0.0
- is-mobile ^0.2.2
- is-power-of-two ^1.0.0
- ndarray ^1.0.18
- ndarray-fft ^1.0.3
- ndarray-ops ^1.2.2
- ndarray-scratch ^1.2.0
- ndarray-show ^2.0.0
- ndarray-tests ^1.3.0
- phantomjs ^2.1.7
- regl ^1.3.0
- resl ^1.0.3
- tap-spec ^4.1.1
- testling ^1.7.1
- uglify-js ^3.1.6

Dependents (0)

None
Copyright 2014 - 2016 © taobao.org |