HalftonePass.js 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. console.warn( "THREE.HalftonePass: As part of the transition to ES6 Modules, the files in 'examples/js' were deprecated in May 2020 (r117) and will be deleted in December 2020 (r124). You can find more information about developing using ES6 Modules in https://threejs.org/docs/index.html#manual/en/introduction/Import-via-modules." );
  2. /**
  3. * @author meatbags / xavierburrow.com, github/meatbags
  4. *
  5. * RGB Halftone pass for three.js effects composer. Requires THREE.HalftoneShader.
  6. *
  7. */
  8. THREE.HalftonePass = function ( width, height, params ) {
  9. THREE.Pass.call( this );
  10. if ( THREE.HalftoneShader === undefined ) {
  11. console.error( 'THREE.HalftonePass requires THREE.HalftoneShader' );
  12. }
  13. this.uniforms = THREE.UniformsUtils.clone( THREE.HalftoneShader.uniforms );
  14. this.material = new THREE.ShaderMaterial( {
  15. uniforms: this.uniforms,
  16. fragmentShader: THREE.HalftoneShader.fragmentShader,
  17. vertexShader: THREE.HalftoneShader.vertexShader
  18. } );
  19. // set params
  20. this.uniforms.width.value = width;
  21. this.uniforms.height.value = height;
  22. for ( var key in params ) {
  23. if ( params.hasOwnProperty( key ) && this.uniforms.hasOwnProperty( key ) ) {
  24. this.uniforms[ key ].value = params[ key ];
  25. }
  26. }
  27. this.fsQuad = new THREE.Pass.FullScreenQuad( this.material );
  28. };
  29. THREE.HalftonePass.prototype = Object.assign( Object.create( THREE.Pass.prototype ), {
  30. constructor: THREE.HalftonePass,
  31. render: function ( renderer, writeBuffer, readBuffer/*, deltaTime, maskActive*/ ) {
  32. this.material.uniforms[ "tDiffuse" ].value = readBuffer.texture;
  33. if ( this.renderToScreen ) {
  34. renderer.setRenderTarget( null );
  35. this.fsQuad.render( renderer );
  36. } else {
  37. renderer.setRenderTarget( writeBuffer );
  38. if ( this.clear ) renderer.clear();
  39. this.fsQuad.render( renderer );
  40. }
  41. },
  42. setSize: function ( width, height ) {
  43. this.uniforms.width.value = width;
  44. this.uniforms.height.value = height;
  45. }
  46. } );