1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- /**
- * @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.camera = new THREE.OrthographicCamera( - 1, 1, 1, - 1, 0, 1 );
- this.scene = new THREE.Scene();
- this.quad = new THREE.Mesh( new THREE.PlaneBufferGeometry( 2, 2 ), null );
- this.quad.frustumCulled = false;
- this.scene.add( this.quad );
- };
- THREE.HalftonePass.prototype = Object.assign( Object.create( THREE.Pass.prototype ), {
- constructor: THREE.HalftonePass,
- render: function ( renderer, writeBuffer, readBuffer, delta, maskActive ) {
- this.material.uniforms[ "tDiffuse" ].value = readBuffer.texture;
- this.quad.material = this.material;
- if ( this.renderToScreen ) {
- renderer.render( this.scene, this.camera );
- } else {
- renderer.render( this.scene, this.camera, writeBuffer, this.clear );
- }
- },
- setSize: function ( width, height ) {
- this.uniforms.width.value = width;
- this.uniforms.height.value = height;
- }
- } );
|