You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
1.6 KiB
73 lines
1.6 KiB
/**
|
|
* @author meatbags / xavierburrow.com, github/meatbags
|
|
*
|
|
* RGB Halftone pass for three.js effects composer. Requires THREE.HalftoneShader.
|
|
*
|
|
*/
|
|
|
|
THREE.HalftonePass = function ( width, height, params ) {
|
|
|
|
THREE.Pass.call( this );
|
|
|
|
if ( THREE.HalftoneShader === undefined ) {
|
|
|
|
console.error( 'THREE.HalftonePass requires THREE.HalftoneShader' );
|
|
|
|
}
|
|
|
|
this.uniforms = THREE.UniformsUtils.clone( THREE.HalftoneShader.uniforms );
|
|
this.material = new THREE.ShaderMaterial( {
|
|
uniforms: this.uniforms,
|
|
fragmentShader: THREE.HalftoneShader.fragmentShader,
|
|
vertexShader: THREE.HalftoneShader.vertexShader
|
|
} );
|
|
|
|
// set params
|
|
this.uniforms.width.value = width;
|
|
this.uniforms.height.value = height;
|
|
|
|
for ( var key in params ) {
|
|
|
|
if ( params.hasOwnProperty( key ) && this.uniforms.hasOwnProperty( key ) ) {
|
|
|
|
this.uniforms[ key ].value = params[ key ];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.fsQuad = new THREE.Pass.FullScreenQuad( this.material );
|
|
|
|
};
|
|
|
|
THREE.HalftonePass.prototype = Object.assign( Object.create( THREE.Pass.prototype ), {
|
|
|
|
constructor: THREE.HalftonePass,
|
|
|
|
render: function ( renderer, writeBuffer, readBuffer, deltaTime, maskActive ) {
|
|
|
|
this.material.uniforms[ "tDiffuse" ].value = readBuffer.texture;
|
|
|
|
if ( this.renderToScreen ) {
|
|
|
|
renderer.setRenderTarget( null );
|
|
this.fsQuad.render( renderer );
|
|
|
|
} else {
|
|
|
|
renderer.setRenderTarget( writeBuffer );
|
|
if ( this.clear ) renderer.clear();
|
|
this.fsQuad.render( renderer );
|
|
|
|
}
|
|
|
|
},
|
|
|
|
setSize: function ( width, height ) {
|
|
|
|
this.uniforms.width.value = width;
|
|
this.uniforms.height.value = height;
|
|
|
|
}
|
|
} );
|