spotColorMap

examples/webgl_shadowmap_viewer.html

@@ -40,7 +40,7 @@
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 
 			var camera, scene, renderer, clock, stats;
-			var dirLight, spotLight;
+			var dirLight, spotLight, spotLight2;
 			var torusKnot, cube;
 			var dirLightShadowMapViewer, spotLightShadowMapViewer;
 
@@ -65,15 +65,17 @@
 				camera.position.set( 0, 15, 35 );
 
 				scene = new THREE.Scene();
+				var textureLoader = new THREE.TextureLoader();
 
 				// Lights
 
-				scene.add( new THREE.AmbientLight( 0x404040 ) );
+				scene.add( new THREE.AmbientLight( 0x202020 ) );
 
 				spotLight = new THREE.SpotLight( 0xffffff );
 				spotLight.name = 'Spot Light';
+				spotLight.intensity = 0.3;
 				spotLight.angle = Math.PI / 5;
-				spotLight.penumbra = 0.3;
+				spotLight.penumbra = 0.2;
 				spotLight.position.set( 10, 10, 5 );
 				spotLight.castShadow = true;
 				spotLight.shadow.camera.near = 8;
@@ -84,8 +86,25 @@
 
 				scene.add( new THREE.CameraHelper( spotLight.shadow.camera ) );
 
+				spotLight2 = new THREE.SpotLight( 0xffffff );
+				spotLight2.name = 'Textured Spot Light';
+				spotLight2.intensity = 0.3;
+				spotLight2.angle = Math.PI / 5;
+				spotLight2.penumbra = 0.3;
+				spotLight2.position.set( -10, 5, 0 );
+				spotLight2.castShadow = true;
+				spotLight2.shadow.camera.near = 8;
+				spotLight2.shadow.camera.far = 25;
+				spotLight2.shadow.mapSize.width = 1024;
+				spotLight2.shadow.mapSize.height = 1024;
+				spotLight2.colorMap = textureLoader.load( 'textures/UV_Grid_Sm.jpg' );
+				scene.add( spotLight2 );
+
+				scene.add( new THREE.CameraHelper( spotLight2.shadow.camera ) );
+
 				dirLight = new THREE.DirectionalLight( 0xffffff, 1 );
 				dirLight.name = 'Dir. Light';
+				dirLight.intensity = 0.3;
 				dirLight.position.set( 0, 10, 0 );
 				dirLight.castShadow = true;
 				dirLight.shadow.camera.near = 1;

src/lights/SpotLight.js

@@ -6,7 +6,7 @@ import { Object3D } from '../core/Object3D.js';
  * @author alteredq / http://alteredqualia.com/
  */
 
-function SpotLight( color, intensity, distance, angle, penumbra, decay ) {
+function SpotLight( color, intensity, distance, angle, penumbra, decay, colorMap ) {
 
 	Light.call( this, color, intensity );
 
@@ -40,6 +40,7 @@ function SpotLight( color, intensity, distance, angle, penumbra, decay ) {
 	this.decay = ( decay !== undefined ) ? decay : 1;	// for physically correct lights, should be 2.
 
 	this.shadow = new SpotLightShadow();
+	this.colorMap = colorMap || null;
 
 }
 

src/renderers/WebGLRenderer.js

@@ -1585,6 +1585,7 @@ function WebGLRenderer( parameters ) {
 
 			uniforms.directionalShadowMap.value = lights.state.directionalShadowMap;
 			uniforms.directionalShadowMatrix.value = lights.state.directionalShadowMatrix;
+			uniforms.spotColorMap.value = lights.state.spotColorMap;
 			uniforms.spotShadowMap.value = lights.state.spotShadowMap;
 			uniforms.spotShadowMatrix.value = lights.state.spotShadowMatrix;
 			uniforms.pointShadowMap.value = lights.state.pointShadowMap;

src/renderers/shaders/ShaderChunk/lights_fragment_begin.glsl

@@ -45,6 +45,9 @@ IncidentLight directLight;
 #if ( NUM_SPOT_LIGHTS > 0 ) && defined( RE_Direct )
 
 	SpotLight spotLight;
+	vec4 spotColor;
+	vec2 spotShadowCoord;
+	bvec4 inFrustumVec;
 
 	#pragma unroll_loop
 	for ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {
@@ -53,6 +56,11 @@ IncidentLight directLight;
 
 		getSpotDirectLightIrradiance( spotLight, geometry, directLight );
 
+		spotShadowCoord = vSpotShadowCoord[ i ].xy / vSpotShadowCoord[ i ].w;
+		inFrustumVec = bvec4( spotShadowCoord.x >= 0.0, spotShadowCoord.x <= 1.0, spotShadowCoord.y >= 0.0, spotShadowCoord.y <= 1.0 );
+		spotColor = texture2D( spotColorMap[ i ], spotShadowCoord );
+		directLight.color = all( inFrustumVec ) ? mix( directLight.color, spotColor.rgb, spotColor.a ) : directLight.color;
+
 		#ifdef USE_SHADOWMAP
 		directLight.color *= all( bvec2( spotLight.shadow, directLight.visible ) ) ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;
 		#endif

src/renderers/shaders/ShaderChunk/shadowmap_pars_fragment.glsl

@@ -9,6 +9,7 @@
 
 	#if NUM_SPOT_LIGHTS > 0
 
+		uniform sampler2D spotColorMap[ NUM_SPOT_LIGHTS ];
 		uniform sampler2D spotShadowMap[ NUM_SPOT_LIGHTS ];
 		varying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHTS ];
 

src/renderers/shaders/UniformsLib.js

@@ -137,6 +137,7 @@ var UniformsLib = {
 			shadowMapSize: {}
 		} },
 
+		spotColorMap: { value: [] },
 		spotShadowMap: { value: [] },
 		spotShadowMatrix: { value: [] },
 

src/renderers/webgl/WebGLLights.js

@@ -125,6 +125,7 @@ function WebGLLights() {
 		directionalShadowMap: [],
 		directionalShadowMatrix: [],
 		spot: [],
+		spotColorMap: [],
 		spotShadowMap: [],
 		spotShadowMatrix: [],
 		rectArea: [],
@@ -159,6 +160,7 @@ function WebGLLights() {
 			var intensity = light.intensity;
 			var distance = light.distance;
 
+			var colorMap = light.colorMap || null;
 			var shadowMap = ( light.shadow && light.shadow.map ) ? light.shadow.map.texture : null;
 
 			if ( light.isAmbientLight ) {
@@ -226,6 +228,7 @@ function WebGLLights() {
 
 				}
 
+				state.spotColorMap[ spotLength ] = colorMap;
 				state.spotShadowMap[ spotLength ] = shadowMap;
 				state.spotShadowMatrix[ spotLength ] = light.shadow.matrix;
 				state.spot[ spotLength ] = uniforms;

src/renderers/webgl/WebGLShadowMap.js

@@ -204,9 +204,13 @@ function WebGLShadowMap( _renderer, _objects, maxTextureSize ) {
 
 				faceCount = 1;
 
-				_lookTarget.setFromMatrixPosition( light.target.matrixWorld );
-				shadowCamera.lookAt( _lookTarget );
-				shadowCamera.updateMatrixWorld();
+				if ( light.target ) {
+
+					_lookTarget.setFromMatrixPosition( light.target.matrixWorld );
+					shadowCamera.lookAt( _lookTarget );
+					shadowCamera.updateMatrixWorld();
+
+				}
 
 				// compute shadow matrix