Pārlūkot izejas kodu

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 gadi atpakaļ
vecāks
revīzija
05f86c7438
1 mainītis faili ar 9 papildinājumiem un 7 dzēšanām
  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 ) );