Class: RenderPasses

RenderPasses()

List of predefined Render Passes for Post Processing. Parameters required are shown as a warning in the JS console.

Constructor

new RenderPasses()

Source:: RenderPasses.js, line 48

Example

import Points, { RenderPass, RenderPasses } from 'points';
const points = new Points('canvas');

// option 1: along with the RenderPasses pased into `Points.init()`
let renderPasses = [
    new RenderPass(vert1, frag1, compute1),
    new RenderPass(vert2, frag2, compute2)
];

// option 2: calling `points.addRenderPass()` method
points.addRenderPass(RenderPasses.GRAYSCALE);
points.addRenderPass(RenderPasses.CHROMATIC_ABERRATION, { distance: .02 });
points.addRenderPass(RenderPasses.COLOR, { color: [.5, 1, 0, 1], blendAmount: .5 });
points.addRenderPass(RenderPasses.PIXELATE);
points.addRenderPass(RenderPasses.LENS_DISTORTION);
points.addRenderPass(RenderPasses.FILM_GRAIN);
points.addRenderPass(RenderPasses.BLOOM);
points.addRenderPass(RenderPasses.BLUR, { resolution: [100, 100], direction: [.4, 0], radians: 0 });
points.addRenderPass(RenderPasses.WAVES, { scale: .05 });

await points.init(renderPasses);

points.update(update);

function update() {
// update uniforms and other animation variables
}

Members

BLOOM RenderPass

Apply a bloom RenderPass

Source:: RenderPasses.js, line 97

Example

points.addRenderPass(RenderPasses.BLOOM);

BLUR RenderPass

Apply a blur RenderPass

Source:: RenderPasses.js, line 104

Example

points.addRenderPass(RenderPasses.BLUR, { resolution: [100, 100], direction: [.4, 0], radians: 0 });

CHROMATIC_ABERRATION RenderPass

Apply a chromatic aberration RenderPass

Source:: RenderPasses.js, line 69

Example

points.addRenderPass(RenderPasses.CHROMATIC_ABERRATION, { distance: .02 });

COLOR RenderPass

Apply a color RenderPass

Source:: RenderPasses.js, line 55

Example

points.addRenderPass(RenderPasses.COLOR, { color: [.5, 1, 0, 1], blendAmount: .5 });

CRT RenderPass

Apply a CRT tv pixels effect RenderPass

Source:: RenderPasses.js, line 118

Example

points.addRenderPass(RenderPasses.CRT, { scale: .05 });

FILM_GRAIN RenderPass

Apply a film grain RenderPass

Source:: RenderPasses.js, line 90

Example

points.addRenderPass(RenderPasses.FILM_GRAIN);

GRAYSCALE RenderPass

Apply a grayscale RenderPass

Source:: RenderPasses.js, line 62

Example

points.addRenderPass(RenderPasses.GRAYSCALE);

LENS_DISTORTION RenderPass

Apply a lens distortion RenderPass

Source:: RenderPasses.js, line 83

Example

points.addRenderPass(RenderPasses.LENS_DISTORTION);

PIXELATE RenderPass

Apply a pixelation RenderPass

Source:: RenderPasses.js, line 76

Example

points.addRenderPass(RenderPasses.PIXELATE);

WAVES RenderPass

Apply a waives noise RenderPass

Source:: RenderPasses.js, line 111

Example

points.addRenderPass(RenderPasses.WAVES, { scale: .05 });