BloomPass.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. /**
  2. * @author alteredq / http://alteredqualia.com/
  3. */
  4. THREE.BloomPass = function( strength, kernelSize, sigma, resolution ) {
  5. strength = ( strength !== undefined ) ? strength : 1;
  6. kernelSize = ( kernelSize !== undefined ) ? kernelSize : 25;
  7. sigma = ( sigma !== undefined ) ? sigma : 4.0;
  8. resolution = ( resolution !== undefined ) ? resolution : 256;
  9. // render targets
  10. var pars = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBFormat };
  11. this.renderTargetX = new THREE.WebGLRenderTarget( resolution, resolution, pars );
  12. this.renderTargetY = new THREE.WebGLRenderTarget( resolution, resolution, pars );
  13. // screen material
  14. var screenShader = THREE.ShaderExtras[ "screen" ];
  15. this.screenUniforms = THREE.UniformsUtils.clone( screenShader.uniforms );
  16. this.screenUniforms[ "opacity" ].value = strength;
  17. this.materialScreen = new THREE.MeshShaderMaterial( {
  18. uniforms: this.screenUniforms,
  19. vertexShader: screenShader.vertexShader,
  20. fragmentShader: screenShader.fragmentShader,
  21. blending: THREE.AdditiveBlending,
  22. transparent: true
  23. } );
  24. // convolution material
  25. var convolutionShader = THREE.ShaderExtras[ "convolution" ];
  26. this.convolutionUniforms = THREE.UniformsUtils.clone( convolutionShader.uniforms );
  27. this.convolutionUniforms[ "uImageIncrement" ].value = THREE.BloomPass.blurx;
  28. this.convolutionUniforms[ "cKernel" ].value = THREE.ShaderExtras.buildKernel( sigma );
  29. this.materialConvolution = new THREE.MeshShaderMaterial( {
  30. uniforms: this.convolutionUniforms,
  31. vertexShader: "#define KERNEL_SIZE " + kernelSize + ".0\n" + convolutionShader.vertexShader,
  32. fragmentShader: "#define KERNEL_SIZE " + kernelSize + "\n" + convolutionShader.fragmentShader
  33. } );
  34. this.needsSwap = false;
  35. this.clear = false;
  36. };
  37. THREE.BloomPass.prototype = {
  38. render: function ( renderer, writeBuffer, readBuffer, delta, maskActive ) {
  39. if ( maskActive ) renderer.context.disable( renderer.context.STENCIL_TEST );
  40. // Render quad with blured scene into texture (convolution pass 1)
  41. THREE.EffectComposer.quad.materials[ 0 ] = this.materialConvolution;
  42. this.convolutionUniforms[ "tDiffuse" ].texture = readBuffer;
  43. this.convolutionUniforms[ "uImageIncrement" ].value = THREE.BloomPass.blurX;
  44. renderer.render( THREE.EffectComposer.scene, THREE.EffectComposer.camera, this.renderTargetX, true );
  45. // Render quad with blured scene into texture (convolution pass 2)
  46. this.convolutionUniforms[ "tDiffuse" ].texture = this.renderTargetX;
  47. this.convolutionUniforms[ "uImageIncrement" ].value = THREE.BloomPass.blurY;
  48. renderer.render( THREE.EffectComposer.scene, THREE.EffectComposer.camera, this.renderTargetY, true );
  49. // Render original scene with superimposed blur to texture
  50. THREE.EffectComposer.quad.materials[ 0 ] = this.materialScreen;
  51. this.screenUniforms[ "tDiffuse" ].texture = this.renderTargetY;
  52. if ( maskActive ) renderer.context.enable( renderer.context.STENCIL_TEST );
  53. renderer.render( THREE.EffectComposer.scene, THREE.EffectComposer.camera, readBuffer, this.clear );
  54. }
  55. };
  56. THREE.BloomPass.blurX = new THREE.Vector2( 0.001953125, 0.0 );
  57. THREE.BloomPass.blurY = new THREE.Vector2( 0.0, 0.001953125 );