Examples: More usage of `useLegacyLights=false`. (#26284)

* Examples: More usage of `useLegacyLights=false`.

* Examples: Update screenshots.

examples/webgl_postprocessing.html

@@ -44,6 +44,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 				document.body.appendChild( renderer.domElement );
 
 				//
@@ -71,9 +72,9 @@
 
 				}
 
-				scene.add( new THREE.AmbientLight( 0x666666 ) );
+				scene.add( new THREE.AmbientLight( 0xcccccc ) );
 
-				const light = new THREE.DirectionalLight( 0xffffff );
+				const light = new THREE.DirectionalLight( 0xffffff, 3 );
 				light.position.set( 1, 1, 1 );
 				scene.add( light );
 

examples/webgl_postprocessing_3dlut.html

@@ -124,6 +124,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 				renderer.toneMappingExposure = 1;
 				container.appendChild( renderer.domElement );

examples/webgl_postprocessing_advanced.html

@@ -91,7 +91,7 @@
 
 				//
 
-				directionalLight = new THREE.DirectionalLight( 0xffffff );
+				directionalLight = new THREE.DirectionalLight( 0xffffff, 3 );
 				directionalLight.position.set( 0, - 0.1, 1 ).normalize();
 				sceneModel.add( directionalLight );
 
@@ -131,6 +131,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( width, height );
+				renderer.useLegacyLights = false;
 				renderer.autoClear = false;
 
 				//

examples/webgl_postprocessing_afterimage.html

@@ -52,6 +52,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 				document.body.appendChild( renderer.domElement );
 
 				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 1000 );

examples/webgl_postprocessing_backgrounds.html

@@ -101,6 +101,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( devicePixelRatio );
 				renderer.setSize( width, height );
+				renderer.useLegacyLights = false;
 				document.body.appendChild( renderer.domElement );
 
 				stats = new Stats();
@@ -116,22 +117,22 @@
 				const group = new THREE.Group();
 				scene.add( group );
 
-				const light = new THREE.PointLight( 0xddffdd, 1.0 );
-				light.position.z = 70;
-				light.position.y = - 70;
-				light.position.x = - 70;
+				const light = new THREE.PointLight( 0xefffef, 500 );
+				light.position.z = 10;
+				light.position.y = - 10;
+				light.position.x = - 10;
 				scene.add( light );
 
-				const light2 = new THREE.PointLight( 0xffdddd, 1.0 );
-				light2.position.z = 70;
-				light2.position.x = - 70;
-				light2.position.y = 70;
+				const light2 = new THREE.PointLight( 0xffefef, 500 );
+				light2.position.z = 10;
+				light2.position.x = - 10;
+				light2.position.y = 10;
 				scene.add( light2 );
 
-				const light3 = new THREE.PointLight( 0xddddff, 1.0 );
-				light3.position.z = 70;
-				light3.position.x = 70;
-				light3.position.y = - 70;
+				const light3 = new THREE.PointLight( 0xefefff, 500 );
+				light3.position.z = 10;
+				light3.position.x = 10;
+				light3.position.y = - 10;
 				scene.add( light3 );
 
 				const geometry = new THREE.SphereGeometry( 1, 48, 24 );

examples/webgl_postprocessing_crossfade.html

@@ -131,20 +131,20 @@
 
 				for ( let i = 0; i < count; i ++ ) {
 
-					dummy.position.x = Math.random() * 10000 - 5000;
-					dummy.position.y = Math.random() * 6000 - 3000;
-					dummy.position.z = Math.random() * 8000 - 4000;
+					dummy.position.x = Math.random() * 100 - 50;
+					dummy.position.y = Math.random() * 60 - 30;
+					dummy.position.z = Math.random() * 80 - 40;
 
 					dummy.rotation.x = Math.random() * 2 * Math.PI;
 					dummy.rotation.y = Math.random() * 2 * Math.PI;
 					dummy.rotation.z = Math.random() * 2 * Math.PI;
 
-					dummy.scale.x = Math.random() * 200 + 100;
+					dummy.scale.x = Math.random() * 2 + 1;
 
 					if ( geometry.type === 'BoxGeometry' ) {
 
-						dummy.scale.y = Math.random() * 200 + 100;
-						dummy.scale.z = Math.random() * 200 + 100;
+						dummy.scale.y = Math.random() * 2 + 1;
+						dummy.scale.z = Math.random() * 2 + 1;
 
 					} else {
 
@@ -168,15 +168,15 @@
 
 				this.clearColor = clearColor;
 
-				const camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 10000 );
-				camera.position.z = 2000;
+				const camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 0.1, 100 );
+				camera.position.z = 20;
 
 				// Setup scene
 				const scene = new THREE.Scene();
-				scene.add( new THREE.AmbientLight( 0x555555 ) );
+				scene.add( new THREE.AmbientLight( 0xaaaaaa ) );
 
 				const light = new THREE.SpotLight( 0xffffff, 1.5 );
-				light.position.set( 0, 500, 2000 );
+				light.position.set( 0, 5, 20 );
 				scene.add( light );
 
 				this.rotationSpeed = rotationSpeed;

examples/webgl_postprocessing_dof.html

@@ -70,6 +70,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( width, height );
+				renderer.useLegacyLights = false;
 				container.appendChild( renderer.domElement );
 
 				const path = 'textures/cube/SwedishRoyalCastle/';

examples/webgl_postprocessing_dof2.html

@@ -75,6 +75,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 				renderer.autoClear = false;
 				container.appendChild( renderer.domElement );
 
@@ -190,13 +191,13 @@
 
 				// lights
 
-				scene.add( new THREE.AmbientLight( 0x666666 ) );
+				scene.add( new THREE.AmbientLight( 0xcccccc ) );
 
-				const directionalLight1 = new THREE.DirectionalLight( 0xffffff, 2 );
+				const directionalLight1 = new THREE.DirectionalLight( 0xffffff, 6 );
 				directionalLight1.position.set( 2, 1.2, 10 ).normalize();
 				scene.add( directionalLight1 );
 
-				const directionalLight2 = new THREE.DirectionalLight( 0xffffff, 1 );
+				const directionalLight2 = new THREE.DirectionalLight( 0xffffff, 3 );
 				directionalLight2.position.set( - 2, 1.2, - 10 ).normalize();
 				scene.add( directionalLight2 );
 

examples/webgl_postprocessing_fxaa.html

@@ -76,11 +76,11 @@
 
 				//
 
-				const hemiLight = new THREE.HemisphereLight( 0xffffff, 0x8d8d8d );
+				const hemiLight = new THREE.HemisphereLight( 0xffffff, 0x8d8d8d, 3 );
 				hemiLight.position.set( 0, 1000, 0 );
 				scene.add( hemiLight );
 
-				const dirLight = new THREE.DirectionalLight( 0xffffff, 0.8 );
+				const dirLight = new THREE.DirectionalLight( 0xffffff, 2.5 );
 				dirLight.position.set( - 3000, 1000, - 1000 );
 				scene.add( dirLight );
 
@@ -114,9 +114,10 @@
 				//
 
 				renderer = new THREE.WebGLRenderer();
-				renderer.autoClear = false;
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( container.offsetWidth, container.offsetHeight );
+				renderer.useLegacyLights = false;
+				renderer.autoClear = false;
 				container.appendChild( renderer.domElement );
 
 				//

examples/webgl_postprocessing_glitch.html

@@ -70,6 +70,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 				document.body.appendChild( renderer.domElement );
 
 				//
@@ -98,9 +99,9 @@
 
 				}
 
-				scene.add( new THREE.AmbientLight( 0x666666 ) );
+				scene.add( new THREE.AmbientLight( 0xcccccc ) );
 
-				light = new THREE.DirectionalLight( 0xffffff );
+				light = new THREE.DirectionalLight( 0xffffff, 3 );
 				light.position.set( 1, 1, 1 );
 				scene.add( light );
 

examples/webgl_postprocessing_godrays.html

@@ -100,6 +100,7 @@
 				renderer.setClearColor( 0xffffff );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 				container.appendChild( renderer.domElement );
 
 				renderer.autoClear = false;

examples/webgl_postprocessing_masking.html

@@ -57,6 +57,7 @@
 				renderer.setClearColor( 0xe0e0e0 );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 				renderer.autoClear = false;
 				document.body.appendChild( renderer.domElement );
 

examples/webgl_postprocessing_outline.html

@@ -130,6 +130,7 @@
 				const height = window.innerHeight;
 
 				renderer = new THREE.WebGLRenderer();
+				renderer.useLegacyLights = false;
 				renderer.shadowMap.enabled = true;
 				// todo - support pixelRatio in this demo
 				renderer.setSize( width, height );
@@ -149,9 +150,9 @@
 
 				//
 
-				scene.add( new THREE.AmbientLight( 0xaaaaaa, 0.2 ) );
+				scene.add( new THREE.AmbientLight( 0xaaaaaa, 0.6 ) );
 
-				const light = new THREE.DirectionalLight( 0xddffdd, 0.6 );
+				const light = new THREE.DirectionalLight( 0xddffdd, 2 );
 				light.position.set( 1, 1, 1 );
 				light.castShadow = true;
 				light.shadow.mapSize.width = 1024;

examples/webgl_postprocessing_pixel.html

@@ -62,6 +62,7 @@
 			renderer.shadowMap.enabled = true;
 			//renderer.setPixelRatio( window.devicePixelRatio );
 			renderer.setSize( window.innerWidth, window.innerHeight );
+			renderer.useLegacyLights = false;
 			document.body.appendChild( renderer.domElement );
 
 			composer = new EffectComposer( renderer );
@@ -144,15 +145,15 @@
 
 			// lights
 
-			scene.add( new THREE.AmbientLight( 0x757f8e ) );
+			scene.add( new THREE.AmbientLight( 0x757f8e, 3 ) );
 
-			const directionalLight = new THREE.DirectionalLight( 0xfffecd, .5 );
+			const directionalLight = new THREE.DirectionalLight( 0xfffecd, 1.5 );
 			directionalLight.position.set( 100, 100, 100 );
 			directionalLight.castShadow = true;
 			directionalLight.shadow.mapSize.set( 2048, 2048 );
 			scene.add( directionalLight );
 
-			const spotLight = new THREE.SpotLight( 0xffc100, 1, 10, Math.PI / 16, .02, 2 );
+			const spotLight = new THREE.SpotLight( 0xffc100, 10, 10, Math.PI / 16, .02, 2 );
 			spotLight.position.set( 2, 2, 0 );
 			const target = spotLight.target;
 			scene.add( target );

examples/webgl_postprocessing_procedural.html

@@ -99,6 +99,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 				document.body.appendChild( renderer.domElement );
 
 				stats = new Stats();

examples/webgl_postprocessing_rgb_halftone.html

@@ -51,6 +51,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 
 				clock = new THREE.Clock();
 
@@ -75,7 +76,7 @@
 				group = new THREE.Group();
 				const floor = new THREE.Mesh( new THREE.BoxGeometry( 100, 1, 100 ), new THREE.MeshPhongMaterial( {} ) );
 				floor.position.y = - 10;
-				const light = new THREE.PointLight( 0xffffff, 1.0, 50, 2 );
+				const light = new THREE.PointLight( 0xffffff, 250 );
 				light.position.y = 2;
 				group.add( floor, light );
 				scene.add( group );

examples/webgl_postprocessing_sao.html

@@ -58,6 +58,7 @@
 				renderer.setClearColor( 0x000000 );
 				renderer.setPixelRatio( devicePixelRatio );
 				renderer.setSize( width, height );
+				renderer.useLegacyLights = false;
 				document.body.appendChild( renderer.domElement );
 
 				camera = new THREE.PerspectiveCamera( 65, width / height, 3, 10 );
@@ -68,25 +69,25 @@
 				group = new THREE.Object3D();
 				scene.add( group );
 
-				const light = new THREE.PointLight( 0xefffef, 0.8 );
-				light.position.z = 70;
-				light.position.y = - 70;
-				light.position.x = - 70;
+				const light = new THREE.PointLight( 0xefffef, 500 );
+				light.position.z = 10;
+				light.position.y = - 10;
+				light.position.x = - 10;
 				scene.add( light );
 
-				const light2 = new THREE.PointLight( 0xffefef, 0.8 );
-				light2.position.z = 70;
-				light2.position.x = - 70;
-				light2.position.y = 70;
+				const light2 = new THREE.PointLight( 0xffefef, 500 );
+				light2.position.z = 10;
+				light2.position.x = - 10;
+				light2.position.y = 10;
 				scene.add( light2 );
 
-				const light3 = new THREE.PointLight( 0xefefff, 0.8 );
-				light3.position.z = 70;
-				light3.position.x = 70;
-				light3.position.y = - 70;
+				const light3 = new THREE.PointLight( 0xefefff, 500 );
+				light3.position.z = 10;
+				light3.position.x = 10;
+				light3.position.y = - 10;
 				scene.add( light3 );
 
-				const light4 = new THREE.AmbientLight( 0xffffff, 0.05 );
+				const light4 = new THREE.AmbientLight( 0xffffff, 0.2 );
 				scene.add( light4 );
 
 				const geometry = new THREE.SphereGeometry( 3, 48, 24 );

examples/webgl_postprocessing_smaa.html

@@ -50,6 +50,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 				document.body.appendChild( renderer.domElement );
 
 				stats = new Stats();

examples/webgl_postprocessing_sobel.html

@@ -58,13 +58,13 @@
 
 				scene = new THREE.Scene();
 
-				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 0.1, 200 );
-				camera.position.set( 0, 10, 25 );
+				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 0.1, 100 );
+				camera.position.set( 0, 1, 3 );
 				camera.lookAt( scene.position );
 
 				//
 
-				const geometry = new THREE.TorusKnotGeometry( 8, 3, 256, 32, 2, 3 );
+				const geometry = new THREE.TorusKnotGeometry( 1, 0.3, 256, 32 );
 				const material = new THREE.MeshPhongMaterial( { color: 0xffff00 } );
 
 				const mesh = new THREE.Mesh( geometry, material );
@@ -72,10 +72,10 @@
 
 				//
 
-				const ambientLight = new THREE.AmbientLight( 0xe7e7e7, 0.4 );
+				const ambientLight = new THREE.AmbientLight( 0xe7e7e7 );
 				scene.add( ambientLight );
 
-				const pointLight = new THREE.PointLight( 0xffffff, 0.8 );
+				const pointLight = new THREE.PointLight( 0xffffff, 20 );
 				camera.add( pointLight );
 				scene.add( camera );
 
@@ -84,6 +84,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 				document.body.appendChild( renderer.domElement );
 
 				// postprocessing
@@ -108,8 +109,7 @@
 				composer.addPass( effectSobel );
 
 				const controls = new OrbitControls( camera, renderer.domElement );
-				controls.minDistance = 10;
-				controls.maxDistance = 100;
+				controls.enableZoom = false;
 
 				//
 

examples/webgl_postprocessing_ssaa.html

@@ -97,6 +97,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( devicePixelRatio );
 				renderer.setSize( width, height );
+				renderer.useLegacyLights = false;
 				document.body.appendChild( renderer.domElement );
 
 				stats = new Stats();
@@ -120,25 +121,25 @@
 				const group = new THREE.Group();
 				scene.add( group );
 
-				const light = new THREE.PointLight( 0xefffef, 0.8 );
-				light.position.z = 70;
-				light.position.y = - 70;
-				light.position.x = - 70;
+				const light = new THREE.PointLight( 0xefffef, 500 );
+				light.position.z = 10;
+				light.position.y = - 10;
+				light.position.x = - 10;
 				scene.add( light );
 
-				const light2 = new THREE.PointLight( 0xffefef, 0.8 );
-				light2.position.z = 70;
-				light2.position.x = - 70;
-				light2.position.y = 70;
+				const light2 = new THREE.PointLight( 0xffefef, 500 );
+				light2.position.z = 10;
+				light2.position.x = - 10;
+				light2.position.y = 10;
 				scene.add( light2 );
 
-				const light3 = new THREE.PointLight( 0xefefff, 0.8 );
-				light3.position.z = 70;
-				light3.position.x = 70;
-				light3.position.y = - 70;
+				const light3 = new THREE.PointLight( 0xefefff, 500 );
+				light3.position.z = 10;
+				light3.position.x = 10;
+				light3.position.y = - 10;
 				scene.add( light3 );
 
-				const light4 = new THREE.AmbientLight( 0xffffff, 0.05 );
+				const light4 = new THREE.AmbientLight( 0xffffff, 0.2 );
 				scene.add( light4 );
 
 				const geometry = new THREE.SphereGeometry( 3, 48, 24 );

examples/webgl_postprocessing_ssao.html

@@ -55,6 +55,7 @@
 
 				renderer = new THREE.WebGLRenderer();
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 				document.body.appendChild( renderer.domElement );
 
 				camera = new THREE.PerspectiveCamera( 65, window.innerWidth / window.innerHeight, 100, 700 );
@@ -63,8 +64,8 @@
 				scene = new THREE.Scene();
 				scene.background = new THREE.Color( 0xaaaaaa );
 
-				scene.add( new THREE.DirectionalLight() );
-				scene.add( new THREE.HemisphereLight() );
+				scene.add( new THREE.DirectionalLight( 0xffffff, 4 ) );
+				scene.add( new THREE.AmbientLight( 0xffffff ) );
 
 				group = new THREE.Group();
 				scene.add( group );

examples/webgl_postprocessing_ssr.html

@@ -91,10 +91,11 @@
 			scene.add( plane );
 
 			// Lights
-			const hemiLight = new THREE.HemisphereLight( 0x8d7c7c, 0x494966 );
+			const hemiLight = new THREE.HemisphereLight( 0x8d7c7c, 0x494966, 3 );
 			scene.add( hemiLight );
 
 			const spotLight = new THREE.SpotLight();
+			spotLight.intensity = 8;
 			spotLight.angle = Math.PI / 16;
 			spotLight.penumbra = 0.5;
 			// spotLight.castShadow = true;
@@ -158,6 +159,7 @@
 			// renderer
 			renderer = new THREE.WebGLRenderer( { antialias: false } );
 			renderer.setSize( window.innerWidth, window.innerHeight );
+			renderer.useLegacyLights = false;
 			container.appendChild( renderer.domElement );
 
 			//

examples/webgl_postprocessing_taa.html

@@ -100,6 +100,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 				document.body.appendChild( renderer.domElement );
 
 				stats = new Stats();

examples/webgl_postprocessing_unreal_bloom.html

@@ -75,6 +75,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 				container.appendChild( renderer.domElement );
 
 				const scene = new THREE.Scene();
@@ -85,12 +86,12 @@
 
 				const controls = new OrbitControls( camera, renderer.domElement );
 				controls.maxPolarAngle = Math.PI * 0.5;
-				controls.minDistance = 1;
-				controls.maxDistance = 10;
+				controls.minDistance = 3;
+				controls.maxDistance = 8;
 
-				scene.add( new THREE.AmbientLight( 0x898989 ) );
+				scene.add( new THREE.AmbientLight( 0xcccccc ) );
 
-				const pointLight = new THREE.PointLight( 0xffffff, 1 );
+				const pointLight = new THREE.PointLight( 0xffffff, 100 );
 				camera.add( pointLight );
 
 				const renderScene = new RenderPass( scene, camera );

examples/webgl_postprocessing_unreal_bloom_selective.html

@@ -74,7 +74,7 @@
 
 			const params = {
 				threshold: 0,
-				strength: 1.5,
+				strength: 1,
 				radius: 0.5,
 				exposure: 1
 			};
@@ -85,6 +85,7 @@
 			const renderer = new THREE.WebGLRenderer( { antialias: true } );
 			renderer.setPixelRatio( window.devicePixelRatio );
 			renderer.setSize( window.innerWidth, window.innerHeight );
+			renderer.useLegacyLights = false;
 			document.body.appendChild( renderer.domElement );
 
 			const scene = new THREE.Scene();
@@ -99,8 +100,6 @@
 			controls.maxDistance = 100;
 			controls.addEventListener( 'change', render );
 
-			scene.add( new THREE.AmbientLight( 0x898989 ) );
-
 			const renderScene = new RenderPass( scene, camera );
 
 			const bloomPass = new UnrealBloomPass( new THREE.Vector2( window.innerWidth, window.innerHeight ), 1.5, 0.4, 0.85 );

examples/webgl_raycaster_bvh.html

@@ -90,13 +90,14 @@
 				scene = new THREE.Scene();
 				scene.background = new THREE.Color( 0xeeeeee );
 
-				const ambient = new THREE.HemisphereLight( 0xffffff, 0x999999 );
+				const ambient = new THREE.HemisphereLight( 0xffffff, 0x999999, 3 );
 				scene.add( ambient );
 
 				// renderer
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 				document.body.appendChild( renderer.domElement );
 
 				stats = new Stats();

examples/webgl_read_float_buffer.html

@@ -107,11 +107,11 @@
 				sceneRTT = new THREE.Scene();
 				sceneScreen = new THREE.Scene();
 
-				let light = new THREE.DirectionalLight( 0xffffff );
+				let light = new THREE.DirectionalLight( 0xffffff, 3 );
 				light.position.set( 0, 0, 1 ).normalize();
 				sceneRTT.add( light );
 
-				light = new THREE.DirectionalLight( 0xffd5d5, 1.5 );
+				light = new THREE.DirectionalLight( 0xffd5d5, 4.5 );
 				light.position.set( 0, 0, - 1 ).normalize();
 				sceneRTT.add( light );
 
@@ -163,6 +163,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 				renderer.autoClear = false;
 
 				container.appendChild( renderer.domElement );

examples/webgl_renderer_pathtracer.html

@@ -104,6 +104,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true, preserveDrawingBuffer: true, premultipliedAlpha: false } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 				renderer.setClearColor( 0xdddddd );
 				document.body.appendChild( renderer.domElement );

examples/webgl_rtt.html

@@ -107,11 +107,11 @@
 				sceneRTT = new THREE.Scene();
 				sceneScreen = new THREE.Scene();
 
-				let light = new THREE.DirectionalLight( 0xffffff );
+				let light = new THREE.DirectionalLight( 0xffffff, 3 );
 				light.position.set( 0, 0, 1 ).normalize();
 				sceneRTT.add( light );
 
-				light = new THREE.DirectionalLight( 0xffd5d5, 1.5 );
+				light = new THREE.DirectionalLight( 0xffd5d5, 4.5 );
 				light.position.set( 0, 0, - 1 ).normalize();
 				sceneRTT.add( light );
 
@@ -185,6 +185,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.useLegacyLights = false;
 				renderer.autoClear = false;
 
 				container.appendChild( renderer.domElement );