Simple PostProcessing on three.js
npm install three-post-processing``html`
#### npm
or you can get from npm.
`bash`
$ npm i three-post-processing
##### Import
`javascript`
import TPP from 'three-post-processing';
#### Create Post Processing
`javascript
this.uniforms = {
time:{
value: 0
}
}
let pp1 = {
fragmentShader: require('./post-processing1.glsl'),
uniforms:this.uniforms
};
let pp2 = {
fragmentShader: require('./post-processing2.glsl'),
uniforms:this.uniforms,
}
this.pp_params = [pp1,pp2];
this.tpp = new TPP(this.renderer,this.pp_params);
`
#### Render Post Processing
`javascript
//update post-processing uniforms
this.uniforms.time.value += 0.01;
//render scene with post-processing
this.tpp.render(this.scene,this.camera);
``