Sfoglia il codice sorgente

Fixed postprocessing demo.

Inverse mask effect stopped working as it depended on buggy stencil buffer being always turned on due to spelling error (which got fixed recently).
alteredq 13 anni fa
parent
commit
05f86c7438
1 ha cambiato i file con 9 aggiunte e 7 eliminazioni
  1. 9 7
      examples/webgl_postprocessing.html

+ 9 - 7
examples/webgl_postprocessing.html

@@ -202,12 +202,19 @@
 
 
 				//
 				//
 
 
+				rtParameters = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBFormat, stencilBuffer: true };
+
+				var rtWidth  = window.innerWidth / 2;
+				var rtHeight = window.innerHeight / 2;
+
+				//
+
 				var renderBackground = new THREE.RenderPass( sceneBG, cameraOrtho );
 				var renderBackground = new THREE.RenderPass( sceneBG, cameraOrtho );
 				var renderModel = new THREE.RenderPass( sceneModel, cameraPerspective );
 				var renderModel = new THREE.RenderPass( sceneModel, cameraPerspective );
 
 
 				renderModel.clear = false;
 				renderModel.clear = false;
 
 
-				composerScene = new THREE.EffectComposer( renderer );
+				composerScene = new THREE.EffectComposer( renderer, new THREE.WebGLRenderTarget( rtWidth * 2, rtHeight * 2, rtParameters ) );
 
 
 				composerScene.addPass( renderBackground );
 				composerScene.addPass( renderBackground );
 				composerScene.addPass( renderModel );
 				composerScene.addPass( renderModel );
@@ -220,11 +227,6 @@
 
 
 				renderScene = new THREE.TexturePass( composerScene.renderTarget2 );
 				renderScene = new THREE.TexturePass( composerScene.renderTarget2 );
 
 
-				rtParameters = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBFormat, stencilBuffer: true };
-
-				var rtWidth  = window.innerWidth / 2;
-				var rtHeight = window.innerHeight / 2;
-
 				//
 				//
 
 
 				composer1 = new THREE.EffectComposer( renderer, new THREE.WebGLRenderTarget( rtWidth, rtHeight, rtParameters ) );
 				composer1 = new THREE.EffectComposer( renderer, new THREE.WebGLRenderTarget( rtWidth, rtHeight, rtParameters ) );
@@ -299,7 +301,7 @@
 
 
 				cameraOrtho.updateProjectionMatrix();
 				cameraOrtho.updateProjectionMatrix();
 
 
-				composerScene.reset();
+				composerScene.reset( new THREE.WebGLRenderTarget( halfWidth * 2, halfHeight * 2, rtParameters ) );
 
 
 				composer1.reset( new THREE.WebGLRenderTarget( halfWidth, halfHeight, rtParameters ) );
 				composer1.reset( new THREE.WebGLRenderTarget( halfWidth, halfHeight, rtParameters ) );
 				composer2.reset( new THREE.WebGLRenderTarget( halfWidth, halfHeight, rtParameters ) );
 				composer2.reset( new THREE.WebGLRenderTarget( halfWidth, halfHeight, rtParameters ) );