x_ite 10.5.6 → 10.5.8

package/dist/x_ite.js

@@ -1,4 +1,4 @@
-/* X_ITE v10.5.6 */
+/* X_ITE v10.5.8 */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory();
@@ -12,10 +12,10 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 776:
+/***/ 949:
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-/* provided dependency */ var jQuery = __webpack_require__(836);
+/* provided dependency */ var jQuery = __webpack_require__(445);
 /**
  * @preserve jquery.fullscreen 1.1.5
  * https://github.com/code-lts/jquery-fullscreen-plugin
@@ -211,7 +211,7 @@ installFullScreenHandlers();
 
 /***/ }),
 
-/***/ 610:
+/***/ 485:
 /***/ ((module, exports, __webpack_require__) => {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -225,7 +225,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 (function (factory) {
     if ( true ) {
         // AMD. Register as an anonymous module.
-        !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(836)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+        !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(445)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -436,7 +436,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ }),
 
-/***/ 836:
+/***/ 445:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -11160,7 +11160,7 @@ return jQuery;
 
 /***/ }),
 
-/***/ 145:
+/***/ 294:
 /***/ ((module) => {
 
 /**
@@ -15939,7 +15939,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 584:
+/***/ 729:
 /***/ (function(__unused_webpack_module, exports) {
 
 
@@ -19184,7 +19184,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 663:
+/***/ 782:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
@@ -20311,7 +20311,7 @@ Object .defineProperty (Namespace, "add",
          return module;
       }
 
-      const X3D = window [Symbol .for ("X_ITE.X3D-10.5.6")];
+      const X3D = window [Symbol .for ("X_ITE.X3D-10.5.8")];
 
       if (X3D)
          X3D [name] = module;
@@ -34173,7 +34173,7 @@ const X3DBaseNode_default_ = X3DBaseNode;
 
 /* harmony default export */ const Base_X3DBaseNode = (x_ite_Namespace .add ("X3DBaseNode", X3DBaseNode_default_));
 ;// ./src/x_ite/Browser/Legacy.js
-/* provided dependency */ var $ = __webpack_require__(836);
+/* provided dependency */ var $ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -34309,7 +34309,7 @@ const Legacy_default_ = Legacy;
  *
  ******************************************************************************/
 
-const BROWSER_VERSION_default_ = "10.5.6";
+const BROWSER_VERSION_default_ = "10.5.8";
 ;
 
 /* harmony default export */ const BROWSER_VERSION = (x_ite_Namespace .add ("BROWSER_VERSION", BROWSER_VERSION_default_));
@@ -37334,7 +37334,7 @@ const X3DBindableNode_default_ = X3DBindableNode;
 
 /* harmony default export */ const Core_X3DBindableNode = (x_ite_Namespace .add ("X3DBindableNode", X3DBindableNode_default_));
 ;// ./src/standard/Math/Geometry/Triangle3.js
-/* provided dependency */ var libtess = __webpack_require__(145);
+/* provided dependency */ var libtess = __webpack_require__(294);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -39900,7 +39900,7 @@ const X3DProtoDeclaration_default_ = X3DProtoDeclaration;
 
 /* harmony default export */ const Prototype_X3DProtoDeclaration = (x_ite_Namespace .add ("X3DProtoDeclaration", X3DProtoDeclaration_default_));
 ;// ./src/x_ite/Parser/X3DParser.js
-/* provided dependency */ var X3DParser_$ = __webpack_require__(836);
+/* provided dependency */ var X3DParser_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -40155,7 +40155,7 @@ const Expressions_default_ = Expressions;
 
 /* harmony default export */ const Parser_Expressions = (x_ite_Namespace .add ("Expressions", Expressions_default_));
 ;// ./src/x_ite/Parser/VRMLParser.js
-/* provided dependency */ var VRMLParser_$ = __webpack_require__(836);
+/* provided dependency */ var VRMLParser_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -42795,7 +42795,7 @@ const VRMLParser_default_ = VRMLParser;
 
 /* harmony default export */ const Parser_VRMLParser = (x_ite_Namespace .add ("VRMLParser", VRMLParser_default_));
 ;// ./src/x_ite/Parser/XMLParser.js
-/* provided dependency */ var XMLParser_$ = __webpack_require__(836);
+/* provided dependency */ var XMLParser_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -44973,7 +44973,7 @@ const URLs_default_ = URLs;
 
 /* harmony default export */ const Networking_URLs = (x_ite_Namespace .add ("URLs", URLs_default_));
 ;// ./src/x_ite/Parser/GLTF2Parser.js
-/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(836);
+/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -48624,7 +48624,7 @@ const GLTF2Parser_default_ = GLTF2Parser;
 
 /* harmony default export */ const Parser_GLTF2Parser = (x_ite_Namespace .add ("GLTF2Parser", GLTF2Parser_default_));
 ;// ./src/x_ite/Parser/GLB2Parser.js
-/* provided dependency */ var GLB2Parser_$ = __webpack_require__(836);
+/* provided dependency */ var GLB2Parser_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -48775,7 +48775,7 @@ const GLB2Parser_default_ = GLB2Parser;
 
 /* harmony default export */ const Parser_GLB2Parser = (x_ite_Namespace .add ("GLB2Parser", GLB2Parser_default_));
 ;// ./src/x_ite/Parser/OBJParser.js
-/* provided dependency */ var OBJParser_$ = __webpack_require__(836);
+/* provided dependency */ var OBJParser_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -52110,6 +52110,16 @@ class MatrixStack extends Array
       this [this .#top] .identity ();
    }
 
+   inverse ()
+   {
+      this [this .#top] .inverse ();
+   }
+
+   multRight (matrix)
+   {
+      this [this .#top] .multRight (matrix);
+   }
+
    multLeft (matrix)
    {
       this [this .#top] .multLeft (matrix);
@@ -52136,8 +52146,8 @@ const MatrixStack_default_ = MatrixStack;
 
 /* harmony default export */ const Utility_MatrixStack = (x_ite_Namespace .add ("MatrixStack", MatrixStack_default_));
 ;// ./src/x_ite/Parser/SVGParser.js
-/* provided dependency */ var SVGParser_$ = __webpack_require__(836);
-/* provided dependency */ var SVGParser_libtess = __webpack_require__(145);
+/* provided dependency */ var SVGParser_$ = __webpack_require__(445);
+/* provided dependency */ var SVGParser_libtess = __webpack_require__(294);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -54916,7 +54926,7 @@ const SVGParser_default_ = SVGParser;
 
 /* harmony default export */ const Parser_SVGParser = (x_ite_Namespace .add ("SVGParser", SVGParser_default_));
 ;// ./src/x_ite/Parser/GoldenGate.js
-/* provided dependency */ var GoldenGate_$ = __webpack_require__(836);
+/* provided dependency */ var GoldenGate_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -56593,7 +56603,8 @@ function X3DRenderObject (executionContext)
    this .localShadows             = [ false ];
    this .localFogs                = [ null ];
    this .layouts                  = [ ];
-   this .humanoids                = [ null ];
+   this .hAnimNode                = [ null ];
+   this .invHumanoidMatrix        = new Utility_MatrixStack (Numbers_Matrix4);
    this .generatedCubeMapTextures = [ ];
    this .collisions               = [ ];
    this .collisionTime            = new Time_StopWatch ();
@@ -56851,9 +56862,13 @@ Object .assign (X3DRenderObject .prototype,
    {
       return this .layouts .at (-1);
    },
-   getHumanoids ()
+   getHAnimNode ()
    {
-      return this .humanoids;
+      return this .hAnimNode;
+   },
+   getInvHumanoidMatrix ()
+   {
+      return this .invHumanoidMatrix;
    },
    getGeneratedCubeMapTextures ()
    {
@@ -57134,7 +57149,7 @@ Object .assign (X3DRenderObject .prototype,
 
             pointingContext .modelViewMatrix .set (modelViewMatrix);
             pointingContext .scissor      = viewVolume .getScissor ();
-            pointingContext .humanoidNode = this .humanoids .at (-1);
+            pointingContext .hAnimNode    = this .hAnimNode .at (-1);
             pointingContext .shapeNode    = shapeNode;
 
             // Clip planes & sensors
@@ -57233,7 +57248,7 @@ Object .assign (X3DRenderObject .prototype,
 
             depthContext .modelViewMatrix .set (modelViewMatrix);
             depthContext .scissor      = viewVolume .getScissor ();
-            depthContext .humanoidNode = this .humanoids .at (-1);
+            depthContext .hAnimNode    = this .hAnimNode .at (-1);
             depthContext .shapeNode    = shapeNode;
 
             // Clip planes
@@ -57292,7 +57307,7 @@ Object .assign (X3DRenderObject .prototype,
             renderContext .scissor .assign (viewVolume .getScissor ());
             renderContext .shadows        = this .localShadows .at (-1);
             renderContext .fogNode        = this .localFogs .at (-1);
-            renderContext .humanoidNode   = this .humanoids .at (-1);
+            renderContext .hAnimNode      = this .hAnimNode .at (-1);
             renderContext .shapeNode      = shapeNode;
             renderContext .appearanceNode = shapeNode .getAppearance ();
 
@@ -57352,12 +57367,12 @@ Object .assign (X3DRenderObject .prototype,
          {
             const
                renderContext       = shapes [s],
-               { scissor, clipPlanes, modelViewMatrix, shapeNode, humanoidNode } = renderContext,
+               { scissor, clipPlanes, modelViewMatrix, shapeNode, hAnimNode } = renderContext,
                appearanceNode      = shapeNode .getAppearance (),
                geometryContext     = shapeNode .getGeometryContext (),
                depthModeNode       = appearanceNode .getDepthMode (),
                stylePropertiesNode = appearanceNode .getStyleProperties (geometryContext .geometryType),
-               shaderNode          = browser .getPointingShader (clipPlanes .length, shapeNode, humanoidNode),
+               shaderNode          = browser .getPointingShader (clipPlanes .length, shapeNode, hAnimNode),
                id                  = browser .addPointingShape (renderContext);
 
             gl .scissor (scissor .x - x,
@@ -57376,7 +57391,7 @@ Object .assign (X3DRenderObject .prototype,
 
             depthModeNode       ?.enable (gl);
             stylePropertiesNode ?.setShaderUniforms (gl, shaderNode);
-            humanoidNode        ?.setShaderUniforms (gl, shaderNode);
+            hAnimNode           ?.setShaderUniforms (gl, shaderNode);
 
             shapeNode .displaySimple (gl, renderContext, shaderNode);
 
@@ -57592,11 +57607,11 @@ Object .assign (X3DRenderObject .prototype,
          {
             const
                renderContext       = shapes [s],
-               { scissor, clipPlanes, modelViewMatrix, shapeNode, humanoidNode } = renderContext,
+               { scissor, clipPlanes, modelViewMatrix, shapeNode, hAnimNode } = renderContext,
                appearanceNode      = shapeNode .getAppearance (),
                geometryContext     = shapeNode .getGeometryContext (),
                stylePropertiesNode = appearanceNode .getStyleProperties (geometryContext .geometryType),
-               shaderNode          = browser .getDepthShader (clipPlanes .length, shapeNode, humanoidNode);
+               shaderNode          = browser .getDepthShader (clipPlanes .length, shapeNode, hAnimNode);
 
             gl .scissor (... scissor);
 
@@ -57609,7 +57624,7 @@ Object .assign (X3DRenderObject .prototype,
             gl .uniformMatrix4fv (shaderNode .x3d_ModelViewMatrix,  false, modelViewMatrix);
 
             stylePropertiesNode ?.setShaderUniforms (gl, shaderNode);
-            humanoidNode        ?.setShaderUniforms (gl, shaderNode);
+            hAnimNode           ?.setShaderUniforms (gl, shaderNode);
 
             shapeNode .displaySimple (gl, renderContext, shaderNode);
             browser .resetTextureUnits ();
@@ -62930,7 +62945,7 @@ const X3DTexture2DNode_default_ = X3DTexture2DNode;
 
 /* harmony default export */ const Texturing_X3DTexture2DNode = (x_ite_Namespace .add ("X3DTexture2DNode", X3DTexture2DNode_default_));
 ;// ./src/x_ite/Components/Texturing/ImageTexture.js
-/* provided dependency */ var ImageTexture_$ = __webpack_require__(836);
+/* provided dependency */ var ImageTexture_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -65277,15 +65292,57 @@ Object .assign (Object .setPrototypeOf (X3DViewpointNode .prototype, Core_X3DBin
    },
    getUserPosition ()
    {
-      return this .userPosition .assign (this .getPosition ()) .add (this ._positionOffset .getValue ());
+      return this .userPosition .assign (this .getPosition ())
+         .add (this ._positionOffset .getValue ());
+   },
+   setUserPosition (userPosition)
+   {
+      this ._positionOffset = this .userPosition .assign (userPosition)
+         .subtract (this .getPosition ());
    },
    getUserOrientation ()
    {
-      return this .userOrientation .assign (this .getOrientation ()) .multRight (this ._orientationOffset .getValue ());
+      return this .userOrientation .assign (this .getOrientation ())
+         .multRight (this ._orientationOffset .getValue ());
+   },
+   setUserOrientation (userOrientation)
+   {
+      this ._orientationOffset = this .userOrientation .assign (this .getOrientation ()) .inverse ()
+         .multRight (userOrientation);
    },
    getUserCenterOfRotation ()
    {
-      return this .userCenterOfRotation .assign (this .getCenterOfRotation ()) .add (this ._centerOfRotationOffset .getValue ());
+      return this .userCenterOfRotation .assign (this .getCenterOfRotation ())
+         .add (this ._centerOfRotationOffset .getValue ());
+   },
+   setUserCenterOfRotation (userCenterOfRotation)
+   {
+      this ._centerOfRotationOffset = this .userCenterOfRotation .assign (userCenterOfRotation)
+         .subtract (this .getCenterOfRotation ());
+   },
+   getFieldOfViewScale ()
+   {
+      return this ._fieldOfViewScale .getValue ();
+   },
+   setFieldOfViewScale (value)
+   {
+      this ._fieldOfViewScale = value;
+   },
+   getNearDistance ()
+   {
+      return this .nearDistance;
+   },
+   setNearDistance (value)
+   {
+      this .nearDistance = value;
+   },
+   getFarDistance ()
+   {
+      return this .farDistance;
+   },
+   setFarDistance (value)
+   {
+      this .farDistance = value;
    },
    getProjectionMatrix (renderObject)
    {
@@ -66314,7 +66371,7 @@ const X3DWorld_default_ = X3DWorld;
 
 /* harmony default export */ const Execution_X3DWorld = (x_ite_Namespace .add ("X3DWorld", X3DWorld_default_));
 ;// ./src/x_ite/InputOutput/FileLoader.js
-/* provided dependency */ var FileLoader_$ = __webpack_require__(836);
+/* provided dependency */ var FileLoader_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -66627,7 +66684,7 @@ Object .assign (Object .setPrototypeOf (FileLoader .prototype, Base_X3DObject .p
       if (this .URL .protocol === "data:")
          console .error (`Couldn't load data URL.`, error);
       else
-         console .error (`Couldn't load URL '${decodeURI (this .URL .href)}'.`, error);
+         console .error (`Couldn't load URL '${FileLoader_$.try (() => decodeURI (this .URL)) ?? this .URL}'.`, error);
    },
 });
 
@@ -67278,7 +67335,7 @@ const ProtoDeclarationArray_default_ = ProtoDeclarationArray;
 
 /* harmony default export */ const Prototype_ProtoDeclarationArray = (x_ite_Namespace .add ("ProtoDeclarationArray", ProtoDeclarationArray_default_));
 ;// ./src/x_ite/Routing/X3DRoute.js
-/* provided dependency */ var X3DRoute_$ = __webpack_require__(836);
+/* provided dependency */ var X3DRoute_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -74916,20 +74973,16 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
       this ._set_scale        .addFieldInterest (this ._scale);
       this ._set_spine        .addFieldInterest (this ._spine);
    },
-   getClosedOrientation ()
+   getClosed (array)
    {
-      const orientation = this ._orientation;
-
-      if (orientation .length)
-      {
-         const
-            firstOrientation = orientation [0] .getValue (),
-            lastOrientation  = orientation [orientation .length - 1] .getValue ();
+      if (!array .length)
+         return true;
 
-         return firstOrientation .equals (lastOrientation);
-      }
+      const
+         first = array .at (0)  .getValue (),
+         last  = array .at (-1) .getValue ();
 
-      return true;
+      return first .equals (last);
    },
    createPoints: (() =>
    {
@@ -74995,11 +75048,12 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
          // calculate SCP rotations
 
          const
-            spine       = this ._spine,
-            numSpines   = spine .length,
-            firstSpine  = spine [0] .getValue (),
-            lastSpine   = spine [spine .length - 1] .getValue (),
-            closedSpine = firstSpine .equals (lastSpine) && this .getClosedOrientation ();
+            spine     = this ._spine,
+            numSpines = spine .length;
+
+         const closedSpine = this .getClosed (spine)
+            && this .getClosed (this ._orientation)
+            && this .getClosed (this ._scale);
 
          // Extend or shrink static rotations array:
          for (let i = rotations .length; i < numSpines; ++ i)
@@ -75015,7 +75069,7 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
          // SCP for the first point:
          if (closedSpine)
          {
-            const s = firstSpine;
+            const s = spine .at (0) .getValue ();
 
             // Find first defined Y-axis.
             for (let i = 1, length = numSpines - 2; i < length; ++ i)
@@ -75074,7 +75128,7 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
          SCPxAxis .assign (SCPyAxis) .cross (SCPzAxis);
 
          // Get first spine
-         const s = firstSpine;
+         const s = spine .at (0) .getValue ();
 
          rotations [0] .set (SCPxAxis .x, SCPxAxis .y, SCPxAxis .z, 0,
                              SCPyAxis .x, SCPyAxis .y, SCPyAxis .z, 0,
@@ -75130,7 +75184,7 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
          }
          else
          {
-            const s = lastSpine;
+            const s = spine .at (-1) .getValue ();
 
             SCPyAxis .assign (s) .subtract (spine [numSpines - 2] .getValue ()) .normalize ();
 
@@ -75191,10 +75245,9 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
 
          function INDEX (n, k) { return n * crossSectionSize + k; }
 
-         const
-            firstSpine  = spine [0] .getValue (),
-            lastSpine   = spine [numSpines - 1] .getValue (),
-            closedSpine = firstSpine .equals (lastSpine) && this .getClosedOrientation ();
+         const closedSpine = this .getClosed (spine)
+            && this .getClosed (this ._orientation)
+            && this .getClosed (this ._scale);
 
          const
             firstCrossSection  = crossSection [0] .getValue (),
@@ -77521,7 +77574,7 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, Renderin
       if (this [_numLines0] !== numLines)
          return true;
 
-      if (this [_numLines2] !== numLines)
+      if (this .hasNormals && this [_numLines2] !== numLines)
          return true;
 
       // Setup vertex attributes.
@@ -77603,7 +77656,7 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, Renderin
       if (shapeNode [_numLines0] !== numLines)
          return true;
 
-      if (shapeNode [_numLines2] !== numLines)
+      if (this .hasNormals && shapeNode [_numLines2] !== numLines)
          return true;
 
       // Setup vertex attributes.
@@ -77657,11 +77710,11 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, Renderin
          return;
 
       const
-         browser            = this .getBrowser (),
-         appearanceNode     = renderContext .appearanceNode,
-         shaderNode         = appearanceNode .getShader (this, renderContext),
-         renderModeNodes    = appearanceNode .getRenderModes (),
-         primitiveMode      = browser .getPrimitiveMode (this .getPrimitiveMode ());
+         browser         = this .getBrowser (),
+         appearanceNode  = renderContext .appearanceNode,
+         shaderNode      = appearanceNode .getShader (this, renderContext),
+         renderModeNodes = appearanceNode .getRenderModes (),
+         primitiveMode   = browser .getPrimitiveMode (this .getPrimitiveMode ());
 
       for (const node of renderModeNodes)
          node .enable (gl);
@@ -90958,7 +91011,7 @@ mediump samplerCube textureCube;
 
 /* harmony default export */ const MaterialTextures = (x_ite_Namespace .add ("MaterialTextures", MaterialTextures_default_));
 ;// ./src/x_ite/Components/Shaders/X3DProgrammableShaderObject.js
-/* provided dependency */ var X3DProgrammableShaderObject_$ = __webpack_require__(836);
+/* provided dependency */ var X3DProgrammableShaderObject_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -91188,6 +91241,7 @@ Object .assign (X3DProgrammableShaderObject .prototype,
          "x3d_TexCoordRamp",
          "x3d_JointsTexture",
          "x3d_DisplacementsTexture",
+         "x3d_DisplacementWeightsTexture",
          "x3d_JointMatricesTexture",
          // Common
          "x3d_Id", // Pointing ID
@@ -92002,7 +92056,7 @@ Object .assign (X3DProgrammableShaderObject .prototype,
 
       return function (gl, renderContext, geometryContext, front = true)
       {
-         const { renderObject, fogNode, appearanceNode, humanoidNode, modelViewMatrix } = renderContext;
+         const { renderObject, fogNode, appearanceNode, hAnimNode, modelViewMatrix } = renderContext;
 
          const
             stylePropertiesNode = appearanceNode .getStyleProperties (geometryContext .geometryType),
@@ -92117,7 +92171,7 @@ Object .assign (X3DProgrammableShaderObject .prototype,
 
          // Skinning
 
-         humanoidNode ?.setShaderUniforms (gl, this);
+         hAnimNode ?.setShaderUniforms (gl, this);
       };
    })(),
    enable (gl)
@@ -94488,13 +94542,30 @@ vec4 shadowCoord=light.shadowMatrix*vec4(vertex,1.0);shadowCoord.z-=light.shadow
 ;// ./src/assets/shaders/webgl2/common/Skin2.glsl.js
 const Skin2_glsl_default_ = /* glsl */ `
 #if defined(X3D_SKINNING)
-in float x3d_CoordIndex;uniform sampler2D x3d_JointsTexture;uniform sampler2D x3d_DisplacementsTexture;uniform sampler2D x3d_JointMatricesTexture;mat4 getJointMatrix(const in int joint){vec4 a=texelFetch(x3d_JointMatricesTexture,joint*8,0);vec4 b=texelFetch(x3d_JointMatricesTexture,joint*8+1,0);vec4 c=texelFetch(x3d_JointMatricesTexture,joint*8+2,0);vec4 d=texelFetch(x3d_JointMatricesTexture,joint*8+3,0);return mat4(a,b,c,d);}mat3 getDisplacementJointMatrix(const in int joint){mat4 m=getJointMatrix(joint);return mat3(m[0].xyz,m[1].xyz,m[2].xyz);}
+in float x3d_CoordIndex;
+#if X3D_NUM_JOINT_SETS>0
+uniform sampler2D x3d_JointsTexture;
+#endif
+#if X3D_NUM_DISPLACEMENTS>0
+uniform sampler2D x3d_DisplacementsTexture;uniform sampler2D x3d_DisplacementWeightsTexture;
+#endif
+#if X3D_NUM_JOINT_SETS>0||X3D_NUM_DISPLACEMENTS>0
+uniform sampler2D x3d_JointMatricesTexture;
+#endif
+#if X3D_NUM_JOINT_SETS>0
+mat4 getJointMatrix(const in int joint){vec4 a=texelFetch(x3d_JointMatricesTexture,joint*8,0);vec4 b=texelFetch(x3d_JointMatricesTexture,joint*8+1,0);vec4 c=texelFetch(x3d_JointMatricesTexture,joint*8+2,0);vec4 d=texelFetch(x3d_JointMatricesTexture,joint*8+3,0);return mat4(a,b,c,d);}
+#if defined(X3D_NORMALS)
+mat3 getJointNormalMatrix(const in int joint){vec4 a=texelFetch(x3d_JointMatricesTexture,joint*8+4,0);vec4 b=texelFetch(x3d_JointMatricesTexture,joint*8+5,0);vec4 c=texelFetch(x3d_JointMatricesTexture,joint*8+6,0);return mat3(a.xyz,vec3(a.w,b.xy),vec3(b.zw,c.x));}
+#endif
+#endif
+#if X3D_NUM_DISPLACEMENTS>0
+mat3 getDisplacementJointMatrix(const in int joint){vec4 a=texelFetch(x3d_JointMatricesTexture,joint*8,0);vec4 b=texelFetch(x3d_JointMatricesTexture,joint*8+1,0);vec4 c=texelFetch(x3d_JointMatricesTexture,joint*8+2,0);return mat3(a.xyz,b.xyz,c.xyz);}
+#endif
 #if defined(X3D_NORMALS)
 vec3 skinNormal=vec3(0.0);
 #if defined(X3D_TANGENTS)
 vec3 skinTangent=vec3(0.0);
 #endif
-mat3 getJointNormalMatrix(const in int joint){vec4 a=texelFetch(x3d_JointMatricesTexture,joint*8+4,0);vec4 b=texelFetch(x3d_JointMatricesTexture,joint*8+5,0);vec4 c=texelFetch(x3d_JointMatricesTexture,joint*8+6,0);return mat3(a.xyz,vec3(a.w,b.xy),vec3(b.zw,c.x));}
 #define getSkinNormal(normal)(skinNormal)
 #if defined(X3D_TANGENTS)
 #define getSkinTangent(tangent)(skinTangent)
@@ -94511,16 +94582,19 @@ skinTangent=tangent;
 #endif
 #endif
 #if X3D_NUM_DISPLACEMENTS>0
-{int coordIndexD=coordIndex*X3D_NUM_DISPLACEMENTS;int width=textureSize(x3d_DisplacementsTexture,0).x;int offset=(width*width)/2;for(int i=0;i<X3D_NUM_DISPLACEMENTS;++i){int index=coordIndexD+i;vec4 displacement=texelFetch(x3d_DisplacementsTexture,index,0);float weight=texelFetch(x3d_DisplacementsTexture,index+offset,0).x;skin.xyz+=getDisplacementJointMatrix(int(displacement.w))*displacement.xyz*weight;}}
+{int coordIndexD=coordIndex*(X3D_NUM_DISPLACEMENTS*2);for(int i=0;i<X3D_NUM_DISPLACEMENTS;++i){int index=coordIndexD+i*2;vec4 displacement=texelFetch(x3d_DisplacementsTexture,index,0);int weightIndex=int(texelFetch(x3d_DisplacementsTexture,index+1,0).x);float weight=texelFetch(x3d_DisplacementWeightsTexture,weightIndex,0).x;skin.xyz+=getDisplacementJointMatrix(int(displacement.w))*(displacement.xyz*weight);}}
 #endif
-int coordIndexJ=coordIndex*(X3D_NUM_JOINT_SETS*2);for(int i=0;i<X3D_NUM_JOINT_SETS;++i){int index=coordIndexJ+i;ivec4 joints=ivec4(texelFetch(x3d_JointsTexture,index,0));vec4 weights=texelFetch(x3d_JointsTexture,index+X3D_NUM_JOINT_SETS,0);for(int i=0;i<4;++i){int joint=joints[i];float weight=weights[i];skin+=(getJointMatrix(joint)*vertex-vertex)*weight;
+#if X3D_NUM_JOINT_SETS>0
+{int coordIndexJ=coordIndex*(X3D_NUM_JOINT_SETS*2);for(int i=0;i<X3D_NUM_JOINT_SETS;++i){int index=coordIndexJ+i;ivec4 joints=ivec4(texelFetch(x3d_JointsTexture,index,0));vec4 weights=texelFetch(x3d_JointsTexture,index+X3D_NUM_JOINT_SETS,0);for(int i=0;i<4;++i){int joint=joints[i];float weight=weights[i];skin+=(getJointMatrix(joint)*vertex-vertex)*weight;
 #if defined(X3D_NORMALS)
 mat3 jointNormalMatrix=getJointNormalMatrix(joint);skinNormal+=(jointNormalMatrix*normal-normal)*weight;
 #if defined(X3D_TANGENTS)
 skinTangent+=(jointNormalMatrix*tangent-tangent)*weight;
 #endif
 #endif
-}}return skin;}
+}}}
+#endif
+return skin;}
 #else
 #define getSkinVertex(vertex,normal,tangent)(vertex)
 #define getSkinNormal(normal)(normal)
@@ -96234,7 +96308,7 @@ const ShaderCompiler_default_ = ShaderCompiler;
 
 /* harmony default export */ const Shaders_ShaderCompiler = (x_ite_Namespace .add ("ShaderCompiler", ShaderCompiler_default_));
 ;// ./src/x_ite/Components/Shaders/ShaderPart.js
-/* provided dependency */ var ShaderPart_$ = __webpack_require__(836);
+/* provided dependency */ var ShaderPart_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -96832,7 +96906,7 @@ const X3DAppearanceNode_default_ = X3DAppearanceNode;
 
 /* harmony default export */ const Shape_X3DAppearanceNode = (x_ite_Namespace .add ("X3DAppearanceNode", X3DAppearanceNode_default_));
 ;// ./src/x_ite/Components/Shape/Appearance.js
-/* provided dependency */ var Appearance_$ = __webpack_require__(836);
+/* provided dependency */ var Appearance_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -97702,7 +97776,7 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, Shape_X3DApp
 
       if (renderContext)
       {
-         const { renderObject, shadows, fogNode, shapeNode, appearanceNode, textureNode, humanoidNode, localObjectsKeys } = renderContext;
+         const { renderObject, shadows, fogNode, shapeNode, appearanceNode, textureNode, hAnimNode, localObjectsKeys } = renderContext;
 
          key += shapeNode .getAlphaMode ();
          key += renderObject .getRenderAndGlobalLightsKey ();
@@ -97712,7 +97786,7 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, Shape_X3DApp
          key += appearanceNode .getStyleProperties (geometryContext .geometryType) ?.getStyleKey () ?? 0;
          key += appearanceNode .getTextureTransformMapping () .size || 1;
          key += geometryContext .textureCoordinateMapping .size || 1;
-         key += humanoidNode ?.getHumanoidKey () ?? "[]";
+         key += hAnimNode ?.getHAnimKey () ?? "[]";
          key += localObjectsKeys .sort () .join (""); // ClipPlane, X3DLightNode
          key += ".";
          key += textureNode ? 2 : appearanceNode .getTextureBits () .toString (16);
@@ -97782,7 +97856,7 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, Shape_X3DApp
 
       if (renderContext)
       {
-         const { renderObject, fogNode, shapeNode, appearanceNode, humanoidNode, localObjectsKeys, textureNode } = renderContext;
+         const { renderObject, fogNode, shapeNode, appearanceNode, hAnimNode, localObjectsKeys, textureNode } = renderContext;
 
          const objectsKeys = localObjectsKeys .concat (renderObject .getGlobalLightsKeys ());
 
@@ -97825,11 +97899,11 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, Shape_X3DApp
                break;
          }
 
-         if (humanoidNode)
+         if (hAnimNode)
          {
             options .push ("X3D_SKINNING");
-            options .push (`X3D_NUM_JOINT_SETS ${humanoidNode .getNumJoints () / 4}`);
-            options .push (`X3D_NUM_DISPLACEMENTS ${humanoidNode .getNumDisplacements ()}`);
+            options .push (`X3D_NUM_JOINT_SETS ${hAnimNode .getNumJoints () / 4}`);
+            options .push (`X3D_NUM_DISPLACEMENTS ${hAnimNode .getNumDisplacements ()}`);
          }
 
          const
@@ -105055,8 +105129,8 @@ const GifMedia_default_ = GifMedia;
 
 /* harmony default export */ const Texturing_GifMedia = (x_ite_Namespace .add ("GifMedia", GifMedia_default_));
 ;// ./src/x_ite/Components/Texturing/MovieTexture.js
-/* provided dependency */ var MovieTexture_$ = __webpack_require__(836);
-/* provided dependency */ var SuperGif = __webpack_require__(663);
+/* provided dependency */ var MovieTexture_$ = __webpack_require__(445);
+/* provided dependency */ var SuperGif = __webpack_require__(782);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -107524,7 +107598,7 @@ const gettext_default_ = (string) => locale .get (string) || string;
 
 /* harmony default export */ const gettext = (x_ite_Namespace .add ("gettext", gettext_default_));
 ;// ./src/x_ite/Browser/Core/BrowserTimings.js
-/* provided dependency */ var BrowserTimings_$ = __webpack_require__(836);
+/* provided dependency */ var BrowserTimings_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -108154,7 +108228,7 @@ const TextCompression_default_ = TextCompression;
 
 /* harmony default export */ const Core_TextCompression = (x_ite_Namespace .add ("TextCompression", TextCompression_default_));
 ;// ./src/x_ite/Browser/Core/BrowserOptions.js
-/* provided dependency */ var BrowserOptions_$ = __webpack_require__(836);
+/* provided dependency */ var BrowserOptions_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -108801,7 +108875,7 @@ const RenderingProperties_default_ = RenderingProperties;
 
 /* harmony default export */ const Core_RenderingProperties = (x_ite_Namespace .add ("RenderingProperties", RenderingProperties_default_));
 ;// ./src/x_ite/Browser/Core/Notification.js
-/* provided dependency */ var Notification_$ = __webpack_require__(836);
+/* provided dependency */ var Notification_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -108923,8 +108997,8 @@ const Notification_default_ = Notification;
 
 /* harmony default export */ const Core_Notification = (x_ite_Namespace .add ("Notification", Notification_default_));
 ;// ./src/x_ite/Browser/Core/ContextMenu.js
-/* provided dependency */ var jquery_fullscreen = __webpack_require__(776);
-/* provided dependency */ var ContextMenu_$ = __webpack_require__(836);
+/* provided dependency */ var jquery_fullscreen = __webpack_require__(949);
+/* provided dependency */ var ContextMenu_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -111646,7 +111720,7 @@ const DataStorage_default_ = DataStorage;
 
 /* harmony default export */ const Utility_DataStorage = (x_ite_Namespace .add ("DataStorage", DataStorage_default_));
 ;// ./src/x_ite/Browser/Core/X3DCoreContext.js
-/* provided dependency */ var X3DCoreContext_$ = __webpack_require__(836);
+/* provided dependency */ var X3DCoreContext_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -114257,8 +114331,8 @@ const X3DViewer_default_ = X3DViewer;
 
 /* harmony default export */ const Navigation_X3DViewer = (x_ite_Namespace .add ("X3DViewer", X3DViewer_default_));
 ;// ./src/x_ite/Browser/Navigation/ExamineViewer.js
-/* provided dependency */ var jquery_mousewheel = __webpack_require__(610);
-/* provided dependency */ var ExamineViewer_$ = __webpack_require__(836);
+/* provided dependency */ var jquery_mousewheel = __webpack_require__(485);
+/* provided dependency */ var ExamineViewer_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -115173,8 +115247,8 @@ const ExamineViewer_default_ = ExamineViewer;
 
 /* harmony default export */ const Navigation_ExamineViewer = (x_ite_Namespace .add ("ExamineViewer", ExamineViewer_default_));
 ;// ./src/x_ite/Browser/Navigation/X3DFlyViewer.js
-/* provided dependency */ var X3DFlyViewer_jquery_mousewheel = __webpack_require__(610);
-/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(836);
+/* provided dependency */ var X3DFlyViewer_jquery_mousewheel = __webpack_require__(485);
+/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -116189,8 +116263,8 @@ const FlyViewer_default_ = FlyViewer;
 
 /* harmony default export */ const Navigation_FlyViewer = (x_ite_Namespace .add ("FlyViewer", FlyViewer_default_));
 ;// ./src/x_ite/Browser/Navigation/PlaneViewer.js
-/* provided dependency */ var PlaneViewer_jquery_mousewheel = __webpack_require__(610);
-/* provided dependency */ var PlaneViewer_$ = __webpack_require__(836);
+/* provided dependency */ var PlaneViewer_jquery_mousewheel = __webpack_require__(485);
+/* provided dependency */ var PlaneViewer_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -116519,8 +116593,8 @@ const NoneViewer_default_ = NoneViewer;
 
 /* harmony default export */ const Navigation_NoneViewer = (x_ite_Namespace .add ("NoneViewer", NoneViewer_default_));
 ;// ./src/x_ite/Browser/Navigation/LookAtViewer.js
-/* provided dependency */ var LookAtViewer_jquery_mousewheel = __webpack_require__(610);
-/* provided dependency */ var LookAtViewer_$ = __webpack_require__(836);
+/* provided dependency */ var LookAtViewer_jquery_mousewheel = __webpack_require__(485);
+/* provided dependency */ var LookAtViewer_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -117109,11 +117183,8 @@ const
 
 function X3DNavigationContext ()
 {
-   this .addChildObjects (Base_X3DConstants .outputOnly, "activeLayer",          new x_ite_Fields .SFNode (),
-                          Base_X3DConstants .outputOnly, "activeNavigationInfo", new x_ite_Fields .SFNode (),
-                          Base_X3DConstants .outputOnly, "activeViewpoint",      new x_ite_Fields .SFNode (),
-                          Base_X3DConstants .outputOnly, "availableViewers",     new x_ite_Fields .MFString (),
-                          Base_X3DConstants .outputOnly, "viewer",               new x_ite_Fields .SFString ("EXAMINE"));
+   this .addChildObjects (Base_X3DConstants .outputOnly, "availableViewers", new x_ite_Fields .MFString (),
+                          Base_X3DConstants .outputOnly, "viewer",           new x_ite_Fields .SFString ("EXAMINE"));
 
    this [_activeCollisions] = new Set ();
    this [_viewerNode]       = new Navigation_NoneViewer (this .getPrivateScene ());
@@ -117665,8 +117736,8 @@ const X3DPickingContext_default_ = X3DPickingContext;
 
 /* harmony default export */ const Picking_X3DPickingContext = (x_ite_Namespace .add ("X3DPickingContext", X3DPickingContext_default_));
 ;// ./src/x_ite/Browser/PointingDeviceSensor/PointingDevice.js
-/* provided dependency */ var PointingDevice_jquery_mousewheel = __webpack_require__(610);
-/* provided dependency */ var PointingDevice_$ = __webpack_require__(836);
+/* provided dependency */ var PointingDevice_jquery_mousewheel = __webpack_require__(485);
+/* provided dependency */ var PointingDevice_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -118482,14 +118553,14 @@ Object .assign (X3DPointingDeviceSensorContext .prototype,
       for (const sensor of this [_activeSensors])
          sensor .set_motion__ (hit);
    },
-   getPointingShader (numClipPlanes, shapeNode, humanoidNode)
+   getPointingShader (numClipPlanes, shapeNode, hAnimNode)
    {
       const { geometryType, hasNormals } = shapeNode .getGeometryContext ();
 
       let key = "";
 
       key += numClipPlanes; // Could be more than 9.
-      key += humanoidNode ?.getHumanoidKey () ?? "[]";
+      key += hAnimNode ?.getHAnimKey () ?? "[]";
       key += shapeNode .getShapeKey ();
       key += geometryType;
       key += hasNormals ? 1 : 0;
@@ -118510,9 +118581,9 @@ Object .assign (X3DPointingDeviceSensorContext .prototype,
       }
 
       return this [_pointingShaders] .get (key)
-         ?? this .createPointingShader (key, numClipPlanes, shapeNode, humanoidNode);
+         ?? this .createPointingShader (key, numClipPlanes, shapeNode, hAnimNode);
    },
-   createPointingShader (key, numClipPlanes, shapeNode, humanoidNode)
+   createPointingShader (key, numClipPlanes, shapeNode, hAnimNode)
    {
       const
          appearanceNode  = shapeNode .getAppearance (),
@@ -118552,11 +118623,11 @@ Object .assign (X3DPointingDeviceSensorContext .prototype,
       if (+appearanceNode .getTextureBits ())
          options .push ("X3D_TEXTURE");
 
-      if (humanoidNode)
+      if (hAnimNode)
       {
          options .push ("X3D_SKINNING");
-         options .push (`X3D_NUM_JOINT_SETS ${humanoidNode .getNumJoints () / 4}`);
-         options .push (`X3D_NUM_DISPLACEMENTS ${humanoidNode .getNumDisplacements ()}`);
+         options .push (`X3D_NUM_JOINT_SETS ${hAnimNode .getNumJoints () / 4}`);
+         options .push (`X3D_NUM_DISPLACEMENTS ${hAnimNode .getNumDisplacements ()}`);
       }
 
       const shaderNode = this .createShader ("Pointing", "Pointing", "Pointing", options);
@@ -119113,7 +119184,7 @@ const Lock_default_ = Lock;
 
 /* harmony default export */ const Utility_Lock = (x_ite_Namespace .add ("Lock", Lock_default_));
 ;// ./src/x_ite/Browser/Rendering/X3DRenderingContext.js
-/* provided dependency */ var X3DRenderingContext_$ = __webpack_require__(836);
+/* provided dependency */ var X3DRenderingContext_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -119368,14 +119439,14 @@ Object .assign (X3DRenderingContext .prototype,
 
       return this [_composeShader] = this .createShader ("OITCompose", "FullScreen", "OITCompose");
    },
-   getDepthShader (numClipPlanes, shapeNode, humanoidNode)
+   getDepthShader (numClipPlanes, shapeNode, hAnimNode)
    {
       const geometryContext = shapeNode .getGeometryContext ();
 
       let key = "";
 
       key += numClipPlanes; // Could be more than 9.
-      key += humanoidNode ?.getHumanoidKey () ?? "[]";
+      key += hAnimNode ?.getHAnimKey () ?? "[]";
       key += shapeNode .getShapeKey ();
       key += geometryContext .geometryType;
 
@@ -119395,9 +119466,9 @@ Object .assign (X3DRenderingContext .prototype,
       }
 
       return this [_depthShaders] .get (key)
-         ?? this .createDepthShader (key, numClipPlanes, shapeNode, humanoidNode);
+         ?? this .createDepthShader (key, numClipPlanes, shapeNode, hAnimNode);
    },
-   createDepthShader (key, numClipPlanes, shapeNode, humanoidNode)
+   createDepthShader (key, numClipPlanes, shapeNode, hAnimNode)
    {
       const
          appearanceNode  = shapeNode .getAppearance (),
@@ -119418,11 +119489,11 @@ Object .assign (X3DRenderingContext .prototype,
       if (appearanceNode .getStyleProperties (geometryContext .geometryType))
          options .push ("X3D_STYLE_PROPERTIES");
 
-      if (humanoidNode)
+      if (hAnimNode)
       {
          options .push ("X3D_SKINNING");
-         options .push (`X3D_NUM_JOINT_SETS ${humanoidNode .getNumJoints () / 4}`);
-         options .push (`X3D_NUM_DISPLACEMENTS ${humanoidNode .getNumDisplacements ()}`);
+         options .push (`X3D_NUM_JOINT_SETS ${hAnimNode .getNumJoints () / 4}`);
+         options .push (`X3D_NUM_DISPLACEMENTS ${hAnimNode .getNumDisplacements ()}`);
       }
 
       const shaderNode = this .createShader ("Depth", "Depth", "Depth", options);
@@ -119565,7 +119636,7 @@ Object .assign (X3DRenderingContext .prototype,
       if (!mode .match (/^(?:immersive-vr|immersive-ar)$/))
          return false;
 
-      return await navigator .xr .isSessionSupported (mode);
+      return await X3DRenderingContext_$.try (() => navigator .xr .isSessionSupported (mode)) ?? false;
    },
    updateXRButton ()
    {
@@ -120427,7 +120498,7 @@ const X3DSoundContext_default_ = X3DSoundContext;
 
 /* harmony default export */ const Sound_X3DSoundContext = (x_ite_Namespace .add ("X3DSoundContext", X3DSoundContext_default_));
 ;// ./src/x_ite/Browser/Texturing/KTXDecoder.js
-/* provided dependency */ var KTXDecoder_$ = __webpack_require__(836);
+/* provided dependency */ var KTXDecoder_$ = __webpack_require__(445);
 const KTXDecoder_default_ = class KTXDecoder
 {
    constructor (gl, externalKtxlib, scriptDir)
@@ -122006,7 +122077,7 @@ const Components_default_ = Components;
 
 /* harmony default export */ const x_ite_Components = (x_ite_Namespace .add ("Components", Components_default_));
 ;// ./src/x_ite/Browser/DOMIntegration.js
-/* provided dependency */ var DOMIntegration_$ = __webpack_require__(836);
+/* provided dependency */ var DOMIntegration_$ = __webpack_require__(445);
 /*******************************************************************************
  * MIT License
  *
@@ -123272,7 +123343,7 @@ const FieldTypes_default_ = new Configuration_FieldTypesArray (Object .values (x
 
 /* harmony default export */ const FieldTypes = (x_ite_Namespace .add ("FieldTypes", FieldTypes_default_));
 ;// ./src/x_ite/Browser/X3DBrowser.js
-/* provided dependency */ var X3DBrowser_$ = __webpack_require__(836);
+/* provided dependency */ var X3DBrowser_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -123343,6 +123414,8 @@ const FieldTypes_default_ = new Configuration_FieldTypesArray (Object .values (x
 
 
 
+
+
 
 
 
@@ -124321,10 +124394,43 @@ Object .defineProperties (X3DBrowser .prototype,
       },
       enumerable: true,
    },
+   activeLayer:
+   {
+      get ()
+      {
+         return this ._activeLayer .valueOf ();
+      },
+      enumerable: true,
+   },
+   activeNavigationInfo:
+   {
+      get ()
+      {
+         return this ._activeNavigationInfo .valueOf ();
+      },
+      enumerable: true,
+   },
+   activeViewpoint:
+   {
+      get ()
+      {
+         return this ._activeViewpoint .valueOf ();
+      },
+      enumerable: true,
+   },
 });
 
 Object .defineProperties (X3DBrowser,
 {
+   fieldDefinitions:
+   {
+      value: new Base_FieldDefinitionArray ([
+         new Base_X3DFieldDefinition (Base_X3DConstants .outputOnly, "activeLayer",          new x_ite_Fields .SFNode ()),
+         new Base_X3DFieldDefinition (Base_X3DConstants .outputOnly, "activeNavigationInfo", new x_ite_Fields .SFNode ()),
+         new Base_X3DFieldDefinition (Base_X3DConstants .outputOnly, "activeViewpoint",      new x_ite_Fields .SFNode ()),
+      ]),
+      enumerable: true,
+   },
    typeName:
    {
       value: "X3DBrowser",
@@ -124339,7 +124445,7 @@ const X3DBrowser_default_ = X3DBrowser;
 
 /* harmony default export */ const Browser_X3DBrowser = (x_ite_Namespace .add ("X3DBrowser", X3DBrowser_default_));
 ;// ./src/x_ite/X3DCanvasElement.js
-/* provided dependency */ var X3DCanvasElement_$ = __webpack_require__(836);
+/* provided dependency */ var X3DCanvasElement_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -124606,8 +124712,8 @@ const QuickSort_default_ = QuickSort;
 
 /* harmony default export */ const Algorithms_QuickSort = (x_ite_Namespace .add ("QuickSort", QuickSort_default_));
 ;// ./src/lib/jquery.js
-/* provided dependency */ var jquery_$ = __webpack_require__(836);
-/* provided dependency */ var pako = __webpack_require__(584);
+/* provided dependency */ var jquery_$ = __webpack_require__(445);
+/* provided dependency */ var pako = __webpack_require__(729);
 Object .assign (jquery_$,
 {
    decodeText (input)
@@ -124684,13 +124790,13 @@ const jquery_default_ = jquery_$;
 
 /* harmony default export */ const jquery = (x_ite_Namespace .add ("jquery", jquery_default_));
 ;// ./src/lib/libtess.js
-/* provided dependency */ var libtess_libtess = __webpack_require__(145);
+/* provided dependency */ var libtess_libtess = __webpack_require__(294);
 const libtess_default_ = libtess_libtess;
 ;
 
 /* harmony default export */ const lib_libtess = (x_ite_Namespace .add ("libtess", libtess_default_));
 ;// ./src/x_ite/X3D.js
-/* provided dependency */ var X3D_$ = __webpack_require__(836);
+/* provided dependency */ var X3D_$ = __webpack_require__(445);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -124994,7 +125100,7 @@ x_ite_Namespace, x_ite_Namespace .Fields,
 
 // Assign X3D to global namespace.
 
-window [Symbol .for ("X_ITE.X3D-10.5.6")] = x_ite_X3D;
+window [Symbol .for ("X_ITE.X3D-10.5.8")] = x_ite_X3D;
 
 customElements .define ("x3d-canvas", x_ite_X3DCanvasElement);