Bladeren bron

Examples: Fix FXAA demo. (#26927)

* Examples: Fix FXAA demo.

* Examples: Update screenshot.
Michael Herzog 1 jaar geleden
bovenliggende
commit
72385dfdbb
2 gewijzigde bestanden met toevoegingen van 7 en 7 verwijderingen
  1. BIN
      examples/screenshots/webgl_postprocessing_fxaa.jpg
  2. 7 7
      examples/webgl_postprocessing_fxaa.html

BIN
examples/screenshots/webgl_postprocessing_fxaa.jpg


+ 7 - 7
examples/webgl_postprocessing_fxaa.html

@@ -49,7 +49,7 @@
 			import { EffectComposer } from 'three/addons/postprocessing/EffectComposer.js';
 			import { RenderPass } from 'three/addons/postprocessing/RenderPass.js';
 			import { ShaderPass } from 'three/addons/postprocessing/ShaderPass.js';
-			import { ColorCorrectionShader } from 'three/addons/shaders/ColorCorrectionShader.js';
+			import { OutputPass } from 'three/addons/postprocessing/OutputPass.js';
 			import { FXAAShader } from 'three/addons/shaders/FXAAShader.js';
 
 			let camera, scene, renderer, clock, group, container;
@@ -72,11 +72,11 @@
 
 				//
 
-				const hemiLight = new THREE.HemisphereLight( 0xffffff, 0x8d8d8d, 3 );
+				const hemiLight = new THREE.HemisphereLight( 0xffffff, 0x8d8d8d );
 				hemiLight.position.set( 0, 1000, 0 );
 				scene.add( hemiLight );
 
-				const dirLight = new THREE.DirectionalLight( 0xffffff, 2.5 );
+				const dirLight = new THREE.DirectionalLight( 0xffffff, 3 );
 				dirLight.position.set( - 3000, 1000, - 1000 );
 				scene.add( dirLight );
 
@@ -124,11 +124,11 @@
 
 				fxaaPass = new ShaderPass( FXAAShader );
 
-				const colorCorrectionPass = new ShaderPass( ColorCorrectionShader );
+				const outputPass = new OutputPass();
 
 				composer1 = new EffectComposer( renderer );
 				composer1.addPass( renderPass );
-				composer1.addPass( colorCorrectionPass );
+				composer1.addPass( outputPass );
 
 				//
 
@@ -139,9 +139,9 @@
 
 				composer2 = new EffectComposer( renderer );
 				composer2.addPass( renderPass );
-				composer2.addPass( colorCorrectionPass );
+				composer2.addPass( outputPass );
 
-				// FXAA is engineered to be applied towards the end of engine post processing after conversion to low dynamic range and conversion to the sRGB color space for display.´
+				// FXAA is engineered to be applied towards the end of engine post processing after conversion to low dynamic range and conversion to the sRGB color space for display.
 
 				composer2.addPass( fxaaPass );