Merge pull request #18236 from Mugen87/dev29

DOF Example: Use Scene.background.

examples/webgl_postprocessing_dof2.html

@@ -85,22 +85,7 @@
 				var textureCube = new THREE.CubeTextureLoader().load( urls );
 				textureCube.format = THREE.RGBFormat;
 
-				var shader = THREE.ShaderLib[ 'cube' ];
-
-				var skyMaterial = new THREE.ShaderMaterial( {
-
-					fragmentShader: shader.fragmentShader,
-					vertexShader: shader.vertexShader,
-					uniforms: shader.uniforms,
-					depthWrite: false,
-					side: THREE.BackSide
-
-				} );
-
-				skyMaterial.envMap = textureCube;
-
-				var sky = new THREE.Mesh( new THREE.BoxBufferGeometry( 1000, 1000, 1000 ), skyMaterial );
-				scene.add( sky );
+				scene.background = textureCube;
 
 				// plane particles
 
@@ -444,22 +429,17 @@
 
 					var intersects = raycaster.intersectObjects( scene.children, true );
 
+					var targetDistance = ( intersects.length > 0 ) ? intersects[ 0 ].distance : 1000;
 
-					if ( intersects.length > 0 ) {
-
-						var targetDistance = intersects[ 0 ].distance;
-
-						distance += ( targetDistance - distance ) * 0.03;
+					distance += ( targetDistance - distance ) * 0.03;
 
-						var sdistance = smoothstep( camera.near, camera.far, distance );
+					var sdistance = smoothstep( camera.near, camera.far, distance );
 
-						var ldistance = linearize( 1 - sdistance );
+					var ldistance = linearize( 1 - sdistance );
 
-						postprocessing.bokeh_uniforms[ 'focalDepth' ].value = ldistance;
+					postprocessing.bokeh_uniforms[ 'focalDepth' ].value = ldistance;
 
-						effectController[ 'focalDepth' ] = ldistance;
-
-					}
+					effectController[ 'focalDepth' ] = ldistance;
 
 				}