topical media & game development

talk show tell print

mobile-query-three-vendor-three.js-postprocessing-EffectComposer.js / js



  

author: alteredq / alteredqualia.com/

  
  
  THREE.EffectComposer = function ( renderer, renderTarget ) {
  
          this.renderer = renderer;
  
          if ( renderTarget === undefined ) {
  
                  var width = window.innerWidth || 1;
                  var height = window.innerHeight || 1;
                  var parameters = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBFormat, stencilBuffer: false };
  
                  renderTarget = new THREE.WebGLRenderTarget( width, height, parameters );
  
          }
  
          this.renderTarget1 = renderTarget;
          this.renderTarget2 = renderTarget.clone();
  
          this.writeBuffer = this.renderTarget1;
          this.readBuffer = this.renderTarget2;
  
          this.passes = [];
  
          if ( THREE.CopyShader === undefined )
                  console.error( "THREE.EffectComposer relies on THREE.CopyShader" );
  
          this.copyPass = new THREE.ShaderPass( THREE.CopyShader );
  
  };
  
  THREE.EffectComposer.prototype = {
  
          swapBuffers: function() {
  
                  var tmp = this.readBuffer;
                  this.readBuffer = this.writeBuffer;
                  this.writeBuffer = tmp;
  
          },
  
          addPass: function ( pass ) {
  
                  this.passes.push( pass );
  
          },
  
          insertPass: function ( pass, index ) {
  
                  this.passes.splice( index, 0, pass );
  
          },
  
          render: function ( delta ) {
  
                  this.writeBuffer = this.renderTarget1;
                  this.readBuffer = this.renderTarget2;
  
                  var maskActive = false;
  
                  var pass, i, il = this.passes.length;
  
                  for ( i = 0; i < il; i ++ ) {
  
                          pass = this.passes[ i ];
  
                          if ( !pass.enabled ) continue;
  
                          pass.render( this.renderer, this.writeBuffer, this.readBuffer, delta, maskActive );
  
                          if ( pass.needsSwap ) {
  
                                  if ( maskActive ) {
  
                                          var context = this.renderer.context;
  
                                          context.stencilFunc( context.NOTEQUAL, 1, 0xffffffff );
  
                                          this.copyPass.render( this.renderer, this.writeBuffer, this.readBuffer, delta );
  
                                          context.stencilFunc( context.EQUAL, 1, 0xffffffff );
  
                                  }
  
                                  this.swapBuffers();
  
                          }
  
                          if ( pass instanceof THREE.MaskPass ) {
  
                                  maskActive = true;
  
                          } else if ( pass instanceof THREE.ClearMaskPass ) {
  
                                  maskActive = false;
  
                          }
  
                  }
  
          },
  
          reset: function ( renderTarget ) {
  
                  if ( renderTarget === undefined ) {
  
                          renderTarget = this.renderTarget1.clone();
  
                          renderTarget.width = window.innerWidth;
                          renderTarget.height = window.innerHeight;
  
                  }
  
                  this.renderTarget1 = renderTarget;
                  this.renderTarget2 = renderTarget.clone();
  
                  this.writeBuffer = this.renderTarget1;
                  this.readBuffer = this.renderTarget2;
  
          },
  
          setSize: function ( width, height ) {
  
                  var renderTarget = this.renderTarget1.clone();
  
                  renderTarget.width = width;
                  renderTarget.height = height;
  
                  this.reset( renderTarget );
  
          }
  
  };
  
  // shared ortho camera
  
  THREE.EffectComposer.camera = new THREE.OrthographicCamera( -1, 1, 1, -1, 0, 1 );
  
  THREE.EffectComposer.quad = new THREE.Mesh( new THREE.PlaneGeometry( 2, 2 ), null );
  
  THREE.EffectComposer.scene = new THREE.Scene();
  THREE.EffectComposer.scene.add( THREE.EffectComposer.quad );
  


(C) Æliens 04/09/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.