threejs-postprocess

Collection of post process module for three.js

Demo

Demo pages

Getting Started

Install

npm i -D @masatomakino/threejs-postprocess

Import

threejs-postprocess is composed of ES6 modules and TypeScript d.ts files.

At first, import classes,

import {
  PostProcessRenderer,
  ChromaticAberrationShaderPass,
} from "@masatomakino/threejs-postprocess";

create PostProcessRenderer instance

const postProcessRender = new PostProcessRenderer(scene, camera, renderer);

create Pass instance

const pass = new ChromaticAberrationShaderPass();

add Pass array to PostProcessRenderer

postProcessRender.addComposer([pass]);

addComposer function create PostProcessEffectComposer and add it into effect rendering pass.

render

RAFTicker.on("tick", postProcessRender.render);

API documents

API documents

License

MIT licensed.