EffectComposer.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. /**
  2. * @author alteredq / http://alteredqualia.com/
  3. */
  4. THREE.EffectComposer = function( renderer, renderTarget ) {
  5. this.renderer = renderer;
  6. this.renderTarget1 = renderTarget;
  7. if ( this.renderTarget1 === undefined ) {
  8. this.renderTargetParameters = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBFormat, stencilBufer: false };
  9. this.renderTarget1 = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight, this.renderTargetParameters );
  10. }
  11. this.renderTarget2 = this.renderTarget1.clone();
  12. this.writeBuffer = this.renderTarget1;
  13. this.readBuffer = this.renderTarget2;
  14. this.passes = [];
  15. };
  16. THREE.EffectComposer.prototype = {
  17. swapBuffers: function() {
  18. var tmp = this.readBuffer;
  19. this.readBuffer = this.writeBuffer;
  20. this.writeBuffer = tmp;
  21. },
  22. addPass: function ( pass ) {
  23. this.passes.push( pass );
  24. },
  25. render: function ( delta ) {
  26. var i, il = this.passes.length;
  27. for ( i = 0; i < il; i ++ ) {
  28. this.passes[ i ].render( this.renderer, this.writeBuffer, this.readBuffer, delta );
  29. if ( this.passes[ i ].needsSwap ) {
  30. this.swapBuffers();
  31. }
  32. }
  33. },
  34. reset: function ( renderTarget ) {
  35. this.renderTarget1 = renderTarget;
  36. if ( this.renderTarget1 === undefined ) {
  37. this.renderTarget1 = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight, this.renderTargetParameters );
  38. }
  39. this.renderTarget2 = this.renderTarget1.clone();
  40. this.writeBuffer = this.renderTarget1;
  41. this.readBuffer = this.renderTarget2;
  42. THREE.EffectComposer.quad.scale.set( window.innerWidth, window.innerHeight, 1 );
  43. THREE.EffectComposer.camera.left = window.innerWidth / - 2;
  44. THREE.EffectComposer.camera.right = window.innerWidth / 2;
  45. THREE.EffectComposer.camera.top = window.innerHeight / 2;
  46. THREE.EffectComposer.camera.bottom = window.innerHeight / - 2;
  47. THREE.EffectComposer.camera.updateProjectionMatrix();
  48. }
  49. };
  50. // shared fullscreen quad scene
  51. THREE.EffectComposer.geometry = new THREE.PlaneGeometry( 1, 1 );
  52. THREE.EffectComposer.quad = new THREE.Mesh( THREE.EffectComposer.geometry, null );
  53. THREE.EffectComposer.quad.position.z = -100;
  54. THREE.EffectComposer.quad.scale.set( window.innerWidth, window.innerHeight, 1 );
  55. THREE.EffectComposer.scene = new THREE.Scene();
  56. THREE.EffectComposer.scene.addObject( THREE.EffectComposer.quad );
  57. // shared ortho camera
  58. THREE.EffectComposer.camera = new THREE.OrthoCamera( window.innerWidth / - 2, window.innerWidth / 2, window.innerHeight / 2, window.innerHeight / - 2, -10000, 10000 );