Quellcode durchsuchen

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 vor 13 Jahren
Ursprung
Commit
05f86c7438
1 geänderte Dateien mit 9 neuen und 7 gelöschten Zeilen
  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 renderModel = new THREE.RenderPass( sceneModel, cameraPerspective );
 
 				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( renderModel );
@@ -220,11 +227,6 @@
 
 				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 ) );
@@ -299,7 +301,7 @@
 
 				cameraOrtho.updateProjectionMatrix();
 
-				composerScene.reset();
+				composerScene.reset( new THREE.WebGLRenderTarget( halfWidth * 2, halfHeight * 2, rtParameters ) );
 
 				composer1.reset( new THREE.WebGLRenderTarget( halfWidth, halfHeight, rtParameters ) );
 				composer2.reset( new THREE.WebGLRenderTarget( halfWidth, halfHeight, rtParameters ) );