forked from sent/waves
144 lines
3.6 KiB
JavaScript
144 lines
3.6 KiB
JavaScript
/**
|
|
* @author alteredq / http://alteredqualia.com/
|
|
*/
|
|
|
|
THREE.EffectComposer = function ( renderer, renderTarget ) {
|
|
|
|
this.renderer = renderer;
|
|
|
|
this.renderTarget1 = renderTarget;
|
|
|
|
if ( this.renderTarget1 === undefined ) {
|
|
|
|
var width = window.innerWidth || 1;
|
|
var height = window.innerHeight || 1;
|
|
|
|
this.renderTargetParameters = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBFormat, stencilBuffer: false };
|
|
this.renderTarget1 = new THREE.WebGLRenderTarget( width, height, this.renderTargetParameters );
|
|
|
|
}
|
|
|
|
this.renderTarget2 = this.renderTarget1.clone();
|
|
|
|
this.writeBuffer = this.renderTarget1;
|
|
this.readBuffer = this.renderTarget2;
|
|
|
|
this.passes = [];
|
|
|
|
this.copyPass = new THREE.ShaderPass( THREE.ShaderExtras[ "screen" ] );
|
|
|
|
};
|
|
|
|
THREE.EffectComposer.prototype = {
|
|
|
|
swapBuffers: function() {
|
|
|
|
var tmp = this.readBuffer;
|
|
this.readBuffer = this.writeBuffer;
|
|
this.writeBuffer = tmp;
|
|
|
|
},
|
|
|
|
addPass: function ( pass ) {
|
|
|
|
this.passes.push( 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 ) {
|
|
|
|
this.renderTarget1 = renderTarget;
|
|
|
|
if ( this.renderTarget1 === undefined ) {
|
|
|
|
this.renderTarget1 = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight, this.renderTargetParameters );
|
|
|
|
}
|
|
|
|
this.renderTarget2 = this.renderTarget1.clone();
|
|
|
|
this.writeBuffer = this.renderTarget1;
|
|
this.readBuffer = this.renderTarget2;
|
|
|
|
THREE.EffectComposer.quad.scale.set( window.innerWidth, window.innerHeight, 1 );
|
|
|
|
THREE.EffectComposer.camera.left = window.innerWidth / - 2;
|
|
THREE.EffectComposer.camera.right = window.innerWidth / 2;
|
|
THREE.EffectComposer.camera.top = window.innerHeight / 2;
|
|
THREE.EffectComposer.camera.bottom = window.innerHeight / - 2;
|
|
|
|
THREE.EffectComposer.camera.updateProjectionMatrix();
|
|
|
|
}
|
|
|
|
};
|
|
|
|
// shared ortho camera
|
|
|
|
THREE.EffectComposer.initWidth = window.innerWidth || 1;
|
|
THREE.EffectComposer.initHeight = window.innerHeight || 1;
|
|
|
|
THREE.EffectComposer.camera = new THREE.OrthographicCamera( THREE.EffectComposer.initWidth / - 2, THREE.EffectComposer.initWidth / 2, THREE.EffectComposer.initHeight / 2, THREE.EffectComposer.initHeight / - 2, -10000, 10000 );
|
|
|
|
// shared fullscreen quad scene
|
|
|
|
THREE.EffectComposer.geometry = new THREE.PlaneGeometry( 1, 1 );
|
|
THREE.EffectComposer.geometry.applyMatrix( new THREE.Matrix4().makeRotationX( Math.PI / 2 ) );
|
|
|
|
THREE.EffectComposer.quad = new THREE.Mesh( THREE.EffectComposer.geometry, null );
|
|
THREE.EffectComposer.quad.position.z = -100;
|
|
THREE.EffectComposer.quad.scale.set( THREE.EffectComposer.initWidth, THREE.EffectComposer.initHeight, 1 );
|
|
|
|
THREE.EffectComposer.scene = new THREE.Scene();
|
|
THREE.EffectComposer.scene.add( THREE.EffectComposer.quad );
|
|
THREE.EffectComposer.scene.add( THREE.EffectComposer.camera );
|