x_ite 4.7.12 → 5.0.0

package/src/x_ite/Components/Lighting/SpotLight.js

@@ -48,24 +48,24 @@
 
 
 define ([
-	"x_ite/Fields",
-	"x_ite/Basic/X3DFieldDefinition",
-	"x_ite/Basic/FieldDefinitionArray",
-	"x_ite/Components/Lighting/X3DLightNode",
-	"x_ite/Components/Grouping/X3DGroupingNode",
-	"x_ite/Bits/TraverseType",
-	"x_ite/Bits/X3DConstants",
-	"standard/Math/Geometry/Box3",
-	"standard/Math/Geometry/Camera",
-	"standard/Math/Geometry/ViewVolume",
-	"standard/Math/Numbers/Vector3",
-	"standard/Math/Numbers/Vector4",
-	"standard/Math/Numbers/Rotation4",
-	"standard/Math/Numbers/Matrix3",
-	"standard/Math/Numbers/Matrix4",
-	"standard/Math/Utility/MatrixStack",
-	"standard/Math/Algorithm",
-	"standard/Utility/ObjectCache",
+   "x_ite/Fields",
+   "x_ite/Base/X3DFieldDefinition",
+   "x_ite/Base/FieldDefinitionArray",
+   "x_ite/Components/Lighting/X3DLightNode",
+   "x_ite/Components/Grouping/X3DGroupingNode",
+   "x_ite/Rendering/TraverseType",
+   "x_ite/Base/X3DConstants",
+   "standard/Math/Geometry/Box3",
+   "standard/Math/Geometry/Camera",
+   "standard/Math/Geometry/ViewVolume",
+   "standard/Math/Numbers/Vector3",
+   "standard/Math/Numbers/Vector4",
+   "standard/Math/Numbers/Rotation4",
+   "standard/Math/Numbers/Matrix3",
+   "standard/Math/Numbers/Matrix4",
+   "standard/Math/Utility/MatrixStack",
+   "standard/Math/Algorithm",
+   "standard/Utility/ObjectCache",
 ],
 function (Fields,
           X3DFieldDefinition,
@@ -88,302 +88,307 @@ function (Fields,
 {
 "use strict";
 
-	var SpotLights = ObjectCache (SpotLightContainer);
-
-	function SpotLightContainer ()
-	{
-		this .location                      = new Vector3 (0, 0, 0);
-		this .direction                     = new Vector3 (0, 0, 0);
-		this .matrixArray                   = new Float32Array (9);
-		this .renderShadow                  = true;
-		this .shadowBuffer                  = null;
-		this .bbox                          = new Box3 ();
-		this .viewVolume                    = new ViewVolume ();
-		this .viewport                      = new Vector4 (0, 0, 0, 0);
-		this .projectionMatrix              = new Matrix4 ();
-		this .modelViewMatrix               = new MatrixStack (Matrix4);
-		this .modelMatrix                   = new Matrix4 ();
-		this .invLightSpaceMatrix           = new Matrix4 ();
-		this .invLightSpaceProjectionMatrix = new Matrix4 ();
-		this .shadowMatrix                  = new Matrix4 ();
-		this .shadowMatrixArray             = new Float32Array (16);
-		this .rotation                      = new Rotation4 ();
-		this .lightBBoxMin                  = new Vector3 (0, 0, 0);
-		this .lightBBoxMax                  = new Vector3 (0, 0, 0);
-		this .textureUnit                   = 0;
-	}
-
-	SpotLightContainer .prototype =
-	{
-		constructor: SpotLightContainer,
-		getModelViewMatrix: function ()
-		{
-			return this .modelViewMatrix;
-		},
-	   set: function (browser, lightNode, groupNode, modelViewMatrix)
-	   {
-			var
-				gl            = browser .getContext (),
-				shadowMapSize = lightNode .getShadowMapSize ();
-
-			this .browser   = browser;
-			this .lightNode = lightNode;
-			this .groupNode = groupNode;
-
-			try
-			{
-				this .matrixArray .set (modelViewMatrix .submatrix .inverse ());
-			}
-			catch (error)
-			{
-				this .matrixArray .set (Matrix3 .Identity);
-			}
-
-			this .modelViewMatrix .pushMatrix (modelViewMatrix);
-
-			// Get shadow buffer from browser.
-
-			if (lightNode .getShadowIntensity () > 0 && shadowMapSize > 0)
-			{
-				this .shadowBuffer = browser .popShadowBuffer (shadowMapSize);
-
-				if (this .shadowBuffer)
-				{
-					if (browser .getCombinedTextureUnits () .length)
-					{
-						this .textureUnit = browser .getCombinedTextureUnits () .pop ();
-
-						gl .activeTexture (gl .TEXTURE0 + this .textureUnit);
-
-						if (gl .getVersion () >= 2 || browser .getExtension ("WEBGL_depth_texture"))
-							gl .bindTexture (gl .TEXTURE_2D, this .shadowBuffer .getDepthTexture ());
-						else
-							gl .bindTexture (gl .TEXTURE_2D, this .shadowBuffer .getColorTexture ());
-
-						gl .activeTexture (gl .TEXTURE0);
-					}
-					else
-					{
-						console .warn ("Not enough combined texture units for shadow map available.");
-					}
-				}
-				else
-				{
-					console .warn ("Couldn't create shadow buffer.");
-				}
-			}
-	   },
-		renderShadowMap: function (renderObject)
-		{
-			try
-			{
-				if (! this .shadowBuffer)
-					return;
-
-				var
-					lightNode            = this .lightNode,
-					cameraSpaceMatrix    = renderObject .getCameraSpaceMatrix () .get (),
-					modelMatrix          = this .modelMatrix .assign (this .modelViewMatrix .get ()) .multRight (cameraSpaceMatrix),
-					invLightSpaceMatrix  = this .invLightSpaceMatrix .assign (lightNode .getGlobal () ? modelMatrix : Matrix4 .Identity);
-
-				invLightSpaceMatrix .translate (lightNode .getLocation ());
-				invLightSpaceMatrix .rotate (this .rotation .setFromToVec (Vector3 .zAxis, this .direction .assign (lightNode .getDirection ()) .negate ()));
-				invLightSpaceMatrix .inverse ();
-
-				var
-					groupBBox        = this .groupNode .getSubBBox (this .bbox, true),                 // Group bbox.
-					lightBBox        = groupBBox .multRight (invLightSpaceMatrix),                     // Group bbox from the perspective of the light.
-					lightBBoxExtents = lightBBox .getExtents (this .lightBBoxMin, this .lightBBoxMax), // Result not used, but arguments.
-					shadowMapSize    = lightNode .getShadowMapSize (),
-					farValue         = Math .min (lightNode .getRadius (), -this .lightBBoxMin .z),
-					viewport         = this .viewport .set (0, 0, shadowMapSize, shadowMapSize),
-					projectionMatrix = Camera .perspective (lightNode .getCutOffAngle () * 2, 0.125, Math .max (10000, farValue), shadowMapSize, shadowMapSize, this .projectionMatrix); // Use higher far value for better precision.
-
-				this .renderShadow = farValue > 0;
-
-				this .shadowBuffer .bind ();
-
-				renderObject .getViewVolumes      () .push (this .viewVolume .set (projectionMatrix, viewport, viewport));
-				renderObject .getProjectionMatrix () .pushMatrix (projectionMatrix);
-				renderObject .getModelViewMatrix  () .pushMatrix (invLightSpaceMatrix);
-
-				renderObject .render (TraverseType .SHADOW, X3DGroupingNode .prototype .traverse, this .groupNode);
-
-				renderObject .getModelViewMatrix  () .pop ();
-				renderObject .getProjectionMatrix () .pop ();
-				renderObject .getViewVolumes      () .pop ();
-
-				this .shadowBuffer .unbind ();
-
-				if (! lightNode .getGlobal ())
-					invLightSpaceMatrix .multLeft (modelMatrix .inverse ());
-
-				this .invLightSpaceProjectionMatrix .assign (invLightSpaceMatrix) .multRight (projectionMatrix) .multRight (lightNode .getBiasMatrix ());
-			}
-			catch (error)
-			{
-				// Catch error from matrix inverse.
-				console .log (error);
-			}
-		},
-		setGlobalVariables: function (renderObject)
-		{
-			var
-				lightNode       = this .lightNode,
-				modelViewMatrix = this .modelViewMatrix .get ();
-
-			modelViewMatrix .multVecMatrix (this .location  .assign (lightNode .location_  .getValue ()));
-			modelViewMatrix .multDirMatrix (this .direction .assign (lightNode .direction_ .getValue ())) .normalize ();
-
-			this .shadowMatrix .assign (renderObject .getCameraSpaceMatrix () .get ()) .multRight (this .invLightSpaceProjectionMatrix);
-			this .shadowMatrixArray .set (this .shadowMatrix);
-		},
-		setShaderUniforms: function (gl, shaderObject)
-		{
-			var i = shaderObject .numLights ++;
-
-			if (shaderObject .hasLight (i, this))
-				return;
-
-			var
-				lightNode   = this .lightNode,
-				color       = lightNode .getColor (),
-				attenuation = lightNode .getAttenuation (),
-				location    = this .location,
-				direction   = this .direction;
-
-			gl .uniform1i        (shaderObject .x3d_LightType [i],             3);
-			gl .uniform3f        (shaderObject .x3d_LightColor [i],            color .r, color .g, color .b);
-			gl .uniform1f        (shaderObject .x3d_LightIntensity [i],        lightNode .getIntensity ());
-			gl .uniform1f        (shaderObject .x3d_LightAmbientIntensity [i], lightNode .getAmbientIntensity ());
-			gl .uniform3f        (shaderObject .x3d_LightAttenuation [i],      Math .max (0, attenuation .x), Math .max (0, attenuation .y), Math .max (0, attenuation .z));
-			gl .uniform3f        (shaderObject .x3d_LightLocation [i],         location .x, location .y, location .z);
-			gl .uniform3f        (shaderObject .x3d_LightDirection [i],        direction .x, direction .y, direction .z);
-			gl .uniform1f        (shaderObject .x3d_LightRadius [i],           lightNode .getRadius ());
-			gl .uniform1f        (shaderObject .x3d_LightBeamWidth [i],        lightNode .getBeamWidth ());
-			gl .uniform1f        (shaderObject .x3d_LightCutOffAngle [i],      lightNode .getCutOffAngle ());
-			gl .uniformMatrix3fv (shaderObject .x3d_LightMatrix [i], false,    this .matrixArray);
-
-			if (this .renderShadow && this .textureUnit)
-			{
-				var shadowColor = lightNode .getShadowColor ();
-
-				gl .uniform3f        (shaderObject .x3d_ShadowColor [i],         shadowColor .r, shadowColor .g, shadowColor .b);
-				gl .uniform1f        (shaderObject .x3d_ShadowIntensity [i],     lightNode .getShadowIntensity ());
-				gl .uniform1f        (shaderObject .x3d_ShadowBias [i],          lightNode .getShadowBias ());
-				gl .uniformMatrix4fv (shaderObject .x3d_ShadowMatrix [i], false, this .shadowMatrixArray);
-				gl .uniform1i        (shaderObject .x3d_ShadowMapSize [i],       lightNode .getShadowMapSize ());
-				gl .uniform1i        (shaderObject .x3d_ShadowMap [i],           this .textureUnit);
-			}
-			else
-			{
-				// Must be set to zero in case of multiple lights.
-				gl .uniform1f (shaderObject .x3d_ShadowIntensity [i], 0);
-			}
-		},
-		dispose: function ()
-		{
-			// Return shadowBuffer and textureUnit.
-
-			if (this .textureUnit)
-				this .browser .getCombinedTextureUnits () .push (this .textureUnit);
-
-			this .browser .pushShadowBuffer (this .shadowBuffer);
-			this .modelViewMatrix .clear ();
-
-			this .browser      = null;
-			this .lightNode    = null;
-			this .groupNode    = null;
-			this .shadowBuffer = null;
-			this .textureUnit  = 0;
-
-			// Return container
-
-		   SpotLights .push (this);
-		},
-	};
-
-	function SpotLight (executionContext)
-	{
-		X3DLightNode .call (this, executionContext);
-
-		this .addType (X3DConstants .SpotLight);
-
-		this .location_    .setUnit ("length");
-		this .radius_      .setUnit ("length");
-		this .beamWidth_   .setUnit ("angle");
-		this .cutOffAngle_ .setUnit ("angle");
-	}
-
-	SpotLight .prototype = Object .assign (Object .create (X3DLightNode .prototype),
-	{
-		constructor: SpotLight,
-		fieldDefinitions: new FieldDefinitionArray ([
-			new X3DFieldDefinition (X3DConstants .inputOutput,    "metadata",         new Fields .SFNode ()),
-			new X3DFieldDefinition (X3DConstants .inputOutput,    "global",           new Fields .SFBool (true)),
-			new X3DFieldDefinition (X3DConstants .inputOutput,    "on",               new Fields .SFBool (true)),
-			new X3DFieldDefinition (X3DConstants .inputOutput,    "color",            new Fields .SFColor (1, 1, 1)),
-			new X3DFieldDefinition (X3DConstants .inputOutput,    "intensity",        new Fields .SFFloat (1)),
-			new X3DFieldDefinition (X3DConstants .inputOutput,    "ambientIntensity", new Fields .SFFloat ()),
-			new X3DFieldDefinition (X3DConstants .inputOutput,    "attenuation",      new Fields .SFVec3f (1, 0, 0)),
-			new X3DFieldDefinition (X3DConstants .inputOutput,    "location",         new Fields .SFVec3f ()),
-			new X3DFieldDefinition (X3DConstants .inputOutput,    "direction",        new Fields .SFVec3f (0, 0, -1)),
-			new X3DFieldDefinition (X3DConstants .inputOutput,    "radius",           new Fields .SFFloat (100)),
-			new X3DFieldDefinition (X3DConstants .inputOutput,    "beamWidth",        new Fields .SFFloat (0.785398)),
-			new X3DFieldDefinition (X3DConstants .inputOutput,    "cutOffAngle",      new Fields .SFFloat (1.5708)),
-
-			new X3DFieldDefinition (X3DConstants .inputOutput,    "shadows",         new  Fields .SFBool ()),
-			new X3DFieldDefinition (X3DConstants .inputOutput,    "shadowColor",     new  Fields .SFColor ()),        // Color of shadow.
-			new X3DFieldDefinition (X3DConstants .inputOutput,    "shadowIntensity", new  Fields .SFFloat (1)),       // Intensity of shadow color in the range (0, 1).
-			new X3DFieldDefinition (X3DConstants .inputOutput,    "shadowBias",      new  Fields .SFFloat (0.005)),   // Bias of the shadow.
-			new X3DFieldDefinition (X3DConstants .initializeOnly, "shadowMapSize",   new  Fields .SFInt32 (1024)),    // Size of the shadow map in pixels in the range (0, inf).
-		]),
-		getTypeName: function ()
-		{
-			return "SpotLight";
-		},
-		getComponentName: function ()
-		{
-			return "Lighting";
-		},
-		getContainerField: function ()
-		{
-			return "children";
-		},
-		getAttenuation: function ()
-		{
-			return this .attenuation_ .getValue ();
-		},
-		getLocation: function ()
-		{
-			return this .location_ .getValue ();
-		},
-		getRadius: function ()
-		{
-			return Math .max (0, this .radius_ .getValue ());
-		},
-		getBeamWidth: function ()
-		{
-			// If the beamWidth is greater than the cutOffAngle, beamWidth is defined to be equal to the cutOffAngle.
-
-			var
-				beamWidth   = this .beamWidth_ .getValue (),
-				cutOffAngle = this .getCutOffAngle ();
-
-			if (beamWidth > cutOffAngle)
-				return cutOffAngle;
-
-			return Algorithm .clamp (beamWidth, 0, Math .PI / 2);
-		},
-		getCutOffAngle: function ()
-		{
-			return Algorithm .clamp (this .cutOffAngle_ .getValue (), 0, Math .PI / 2);
-		},
-		getLights: function ()
-		{
-			return SpotLights;
-		},
-	});
-
-	return SpotLight;
+   const SpotLights = ObjectCache (SpotLightContainer);
+
+   function SpotLightContainer ()
+   {
+      this .location                      = new Vector3 (0, 0, 0);
+      this .direction                     = new Vector3 (0, 0, 0);
+      this .matrixArray                   = new Float32Array (9);
+      this .renderShadow                  = true;
+      this .shadowBuffer                  = null;
+      this .bbox                          = new Box3 ();
+      this .viewVolume                    = new ViewVolume ();
+      this .viewport                      = new Vector4 (0, 0, 0, 0);
+      this .projectionMatrix              = new Matrix4 ();
+      this .modelViewMatrix               = new MatrixStack (Matrix4);
+      this .modelMatrix                   = new Matrix4 ();
+      this .invLightSpaceMatrix           = new Matrix4 ();
+      this .invLightSpaceProjectionMatrix = new Matrix4 ();
+      this .shadowMatrix                  = new Matrix4 ();
+      this .shadowMatrixArray             = new Float32Array (16);
+      this .rotation                      = new Rotation4 ();
+      this .lightBBoxMin                  = new Vector3 (0, 0, 0);
+      this .lightBBoxMax                  = new Vector3 (0, 0, 0);
+      this .textureUnit                   = undefined;
+   }
+
+   SpotLightContainer .prototype =
+   {
+      constructor: SpotLightContainer,
+      getModelViewMatrix: function ()
+      {
+         return this .modelViewMatrix;
+      },
+      set: function (browser, lightNode, groupNode, modelViewMatrix)
+      {
+         const shadowMapSize = lightNode .getShadowMapSize ();
+
+         this .browser   = browser;
+         this .lightNode = lightNode;
+         this .groupNode = groupNode;
+
+         try
+         {
+            this .matrixArray .set (modelViewMatrix .submatrix .inverse ());
+         }
+         catch (error)
+         {
+            this .matrixArray .set (Matrix3 .Identity);
+         }
+
+         this .modelViewMatrix .pushMatrix (modelViewMatrix);
+
+         // Get shadow buffer from browser.
+
+         if (lightNode .getShadowIntensity () > 0 && shadowMapSize > 0)
+         {
+            this .shadowBuffer = browser .popShadowBuffer (shadowMapSize);
+
+            if (!this .shadowBuffer)
+               console .warn ("Couldn't create shadow buffer.");
+         }
+      },
+      renderShadowMap: function (renderObject)
+      {
+         try
+         {
+            if (! this .shadowBuffer)
+               return;
+
+            const
+               lightNode            = this .lightNode,
+               cameraSpaceMatrix    = renderObject .getCameraSpaceMatrix () .get (),
+               modelMatrix          = this .modelMatrix .assign (this .modelViewMatrix .get ()) .multRight (cameraSpaceMatrix),
+               invLightSpaceMatrix  = this .invLightSpaceMatrix .assign (lightNode .getGlobal () ? modelMatrix : Matrix4 .Identity);
+
+            invLightSpaceMatrix .translate (lightNode .getLocation ());
+            invLightSpaceMatrix .rotate (this .rotation .setFromToVec (Vector3 .zAxis, this .direction .assign (lightNode .getDirection ()) .negate ()));
+            invLightSpaceMatrix .inverse ();
+
+            const
+               groupBBox        = this .groupNode .getSubBBox (this .bbox, true),                 // Group bbox.
+               lightBBox        = groupBBox .multRight (invLightSpaceMatrix),                     // Group bbox from the perspective of the light.
+               lightBBoxExtents = lightBBox .getExtents (this .lightBBoxMin, this .lightBBoxMax), // Result not used, but arguments.
+               shadowMapSize    = lightNode .getShadowMapSize (),
+               farValue         = Math .min (lightNode .getRadius (), -this .lightBBoxMin .z),
+               viewport         = this .viewport .set (0, 0, shadowMapSize, shadowMapSize),
+               projectionMatrix = Camera .perspective (lightNode .getCutOffAngle () * 2, 0.125, Math .max (10000, farValue), shadowMapSize, shadowMapSize, this .projectionMatrix); // Use higher far value for better precision.
+
+            this .renderShadow = farValue > 0;
+
+            this .shadowBuffer .bind ();
+
+            renderObject .getViewVolumes      () .push (this .viewVolume .set (projectionMatrix, viewport, viewport));
+            renderObject .getProjectionMatrix () .pushMatrix (projectionMatrix);
+            renderObject .getModelViewMatrix  () .pushMatrix (invLightSpaceMatrix);
+
+            renderObject .render (TraverseType .SHADOW, X3DGroupingNode .prototype .traverse, this .groupNode);
+
+            renderObject .getModelViewMatrix  () .pop ();
+            renderObject .getProjectionMatrix () .pop ();
+            renderObject .getViewVolumes      () .pop ();
+
+            this .shadowBuffer .unbind ();
+
+            if (! lightNode .getGlobal ())
+               invLightSpaceMatrix .multLeft (modelMatrix .inverse ());
+
+            this .invLightSpaceProjectionMatrix .assign (invLightSpaceMatrix) .multRight (projectionMatrix) .multRight (lightNode .getBiasMatrix ());
+         }
+         catch (error)
+         {
+            // Catch error from matrix inverse.
+            console .error (error);
+         }
+      },
+      setGlobalVariables: function (renderObject)
+      {
+         const
+            lightNode       = this .lightNode,
+            modelViewMatrix = this .modelViewMatrix .get ();
+
+         modelViewMatrix .multVecMatrix (this .location  .assign (lightNode ._location  .getValue ()));
+         modelViewMatrix .multDirMatrix (this .direction .assign (lightNode ._direction .getValue ())) .normalize ();
+
+         this .shadowMatrix .assign (renderObject .getCameraSpaceMatrix () .get ()) .multRight (this .invLightSpaceProjectionMatrix);
+         this .shadowMatrixArray .set (this .shadowMatrix);
+      },
+      setShaderUniforms: function (gl, shaderObject)
+      {
+         const i = shaderObject .numLights ++;
+
+         if (shaderObject .hasLight (i, this))
+            return;
+
+         const
+            lightNode   = this .lightNode,
+            color       = lightNode .getColor (),
+            attenuation = lightNode .getAttenuation (),
+            location    = this .location,
+            direction   = this .direction;
+
+         gl .uniform1i        (shaderObject .x3d_LightType [i],             3);
+         gl .uniform3f        (shaderObject .x3d_LightColor [i],            color .r, color .g, color .b);
+         gl .uniform1f        (shaderObject .x3d_LightIntensity [i],        lightNode .getIntensity ());
+         gl .uniform1f        (shaderObject .x3d_LightAmbientIntensity [i], lightNode .getAmbientIntensity ());
+         gl .uniform3f        (shaderObject .x3d_LightAttenuation [i],      Math .max (0, attenuation .x), Math .max (0, attenuation .y), Math .max (0, attenuation .z));
+         gl .uniform3f        (shaderObject .x3d_LightLocation [i],         location .x, location .y, location .z);
+         gl .uniform3f        (shaderObject .x3d_LightDirection [i],        direction .x, direction .y, direction .z);
+         gl .uniform1f        (shaderObject .x3d_LightRadius [i],           lightNode .getRadius ());
+         gl .uniform1f        (shaderObject .x3d_LightBeamWidth [i],        lightNode .getBeamWidth ());
+         gl .uniform1f        (shaderObject .x3d_LightCutOffAngle [i],      lightNode .getCutOffAngle ());
+         gl .uniformMatrix3fv (shaderObject .x3d_LightMatrix [i], false,    this .matrixArray);
+
+         if (this .renderShadow && this .shadowBuffer)
+         {
+            const
+               browser     = this .browser,
+               shadowColor = lightNode .getShadowColor ();
+
+            gl .uniform3f        (shaderObject .x3d_ShadowColor [i],         shadowColor .r, shadowColor .g, shadowColor .b);
+            gl .uniform1f        (shaderObject .x3d_ShadowIntensity [i],     lightNode .getShadowIntensity ());
+            gl .uniform1f        (shaderObject .x3d_ShadowBias [i],          lightNode .getShadowBias ());
+            gl .uniformMatrix4fv (shaderObject .x3d_ShadowMatrix [i], false, this .shadowMatrixArray);
+            gl .uniform1i        (shaderObject .x3d_ShadowMapSize [i],       lightNode .getShadowMapSize ());
+
+            this .textureUnit = lightNode .getGlobal ()
+               ? this .textureUnit === undefined ? browser .popTexture2DUnit () : this .textureUnit
+               : browser .getTexture2DUnit ();
+
+            if (this .textureUnit !== undefined)
+            {
+               gl .activeTexture (gl .TEXTURE0 + this .textureUnit);
+
+               if (gl .getVersion () >= 2 || browser .getExtension ("WEBGL_depth_texture"))
+                  gl .bindTexture (gl .TEXTURE_2D, this .shadowBuffer .getDepthTexture ());
+               else
+                  gl .bindTexture (gl .TEXTURE_2D, this .shadowBuffer .getColorTexture ());
+
+               gl .uniform1i (shaderObject .x3d_ShadowMap [i], this .textureUnit);
+            }
+            else
+            {
+               console .warn ("Not enough combined texture units for shadow map available.");
+            }
+         }
+      },
+      dispose: function ()
+      {
+         // Return shadowBuffer and textureUnit.
+
+         this .browser .pushShadowBuffer (this .shadowBuffer);
+
+         if (this .lightNode .getGlobal ())
+            this .browser .pushTexture2DUnit (this .textureUnit);
+
+         this .modelViewMatrix .clear ();
+
+         this .browser      = null;
+         this .lightNode    = null;
+         this .groupNode    = null;
+         this .shadowBuffer = null;
+         this .textureUnit  = undefined;
+
+         // Return container
+
+         SpotLights .push (this);
+      },
+   };
+
+   function SpotLight (executionContext)
+   {
+      X3DLightNode .call (this, executionContext);
+
+      this .addType (X3DConstants .SpotLight);
+
+      switch (executionContext .getSpecificationVersion ())
+      {
+         case "2.0":
+         case "3.0":
+         case "3.1":
+         case "3.2":
+         {
+            this ._beamWidth   = 1.5708;
+            this ._cutOffAngle = 0.785398;
+         }
+      }
+
+      this ._location    .setUnit ("length");
+      this ._radius      .setUnit ("length");
+      this ._beamWidth   .setUnit ("angle");
+      this ._cutOffAngle .setUnit ("angle");
+   }
+
+   SpotLight .prototype = Object .assign (Object .create (X3DLightNode .prototype),
+   {
+      constructor: SpotLight,
+      [Symbol .for ("X_ITE.X3DBaseNode.fieldDefinitions")]: new FieldDefinitionArray ([
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "metadata",         new Fields .SFNode ()),
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "global",           new Fields .SFBool (true)),
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "on",               new Fields .SFBool (true)),
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "color",            new Fields .SFColor (1, 1, 1)),
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "intensity",        new Fields .SFFloat (1)),
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "ambientIntensity", new Fields .SFFloat ()),
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "attenuation",      new Fields .SFVec3f (1, 0, 0)),
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "location",         new Fields .SFVec3f ()),
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "direction",        new Fields .SFVec3f (0, 0, -1)),
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "radius",           new Fields .SFFloat (100)),
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "beamWidth",        new Fields .SFFloat (0.785398)),
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "cutOffAngle",      new Fields .SFFloat (1.5708)),
+
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "shadows",         new  Fields .SFBool ()),
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "shadowColor",     new  Fields .SFColor ()),        // Color of shadow.
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "shadowIntensity", new  Fields .SFFloat (1)),       // Intensity of shadow color in the range (0, 1).
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "shadowBias",      new  Fields .SFFloat (0.005)),   // Bias of the shadow.
+         new X3DFieldDefinition (X3DConstants .initializeOnly, "shadowMapSize",   new  Fields .SFInt32 (1024)),    // Size of the shadow map in pixels in the range (0, inf).
+      ]),
+      getTypeName: function ()
+      {
+         return "SpotLight";
+      },
+      getComponentName: function ()
+      {
+         return "Lighting";
+      },
+      getContainerField: function ()
+      {
+         return "children";
+      },
+      getAttenuation: function ()
+      {
+         return this ._attenuation .getValue ();
+      },
+      getLocation: function ()
+      {
+         return this ._location .getValue ();
+      },
+      getRadius: function ()
+      {
+         return Math .max (0, this ._radius .getValue ());
+      },
+      getBeamWidth: function ()
+      {
+         // If the beamWidth is greater than the cutOffAngle, beamWidth is defined to be equal to the cutOffAngle.
+
+         const
+            beamWidth   = this ._beamWidth .getValue (),
+            cutOffAngle = this .getCutOffAngle ();
+
+         if (beamWidth > cutOffAngle)
+            return cutOffAngle;
+
+         return Algorithm .clamp (beamWidth, 0, Math .PI / 2);
+      },
+      getCutOffAngle: function ()
+      {
+         return Algorithm .clamp (this ._cutOffAngle .getValue (), 0, Math .PI / 2);
+      },
+      getLights: function ()
+      {
+         return SpotLights;
+      },
+   });
+
+   return SpotLight;
 });