x_ite 10.4.1 → 10.5.0

package/dist/x_ite.js

@@ -1,4 +1,4 @@
-/* X_ITE v10.4.1 */
+/* X_ITE v10.5.0 */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory();
@@ -12,10 +12,10 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 74:
+/***/ 306:
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-/* provided dependency */ var jQuery = __webpack_require__(362);
+/* provided dependency */ var jQuery = __webpack_require__(386);
 /**
  * @preserve jquery.fullscreen 1.1.5
  * https://github.com/code-lts/jquery-fullscreen-plugin
@@ -211,7 +211,7 @@ installFullScreenHandlers();
 
 /***/ }),
 
-/***/ 48:
+/***/ 336:
 /***/ ((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__(362)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+        !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(386)], __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_
 
 /***/ }),
 
-/***/ 362:
+/***/ 386:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -11160,7 +11160,7 @@ return jQuery;
 
 /***/ }),
 
-/***/ 555:
+/***/ 475:
 /***/ ((module) => {
 
 /**
@@ -15939,7 +15939,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 82:
+/***/ 514:
 /***/ (function(__unused_webpack_module, exports) {
 
 
@@ -19184,7 +19184,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 229:
+/***/ 141:
 /***/ (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.4.1")];
+      const X3D = window [Symbol .for ("X_ITE.X3D-10.5.0")];
 
       if (X3D)
          X3D [name] = module;
@@ -20567,6 +20567,10 @@ const Algorithm =
 
       return value;
    },
+   project (value, fromLow, fromHigh, toLow, toHigh)
+   {
+      return toLow + ((value - fromLow) / (fromHigh - fromLow)) * (toHigh - toLow);
+   },
    roundToMultiple (value, multiple)
    {
       return Math .ceil (value / multiple) * multiple;
@@ -20871,37 +20875,10 @@ function Generator ({ style = "TIDY", indent = "", precision = 7, doublePrecisio
    this .html            = html;
    this .closingTags     = html || closingTags;
 
-   this .floatFormat = new Intl .NumberFormat ("en",
-   {
-      notation: "standard",
-      maximumSignificantDigits: this .precision,
-      useGrouping: false,
-   })
-   .format;
-
-   this .floatExponentialFormat = new Intl .NumberFormat ("en",
-   {
-      notation: "scientific",
-      maximumSignificantDigits: this .precision,
-      useGrouping: false,
-   })
-   .format;
-
-   this .doubleFormat = new Intl .NumberFormat ("en",
-   {
-      notation: "standard",
-      maximumSignificantDigits: this .doublePrecision,
-      useGrouping: false,
-   })
-   .format;
-
-   this .doubleExponentialFormat = new Intl .NumberFormat ("en",
-   {
-      notation: "scientific",
-      maximumSignificantDigits: this .doublePrecision,
-      useGrouping: false,
-   })
-   .format;
+   this .floatFormat             = this .createFloatFormat (this .precision);
+   this .floatExponentialFormat  = this .createFloatExponentialFormat (this .precision);
+   this .doubleFormat            = this .createFloatFormat (this .doublePrecision);
+   this .doubleExponentialFormat = this .createFloatExponentialFormat (this .doublePrecision);
 
    this .Style (style);
 
@@ -21048,6 +21025,26 @@ Object .assign (Generator .prototype,
 
       return "";
    },
+   createFloatFormat (precision)
+   {
+      return new Intl .NumberFormat ("en",
+      {
+         notation: "standard",
+         maximumSignificantDigits: precision,
+         useGrouping: false,
+      })
+      .format;
+   },
+   createFloatExponentialFormat (precision)
+   {
+      return new Intl .NumberFormat ("en",
+      {
+         notation: "scientific",
+         maximumSignificantDigits: precision,
+         useGrouping: false,
+      })
+      .format;
+   },
    FloatFormat  (value)
    {
       if (Number .isFinite (value))
@@ -24699,7 +24696,7 @@ const SFInt32_default_ = SFInt32;
 
 
 
-function SFMatrixPrototypeTemplate (Constructor, TypeName, Matrix, double)
+function SFMatrixPrototypeTemplate (Constructor, TypeName, Matrix, double, properties = { })
 {
    const _formatter = double ? "DoubleFormat" : "FloatFormat";
 
@@ -24712,7 +24709,7 @@ function SFMatrixPrototypeTemplate (Constructor, TypeName, Matrix, double)
       },
    });
 
-   return Object .assign (Object .setPrototypeOf (Constructor .prototype, Base_X3DField .prototype),
+   Object .assign (Object .setPrototypeOf (Constructor .prototype, Base_X3DField .prototype),
    {
       *[Symbol .iterator] ()
       {
@@ -24872,7 +24869,33 @@ function SFMatrixPrototypeTemplate (Constructor, TypeName, Matrix, double)
 
          generator .string += generator .JSONNumber (generator [_formatter] (value [last]));
       },
-   });
+   },
+   properties);
+
+   for (const key of Object .keys (Constructor .prototype))
+      Object .defineProperty (Constructor .prototype, key, { enumerable: false });
+
+   function defineProperty (i)
+   {
+      Object .defineProperty (Constructor .prototype, i,
+      {
+         get ()
+         {
+            return this .getValue () [i];
+         },
+         set (value)
+         {
+            this .getValue () [i] = value;
+            this .addEvent ();
+         },
+         enumerable: true,
+      });
+   }
+
+   for (let i = 0; i < Matrix .prototype .length; ++ i)
+      defineProperty (i);
+
+   return Constructor;
 }
 
 const SFMatrixPrototypeTemplate_default_ = SFMatrixPrototypeTemplate;
@@ -24927,6 +24950,8 @@ const SFMatrixPrototypeTemplate_default_ = SFMatrixPrototypeTemplate;
  *
  ******************************************************************************/
 
+
+
 function Vector2 (x = 0, y = 0)
 {
    this .x = x;
@@ -25087,6 +25112,11 @@ Object .assign (Vector2 .prototype,
       this .y = y;
       return this;
    },
+   clamp (min, max)
+   {
+      this .x = Math_Algorithm .clamp (this .x, min .x, max .x);
+      this .y = Math_Algorithm .clamp (this .y, min .y, max .y);
+   },
    toString ()
    {
       return this .x + " " +
@@ -25379,6 +25409,12 @@ Object .assign (Vector3 .prototype,
       this .z = z;
       return this;
    },
+   clamp (min, max)
+   {
+      this .x = Math_Algorithm .clamp (this .x, min .x, max .x);
+      this .y = Math_Algorithm .clamp (this .y, min .y, max .y);
+      this .z = Math_Algorithm .clamp (this .z, min .z, max .z);
+   },
    toString ()
    {
       return this .x + " " +
@@ -26623,8 +26659,8 @@ function SFMatrix3Template (TypeName, double)
                r2 = arguments [2];
 
             Base_X3DField .call (this, new Numbers_Matrix3 (r0 .x, r0 .y, r0 .z,
-                                                      r1 .x, r1 .y, r1 .z,
-                                                      r2 .x, r2 .y, r2 .z));
+                                               r1 .x, r1 .y, r1 .z,
+                                               r2 .x, r2 .y, r2 .z));
 
             break;
          }
@@ -26641,7 +26677,7 @@ function SFMatrix3Template (TypeName, double)
       }
    }
 
-   Object .assign (Fields_SFMatrixPrototypeTemplate (SFMatrix3, TypeName, Numbers_Matrix3, double),
+   return Fields_SFMatrixPrototypeTemplate (SFMatrix3, TypeName, Numbers_Matrix3, double,
    {
       setTransform: (function ()
       {
@@ -26665,31 +26701,6 @@ function SFMatrix3Template (TypeName, double)
          };
       })(),
    });
-
-   for (const key of Object .keys (SFMatrix3 .prototype))
-      Object .defineProperty (SFMatrix3 .prototype, key, { enumerable: false });
-
-   function defineProperty (i)
-   {
-      Object .defineProperty (SFMatrix3 .prototype, i,
-      {
-         get ()
-         {
-            return this .getValue () [i];
-         },
-         set (value)
-         {
-            this .getValue () [i] = +value;
-            this .addEvent ();
-         },
-         enumerable: true,
-      });
-   }
-
-   for (let i = 0, length = Numbers_Matrix3 .prototype .length; i < length; ++ i)
-      defineProperty (i);
-
-   return SFMatrix3;
 }
 
 const SFMatrix3 = {
@@ -26749,6 +26760,8 @@ const SFMatrix3_default_ = SFMatrix3;
  *
  ******************************************************************************/
 
+
+
 function Vector4 (x = 0, y = 0, z = 0, w = 0)
 {
    this .x = x;
@@ -26964,6 +26977,13 @@ Object .assign (Vector4 .prototype,
       this .w = w;
       return this;
    },
+   clamp (min, max)
+   {
+      this .x = Math_Algorithm .clamp (this .x, min .x, max .x);
+      this .y = Math_Algorithm .clamp (this .y, min .y, max .y);
+      this .z = Math_Algorithm .clamp (this .z, min .z, max .z);
+      this .w = Math_Algorithm .clamp (this .w, min .w, max .w);
+   },
    toString ()
    {
       return this .x + " " +
@@ -29058,9 +29078,9 @@ function SFMatrix4Template (TypeName, double)
                r3 = arguments [3];
 
             Base_X3DField .call (this, new Numbers_Matrix4 (r0 .x, r0 .y, r0 .z, r0 .w,
-                                                      r1 .x, r1 .y, r1 .z, r1 .w,
-                                                      r2 .x, r2 .y, r2 .z, r2 .w,
-                                                      r3 .x, r3 .y, r3 .z, r3 .w));
+                                               r1 .x, r1 .y, r1 .z, r1 .w,
+                                               r2 .x, r2 .y, r2 .z, r2 .w,
+                                               r3 .x, r3 .y, r3 .z, r3 .w));
 
             break;
          }
@@ -29078,32 +29098,7 @@ function SFMatrix4Template (TypeName, double)
       }
    }
 
-   Fields_SFMatrixPrototypeTemplate (SFMatrix4, TypeName, Numbers_Matrix4, double);
-
-   for (const key of Object .keys (SFMatrix4 .prototype))
-      Object .defineProperty (SFMatrix4 .prototype, key, { enumerable: false });
-
-   function defineProperty (i)
-   {
-      Object .defineProperty (SFMatrix4 .prototype, i,
-      {
-         get ()
-         {
-            return this .getValue () [i];
-         },
-         set (value)
-         {
-            this .getValue () [i] = value;
-            this .addEvent ();
-         },
-         enumerable: true,
-      });
-   }
-
-   for (let i = 0, length = Numbers_Matrix4 .prototype .length; i < length; ++ i)
-      defineProperty (i);
-
-   return SFMatrix4;
+   return Fields_SFMatrixPrototypeTemplate (SFMatrix4, TypeName, Numbers_Matrix4, double);
 }
 
 const SFMatrix4 = {
@@ -29738,7 +29733,7 @@ const SFNode_default_ = SFNode;
 
 
 
-function SFVecPrototypeTemplate (Constructor, TypeName, Vector, double)
+function SFVecPrototypeTemplate (Constructor, TypeName, Vector, double, properties = { })
 {
    const _formatter = double ? "DoubleFormat" : "FloatFormat";
 
@@ -29751,7 +29746,7 @@ function SFVecPrototypeTemplate (Constructor, TypeName, Vector, double)
       },
    });
 
-   return Object .assign (Object .setPrototypeOf (Constructor .prototype, Base_X3DField .prototype),
+   Object .assign (Object .setPrototypeOf (Constructor .prototype, Base_X3DField .prototype),
    {
       *[Symbol .iterator] ()
       {
@@ -29886,7 +29881,80 @@ function SFVecPrototypeTemplate (Constructor, TypeName, Vector, double)
 
          generator .string += generator .JSONNumber (generator [_formatter] (generator .ToUnit (category, value [last])));
       },
-   });
+   },
+   properties);
+
+   for (const key of Object .keys (Constructor .prototype))
+      Object .defineProperty (Constructor .prototype, key, { enumerable: false });
+
+   const x = {
+      get ()
+      {
+         return this .getValue () .x;
+      },
+      set (value)
+      {
+         this .getValue () .x = +value;
+         this .addEvent ();
+      },
+   };
+
+   const y = {
+      get ()
+      {
+         return this .getValue () .y;
+      },
+      set (value)
+      {
+         this .getValue () .y = +value;
+         this .addEvent ();
+      },
+   };
+
+   const z = {
+      get ()
+      {
+         return this .getValue () .z;
+      },
+      set (value)
+      {
+         this .getValue () .z = +value;
+         this .addEvent ();
+      },
+   };
+
+   const w = {
+      get ()
+      {
+         return this .getValue () .w;
+      },
+      set (value)
+      {
+         this .getValue () .w = +value;
+         this .addEvent ();
+      },
+   };
+
+   const indices = [
+      [0, x],
+      [1, y],
+      [2, z],
+      [3, w],
+   ];
+
+   const props = [
+      ["x", Object .assign ({ enumerable: true }, x)],
+      ["y", Object .assign ({ enumerable: true }, y)],
+      ["z", Object .assign ({ enumerable: true }, z)],
+      ["w", Object .assign ({ enumerable: true }, w)],
+   ];
+
+   indices .length = Vector .prototype .length;
+   props   .length = Vector .prototype .length;
+
+   Object .defineProperties (Constructor .prototype, Object .fromEntries (indices .concat (props)));
+
+   return Constructor;
 }
 
 const SFVecPrototypeTemplate_default_ = SFVecPrototypeTemplate;
@@ -29968,64 +30036,13 @@ function SFVec3Template (TypeName, double)
       }
    }
 
-   Object .assign (Fields_SFVecPrototypeTemplate (SFVec3, TypeName, Numbers_Vector3, double),
+   return Fields_SFVecPrototypeTemplate (SFVec3, TypeName, Numbers_Vector3, double,
    {
       cross (vector)
       {
          return new (this .constructor) (this .getValue () .copy () .cross (vector .getValue ()));
       },
    });
-
-   for (const key of Object .keys (SFVec3 .prototype))
-      Object .defineProperty (SFVec3 .prototype, key, { enumerable: false });
-
-   const x = {
-      get ()
-      {
-         return this .getValue () .x;
-      },
-      set (value)
-      {
-         this .getValue () .x = +value;
-         this .addEvent ();
-      },
-   };
-
-   const y = {
-      get ()
-      {
-         return this .getValue () .y;
-      },
-      set (value)
-      {
-         this .getValue () .y = +value;
-         this .addEvent ();
-      },
-   };
-
-   const z = {
-      get ()
-      {
-         return this .getValue () .z;
-      },
-      set (value)
-      {
-         this .getValue () .z = +value;
-         this .addEvent ();
-      },
-   };
-
-   Object .defineProperties (SFVec3 .prototype,
-   {
-      0: x,
-      1: y,
-      2: z,
-      x: Object .assign ({ enumerable: true }, x),
-      y: Object .assign ({ enumerable: true }, y),
-      z: Object .assign ({ enumerable: true }, z),
-   });
-
-   return SFVec3;
 }
 
 const SFVec3 = {
@@ -30661,44 +30678,7 @@ function SFVec2Template (TypeName, double)
       }
    }
 
-   Fields_SFVecPrototypeTemplate (SFVec2, TypeName, Numbers_Vector2, double);
-
-   for (const key of Object .keys (SFVec2 .prototype))
-      Object .defineProperty (SFVec2 .prototype, key, { enumerable: false });
-
-   const x = {
-      get ()
-      {
-         return this .getValue () .x;
-      },
-      set (value)
-      {
-         this .getValue () .x = +value;
-         this .addEvent ();
-      },
-   };
-
-   const y = {
-      get ()
-      {
-         return this .getValue () .y;
-      },
-      set (value)
-      {
-         this .getValue () .y = +value;
-         this .addEvent ();
-      },
-   };
-
-   Object .defineProperties (SFVec2 .prototype,
-   {
-      0: x,
-      1: y,
-      x: Object .assign ({ enumerable: true }, x),
-      y: Object .assign ({ enumerable: true }, y),
-   });
-
-   return SFVec2;
+   return Fields_SFVecPrototypeTemplate (SFVec2, TypeName, Numbers_Vector2, double);
 }
 
 const SFVec2 = {
@@ -30785,72 +30765,7 @@ function SFVec4Template (TypeName, double)
       }
    }
 
-   Fields_SFVecPrototypeTemplate (SFVec4, TypeName, Numbers_Vector4, double);
-
-   for (const key of Object .keys (SFVec4 .prototype))
-      Object .defineProperty (SFVec4 .prototype, key, { enumerable: false });
-
-   const x = {
-      get ()
-      {
-         return this .getValue () .x;
-      },
-      set (value)
-      {
-         this .getValue () .x = +value;
-         this .addEvent ();
-      },
-   };
-
-   const y = {
-      get ()
-      {
-         return this .getValue () .y;
-      },
-      set (value)
-      {
-         this .getValue () .y = +value;
-         this .addEvent ();
-      },
-   };
-
-   const z = {
-      get ()
-      {
-         return this .getValue () .z;
-      },
-      set (value)
-      {
-         this .getValue () .z = +value;
-         this .addEvent ();
-      },
-   };
-
-   const w = {
-      get ()
-      {
-         return this .getValue () .w;
-      },
-      set (value)
-      {
-         this .getValue () .w = +value;
-         this .addEvent ();
-      },
-   };
-
-   Object .defineProperties (SFVec4 .prototype,
-   {
-      0: x,
-      1: y,
-      2: z,
-      3: w,
-      x: Object .assign ({ enumerable: true }, x),
-      y: Object .assign ({ enumerable: true }, y),
-      z: Object .assign ({ enumerable: true }, z),
-      w: Object .assign ({ enumerable: true }, w),
-   });
-
-   return SFVec4;
+   return Fields_SFVecPrototypeTemplate (SFVec4, TypeName, Numbers_Vector4, double);
 }
 
 const SFVec4 = {
@@ -34258,7 +34173,7 @@ const X3DBaseNode_default_ = X3DBaseNode;
 
 /* harmony default export */ const Base_X3DBaseNode = (x_ite_Namespace .add ("X3DBaseNode", X3DBaseNode_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Legacy.js
-/* provided dependency */ var $ = __webpack_require__(362);
+/* provided dependency */ var $ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -34394,7 +34309,7 @@ const Legacy_default_ = Legacy;
  *
  ******************************************************************************/
 
-const BROWSER_VERSION_default_ = "10.4.1";
+const BROWSER_VERSION_default_ = "10.5.0";
 ;
 
 /* harmony default export */ const BROWSER_VERSION = (x_ite_Namespace .add ("BROWSER_VERSION", BROWSER_VERSION_default_));
@@ -35181,7 +35096,7 @@ Object .assign (Object .setPrototypeOf (X3DNode .prototype, Base_X3DBaseNode .pr
 
          for (const reference of field .getReferences ())
          {
-            initializableReference = initializableReference || reference .isInitializable ();
+            initializableReference ||= reference .isInitializable ();
 
             // Output user defined reference field
 
@@ -35244,7 +35159,7 @@ Object .assign (Object .setPrototypeOf (X3DNode .prototype, Base_X3DBaseNode .pr
 
          for (const reference of field .getReferences ())
          {
-            initializableReference = initializableReference || reference .isInitializable ();
+            initializableReference ||= reference .isInitializable ();
 
             // Output build in reference field
 
@@ -37419,7 +37334,7 @@ const X3DBindableNode_default_ = X3DBindableNode;
 
 /* harmony default export */ const Core_X3DBindableNode = (x_ite_Namespace .add ("X3DBindableNode", X3DBindableNode_default_));
 ;// CONCATENATED MODULE: ./src/standard/Math/Geometry/Triangle3.js
-/* provided dependency */ var libtess = __webpack_require__(555);
+/* provided dependency */ var libtess = __webpack_require__(475);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -37461,7 +37376,7 @@ const X3DBindableNode_default_ = X3DBindableNode;
  *
  * You should have received a copy of the GNU General Public License version 3
  * along with X_ITE.  If not, see <https://www.gnu.org/licenses/gpl.html> for a
- * copy of the GPLv3 License.
+ * copy of the GPLc License.
  *
  * For Silvio, Joy and Adi.
  *
@@ -37471,6 +37386,13 @@ const X3DBindableNode_default_ = X3DBindableNode;
 
 const Triangle3 =
 {
+   /**
+    *
+    * @param {Vector3} a first point of triangle
+    * @param {Vector3} b second point of triangle
+    * @param {Vector3} c third point of triangle
+    * @returns
+    */
    area: (() =>
    {
       const
@@ -37482,15 +37404,23 @@ const Triangle3 =
          return B .assign (b) .subtract (a) .cross (C .assign (c) .subtract (a)) .magnitude () / 2;
       };
    })(),
-   normal (v1, v2, v3, normal)
+   /**
+    *
+    * @param {Vector3} a first point of triangle
+    * @param {Vector3} b second point of triangle
+    * @param {Vector3} c third point of triangle
+    * @param {Vector3} normal resulting normal
+    * @returns
+    */
+   normal (a, b, c, normal)
    {
       const
-         x1 = v3 .x - v2 .x,
-         y1 = v3 .y - v2 .y,
-         z1 = v3 .z - v2 .z,
-         x2 = v1 .x - v2 .x,
-         y2 = v1 .y - v2 .y,
-         z2 = v1 .z - v2 .z;
+         x1 = c .x - b .x,
+         y1 = c .y - b .y,
+         z1 = c .z - b .z,
+         x2 = a .x - b .x,
+         y2 = a .y - b .y,
+         z2 = a .z - b .z;
 
       normal .set (y1 * z2 - z1 * y2,
                    z1 * x2 - x1 * z2,
@@ -37498,15 +37428,24 @@ const Triangle3 =
 
       return normal .normalize ();
    },
-   quadNormal (v1, v2, v3, v4, normal)
+   /**
+    *
+    * @param {Vector3} a first point of quad
+    * @param {Vector3} b second point of quad
+    * @param {Vector3} c third point of quad
+    * @param {Vector3} d third point of quad
+    * @param {Vector3} normal resulting normal
+    * @returns
+    */
+   quadNormal (a, b, c, d, normal)
    {
       const
-         x1 = v3 .x - v1 .x,
-         y1 = v3 .y - v1 .y,
-         z1 = v3 .z - v1 .z,
-         x2 = v4 .x - v2 .x,
-         y2 = v4 .y - v2 .y,
-         z2 = v4 .z - v2 .z;
+         x1 = c .x - a .x,
+         y1 = c .y - a .y,
+         z1 = c .z - a .z,
+         x2 = d .x - b .x,
+         y2 = d .y - b .y,
+         z2 = d .z - b .z;
 
       normal .set (y1 * z2 - z1 * y2,
                    z1 * x2 - x1 * z2,
@@ -39957,7 +39896,7 @@ const X3DProtoDeclaration_default_ = X3DProtoDeclaration;
 
 /* harmony default export */ const Prototype_X3DProtoDeclaration = (x_ite_Namespace .add ("X3DProtoDeclaration", X3DProtoDeclaration_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/X3DParser.js
-/* provided dependency */ var X3DParser_$ = __webpack_require__(362);
+/* provided dependency */ var X3DParser_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -40171,39 +40110,38 @@ const X3DParser_default_ = X3DParser;
  *
  ******************************************************************************/
 
-function parse (parser)
+const functions =
 {
-   this .lastIndex = parser .lastIndex;
-
-   parser .result = this .exec (parser .input);
-
-   if (parser .result)
+   parse (parser)
    {
-      parser .lastIndex = this .lastIndex;
-      return true;
-   }
+      this .lastIndex = parser .lastIndex;
 
-   return false;
-}
+      parser .result = this .exec (parser .input);
 
-function lookahead (parser)
-{
-   const
-      lastIndex = parser .lastIndex,
-      result    = this .parse (parser);
+      if (parser .result)
+      {
+         parser .lastIndex = this .lastIndex;
+         return true;
+      }
 
-   parser .lastIndex = lastIndex;
+      return false;
+   },
+   lookahead (parser)
+   {
+      const
+         lastIndex = parser .lastIndex,
+         result    = this .parse (parser);
 
-   return result;
-}
+      parser .lastIndex = lastIndex;
+
+      return result;
+   },
+};
 
 function Expressions (Grammar)
 {
    for (const value of Object .values (Grammar))
-   {
-      value .parse     = parse;
-      value .lookahead = lookahead;
-   }
+      Object .assign (value, functions);
 
    return Grammar;
 }
@@ -40213,7 +40151,7 @@ const Expressions_default_ = Expressions;
 
 /* harmony default export */ const Parser_Expressions = (x_ite_Namespace .add ("Expressions", Expressions_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/VRMLParser.js
-/* provided dependency */ var VRMLParser_$ = __webpack_require__(362);
+/* provided dependency */ var VRMLParser_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -42912,7 +42850,7 @@ const VRMLParser_default_ = VRMLParser;
 
 /* harmony default export */ const Parser_VRMLParser = (x_ite_Namespace .add ("VRMLParser", VRMLParser_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/XMLParser.js
-/* provided dependency */ var XMLParser_$ = __webpack_require__(362);
+/* provided dependency */ var XMLParser_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -45085,7 +45023,7 @@ const URLs_default_ = URLs;
 
 /* harmony default export */ const Networking_URLs = (x_ite_Namespace .add ("URLs", URLs_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/GLTF2Parser.js
-/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(362);
+/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -48729,7 +48667,7 @@ const GLTF2Parser_default_ = GLTF2Parser;
 
 /* harmony default export */ const Parser_GLTF2Parser = (x_ite_Namespace .add ("GLTF2Parser", GLTF2Parser_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/GLB2Parser.js
-/* provided dependency */ var GLB2Parser_$ = __webpack_require__(362);
+/* provided dependency */ var GLB2Parser_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -48880,7 +48818,7 @@ const GLB2Parser_default_ = GLB2Parser;
 
 /* harmony default export */ const Parser_GLB2Parser = (x_ite_Namespace .add ("GLB2Parser", GLB2Parser_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/OBJParser.js
-/* provided dependency */ var OBJParser_$ = __webpack_require__(362);
+/* provided dependency */ var OBJParser_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -52145,70 +52083,76 @@ const Bezier_default_ = Bezier;
  *
  ******************************************************************************/
 
-function MatrixStack (Type)
+class MatrixStack extends Array
 {
-   return Object .assign ([ new Type () ],
+   #top = 0;
+
+   constructor (Type)
    {
-      top: 0,
-      set (matrix)
-      {
-         this [this .top] .assign (matrix);
-      },
-      get ()
-      {
-         return this [this .top];
-      },
-      push ()
-      {
-         const top = ++ this .top;
+      super ();
 
-         if (top < this .length)
-            this [top] .assign (this [top - 1]);
-         else
-            this [top] = this [top - 1] .copy ();
-      },
-      pushMatrix (matrix)
-      {
-         const top = ++ this .top;
+      this .push (new Type ());
+   }
 
-         if (top < this .length)
-            this [top] .assign (matrix);
-         else
-            this [top] = matrix .copy ();
-      },
-      pop ()
-      {
-         -- this .top;
-      },
-      clear ()
-      {
-         this .top = 0;
-      },
-      size ()
-      {
-         return this .top + 1;
-      },
-      identity ()
-      {
-         this [this .top] .identity ();
-      },
-      multLeft (matrix)
-      {
-         this [this .top] .multLeft (matrix);
-      },
-      translate (vector)
-      {
-         this [this .top] .translate (vector);
-      },
-      rotate (rotation)
-      {
-         this [this .top] .rotate (rotation);
-      },
-      scale (vector)
-      {
-         this [this .top] .scale (vector);
-      },
-   });
+   set (matrix)
+   {
+      this [this .#top] .assign (matrix);
+   }
+
+   get ()
+   {
+      return this [this .#top];
+   }
+
+   push (matrix = this [this .#top])
+   {
+      const top = ++ this .#top;
+
+      if (top < this .length)
+         this [top] .assign (matrix);
+      else
+         this [top] = matrix .copy ();
+   }
+
+   pop ()
+   {
+      -- this .#top;
+   }
+
+   clear ()
+   {
+      this .#top = 0;
+   }
+
+   size ()
+   {
+      return this .#top + 1;
+   }
+
+   identity ()
+   {
+      this [this .#top] .identity ();
+   }
+
+   multLeft (matrix)
+   {
+      this [this .#top] .multLeft (matrix);
+   }
+
+   translate (vector)
+   {
+      this [this .#top] .translate (vector);
+   }
+
+   rotate (rotation)
+   {
+      this [this .#top] .rotate (rotation);
+   }
+
+   scale (vector)
+   {
+      this [this .#top] .scale (vector);
+   }
 }
 
 const MatrixStack_default_ = MatrixStack;
@@ -52216,8 +52160,8 @@ const MatrixStack_default_ = MatrixStack;
 
 /* harmony default export */ const Utility_MatrixStack = (x_ite_Namespace .add ("MatrixStack", MatrixStack_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/SVGParser.js
-/* provided dependency */ var SVGParser_$ = __webpack_require__(362);
-/* provided dependency */ var SVGParser_libtess = __webpack_require__(555);
+/* provided dependency */ var SVGParser_$ = __webpack_require__(386);
+/* provided dependency */ var SVGParser_libtess = __webpack_require__(475);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -54987,7 +54931,7 @@ const SVGParser_default_ = SVGParser;
 
 /* harmony default export */ const Parser_SVGParser = (x_ite_Namespace .add ("SVGParser", SVGParser_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/GoldenGate.js
-/* provided dependency */ var GoldenGate_$ = __webpack_require__(362);
+/* provided dependency */ var GoldenGate_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -55419,55 +55363,20 @@ const Plane3_default_ = Plane3;
  *    p0 -------- p1  near plane
  */
 
-function ViewVolume (projectionMatrix, viewport, scissor)
+function ViewVolume (... args)
 {
    this .viewport = new Numbers_Vector4 ();
    this .scissor  = new Numbers_Vector4 ();
 
-   this .points = [
-      new Numbers_Vector3 (),
-      new Numbers_Vector3 (),
-      new Numbers_Vector3 (),
-      new Numbers_Vector3 (),
-
-      new Numbers_Vector3 (),
-      new Numbers_Vector3 (),
-      new Numbers_Vector3 (),
-      new Numbers_Vector3 (),
-   ];
-
-   this .normals = [
-      new Numbers_Vector3 (), // front
-      new Numbers_Vector3 (), // left
-      new Numbers_Vector3 (), // right
-      new Numbers_Vector3 (), // top
-      new Numbers_Vector3 (), // bottom
-      new Numbers_Vector3 (), // back
-   ];
-
-   this .edges = [
-      new Numbers_Vector3 (),
-      new Numbers_Vector3 (),
-      new Numbers_Vector3 (),
-      new Numbers_Vector3 (),
-
-      new Numbers_Vector3 (),
-      new Numbers_Vector3 (),
-      new Numbers_Vector3 (),
-      new Numbers_Vector3 (),
-   ];
-
-   this .planes = [
-      new Geometry_Plane3 (), // front
-      new Geometry_Plane3 (), // left
-      new Geometry_Plane3 (), // right
-      new Geometry_Plane3 (), // top
-      new Geometry_Plane3 (), // bottom
-      new Geometry_Plane3 (), // back
-   ];
+   this .points  = Array .from ({ length: 8 }, () => new Numbers_Vector3 ());
+   // front, left, right, top, bottom, back
+   this .normals = Array .from ({ length: 6 }, () => new Numbers_Vector3 ());
+   this .edges   = Array .from ({ length: 8 }, () => new Numbers_Vector3 ());
+   // front, left, right, top, bottom, back
+   this .planes  = Array .from ({ length: 6 }, () => new Geometry_Plane3 ());
 
-   if (arguments .length)
-      this .set (projectionMatrix, viewport, scissor);
+   if (args .length)
+      this .set (... args);
 }
 
 Object .assign (ViewVolume .prototype,
@@ -55560,58 +55469,21 @@ Object .assign (ViewVolume .prototype,
    },
    intersectsSphere (radius, center)
    {
-      const [p0, p1 ,p2, p3, p4, p5, p6, p7] = this .planes;
-
-      if (p0 .getDistanceToPoint (center) > radius)
-         return false;
-
-      if (p1 .getDistanceToPoint (center) > radius)
-         return false;
-
-      if (p2 .getDistanceToPoint (center) > radius)
-         return false;
-
-      if (p3 .getDistanceToPoint (center) > radius)
-         return false;
-
-      if (p4 .getDistanceToPoint (center) > radius)
-         return false;
-
-      if (p5 .getDistanceToPoint (center) > radius)
-         return false;
+      for (const plane of this .planes)
+      {
+         if (plane .getDistanceToPoint (center) > radius)
+            return false;
+      }
 
       return true;
    },
    intersectsBox: (() =>
    {
-      const points1 = [
-         new Numbers_Vector3 (),
-         new Numbers_Vector3 (),
-         new Numbers_Vector3 (),
-         new Numbers_Vector3 (),
-
-         new Numbers_Vector3 (),
-         new Numbers_Vector3 (),
-         new Numbers_Vector3 (),
-         new Numbers_Vector3 (),
-      ];
-
-      const normals1 = [
-         new Numbers_Vector3 (),
-         new Numbers_Vector3 (),
-         new Numbers_Vector3 (),
-      ];
-
-      const axes1 = [
-         new Numbers_Vector3 (),
-         new Numbers_Vector3 (),
-         new Numbers_Vector3 (),
-      ];
-
-      const axes = [ ];
-
-      for (let i = 0; i < 3 * 8; ++ i)
-         axes .push (new Numbers_Vector3 ());
+      const
+         points1  = Array .from ({ length: 8 }, () => new Numbers_Vector3 ()),
+         normals1 = Array .from ({ length: 3 }, () => new Numbers_Vector3 ()),
+         axes1    = Array .from ({ length: 3 }, () => new Numbers_Vector3 ()),
+         axes     = Array .from ({ length: 3 * 8 }, () => new Numbers_Vector3 ());
 
       return function (box)
       {
@@ -55659,21 +55531,21 @@ Object .assign (ViewVolume,
    {
       const invModelViewProjectionMatrix = new Numbers_Matrix4 ();
 
-      return function (winx, winy, winz, modelViewMatrix, projectionMatrix, viewport, point)
+      return function (winX, winY, winZ, modelViewMatrix, projectionMatrix, viewport, point)
       {
-         return this .unProjectPointMatrix (winx, winy, winz, invModelViewProjectionMatrix .assign (modelViewMatrix) .multRight (projectionMatrix) .inverse (), viewport, point);
+         return this .unProjectPointMatrix (winX, winY, winZ, invModelViewProjectionMatrix .assign (modelViewMatrix) .multRight (projectionMatrix) .inverse (), viewport, point);
       };
    })(),
    unProjectPointMatrix: (() =>
    {
       const vin = new Numbers_Vector4 ();
 
-      return function (winx, winy, winz, invModelViewProjectionMatrix, viewport, point)
+      return function (winX, winY, winZ, invModelViewProjectionMatrix, viewport, point)
       {
          // Transformation of normalized coordinates between -1 and 1
-         vin .set ((winx - viewport [0]) / viewport [2] * 2 - 1,
-                   (winy - viewport [1]) / viewport [3] * 2 - 1,
-                   winz * 2 - 1,
+         vin .set ((winX - viewport [0]) / viewport [2] * 2 - 1,
+                   (winY - viewport [1]) / viewport [3] * 2 - 1,
+                   winZ * 2 - 1,
                    1);
 
          //Objects coordinates
@@ -55688,9 +55560,9 @@ Object .assign (ViewVolume,
    {
       const invModelViewProjectionMatrix = new Numbers_Matrix4 ();
 
-      return function (winx, winy, modelViewMatrix, projectionMatrix, viewport, result)
+      return function (winX, winY, modelViewMatrix, projectionMatrix, viewport, result)
       {
-         return this .unProjectRayMatrix (winx, winy, invModelViewProjectionMatrix .assign (modelViewMatrix) .multRight (projectionMatrix) .inverse (), viewport, result);
+         return this .unProjectRayMatrix (winX, winY, invModelViewProjectionMatrix .assign (modelViewMatrix) .multRight (projectionMatrix) .inverse (), viewport, result);
       };
    })(),
    unProjectRayMatrix: (() =>
@@ -55699,10 +55571,10 @@ Object .assign (ViewVolume,
          near = new Numbers_Vector3 (),
          far  = new Numbers_Vector3 ();
 
-      return function (winx, winy, invModelViewProjectionMatrix, viewport, result)
+      return function (winX, winY, invModelViewProjectionMatrix, viewport, result)
       {
-         ViewVolume .unProjectPointMatrix (winx, winy, 0.0, invModelViewProjectionMatrix, viewport, near);
-         ViewVolume .unProjectPointMatrix (winx, winy, 0.9, invModelViewProjectionMatrix, viewport, far);
+         ViewVolume .unProjectPointMatrix (winX, winY, 0.0, invModelViewProjectionMatrix, viewport, near);
+         ViewVolume .unProjectPointMatrix (winX, winY, 0.9, invModelViewProjectionMatrix, viewport, far);
 
          return result .setPoints (near, far);
       };
@@ -55711,7 +55583,7 @@ Object .assign (ViewVolume,
    {
       const vin = new Numbers_Vector4 ();
 
-      return function (point, modelViewMatrix, projectionMatrix, viewport, vout)
+      return function (point, modelViewMatrix, projectionMatrix, viewport, vOut)
       {
          if (point .length === 4)
             vin .assign (point);
@@ -55722,7 +55594,7 @@ Object .assign (ViewVolume,
 
          const d = 1 / (2 * vin .w);
 
-         return vout .set ((vin .x * d + 0.5) * viewport [2] + viewport [0],
+         return vOut .set ((vin .x * d + 0.5) * viewport [2] + viewport [0],
                            (vin .y * d + 0.5) * viewport [3] + viewport [1],
                            (vin .z * d + 0.5));
       };
@@ -55731,7 +55603,7 @@ Object .assign (ViewVolume,
    {
       const vin = new Numbers_Vector4 ();
 
-      return function (point, modelViewProjectionMatrix, viewport, vout)
+      return function (point, modelViewProjectionMatrix, viewport, vOut)
       {
          if (point .length === 4)
             vin .assign (point);
@@ -55742,7 +55614,7 @@ Object .assign (ViewVolume,
 
          const d = 1 / (2 * vin .w);
 
-         return vout .set ((vin .x * d + 0.5) * viewport [2] + viewport [0],
+         return vOut .set ((vin .x * d + 0.5) * viewport [2] + viewport [0],
                            (vin .y * d + 0.5) * viewport [3] + viewport [1],
                            (vin .z * d + 0.5));
       };
@@ -56524,11 +56396,11 @@ Object .assign (Line3 .prototype,
          if (v < 0 || u + v > 1)
             return false;
 
-         //let t = edge2 .dot (qvec) * inv_det;
+         //let u = edge2 .dot (qvec) * inv_det;
 
-         uvt .u = u;
-         uvt .v = v;
-         uvt .t = 1 - u - v;
+         uvt .u = 1 - u - v;
+         uvt .v = u;
+         uvt .t = v;
 
          return true;
       };
@@ -56710,53 +56582,51 @@ function X3DRenderObject (executionContext)
 {
    const browser = executionContext .getBrowser ();
 
-   this .renderKey                      = "";
-   this .renderAndGlobalLightsKey       = "";
-   this .renderCount                    = 0;
-   this .view                           = null;
-   this .viewVolumes                    = [ ];
-   this .projectionMatrix               = new Utility_MatrixStack (Numbers_Matrix4);
-   this .modelViewMatrix                = new Utility_MatrixStack (Numbers_Matrix4);
-   this .viewMatrix                     = new Utility_MatrixStack (Numbers_Matrix4);
-   this .cameraSpaceMatrix              = new Utility_MatrixStack (Numbers_Matrix4);
-   this .viewportArray                  = new Int32Array (4);
-   this .projectionMatrixArray          = new Float32Array (16);
-   this .viewMatrixArray                = new Float32Array (16);
-   this .cameraSpaceMatrixArray         = new Float32Array (16);
-   this .hitRay                         = new Geometry_Line3 (Numbers_Vector3 .Zero, Numbers_Vector3 .Zero);
-   this .sensors                        = [[ ]];
-   this .viewpointGroups                = [ ];
-   this .lights                         = [ ];
-   this .globalLightsKeys               = [ ];
-   this .globalLights                   = [ ];
-   this .localObjectsKeys               = [ ];
-   this .localObjects                   = [ ];
-   this .globalShadows                  = [ false ];
-   this .globalShadow                   = false;
-   this .localShadows                   = [ false ];
-   this .localFogs                      = [ null ];
-   this .layouts                        = [ ];
-   this .humanoids                      = [ null ];
-   this .generatedCubeMapTextures       = [ ];
-   this .collisions                     = [ ];
-   this .collisionTime                  = new Time_StopWatch ();
-   this .numPointingShapes              = 0;
-   this .numCollisionShapes             = 0;
-   this .numShadowShapes                = 0;
-   this .numOpaqueShapes                = 0;
-   this .numTransparentShapes           = 0;
-   this .pointingShapes                 = [ ];
-   this .collisionShapes                = [ ];
-   this .activeCollisions               = [ ];
-   this .shadowShapes                   = [ ];
-   this .opaqueShapes                   = [ ];
-   this .transparentShapes              = [ ];
-   this .transmissionOpaqueShapes       = [ ];
-   this .transmissionTransparentShapes  = [ ];
-   this .transparencySorter             = new Algorithms_MergeSort (this .transparentShapes, (a, b) => a .distance < b .distance);
-   this .transmissionTransparencySorter = new Algorithms_MergeSort (this .transmissionTransparentShapes, (a, b) => a .distance < b .distance);
-   this .speed                          = 0;
-   this .depthBuffer                    = new Rendering_TextureBuffer (browser, DEPTH_BUFFER_SIZE, DEPTH_BUFFER_SIZE, true);
+   this .renderKey                = "";
+   this .renderAndGlobalLightsKey = "";
+   this .renderCount              = 0;
+   this .view                     = null;
+   this .viewVolumes              = [ ];
+   this .projectionMatrix         = new Utility_MatrixStack (Numbers_Matrix4);
+   this .modelViewMatrix          = new Utility_MatrixStack (Numbers_Matrix4);
+   this .viewMatrix               = new Utility_MatrixStack (Numbers_Matrix4);
+   this .cameraSpaceMatrix        = new Utility_MatrixStack (Numbers_Matrix4);
+   this .viewportArray            = new Int32Array (4);
+   this .projectionMatrixArray    = new Float32Array (16);
+   this .viewMatrixArray          = new Float32Array (16);
+   this .cameraSpaceMatrixArray   = new Float32Array (16);
+   this .hitRay                   = new Geometry_Line3 (Numbers_Vector3 .Zero, Numbers_Vector3 .Zero);
+   this .sensors                  = [[ ]];
+   this .viewpointGroups          = [ ];
+   this .lights                   = [ ];
+   this .globalLightsKeys         = [ ];
+   this .globalLights             = [ ];
+   this .localObjectsKeys         = [ ];
+   this .localObjects             = [ ];
+   this .globalShadows            = [ false ];
+   this .globalShadow             = false;
+   this .localShadows             = [ false ];
+   this .localFogs                = [ null ];
+   this .layouts                  = [ ];
+   this .humanoids                = [ null ];
+   this .generatedCubeMapTextures = [ ];
+   this .collisions               = [ ];
+   this .collisionTime            = new Time_StopWatch ();
+   this .numPointingShapes        = 0;
+   this .numCollisionShapes       = 0;
+   this .numShadowShapes          = 0;
+   this .numOpaqueShapes          = 0;
+   this .numTransparentShapes     = 0;
+   this .pointingShapes           = [ ];
+   this .collisionShapes          = [ ];
+   this .activeCollisions         = [ ];
+   this .shadowShapes             = [ ];
+   this .opaqueShapes             = [ ];
+   this .transparentShapes        = [ ];
+   this .transparencySorter       = new Algorithms_MergeSort (this .transparentShapes, (a, b) => a .distance < b .distance);
+   this .transmission             = false;
+   this .speed                    = 0;
+   this .depthBuffer              = new Rendering_TextureBuffer (browser, DEPTH_BUFFER_SIZE, DEPTH_BUFFER_SIZE, true);
 }
 
 Object .assign (X3DRenderObject .prototype,
@@ -56855,7 +56725,7 @@ Object .assign (X3DRenderObject .prototype,
 
       return function ()
       {
-         renderCount >>>= 0; // uintesize
+         renderCount >>>= 0; // convert to uint
          this .renderCount = ++ renderCount;
       }
    })(),
@@ -57074,31 +56944,9 @@ Object .assign (X3DRenderObject .prototype,
    {
       return this .transparentShapes;
    },
-   getNumTransmissionOpaqueShapes ()
-   {
-      return this .transmissionOpaqueShapes .length;
-   },
-   setNumTransmissionOpaqueShapes (value)
-   {
-      // Needed for StaticGroup.
-      this .transmissionOpaqueShapes .length = value;
-   },
-   getTransmissionOpaqueShapes ()
-   {
-      return this .transmissionOpaqueShapes;
-   },
-   getNumTransmissionTransparentShapes ()
-   {
-      return this .transmissionTransparentShapes .length;
-   },
-   setNumTransmissionTransparentShapes (value)
-   {
-      // Needed for StaticGroup.
-      this .transmissionTransparentShapes .length = value;
-   },
-   getTransmissionTransparentShapes ()
+   isTransmission ()
    {
-      return this .transmissionTransparentShapes;
+      return this .transmission;
    },
    constrainTranslation (translation, stepBack)
    {
@@ -57184,7 +57032,7 @@ Object .assign (X3DRenderObject .prototype,
          cameraSpaceProjectionMatrix .multRight (projectionMatrix);
          cameraSpaceProjectionMatrix .multLeft (viewpoint .getCameraSpaceMatrix ());
 
-         this .getProjectionMatrix () .pushMatrix (cameraSpaceProjectionMatrix);
+         this .getProjectionMatrix () .push (cameraSpaceProjectionMatrix);
 
          const depth = this .getDepth (projectionMatrix);
 
@@ -57232,12 +57080,12 @@ Object .assign (X3DRenderObject .prototype,
          }
          case Rendering_TraverseType .COLLISION:
          {
-            // Collect for collide and gravite
+            // Collect for collide and gravitate
             this .numCollisionShapes = 0;
 
             callback .call (group, type, this);
             this .collide ();
-            this .gravite ();
+            this .gravitate ();
             break;
          }
          case Rendering_TraverseType .SHADOW:
@@ -57254,10 +57102,6 @@ Object .assign (X3DRenderObject .prototype,
             this .numOpaqueShapes      = 0;
             this .numTransparentShapes = 0;
 
-            this .transmission                          = false;
-            this .transmissionOpaqueShapes      .length = 0;
-            this .transmissionTransparentShapes .length = 0;
-
             this .setGlobalFog (this .getFog ());
 
             callback .call (group, type, this);
@@ -57304,9 +57148,9 @@ Object .assign (X3DRenderObject .prototype,
             const pointingContext = this .pointingShapes [num];
 
             pointingContext .modelViewMatrix .set (modelViewMatrix);
-            pointingContext .shapeNode    = shapeNode;
             pointingContext .scissor      = viewVolume .getScissor ();
             pointingContext .humanoidNode = this .humanoids .at (-1);
+            pointingContext .shapeNode    = shapeNode;
 
             // Clip planes & sensors
 
@@ -57403,9 +57247,9 @@ Object .assign (X3DRenderObject .prototype,
             const depthContext = this .shadowShapes [num];
 
             depthContext .modelViewMatrix .set (modelViewMatrix);
-            depthContext .shapeNode    = shapeNode;
             depthContext .scissor      = viewVolume .getScissor ();
             depthContext .humanoidNode = this .humanoids .at (-1);
+            depthContext .shapeNode    = shapeNode;
 
             // Clip planes
 
@@ -57446,11 +57290,6 @@ Object .assign (X3DRenderObject .prototype,
                var renderContext = this .transparentShapes [num];
 
                renderContext .distance = bboxCenter .z;
-
-               if (shapeNode .isTransmission ())
-                  this .transmission = true;
-               else
-                  this .transmissionTransparentShapes .push (renderContext);
             }
             else
             {
@@ -57460,20 +57299,17 @@ Object .assign (X3DRenderObject .prototype,
                   this .opaqueShapes .push (this .createRenderContext (false));
 
                var renderContext = this .opaqueShapes [num];
-
-               if (shapeNode .isTransmission ())
-                  this .transmission = true;
-               else
-                  this .transmissionOpaqueShapes .push (renderContext);
             }
 
+            this .transmission ||= shapeNode .isTransmission ();
+
             renderContext .modelViewMatrix .set (modelViewMatrix);
             renderContext .scissor .assign (viewVolume .getScissor ());
-            renderContext .shadows         = this .localShadows .at (-1);
-            renderContext .fogNode         = this .localFogs .at (-1);
-            renderContext .shapeNode       = shapeNode;
-            renderContext .appearanceNode  = shapeNode .getAppearance ();
-            renderContext .humanoidNode    = this .humanoids .at (-1);
+            renderContext .shadows        = this .localShadows .at (-1);
+            renderContext .fogNode        = this .localFogs .at (-1);
+            renderContext .humanoidNode   = this .humanoids .at (-1);
+            renderContext .shapeNode      = shapeNode;
+            renderContext .appearanceNode = shapeNode .getAppearance ();
 
             // Clip planes and local lights
 
@@ -57506,7 +57342,7 @@ Object .assign (X3DRenderObject .prototype,
          const
             browser  = this .getBrowser (),
             gl       = browser .getContext (),
-            viewport = this .getViewVolume () .getViewport (),
+            viewport = this .viewVolumes .at (-1) .getViewport (),
             [x, y]   = browser .getPointer ();
 
          // Configure depth shaders.
@@ -57621,7 +57457,7 @@ Object .assign (X3DRenderObject .prototype,
             collision .set_active (true);
       };
    })(),
-   gravite: (() =>
+   gravitate: (() =>
    {
       const
          projectionMatrix            = new Numbers_Matrix4 (),
@@ -57655,14 +57491,14 @@ Object .assign (X3DRenderObject .prototype,
             avatarHeight    = navigationInfo .getAvatarHeight (),
             stepHeight      = navigationInfo .getStepHeight ();
 
-         // Reshape viewpoint for gravite.
+         // Reshape viewpoint for gravitate.
 
          Geometry_Camera .ortho (-collisionRadius,
                         collisionRadius,
                         -collisionRadius,
                         collisionRadius,
                         nearValue,
-                        Math .max (collisionRadius * 2, avatarHeight * 2),
+                        Math .max (collisionRadius, avatarHeight) * 2,
                         projectionMatrix);
 
          // Transform viewpoint to look down the up vector.
@@ -57679,13 +57515,13 @@ Object .assign (X3DRenderObject .prototype,
          cameraSpaceProjectionMatrix .multRight (projectionMatrix);
          cameraSpaceProjectionMatrix .multLeft (viewpoint .getCameraSpaceMatrix ());
 
-         this .getProjectionMatrix () .pushMatrix (cameraSpaceProjectionMatrix);
+         this .getProjectionMatrix () .push (cameraSpaceProjectionMatrix);
 
          let distance = -this .getDepth (projectionMatrix);
 
          this .getProjectionMatrix () .pop ();
 
-         // Gravite or step up.
+         // gravitate or step up.
 
          distance -= avatarHeight;
 
@@ -57693,7 +57529,7 @@ Object .assign (X3DRenderObject .prototype,
 
          if (distance > 0)
          {
-            // Gravite and fall down the to the floor.
+            // gravitate and fall down the to the floor.
 
             const currentFrameRate = this .speed ? browser .getCurrentFrameRate () : 1000000;
 
@@ -57749,7 +57585,7 @@ Object .assign (X3DRenderObject .prototype,
          const
             browser  = this .getBrowser (),
             gl       = browser .getContext (),
-            viewport = this .getViewVolume () .getViewport ();
+            viewport = this .viewVolumes .at (-1) .getViewport ();
 
          // Configure depth shaders.
 
@@ -57803,7 +57639,7 @@ Object .assign (X3DRenderObject .prototype,
          gl                       = browser .getContext (),
          frameBuffers             = this .getFrameBuffers (),
          numFrameBuffers          = frameBuffers .length,
-         viewport                 = this .getViewVolume () .getViewport (),
+         viewport                 = this .viewVolumes .at (-1) .getViewport (),
          lights                   = this .lights,
          globalLightsKeys         = this .globalLightsKeys,
          globalLights             = this .globalLights,
@@ -57826,14 +57662,6 @@ Object .assign (X3DRenderObject .prototype,
             generatedCubeMapTexture .renderTexture (this);
       }
 
-      // Set up shadow matrix for all lights, and matrix for all projective textures.
-
-      if (headlight)
-         browser .getHeadlight () .setGlobalVariables (this);
-
-      for (const light of lights)
-         light .setGlobalVariables (this);
-
       this .renderAndGlobalLightsKey = `.${this .renderKey}.${globalLightsKeys .sort () .join ("")}.`;
       this .globalShadow             = globalShadows .at (-1);
 
@@ -57851,14 +57679,23 @@ Object .assign (X3DRenderObject .prototype,
 
          this .viewportArray .set (viewport);
 
-         if (this .view)
+         if (this .view && this .isActive ())
          {
-            this .projectionMatrixArray .set (this .isActive ()
-               ? this .view .projectionMatrix
-               : this .getProjectionMatrix () .get ());
+            this .projectionMatrixArray  .set (this .view .projectionMatrix);
+
+            if (browser .getBrowserOption ("XRMovementControl") === "VIEWPOINT")
+            {
+               this .cameraSpaceMatrixArray .set (this .getCameraSpaceMatrix () .get ());
+               this .viewMatrixArray        .set (this .getViewMatrix () .get ());
 
-            this .cameraSpaceMatrixArray .set (this .view .cameraSpaceMatrix);
-            this .viewMatrixArray        .set (this .view .viewMatrix);
+               Numbers_Matrix4 .prototype .multLeft  (this .cameraSpaceMatrixArray, this .view .inverse);
+               Numbers_Matrix4 .prototype .multRight (this .viewMatrixArray,        this .view .matrix);
+            }
+            else
+            {
+               this .cameraSpaceMatrixArray .set (this .view .cameraSpaceMatrix);
+               this .viewMatrixArray        .set (this .view .viewMatrix);
+            }
          }
          else
          {
@@ -57867,22 +57704,29 @@ Object .assign (X3DRenderObject .prototype,
             this .viewMatrixArray        .set (this .getViewMatrix () .get ());
          }
 
+         // Set up shadow matrix for all lights, and matrix for all projective textures.
+
+         if (headlight)
+            browser .getHeadlight () .setGlobalVariables (this);
+
+         for (const light of lights)
+            light .setGlobalVariables (this);
+
+         // Draw shapes.
+
          if (independent && this .transmission)
          {
             // Transmission
 
-            const
-               transmissionBuffer               = browser .getTransmissionBuffer (),
-               transmissionOpaqueShapes         = this .transmissionOpaqueShapes,
-               transmissionTransparentShapes    = this .transmissionTransparentShapes,
-               numTransmissionOpaqueShapes      = transmissionOpaqueShapes .length,
-               numTransmissionTransparentShapes = transmissionTransparentShapes .length;
+            const transmissionBuffer = browser .getTransmissionBuffer ();
 
-            this .drawShapes (gl, browser, transmissionBuffer, gl .COLOR_BUFFER_BIT, false, viewport, transmissionOpaqueShapes, numTransmissionOpaqueShapes, transmissionTransparentShapes, numTransmissionTransparentShapes, this .transmissionTransparencySorter);
+            this .drawShapes (gl, browser, transmissionBuffer, gl .COLOR_BUFFER_BIT, false, viewport, this .opaqueShapes, this .numOpaqueShapes, this .transparentShapes, this .numTransparentShapes, this .transparencySorter);
 
             gl .bindTexture (gl .TEXTURE_2D, transmissionBuffer .getColorTexture ());
             gl .generateMipmap (gl .TEXTURE_2D);
 
+            this .transmission = false;
+
             // Draw with sorted blend or OIT.
 
             this .drawShapes (gl, browser, frameBuffer, 0, frameBuffer .getOIT (), viewport, this .opaqueShapes, this .numOpaqueShapes, this .transparentShapes, this .numTransparentShapes, this .transparencySorter);
@@ -57922,7 +57766,7 @@ Object .assign (X3DRenderObject .prototype,
       globalShadows            .length = 1;
       generatedCubeMapTextures .length = 0;
    },
-   drawShapes (gl, browser, frameBuffer, clear, oit, viewport, opaqueShapes, numOpaqueShapes, transparentShapes, numTransparentShapes, transparencySorter)
+   drawShapes (gl, browser, frameBuffer, clearBits, oit, viewport, opaqueShapes, numOpaqueShapes, transparentShapes, numTransparentShapes, transparencySorter)
    {
       frameBuffer .bind ();
 
@@ -57936,7 +57780,7 @@ Object .assign (X3DRenderObject .prototype,
       this .advanceRenderCount ();
 
       gl .clearColor (0, 0, 0, 0);
-      gl .clear (gl .DEPTH_BUFFER_BIT | clear);
+      gl .clear (gl .DEPTH_BUFFER_BIT | clearBits);
       gl .blendFuncSeparate (gl .SRC_ALPHA, gl .ONE_MINUS_SRC_ALPHA, gl .ONE, gl .ONE_MINUS_SRC_ALPHA);
 
       this .getBackground () .display (gl, this);
@@ -57987,7 +57831,9 @@ Object .assign (X3DRenderObject .prototype,
 
 function X3DRenderObject_assign (lhs, rhs)
 {
-   for (var i = 0, length = rhs .length; i < length; ++ i)
+   const length = rhs .length;
+
+   for (let i = 0; i < length; ++ i)
       lhs [i] = rhs [i];
 
    lhs .length = length;
@@ -59263,12 +59109,7 @@ const Group_default_ = Group;
 
 
 
-const TransitionType =
-{
-   TELEPORT: true,
-   LINEAR:   true,
-   ANIMATE:  true,
-};
+
 
 function NavigationInfo (executionContext)
 {
@@ -59283,7 +59124,7 @@ function NavigationInfo (executionContext)
 
    this ._avatarSize      .setUnit ("length");
    this ._speed           .setUnit ("speed");
-   this ._visibilityLimit .setUnit ("speed");
+   this ._visibilityLimit .setUnit ("length");
 }
 
 Object .assign (Object .setPrototypeOf (NavigationInfo .prototype, Core_X3DBindableNode .prototype),
@@ -59294,12 +59135,14 @@ Object .assign (Object .setPrototypeOf (NavigationInfo .prototype, Core_X3DBinda
 
       this ._type               .addInterest ("set_type__",               this);
       this ._headlight          .addInterest ("set_headlight__",          this);
+      this ._visibilityLimit    .addInterest ("set_visibilityLimit__",    this);
       this ._transitionStart    .addInterest ("set_transitionStart__",    this);
       this ._transitionComplete .addInterest ("set_transitionComplete__", this);
       this ._isBound            .addInterest ("set_isBound__",            this);
 
       this .set_type__ ();
       this .set_headlight__ ();
+      this .set_visibilityLimit__ ();
    },
    getViewer ()
    {
@@ -59333,30 +59176,31 @@ Object .assign (Object .setPrototypeOf (NavigationInfo .prototype, Core_X3DBinda
    {
       const nearValue = this .getCollisionRadius ();
 
-      if (nearValue === 0)
-         return 1e-5;
-
-      else
-         return nearValue / 2;
+      return nearValue === 0 ? 1e-5 : nearValue / 2;
    },
    getFarValue (viewpoint)
    {
-      return this ._visibilityLimit .getValue ()
-             ? this ._visibilityLimit .getValue ()
-             : viewpoint .getMaxFarValue ();
+      return this .visibilityLimit || viewpoint .getMaxFarValue ();
    },
-   getTransitionType ()
+   getTransitionType: (function ()
    {
-      for (const value of this ._transitionType)
-      {
-         const transitionType = TransitionType [value];
+      const TransitionTypes = new Set ([
+         "TELEPORT",
+         "LINEAR",
+         "ANIMATE",
+      ]);
 
-         if (transitionType)
-            return value;
-      }
+      return function ()
+      {
+         for (const value of this ._transitionType)
+         {
+            if (TransitionTypes .has (value))
+               return value;
+         }
 
-      return "LINEAR";
-   },
+         return "LINEAR";
+      };
+   })(),
    set_type__ ()
    {
       // Determine active viewer.
@@ -59397,7 +59241,7 @@ Object .assign (Object .setPrototypeOf (NavigationInfo .prototype, Core_X3DBinda
          noneViewer    = false,
          lookAt        = false;
 
-      if (! this ._type .length)
+      if (!this ._type .length)
       {
          examineViewer = true;
          walkViewer    = true;
@@ -59439,7 +59283,7 @@ Object .assign (Object .setPrototypeOf (NavigationInfo .prototype, Core_X3DBinda
                   lookAt        = true;
                   break;
                default:
-                  // Some string defaults to EXAMINE.
+                  // Some strings lead to:
                   examineViewer = true;
                   continue;
             }
@@ -59475,9 +59319,13 @@ Object .assign (Object .setPrototypeOf (NavigationInfo .prototype, Core_X3DBinda
       else
          this .enable = Function .prototype;
    },
+   set_visibilityLimit__ ()
+   {
+      this .visibilityLimit = Math .max (this ._visibilityLimit .getValue (), 0);
+   },
    set_transitionStart__ ()
    {
-      if (! this ._transitionActive .getValue ())
+      if (!this ._transitionActive .getValue ())
          this ._transitionActive = true;
    },
    set_transitionComplete__ ()
@@ -59503,7 +59351,7 @@ Object .assign (Object .setPrototypeOf (NavigationInfo .prototype, Core_X3DBinda
 
       const headlight = this .getBrowser () .getHeadlight ();
 
-      renderObject .getGlobalLights () .push (headlight);
+      renderObject .getGlobalLights ()     .push (headlight);
       renderObject .getGlobalLightsKeys () .push (headlight .lightNode .getLightKey ());
    },
    traverse (type, renderObject)
@@ -60399,42 +60247,43 @@ function X3DGeometryNode (executionContext)
       this .planes [i] = new Geometry_Plane3 ();
 }
 
-Object .defineProperty (X3DGeometryNode, "createArray",
+class GeometryArray extends Array
 {
-   // Function to select ether Array or MFFloat for color/normal/vertex arrays.
-   // Array version runs faster, see BeyondGermany and TreasureIsland.
-   value ()
-   {
-      // return new Fields .MFFloat ();
+   #typedArray = new Float32Array ();
 
-      const array = [ ];
-
-      array .typedArray = new Float32Array ();
+   assign (value)
+   {
+      const length = value .length;
 
-      array .assign = function (value)
-      {
-         const length = value .length;
+      for (let i = 0; i < length; ++ i)
+         this [i] = value [i];
 
-         for (let i = 0; i < length; ++ i)
-            this [i] = value [i];
+      this .length = length;
+   }
 
-         this .length = length;
-      };
+   getValue ()
+   {
+      return this .#typedArray;
+   }
 
-      array .getValue = function ()
-      {
-         return this .typedArray;
-      };
+   shrinkToFit ()
+   {
+      if (this .length === this .#typedArray .length)
+         this .#typedArray .set (this);
+      else
+         this .#typedArray = new Float32Array (this);
+   }
+}
 
-      array .shrinkToFit = function ()
-      {
-         if (this .length === this .typedArray .length)
-            this .typedArray .set (this);
-         else
-            this .typedArray = new Float32Array (this);
-      };
+Object .defineProperty (X3DGeometryNode, "createArray",
+{
+   // Function to select ether Array or MFFloat for color/normal/vertex arrays.
+   // Array version runs faster, see BeyondGermany and TreasureIsland.
+   value ()
+   {
+      // return new Fields .MFFloat ();
 
-      return array;
+      return new GeometryArray ();
    },
 })
 
@@ -60474,14 +60323,14 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
 
       this .set_live__ ();
    },
-   setGeometryType (value)
-   {
-      this .geometryType = value;
-   },
    getGeometryType ()
    {
       return this .geometryType;
    },
+   setGeometryType (value)
+   {
+      this .geometryType = value;
+   },
    setTransparent (value)
    {
       if (!!value !== this ._transparent .getValue ())
@@ -60524,22 +60373,22 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
    {
       return Numbers_Matrix4 .Identity;
    },
-   setPrimitiveMode (value)
-   {
-      this .primitiveMode = value;
-   },
    getPrimitiveMode ()
    {
       return this .primitiveMode;
    },
-   isSolid ()
+   setPrimitiveMode (value)
    {
-      return this .solid;
+      this .primitiveMode = value;
    },
    setSolid (value)
    {
       this .solid = value;
    },
+   isSolid ()
+   {
+      return this .solid;
+   },
    setCCW (value)
    {
       const gl = this .getBrowser () .getContext ();
@@ -60562,33 +60411,14 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
    {
       return this .attribBuffers;
    },
-   setFogDepths (value)
-   {
-      this .fogDepths .assign (value);
-   },
    getFogDepths ()
    {
       return this .fogDepths;
    },
-   setColors (value)
-   {
-      this .colors .assign (value);
-   },
    getColors ()
    {
       return this .colors;
    },
-   setMultiTexCoords (value)
-   {
-      const
-         multiTexCoords = this .multiTexCoords,
-         length         = value .length;
-
-      for (let i = 0; i < length; ++ i)
-         multiTexCoords [i] = value [i];
-
-      multiTexCoords .length = length;
-   },
    getMultiTexCoords ()
    {
       return this .multiTexCoords;
@@ -60621,26 +60451,14 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
 
       this .textureCoordinateNode .getTextureCoordinateMapping (this .textureCoordinateMapping);
    },
-   setTangents (value)
-   {
-      this .tangents .assign (value);
-   },
    getTangents ()
    {
       return this .tangents;
    },
-   setNormals (value)
-   {
-      this .normals .assign (value);
-   },
    getNormals ()
    {
       return this .normals;
    },
-   setVertices (value)
-   {
-      this .vertices .assign (value);
-   },
    getVertices ()
    {
       return this .vertices;
@@ -60734,28 +60552,35 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
    })(),
    generateTangents ()
    {
-      if (this .geometryType < 2)
-         return;
+      try
+      {
+         if (this .geometryType < 2)
+            return;
 
-      if (!this .vertices .length)
-         return;
+         if (!this .vertices .length)
+            return;
 
-      if (!MikkTSpace .isInitialized ())
-         return void (MikkTSpace .initialize () .then (() => this .requestRebuild ()));
+         if (!MikkTSpace .isInitialized ())
+            return void (MikkTSpace .initialize () .then (() => this .requestRebuild ()));
 
-      const
-         vertices  = this .vertices .getValue () .filter ((v, i) => i % 4 < 3),
-         normals   = this .normals .getValue (),
-         texCoords = this .multiTexCoords [0] .getValue () .filter ((v, i) => i % 4 < 2),
-         tangents  = MikkTSpace .generateTangents (vertices, normals, texCoords),
-         length    = tangents .length;
+         const
+            vertices  = this .vertices .getValue () .filter ((v, i) => i % 4 < 3),
+            normals   = this .normals .getValue (),
+            texCoords = this .multiTexCoords [0] .getValue () .filter ((v, i) => i % 4 < 2),
+            tangents  = MikkTSpace .generateTangents (vertices, normals, texCoords),
+            length    = tangents .length;
 
-      // Convert coordinate system handedness to respect output format of MikkTSpace.
-      for (let i = 3; i < length; i += 4)
-         tangents [i] = -tangents [i]; // Flip w-channel.
+         // Convert coordinate system handedness to respect output format of MikkTSpace.
+         for (let i = 3; i < length; i += 4)
+            tangents [i] = -tangents [i]; // Flip w-channel.
 
-      this .tangents .assign (tangents);
-      this .tangents .shrinkToFit ();
+         this .tangents .assign (tangents);
+         this .tangents .shrinkToFit ();
+      }
+      catch (error)
+      {
+         console .error (error);
+      }
    },
    refineNormals (normalIndex, normals, creaseAngle)
    {
@@ -60835,16 +60660,13 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
                {
                   // Get barycentric coordinates.
 
-                  const
-                     u = uvt .u,
-                     v = uvt .v,
-                     t = uvt .t;
+                  const { u, v, t } = uvt;
 
                   // Determine vectors for X3DPointingDeviceSensors.
 
-                  const point = new Numbers_Vector3 (t * vertices [i4]     + u * vertices [i4 + 4] + v * vertices [i4 +  8],
-                                             t * vertices [i4 + 1] + u * vertices [i4 + 5] + v * vertices [i4 +  9],
-                                             t * vertices [i4 + 2] + u * vertices [i4 + 6] + v * vertices [i4 + 10]);
+                  const point = new Numbers_Vector3 (u * vertices [i4]     + v * vertices [i4 + 4] + t * vertices [i4 +  8],
+                                             u * vertices [i4 + 1] + v * vertices [i4 + 5] + t * vertices [i4 +  9],
+                                             u * vertices [i4 + 2] + v * vertices [i4 + 6] + t * vertices [i4 + 10]);
 
                   if (clipPlanes .length)
                   {
@@ -60852,16 +60674,16 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
                         continue;
                   }
 
-                  const texCoord = new Numbers_Vector2 (t * texCoords [i4]     + u * texCoords [i4 + 4] + v * texCoords [i4 + 8],
-                                                t * texCoords [i4 + 1] + u * texCoords [i4 + 5] + v * texCoords [i4 + 9]);
+                  const texCoord = new Numbers_Vector2 (u * texCoords [i4]     + v * texCoords [i4 + 4] + t * texCoords [i4 + 8],
+                                                u * texCoords [i4 + 1] + v * texCoords [i4 + 5] + t * texCoords [i4 + 9]);
 
                   const i3 = i * 3;
 
-                  const normal = new Numbers_Vector3 (t * normals [i3]     + u * normals [i3 + 3] + v * normals [i3 + 6],
-                                              t * normals [i3 + 1] + u * normals [i3 + 4] + v * normals [i3 + 7],
-                                              t * normals [i3 + 2] + u * normals [i3 + 5] + v * normals [i3 + 8]);
+                  const normal = new Numbers_Vector3 (u * normals [i3]     + v * normals [i3 + 3] + t * normals [i3 + 6],
+                                              u * normals [i3 + 1] + v * normals [i3 + 4] + t * normals [i3 + 7],
+                                              u * normals [i3 + 2] + v * normals [i3 + 5] + t * normals [i3 + 8]);
 
-                  intersections .push ({ texCoord: texCoord, normal: normal, point: this .getMatrix () .multVecMatrix (point) });
+                  intersections .push ({ texCoord, normal, point: this .getMatrix () .multVecMatrix (point) });
                }
             }
          }
@@ -61176,17 +60998,20 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
          // Determine bbox.
 
          const
-            vertices = this .vertices .getValue (),
-            min      = this .min,
-            max      = this .max;
+            vertices    = this .vertices .getValue (),
+            numVertices = vertices .length,
+            min         = this .min,
+            max         = this .max;
 
-         if (vertices .length)
+         if (numVertices)
          {
             if (min .x === Number .POSITIVE_INFINITY)
             {
-               for (let i = 0, length = vertices .length; i < length; i += 4)
+               for (let i = 0; i < numVertices; i += 4)
                {
-                  point .set (vertices [i], vertices [i + 1], vertices [i + 2]);
+                  const { [i]: v1, [i + 1]: v2, [i + 2]: v3 } = vertices;
+
+                  point .set (v1, v2, v3);
 
                   min .min (point);
                   max .max (point);
@@ -61345,7 +61170,7 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
          appearanceNode = renderContext .appearanceNode,
          shaderNode     = appearanceNode .getShader (this, renderContext);
 
-      if (this .solid || !appearanceNode .getBackMaterial () || browser .getWireframe ())
+      if (this .solid || !appearanceNode .getBackMaterial ())
       {
          this .displayGeometry (gl, renderContext, appearanceNode, shaderNode, true, true);
       }
@@ -61398,51 +61223,43 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
 
       // Draw depending on wireframe, solid and transparent.
 
-      if (browser .getWireframe ())
-      {
-         for (let i = 0, length = this .vertexCount; i < length; i += 3)
-            gl .drawArrays (primitiveMode, i, 3);
-      }
-      else
-      {
-         const positiveScale = Numbers_Matrix4 .prototype .determinant3 .call (renderContext .modelViewMatrix) > 0;
-
-         gl .frontFace (positiveScale ? this .frontFace : this .backFace .get (this .frontFace));
-
-         if (renderContext .transparent || back !== front)
-         {
-            // Render transparent or back or front.
+      const positiveScale = Numbers_Matrix4 .prototype .determinant3 .call (renderContext .modelViewMatrix) > 0;
 
-            gl .enable (gl .CULL_FACE);
+      gl .frontFace (positiveScale ? this .frontFace : this .backFace .get (this .frontFace));
 
-            // Render back.
+      if (renderContext .transparent || back !== front)
+      {
+         // Render transparent or back or front.
 
-            if (back && !this .solid)
-            {
-               gl .cullFace (gl .FRONT);
-               gl .drawArrays (primitiveMode, 0, this .vertexCount);
-            }
+         gl .enable (gl .CULL_FACE);
 
-            // Render front.
+         // Render back.
 
-            if (front)
-            {
-               gl .cullFace (gl .BACK);
-               gl .drawArrays (primitiveMode, 0, this .vertexCount);
-            }
-         }
-         else
+         if (back && !this .solid)
          {
-            // Render solid or both sides.
+            gl .cullFace (gl .FRONT);
+            gl .drawArrays (primitiveMode, 0, this .vertexCount);
+         }
 
-            if (this .solid)
-               gl .enable (gl .CULL_FACE);
-            else
-               gl .disable (gl .CULL_FACE);
+         // Render front.
 
+         if (front)
+         {
+            gl .cullFace (gl .BACK);
             gl .drawArrays (primitiveMode, 0, this .vertexCount);
          }
       }
+      else
+      {
+         // Render solid or both sides.
+
+         if (this .solid)
+            gl .enable (gl .CULL_FACE);
+         else
+            gl .disable (gl .CULL_FACE);
+
+         gl .drawArrays (primitiveMode, 0, this .vertexCount);
+      }
 
       for (const node of renderModeNodes)
          node .disable (gl);
@@ -61485,7 +61302,7 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
          appearanceNode = renderContext .appearanceNode,
          shaderNode     = appearanceNode .getShader (this, renderContext);
 
-      if (this .solid || !appearanceNode .getBackMaterial () || browser .getWireframe ())
+      if (this .solid || !appearanceNode .getBackMaterial ())
       {
          this .displayInstancedGeometry (gl, renderContext, appearanceNode, shaderNode, true, true, shapeNode);
       }
@@ -62346,6 +62163,17 @@ Object .assign (Object .setPrototypeOf (X3DBackgroundNode .prototype, Core_X3DBi
          if (this ._hidden .getValue ())
             return;
 
+         const browser = this .getBrowser ();
+
+         // Always fill background.
+
+         if (browser .getWireframe ())
+         {
+            const ext = gl .getExtension ("WEBGL_polygon_mode");
+
+            ext ?.polygonModeWEBGL (gl .FRONT_AND_BACK, ext .FILL_WEBGL);
+         }
+
          // Setup context.
 
          gl .disable (gl .DEPTH_TEST);
@@ -62382,6 +62210,15 @@ Object .assign (Object .setPrototypeOf (X3DBackgroundNode .prototype, Core_X3DBi
          gl .depthMask (true);
          gl .enable (gl .DEPTH_TEST);
          gl .disable (gl .BLEND);
+
+         // Restore polygon mode.
+
+         if (browser .getWireframe ())
+         {
+            const ext = gl .getExtension ("WEBGL_polygon_mode");
+
+            ext ?.polygonModeWEBGL (gl .FRONT_AND_BACK, ext .LINE_WEBGL);
+         }
       };
    })(),
    drawSphere (renderObject, modelViewMatrixArray, projectionMatrixArray)
@@ -63103,7 +62940,7 @@ const X3DTexture2DNode_default_ = X3DTexture2DNode;
 
 /* harmony default export */ const Texturing_X3DTexture2DNode = (x_ite_Namespace .add ("X3DTexture2DNode", X3DTexture2DNode_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Texturing/ImageTexture.js
-/* provided dependency */ var ImageTexture_$ = __webpack_require__(362);
+/* provided dependency */ var ImageTexture_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -63583,6 +63420,7 @@ const Background_default_ = Background;
 
 
 
+
 function X3DLayerNode (executionContext, defaultViewpoint, groupNode)
 {
    Core_X3DNode         .call (this, executionContext);
@@ -63773,6 +63611,9 @@ Object .assign (Object .setPrototypeOf (X3DLayerNode .prototype, Core_X3DNode .p
          viewpointNode = this .getViewpoint (),
          bbox          = this .getBBox (new Geometry_Box3 ()) .multRight (viewpointNode .getModelMatrix () .copy () .inverse ());
 
+      if (bbox .size .equals (Numbers_Vector3 .Zero))
+         return;
+
       viewpointNode .lookAt (this, bbox .center, viewpointNode .getLookAtDistance (bbox), transitionTime, factor, straighten);
    },
    straightenView ()
@@ -63790,10 +63631,8 @@ Object .assign (Object .setPrototypeOf (X3DLayerNode .prototype, Core_X3DNode .p
    },
    set_viewport__ ()
    {
-      this .viewportNode = Base_X3DCast (Base_X3DConstants .X3DViewportNode, this ._viewport);
-
-      if (!this .viewportNode)
-         this .viewportNode = this .getBrowser () .getDefaultViewport ();
+      this .viewportNode = Base_X3DCast (Base_X3DConstants .X3DViewportNode, this ._viewport)
+         ?? this .getBrowser () .getDefaultViewport ();
    },
    bindBindables (viewpointName)
    {
@@ -63819,21 +63658,31 @@ Object .assign (Object .setPrototypeOf (X3DLayerNode .prototype, Core_X3DNode .p
    },
    traverse (type, renderObject = this)
    {
-      const pose = this .getBrowser () .getPose ();
+      const
+         browser       = this .getBrowser (),
+         viewpointNode = this .getViewpoint (),
+         pose          = browser .getPose ();
 
       if (pose && this .active)
       {
-         this .getProjectionMatrix ()  .pushMatrix (pose .views [0] .projectionMatrix);
-         this .getCameraSpaceMatrix () .pushMatrix (pose .cameraSpaceMatrix);
-         this .getViewMatrix ()        .pushMatrix (pose .viewMatrix);
+         this .getProjectionMatrix () .push (pose .views [0] .projectionMatrix);
+
+         if (browser .getBrowserOption ("XRMovementControl") === "VIEWPOINT")
+         {
+            this .getCameraSpaceMatrix () .push (viewpointNode .getCameraSpaceMatrix ());
+            this .getViewMatrix ()        .push (viewpointNode .getViewMatrix ());
+         }
+         else
+         {
+            this .getCameraSpaceMatrix () .push (pose .cameraSpaceMatrix);
+            this .getViewMatrix ()        .push (pose .viewMatrix);
+         }
       }
       else
       {
-         const viewpointNode = this .getViewpoint ();
-
-         this .getProjectionMatrix ()  .pushMatrix (viewpointNode .getProjectionMatrix (this));
-         this .getCameraSpaceMatrix () .pushMatrix (viewpointNode .getCameraSpaceMatrix ());
-         this .getViewMatrix ()        .pushMatrix (viewpointNode .getViewMatrix ());
+         this .getProjectionMatrix ()  .push (viewpointNode .getProjectionMatrix (this));
+         this .getCameraSpaceMatrix () .push (viewpointNode .getCameraSpaceMatrix ());
+         this .getViewMatrix ()        .push (viewpointNode .getViewMatrix ());
       }
 
       switch (type)
@@ -63879,7 +63728,7 @@ Object .assign (Object .setPrototypeOf (X3DLayerNode .prototype, Core_X3DNode .p
 
       this .setHitRay (this .getProjectionMatrix () .get (), viewport, browser .getPointer ());
       this .getNavigationInfo () .enable (type, renderObject);
-      this .getModelViewMatrix () .pushMatrix (this .getViewMatrix () .get ());
+      this .getModelViewMatrix () .push (this .getViewMatrix () .get ());
 
       this .viewportNode .push (this);
       renderObject .render (type, this .groupNodes .traverse, this .groupNodes);
@@ -63891,7 +63740,7 @@ Object .assign (Object .setPrototypeOf (X3DLayerNode .prototype, Core_X3DNode .p
    {
       if (this ._display .getValue ())
       {
-         this .getModelViewMatrix () .pushMatrix (Numbers_Matrix4 .Identity);
+         this .getModelViewMatrix () .push (Numbers_Matrix4 .Identity);
 
          this .viewportNode .push (this);
          this .groupNodes .traverse (type, renderObject);
@@ -63911,7 +63760,7 @@ Object .assign (Object .setPrototypeOf (X3DLayerNode .prototype, Core_X3DNode .p
    {
       if (this ._pickable .getValue ())
       {
-         this .getModelViewMatrix () .pushMatrix (Numbers_Matrix4 .Identity);
+         this .getModelViewMatrix () .push (Numbers_Matrix4 .Identity);
 
          this .viewportNode .push (this);
          this .groupNodes .traverse (type, renderObject);
@@ -63940,8 +63789,8 @@ Object .assign (Object .setPrototypeOf (X3DLayerNode .prototype, Core_X3DNode .p
 
             Geometry_Camera .ortho (-size, size, -size, size, -size, size, projectionMatrix);
 
-            this .getProjectionMatrix () .pushMatrix (projectionMatrix);
-            this .getModelViewMatrix  () .pushMatrix (this .getViewMatrix () .get ());
+            this .getProjectionMatrix () .push (projectionMatrix);
+            this .getModelViewMatrix  () .push (this .getViewMatrix () .get ());
 
             // Render
             this .viewportNode .push (this);
@@ -63958,7 +63807,7 @@ Object .assign (Object .setPrototypeOf (X3DLayerNode .prototype, Core_X3DNode .p
       if (this ._display .getValue ())
       {
          this .getNavigationInfo () .enable (type, renderObject);
-         this .getModelViewMatrix () .pushMatrix (this .getViewMatrix () .get ());
+         this .getModelViewMatrix () .push (this .getViewMatrix () .get ());
 
          this .viewportNode .push (this);
          renderObject .render (type, this .groupNodes .traverse, this .groupNodes);
@@ -65475,7 +65324,7 @@ Object .assign (Object .setPrototypeOf (X3DViewpointNode .prototype, Core_X3DBin
    getUpVector ()
    {
       // Local y-axis,
-      // see https://www.web3d.org/documents/specifications/19775-1/V3.3/index.html#NavigationInfo.
+      // see https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/navigation.html#NavigationInfo.
       return Numbers_Vector3 .yAxis;
    },
    getSpeedFactor ()
@@ -65662,8 +65511,11 @@ Object .assign (Object .setPrototypeOf (X3DViewpointNode .prototype, Core_X3DBin
 
       this .lookAt (layerNode, point, minDistance, transitionTime, factor, straighten);
    },
-   lookAtBBox (layerNode, bbox, transitionTime = 1, factor, straighten)
+   lookAtBBox (layerNode, bbox, transitionTime = 1, factor = 1, straighten = false)
    {
+      if (bbox .size .equals (Numbers_Vector3 .Zero))
+         return;
+
       bbox = bbox .copy () .multRight (this .getModelMatrix () .copy () .inverse ());
 
       this .lookAt (layerNode, bbox .center, this .getLookAtDistance (bbox), transitionTime, factor, straighten);
@@ -65741,18 +65593,26 @@ Object .assign (Object .setPrototypeOf (X3DViewpointNode .prototype, Core_X3DBin
    {
       bbox .copy () .multRight (this .modelMatrix .copy () .inverse ());
 
-      const
-         direction       = this .getUserPosition () .copy () .subtract (bbox .center) .normalize (),
-         distance        = this .getLookAtDistance (bbox),
-         userPosition    = bbox .center .copy () .add (direction .multiply (distance)),
-         userOrientation = this .getLookAtRotation (userPosition, bbox .center);
+      if (bbox .size .equals (Numbers_Vector3 .Zero))
+      {
+         this .set_nearDistance__ ();
+         this .set_farDistance__ ();
+      }
+      else
+      {
+         const
+            direction       = this .getUserPosition () .copy () .subtract (bbox .center) .normalize (),
+            distance        = this .getLookAtDistance (bbox),
+            userPosition    = bbox .center .copy () .add (direction .multiply (distance)),
+            userOrientation = this .getLookAtRotation (userPosition, bbox .center);
 
-      this ._positionOffset         = userPosition .subtract (this .getPosition ());
-      this ._orientationOffset      = this .getOrientation () .copy () .inverse () .multRight (userOrientation);
-      this ._centerOfRotationOffset = bbox .center .copy () .subtract (this .getCenterOfRotation ());
-      this ._fieldOfViewScale       = 1;
-      this .nearDistance            = distance * (0.125 / 10);
-      this .farDistance             = this .nearDistance * this .getMaxFarValue () / 0.125;
+         this ._positionOffset         = userPosition .subtract (this .getPosition ());
+         this ._orientationOffset      = this .getOrientation () .copy () .inverse () .multRight (userOrientation);
+         this ._centerOfRotationOffset = bbox .center .copy () .subtract (this .getCenterOfRotation ());
+         this ._fieldOfViewScale       = 1;
+         this .nearDistance            = distance * (0.125 / 10);
+         this .farDistance             = this .nearDistance * this .getMaxFarValue () / 0.125;
+      }
    },
    traverse (type, renderObject)
    {
@@ -66464,7 +66324,7 @@ const X3DWorld_default_ = X3DWorld;
 
 /* harmony default export */ const Execution_X3DWorld = (x_ite_Namespace .add ("X3DWorld", X3DWorld_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/InputOutput/FileLoader.js
-/* provided dependency */ var FileLoader_$ = __webpack_require__(362);
+/* provided dependency */ var FileLoader_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -67394,7 +67254,7 @@ const ProtoDeclarationArray_default_ = ProtoDeclarationArray;
 
 /* harmony default export */ const Prototype_ProtoDeclarationArray = (x_ite_Namespace .add ("ProtoDeclarationArray", ProtoDeclarationArray_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Routing/X3DRoute.js
-/* provided dependency */ var X3DRoute_$ = __webpack_require__(362);
+/* provided dependency */ var X3DRoute_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -67558,8 +67418,6 @@ Object .assign (Object .setPrototypeOf (X3DRoute .prototype, Base_X3DObject .pro
             : this [_sourceNode] .getExportedNode ();
 
          this [_sourceField] = sourceNode .getField (this [_sourceFieldName]);
-
-         this [_sourceField] .addOutputRoute (this);
       }
       catch (error)
       {
@@ -67574,7 +67432,6 @@ Object .assign (Object .setPrototypeOf (X3DRoute .prototype, Base_X3DObject .pro
 
          this [_destinationField] = destinationNode .getField (this [_destinationFieldName]);
 
-         this [_destinationField] .addInputRoute (this);
       }
       catch (error)
       {
@@ -67583,7 +67440,18 @@ Object .assign (Object .setPrototypeOf (X3DRoute .prototype, Base_X3DObject .pro
 
       if (this [_sourceField] && this [_destinationField])
       {
-         this [_sourceField] .addFieldInterest (this [_destinationField]);
+         if (this [_sourceField] .getType () !== this [_destinationField] .getType ())
+            throw new Error (`Bad ROUTE statement: Source field type must match destination field type of fields named "${this [_sourceField] .getName ()}" and "${this [_destinationField] .getName ()}".`);
+
+         if (!this [_sourceField] .isOutput ())
+            throw new Error (`Bad ROUTE statement: Source field "${this [_sourceField] .getName ()}" must be an output.`);
+
+         if (!this [_destinationField] .isInput ())
+            throw new Error (`Bad ROUTE statement: Destination field "${this [_destinationField] .getName ()}" must be an input.`);
+
+         this [_sourceField]      .addOutputRoute (this);
+         this [_destinationField] .addInputRoute (this);
+         this [_sourceField]      .addFieldInterest (this [_destinationField]);
       }
       else
       {
@@ -70866,7 +70734,8 @@ Object .assign (Object .setPrototypeOf (ProximitySensor .prototype, Environmenta
             if (this .layerNode)
             {
                const
-                  pose           = this .getBrowser () .getPose (),
+                  browser        = this .getBrowser (),
+                  pose           = browser .getPose (),
                   viewpointNode  = this .layerNode .getViewpoint (),
                   invModelMatrix = this .modelMatrix .inverse ()
 
@@ -70876,7 +70745,7 @@ Object .assign (Object .setPrototypeOf (ProximitySensor .prototype, Environmenta
                   .multRight (invModelMatrix)
                   .get (centerOfRotation);
 
-               if (pose && this .layerNode .isActive ())
+               if (pose && this .layerNode .isActive () && browser .getBrowserOption ("XRMovementControl") !== "VIEWPOINT")
                   invModelMatrix .multLeft (pose .cameraSpaceMatrix);
                else
                   invModelMatrix .multLeft (viewpointNode .getCameraSpaceMatrix ());
@@ -70897,7 +70766,7 @@ Object .assign (Object .setPrototypeOf (ProximitySensor .prototype, Environmenta
                else
                {
                   this ._isActive                 = true;
-                  this ._enterTime                = this .getBrowser () .getCurrentTime ();
+                  this ._enterTime                = browser .getCurrentTime ();
                   this ._position_changed         = position;
                   this ._orientation_changed      = orientation;
                   this ._centerOfRotation_changed = centerOfRotation;
@@ -74030,17 +73899,18 @@ Object .assign (Object .setPrototypeOf (Box .prototype, Rendering_X3DGeometryNod
       return function ()
       {
          const
-            options  = this .getBrowser () .getBoxOptions (),
-            geometry = options .getGeometry (),
-            size     = this ._size .getValue ();
+            options     = this .getBrowser () .getBoxOptions (),
+            geometry    = options .getGeometry (),
+            size        = this ._size .getValue (),
+            vertexArray = this .getVertices ();
 
-         this .setMultiTexCoords (geometry .getMultiTexCoords ());
-         this .setTangents       (geometry .getTangents ());
-         this .setNormals        (geometry .getNormals ());
+         this .getMultiTexCoords () .push (... geometry .getMultiTexCoords ());
+         this .getTangents () .assign (geometry .getTangents ());
+         this .getNormals ()  .assign (geometry .getNormals ());
 
          if (size .equals (defaultSize))
          {
-            this .setVertices (geometry .getVertices ());
+            vertexArray .assign (geometry .getVertices ());
 
             this .getMin () .assign (geometry .getMin ());
             this .getMax () .assign (geometry .getMax ());
@@ -74051,8 +73921,7 @@ Object .assign (Object .setPrototypeOf (Box .prototype, Rendering_X3DGeometryNod
                x               = Math .abs (size .x / 2),
                y               = Math .abs (size .y / 2),
                z               = Math .abs (size .z / 2),
-               defaultVertices = geometry .getVertices () .getValue (),
-               vertexArray     = this .getVertices ();
+               defaultVertices = geometry .getVertices () .getValue ();
 
             for (let i = 0, length = defaultVertices .length; i < length; i += 4)
             {
@@ -75070,11 +74939,11 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
          SCPyAxis = new Numbers_Vector3 (),
          SCPzAxis = new Numbers_Vector3 ();
 
-         const
+      const
          SCPyAxisPrevious = new Numbers_Vector3 (),
          SCPzAxisPrevious = new Numbers_Vector3 ();
 
-         const
+      const
          vector3  = new Numbers_Vector3 (),
          rotation = new Numbers_Rotation4 ();
 
@@ -75112,7 +74981,7 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
                   .subtract (vector3 .assign (spine [length] .getValue ()) .subtract (s) .normalize ())
                   .normalize ();
 
-               if (! SCPyAxis .equals (Numbers_Vector3 .Zero))
+               if (!SCPyAxis .equals (Numbers_Vector3 .Zero))
                   break;
             }
 
@@ -75120,10 +74989,10 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
             for (let i = 0, length = numSpines - 2; i < length; ++ i)
             {
                SCPzAxis .assign (spine [i + 1] .getValue ()) .subtract (spine [i] .getValue ())
-                          .cross (vector3 .assign (spine [length] .getValue ()) .subtract (spine [i] .getValue ()))
-                          .normalize ();
+                  .cross (vector3 .assign (spine [length] .getValue ()) .subtract (spine [i] .getValue ()))
+                  .normalize ();
 
-               if (! SCPzAxis .equals (Numbers_Vector3 .Zero))
+               if (!SCPzAxis .equals (Numbers_Vector3 .Zero))
                   break;
             }
          }
@@ -75134,7 +75003,7 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
             {
                SCPyAxis .assign (spine [i + 1] .getValue ()) .subtract (spine [i] .getValue ()) .normalize ();
 
-               if (! SCPyAxis .equals (Numbers_Vector3 .Zero))
+               if (!SCPyAxis .equals (Numbers_Vector3 .Zero))
                   break;
             }
 
@@ -75142,10 +75011,10 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
             for (let i = 1, length = numSpines - 1; i < length; ++ i)
             {
                SCPzAxis .assign (spine [i + 1] .getValue ()) .subtract (spine [i] .getValue ())
-                        .cross (vector3 .assign (spine [i - 1] .getValue ()) .subtract (spine [i] .getValue ()))
-                        .normalize ();
+                  .cross (vector3 .assign (spine [i - 1] .getValue ()) .subtract (spine [i] .getValue ()))
+                  .normalize ();
 
-               if (! SCPzAxis .equals (Numbers_Vector3 .Zero))
+               if (!SCPzAxis .equals (Numbers_Vector3 .Zero))
                   break;
             }
          }
@@ -75179,11 +75048,11 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
             const s = spine [i] .getValue ();
 
             SCPyAxis .assign (spine [i + 1] .getValue ()) .subtract (s) .normalize ()
-                     .subtract (vector3 .assign (spine [i - 1] .getValue ()) .subtract (s) .normalize ())
-                     .normalize ();
+               .subtract (vector3 .assign (spine [i - 1] .getValue ()) .subtract (s) .normalize ())
+               .normalize ();
             SCPzAxis .assign (spine [i + 1] .getValue ()) .subtract (s)
-                     .cross (vector3 .assign (spine [i - 1] .getValue ()) .subtract (s))
-                     .normalize ();
+               .cross (vector3 .assign (spine [i - 1] .getValue ()) .subtract (s))
+               .normalize ();
 
             // g.
             if (SCPzAxisPrevious .dot (SCPzAxis) < 0)
@@ -75225,8 +75094,8 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
             if (numSpines > 2)
             {
                SCPzAxis .assign (s) .subtract (spine [numSpines - 2] .getValue ())
-                        .cross (vector3 .assign (spine [numSpines - 3] .getValue ()) .subtract (spine [numSpines - 2] .getValue ()))
-                        .normalize ();
+                  .cross (vector3 .assign (spine [numSpines - 3] .getValue ()) .subtract (spine [numSpines - 2] .getValue ()))
+                  .normalize ();
             }
 
             // g.
@@ -75263,7 +75132,7 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
       return function ()
       {
          const
-            cw                = ! this ._ccw .getValue (),
+            cw                = !this ._ccw .getValue (),
             crossSection      = this ._crossSection,
             spine             = this ._spine,
             numSpines         = spine .length,
@@ -76520,26 +76389,25 @@ Object .assign (Object .setPrototypeOf (Sphere .prototype, Rendering_X3DGeometry
    build ()
    {
       const
-         options  = this .getBrowser () .getSphereOptions (),
-         geometry = options .getGeometry (),
-         radius   = Math .abs (this ._radius .getValue ());
+         options     = this .getBrowser () .getSphereOptions (),
+         geometry    = options .getGeometry (),
+         radius      = Math .abs (this ._radius .getValue ()),
+         vertexArray = this .getVertices ();
 
-      this .setMultiTexCoords (geometry .getMultiTexCoords ());
-      this .setTangents       (geometry .getTangents ());
-      this .setNormals        (geometry .getNormals ());
+      this .getMultiTexCoords () .push (... geometry .getMultiTexCoords ());
+      this .getTangents () .assign (geometry .getTangents ());
+      this .getNormals ()  .assign (geometry .getNormals ());
 
       if (radius === 1)
       {
-         this .setVertices (geometry .getVertices ());
+         vertexArray .assign (geometry .getVertices ());
 
          this .getMin () .assign (geometry .getMin ());
          this .getMax () .assign (geometry .getMax ());
       }
       else
       {
-         const
-            defaultVertices = geometry .getVertices () .getValue (),
-            vertexArray     = this .getVertices ();
+         const defaultVertices = geometry .getVertices () .getValue ();
 
          for (let i = 0, length = defaultVertices .length; i < length; i += 4)
          {
@@ -77021,7 +76889,6 @@ function X3DPointGeometryNode (executionContext)
    this .setGeometryType (0);
    this .setPrimitiveMode (browser .getContext () .POINTS);
    this .setSolid (false);
-   this .setTransparent (true);
 }
 
 Object .assign (Object .setPrototypeOf (X3DPointGeometryNode .prototype, Rendering_X3DGeometryNode .prototype),
@@ -77045,6 +76912,9 @@ Object .assign (Object .setPrototypeOf (X3DPointGeometryNode .prototype, Renderi
          attribNodes     = this .getAttrib (),
          attribBuffers   = this .getAttribBuffers ();
 
+      if (!renderContext .transparent)
+         gl .enable (gl .SAMPLE_ALPHA_TO_COVERAGE);
+
       for (const node of renderModeNodes)
          node .enable (gl);
 
@@ -77082,6 +76952,8 @@ Object .assign (Object .setPrototypeOf (X3DPointGeometryNode .prototype, Renderi
 
       for (const node of renderModeNodes)
          node .disable (gl);
+
+      gl .disable (gl .SAMPLE_ALPHA_TO_COVERAGE);
    },
    displayInstanced (gl, renderContext, shapeNode)
    {
@@ -77092,6 +76964,9 @@ Object .assign (Object .setPrototypeOf (X3DPointGeometryNode .prototype, Renderi
          attribNodes     = this .getAttrib (),
          attribBuffers   = this .getAttribBuffers ();
 
+      if (!renderContext .transparent)
+         gl .enable (gl .SAMPLE_ALPHA_TO_COVERAGE);
+
       for (const node of renderModeNodes)
          node .enable (gl);
 
@@ -77148,6 +77023,8 @@ Object .assign (Object .setPrototypeOf (X3DPointGeometryNode .prototype, Renderi
 
       for (const node of renderModeNodes)
          node .disable (gl);
+
+      gl .disable (gl .SAMPLE_ALPHA_TO_COVERAGE);
    },
 });
 
@@ -77617,7 +77494,7 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, Renderin
                   renderObject        = renderContext .renderObject,
                   viewport            = renderObject .getViewVolume () .getViewport (),
                   projectionMatrix    = renderObject .getProjectionMatrix () .get (),
-                  primitiveMode       = browser .getWireframe () ? gl .TRIANGLES : browser .getPrimitiveMode (gl .TRIANGLES),
+                  primitiveMode       = browser .getPrimitiveMode (gl .TRIANGLES),
                   transformShaderNode = browser .getLineTransformShader ();
 
                modelViewProjectionMatrixArray .set (matrix .assign (renderContext .modelViewMatrix) .multRight (projectionMatrix));
@@ -77835,7 +77712,7 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, Renderin
                   renderObject        = renderContext .renderObject,
                   viewport            = renderObject .getViewVolume () .getViewport (),
                   projectionMatrix    = renderObject .getProjectionMatrix () .get (),
-                  primitiveMode       = browser .getWireframe () ? gl .TRIANGLES : browser .getPrimitiveMode (gl .TRIANGLES),
+                  primitiveMode       = browser .getPrimitiveMode (gl .TRIANGLES),
                   transformShaderNode = browser .getLineTransformInstancedShader ();
 
                modelViewProjectionMatrixArray .set (matrix .assign (renderContext .modelViewMatrix) .multRight (projectionMatrix));
@@ -80189,7 +80066,9 @@ const TextureCoordinateGenerator_default_ = TextureCoordinateGenerator;
 
 
 
-// No support for X3DBindableNode nodes, local lights. X3DLocalFog, local ClipPlane nodes, LOD, Billboard, Switch node.
+const CLONE_COUNT = 2; // Minimum number of shapes that must be cloned to become an InstancedShape.
+
+// No support for X3DBindableNode nodes, local lights. X3DLocalFog, local ClipPlane nodes, LOD, Billboard node.
 
 function StaticGroup (executionContext)
 {
@@ -80243,35 +80122,43 @@ Object .assign (Object .setPrototypeOf (StaticGroup .prototype, Core_X3DChildNod
       for (const visibleNode of this .visibleNodes)
          visibleNode .traverse (type, renderObject);
    },
-   createStaticShapes: (() =>
+   createStaticShapes (renderObject)
    {
-      const Statics = ["Opaque", "Transparent", "TransmissionOpaque", "TransmissionTransparent"];
-
-      const viewVolume = new Geometry_ViewVolume ();
+      // Check if scene is currently loading something.
 
-      viewVolume .intersectsSphere = () => true;
+      const scene = this .getScene ();
 
-      return function (renderObject)
+      if (scene ._loadCount .getValue ())
       {
-         // Check if scene is currently loading something.
+         scene ._loadCount .addFieldCallback (this, () =>
+         {
+            if (scene ._loadCount .getValue ())
+               return;
 
-         const scene = this .getScene ();
+            scene ._loadCount .removeFieldCallback (this);
 
-         if (scene ._loadCount .getValue ())
-         {
-            scene ._loadCount .addFieldCallback (this, () =>
-            {
-               if (scene ._loadCount .getValue ())
-                  return;
+            this .set_children__ ();
+         });
+      }
+      else
+      {
+         // Create static shapes.
 
-               scene ._loadCount .removeFieldCallback (this);
+         this .optimizeGroups (this .createGroups (renderObject));
+      }
 
-               this .set_children__ ();
-            });
+      return [this .groupNode];
+   },
+   createGroups: (() =>
+   {
+      const Statics = ["Opaque", "Transparent"];
 
-            return [this .groupNode];
-         }
+      const viewVolume = new Geometry_ViewVolume ();
+
+      viewVolume .intersectsSphere = () => true;
 
+      return function (renderObject)
+      {
          // Traverse Group node to get render contexts.
 
          const
@@ -80317,6 +80204,7 @@ Object .assign (Object .setPrototypeOf (StaticGroup .prototype, Core_X3DChildNod
          // Sort out TextureCoordinateGenerator nodes.
 
          const
+            clonesIndex  = new Map (renderContexts .map (({shapeNode}) => [shapeNode, [ ]])),
             groupsIndex  = { },
             singlesIndex = { };
 
@@ -80347,32 +80235,37 @@ Object .assign (Object .setPrototypeOf (StaticGroup .prototype, Core_X3DChildNod
             key += shapeNode ._castShadow .getValue () ? 1 : 0;
             key += shapeNode ._bboxDisplay .getValue () ? 1 : 0;
 
-            const group = groupsIndex [key] ??= [ ];
+            const
+               clones = clonesIndex .get (shapeNode),
+               group  = groupsIndex [key] ??= [ ];
 
-            group .push (renderContext);
+            clones .push (renderContext);
+            group  .push (renderContext);
          }
 
-         const
-            combineGroups = Object .values (groupsIndex),
-            singlesGroups = Object .values (singlesIndex);
+         // Sort out shapes that are not cloned.
 
-         if (browser .getBrowserOption ("Debug"))
+         for (const [id, group] of clonesIndex .entries ())
          {
-            console .info (`StaticGroup will create ${combineGroups .length + singlesGroups .length} static nodes from the previous ${renderContexts .length} nodes.`);
+            if (group .length < CLONE_COUNT)
+               clonesIndex .delete (id);
          }
 
-         // Create static shapes.
-
-         if (DEVELOPMENT)
-            console .time ("StaticGroup");
+         // Create arrays.
 
-         const visibleNodes = combineGroups .map (group => this .combineShapes (group))
-            .concat (singlesGroups .map (group => this .normalizeSingleShapes (group)));
+         const
+            clonesGroups  = Array .from (clonesIndex .values ()),
+            combineGroups = Object .values (groupsIndex)
+               .map (group => group .filter (({shapeNode}) => !clonesIndex .has (shapeNode)))
+               .filter (group => group .length),
+            singlesGroups = Object .values (singlesIndex);
 
-         if (DEVELOPMENT)
-            console .timeEnd ("StaticGroup");
+         if (browser .getBrowserOption ("Debug"))
+         {
+            console .info (`StaticGroup will create ${clonesGroups .length + combineGroups .length + singlesGroups .length} static nodes from the previous ${renderContexts .length} nodes.`);
+         }
 
-         return visibleNodes;
+         return { clonesGroups, combineGroups, singlesGroups };
       };
    })(),
    hasTextureCoordinateGenerator (geometryNode)
@@ -80390,7 +80283,68 @@ Object .assign (Object .setPrototypeOf (StaticGroup .prototype, Core_X3DChildNod
 
       return false;
    },
-   combineShapes (group)
+   async optimizeGroups ({ clonesGroups, combineGroups, singlesGroups })
+   {
+      if (clonesGroups .length)
+         await this .getBrowser () .loadComponents ("X_ITE");
+
+      // Create static shapes.
+
+      if (DEVELOPMENT)
+         console .time ("StaticGroup");
+
+      const visibleNodes = [ ];
+
+      clonesGroups  .forEach (group => this .combineClones (group, visibleNodes));
+      combineGroups .forEach (group => this .combineShapes (group, visibleNodes));
+      singlesGroups .forEach (group => this .normalizeSingleShapes (group, visibleNodes));
+
+      this .visibleNodes = visibleNodes;
+
+      if (DEVELOPMENT)
+         console .timeEnd ("StaticGroup");
+   },
+   combineClones: (function ()
+   {
+      const
+         modelMatrix = new Numbers_Matrix4 (),
+         t           = new Numbers_Vector3 (),
+         r           = new Numbers_Rotation4 (),
+         s           = new Numbers_Vector3 (),
+         so          = new Numbers_Rotation4 ();
+
+      return function (group, visibleNodes)
+      {
+         const
+            browser          = this .getBrowser (),
+            executionContext = this .getExecutionContext (),
+            InstancedShape   = browser .getConcreteNodes () .get ("InstancedShape"),
+            instancedShape   = new InstancedShape (executionContext),
+            shapeNode0       = group [0] .shapeNode;
+
+         for (const { modelViewMatrix } of group)
+         {
+            modelMatrix .assign (modelViewMatrix) .get (t, r, s, so);
+
+            instancedShape ._translations      .push (t);
+            instancedShape ._rotations         .push (r);
+            instancedShape ._scales            .push (s);
+            instancedShape ._scaleOrientations .push (so);
+         }
+
+         instancedShape ._pointerEvents = shapeNode0 ._pointerEvents;
+         instancedShape ._castShadow    = shapeNode0 ._castShadow;
+         instancedShape ._bboxDisplay   = shapeNode0 ._bboxDisplay;
+         instancedShape ._appearance    = shapeNode0 ._appearance;
+         instancedShape ._geometry      = shapeNode0 ._geometry;
+
+         instancedShape .setPrivate (true);
+         instancedShape .setup ();
+
+         visibleNodes .push (instancedShape);
+      };
+   })(),
+   combineShapes (group, visibleNodes)
    {
       const
          executionContext = this .getExecutionContext (),
@@ -80597,7 +80551,7 @@ Object .assign (Object .setPrototypeOf (StaticGroup .prototype, Core_X3DChildNod
       newShapeNode .setPrivate (true);
       newShapeNode .setup ();
 
-      return newShapeNode;
+      visibleNodes .push (newShapeNode);
    },
    normalizeGeometry: (function ()
    {
@@ -80839,34 +80793,37 @@ Object .assign (Object .setPrototypeOf (StaticGroup .prototype, Core_X3DChildNod
          return newGeometryNode;
       };
    })(),
-   normalizeSingleShapes (group)
+   normalizeSingleShapes: (function ()
    {
-      const
-         executionContext = this .getExecutionContext (),
-         newTransformNode = new Grouping_Transform (executionContext),
-         modelMatrix      = new Numbers_Matrix4 (... group [0] .modelViewMatrix);
-
       const
          t  = new Numbers_Vector3 (),
          r  = new Numbers_Rotation4 (),
          s  = new Numbers_Vector3 (),
          so = new Numbers_Rotation4 ();
 
-      modelMatrix .get (t, r, s, so);
+      return function (group, visibleNodes)
+      {
+         const
+            executionContext = this .getExecutionContext (),
+            newTransformNode = new Grouping_Transform (executionContext),
+            modelMatrix      = new Numbers_Matrix4 (... group [0] .modelViewMatrix);
 
-      newTransformNode ._translation      = t;
-      newTransformNode ._rotation         = r;
-      newTransformNode ._scale            = s;
-      newTransformNode ._scaleOrientation = so;
+         modelMatrix .get (t, r, s, so);
 
-      for (const { shapeNode } of group)
-         newTransformNode ._children .push (shapeNode);
+         newTransformNode ._translation      = t;
+         newTransformNode ._rotation         = r;
+         newTransformNode ._scale            = s;
+         newTransformNode ._scaleOrientation = so;
 
-      newTransformNode .setPrivate (true);
-      newTransformNode .setup ();
+         for (const { shapeNode } of group)
+            newTransformNode ._children .push (shapeNode);
 
-      return newTransformNode;
-   },
+         newTransformNode .setPrivate (true);
+         newTransformNode .setup ();
+
+         visibleNodes .push (newTransformNode);
+      };
+   })(),
    dispose ()
    {
       Grouping_X3DBoundedObject .prototype .dispose .call (this);
@@ -83549,7 +83506,7 @@ Object .assign (Object .setPrototypeOf (X3DLightNode .prototype, Core_X3DChildNo
       {
          const lightContainer = renderObject .getLightContainer ();
 
-         lightContainer .modelViewMatrix .pushMatrix (renderObject .getModelViewMatrix () .get ());
+         lightContainer .modelViewMatrix .push (renderObject .getModelViewMatrix () .get ());
 
          if (this ._global .getValue ())
          {
@@ -83687,7 +83644,7 @@ Object .assign (DirectionalLightContainer .prototype,
       this .groupNode = groupNode;
       this .global    = lightNode .getGlobal ();
 
-      this .modelViewMatrix .pushMatrix (modelViewMatrix);
+      this .modelViewMatrix .push (modelViewMatrix);
 
       // Get shadow buffer from browser.
 
@@ -83723,8 +83680,8 @@ Object .assign (DirectionalLightContainer .prototype,
       this .shadowBuffer .bind ();
 
       renderObject .getViewVolumes      () .push (this .viewVolume .set (projectionMatrix, viewport, viewport));
-      renderObject .getProjectionMatrix () .pushMatrix (projectionMatrix);
-      renderObject .getModelViewMatrix  () .pushMatrix (invLightSpaceMatrix);
+      renderObject .getProjectionMatrix () .push (projectionMatrix);
+      renderObject .getModelViewMatrix  () .push (invLightSpaceMatrix);
 
       renderObject .render (Rendering_TraverseType .SHADOW, Grouping_X3DGroupingNode .prototype .traverse, this .groupNode);
 
@@ -83744,7 +83701,10 @@ Object .assign (DirectionalLightContainer .prototype,
       if (!this .shadowBuffer)
          return;
 
-      this .shadowMatrix .assign (renderObject .getCameraSpaceMatrix () .get ()) .multRight (this .invLightSpaceProjectionMatrix);
+      this .shadowMatrix
+         .assign (renderObject .getCameraSpaceMatrixArray ())
+         .multRight (this .invLightSpaceProjectionMatrix);
+
       this .shadowMatrixArray .set (this .shadowMatrix);
    },
    setShaderUniforms (gl, shaderObject)
@@ -83948,7 +83908,7 @@ Object .assign (EnvironmentLightContainer .prototype,
       this .lightNode = lightNode;
       this .global    = lightNode .getGlobal ();
 
-      this .modelViewMatrix .pushMatrix (modelViewMatrix);
+      this .modelViewMatrix .push (modelViewMatrix);
    },
    renderShadowMap (renderObject)
    { },
@@ -84239,7 +84199,7 @@ Object .assign (PointLightContainer .prototype,
 
       this .matrixArray .set (modelViewMatrix .submatrix .inverse ());
 
-      this .modelViewMatrix .pushMatrix (modelViewMatrix);
+      this .modelViewMatrix .push (modelViewMatrix);
 
       // Get shadow buffer from browser.
 
@@ -84277,8 +84237,8 @@ Object .assign (PointLightContainer .prototype,
             projectionMatrix = Geometry_Camera .perspective2 (Math_Algorithm .radians (90), 0.125, 10000, viewport [2], viewport [3], this .projectionMatrix); // Use higher far value for better precision.
 
          renderObject .getViewVolumes      () .push (this .viewVolume .set (projectionMatrix, viewport, viewport));
-         renderObject .getProjectionMatrix () .pushMatrix (this .projectionMatrix);
-         renderObject .getModelViewMatrix  () .pushMatrix (orientationMatrices [i]);
+         renderObject .getProjectionMatrix () .push (this .projectionMatrix);
+         renderObject .getModelViewMatrix  () .push (orientationMatrices [i]);
          renderObject .getModelViewMatrix  () .multLeft (invLightSpaceMatrix);
 
          renderObject .render (Rendering_TraverseType .SHADOW, Grouping_X3DGroupingNode .prototype .traverse, this .groupNode);
@@ -84300,7 +84260,10 @@ Object .assign (PointLightContainer .prototype,
       if (!this .shadowBuffer)
          return;
 
-      this .shadowMatrix .assign (renderObject .getCameraSpaceMatrix () .get ()) .multRight (this .invLightSpaceProjectionMatrix);
+      this .shadowMatrix
+         .assign (renderObject .getCameraSpaceMatrixArray ())
+         .multRight (this .invLightSpaceProjectionMatrix);
+
       this .shadowMatrixArray .set (this .shadowMatrix);
    },
    setShaderUniforms (gl, shaderObject)
@@ -84544,7 +84507,7 @@ Object .assign (SpotLightContainer .prototype,
 
       this .matrixArray .set (modelViewMatrix .submatrix .inverse ());
 
-      this .modelViewMatrix .pushMatrix (modelViewMatrix);
+      this .modelViewMatrix .push (modelViewMatrix);
 
       // Get shadow buffer from browser.
 
@@ -84585,8 +84548,8 @@ Object .assign (SpotLightContainer .prototype,
       this .shadowBuffer .bind ();
 
       renderObject .getViewVolumes      () .push (this .viewVolume .set (projectionMatrix, viewport, viewport));
-      renderObject .getProjectionMatrix () .pushMatrix (projectionMatrix);
-      renderObject .getModelViewMatrix  () .pushMatrix (invLightSpaceMatrix);
+      renderObject .getProjectionMatrix () .push (projectionMatrix);
+      renderObject .getModelViewMatrix  () .push (invLightSpaceMatrix);
 
       renderObject .render (Rendering_TraverseType .SHADOW, Grouping_X3DGroupingNode .prototype .traverse, this .groupNode);
 
@@ -84611,7 +84574,10 @@ Object .assign (SpotLightContainer .prototype,
       if (!this .shadowBuffer)
          return;
 
-      this .shadowMatrix .assign (renderObject .getCameraSpaceMatrix () .get ()) .multRight (this .invLightSpaceProjectionMatrix);
+      this .shadowMatrix
+         .assign (renderObject .getCameraSpaceMatrixArray ())
+         .multRight (this .invLightSpaceProjectionMatrix);
+
       this .shadowMatrixArray .set (this .shadowMatrix);
    },
    setShaderUniforms (gl, shaderObject)
@@ -90567,7 +90533,7 @@ mediump samplerCube textureCube;
 
 /* harmony default export */ const MaterialTextures = (x_ite_Namespace .add ("MaterialTextures", MaterialTextures_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Shaders/X3DProgrammableShaderObject.js
-/* provided dependency */ var X3DProgrammableShaderObject_$ = __webpack_require__(362);
+/* provided dependency */ var X3DProgrammableShaderObject_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -90871,8 +90837,10 @@ Object .assign (X3DProgrammableShaderObject .prototype,
       {
          const uniform = gl .getUniformLocation (program, "x3d_TextureMatrix[" + i + "]");
 
-         if (uniform !== null)
-            this .x3d_TextureMatrix [i] = uniform;
+         if (uniform === null)
+            break;
+
+         this .x3d_TextureMatrix [i] = uniform;
       }
 
       for (let i = 0; i < maxTexCoords; ++ i)
@@ -91767,7 +91735,7 @@ Object .assign (X3DProgrammableShaderObject .prototype,
       if (location0 === -1)
          return;
 
-      stride = stride || 36;
+      stride ||= 36;
 
       gl .bindBuffer (gl .ARRAY_BUFFER, buffer);
 
@@ -91786,7 +91754,7 @@ Object .assign (X3DProgrammableShaderObject .prototype,
       if (location0 === -1)
          return;
 
-      stride = stride || 64;
+      stride ||= 64;
 
       gl .bindBuffer (gl .ARRAY_BUFFER, buffer);
 
@@ -91909,7 +91877,7 @@ Object .assign (X3DProgrammableShaderObject .prototype,
    {
       const location0 = this .x3d_InstanceMatrix;
 
-      stride = stride || 64; // 4 Bytes * 16
+      stride ||= 64; // 4 Bytes * 16
 
       gl .bindBuffer (gl .ARRAY_BUFFER, buffer);
 
@@ -91926,7 +91894,7 @@ Object .assign (X3DProgrammableShaderObject .prototype,
    {
       const location0 = this .x3d_InstanceNormalMatrix;
 
-      stride = stride || 36; // 4 Bytes * 9
+      stride ||= 36; // 4 Bytes * 9
 
       gl .bindBuffer (gl .ARRAY_BUFFER, buffer);
 
@@ -93395,12 +93363,6 @@ const ShaderSource_default_ = ShaderSource;
 
 
 const Fragment1_glsl_default_ = /* glsl */ `
-#if defined(X3D_NORMAL_TEXTURE)
-#extension GL_OES_standard_derivatives:enable
-#endif
-#if defined(X3D_LOGARITHMIC_DEPTH_BUFFER)
-#extension GL_EXT_frag_depth:enable
-#endif
 #if defined(X3D_ALPHA_MODE_MASK)
 uniform float x3d_AlphaCutoff;
 #endif
@@ -93462,6 +93424,12 @@ clip();
 setPointTexCoords();
 #endif
 vec4 finalColor=getMaterialColor();
+#if defined(X3D_ALPHA_MODE_OPAQUE)
+finalColor.a=1.0;
+#endif
+#if defined(X3D_ALPHA_MODE_MASK)
+if(finalColor.a<x3d_AlphaCutoff)discard;finalColor.a=1.0;
+#endif
 #if defined(X3D_GEOMETRY_0D)&&defined(X3D_STYLE_PROPERTIES)
 finalColor=getPointColor(finalColor);
 #endif
@@ -93471,12 +93439,6 @@ finalColor=getHatchColor(finalColor);
 #if defined(X3D_FOG)
 finalColor.rgb=getFogColor(finalColor.rgb);
 #endif
-#if defined(X3D_ALPHA_MODE_OPAQUE)
-finalColor.a=1.0;
-#endif
-#if defined(X3D_ALPHA_MODE_MASK)
-if(finalColor.a<x3d_AlphaCutoff)discard;finalColor.a=1.0;
-#endif
 finalColor.rgb=toneMap(finalColor.rgb);gl_FragColor=finalColor;
 #if defined(X3D_LOGARITHMIC_DEPTH_BUFFER)
 gl_FragDepthEXT=log2(depth)*x3d_LogarithmicFarFactor1_2;
@@ -93517,7 +93479,43 @@ return texCoord;
 #else
 return texCoord0;
 #endif
-}vec4 getTexCoord(const in x3d_TextureCoordinateGeneratorParameters textureCoordinateGenerator,const in int textureTransformMapping,const in int textureCoordinateMapping){int mode=textureCoordinateGenerator.mode;if(mode==x3d_None){return getTextureMatrix(textureTransformMapping)*getTexCoord(textureCoordinateMapping);}else if(mode==x3d_Sphere){vec2 N=normalize(gl_FrontFacing?normal:-normal).xy;return vec4(N*0.5+0.5,0.0,1.0);}else if(mode==x3d_CameraSpaceNormal){vec3 N=normalize(gl_FrontFacing?normal:-normal);return vec4(N,1.0);}else if(mode==x3d_CameraSpacePosition){return vec4(vertex,1.0);}else if(mode==x3d_CameraSpaceReflectionVector){vec3 N=normalize(gl_FrontFacing?normal:-normal);return vec4(reflect(normalize(vertex),-N),1.0);}else if(mode==x3d_SphereLocal){vec2 N=normalize(gl_FrontFacing?localNormal:-localNormal).xy;return vec4(N*0.5+0.5,0.0,1.0);}else if(mode==x3d_Coord){return vec4(localVertex,1.0);}else if(mode==x3d_CoordEye){return vec4(vertex,1.0);}else if(mode==x3d_Noise){vec3 scale=vec3(textureCoordinateGenerator.parameter[0],textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2]);vec3 translation=vec3(textureCoordinateGenerator.parameter[3],textureCoordinateGenerator.parameter[4],textureCoordinateGenerator.parameter[5]);return vec4(perlin(localVertex*scale+translation),1.0);}else if(mode==x3d_NoiseEye){vec3 scale=vec3(textureCoordinateGenerator.parameter[0],textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2]);vec3 translation=vec3(textureCoordinateGenerator.parameter[3],textureCoordinateGenerator.parameter[4],textureCoordinateGenerator.parameter[5]);return vec4(perlin(vertex*scale+translation),1.0);}else if(mode==x3d_SphereReflect){vec3 N=normalize(gl_FrontFacing?normal:-normal);float eta=textureCoordinateGenerator.parameter[0];return vec4(refract(normalize(vertex),-N,eta),1.0);}else if(mode==x3d_SphereReflectLocal){vec3 N=normalize(gl_FrontFacing?localNormal:-localNormal);float eta=textureCoordinateGenerator.parameter[0];vec3 eye=vec3(textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2],textureCoordinateGenerator.parameter[3]);return vec4(refract(normalize(localVertex-eye),-N,eta),1.0);}return getTextureMatrix(textureTransformMapping)*getTexCoord(textureCoordinateMapping);}uniform x3d_TextureCoordinateGeneratorParameters x3d_TextureCoordinateGenerator[X3D_NUM_TEXTURE_COORDINATES];vec3 getTexCoord(const in int textureTransformMapping,const in int textureCoordinateMapping){vec4 texCoord;
+}vec4 getTexCoord(const in x3d_TextureCoordinateGeneratorParameters textureCoordinateGenerator,const in int textureTransformMapping,const in int textureCoordinateMapping){int mode=textureCoordinateGenerator.mode;if(mode==x3d_None){return getTextureMatrix(textureTransformMapping)*getTexCoord(textureCoordinateMapping);}else if(mode==x3d_Sphere){
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec2 N=normalize(normal).xy;
+#else
+vec2 N=normalize(gl_FrontFacing?normal:-normal).xy;
+#endif
+return vec4(N*0.5+0.5,0.0,1.0);}else if(mode==x3d_CameraSpaceNormal){
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normalize(normal);
+#else
+vec3 N=normalize(gl_FrontFacing?normal:-normal);
+#endif
+return vec4(N,1.0);}else if(mode==x3d_CameraSpacePosition){return vec4(vertex,1.0);}else if(mode==x3d_CameraSpaceReflectionVector){
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normalize(normal);
+#else
+vec3 N=normalize(gl_FrontFacing?normal:-normal);
+#endif
+return vec4(reflect(normalize(vertex),-N),1.0);}else if(mode==x3d_SphereLocal){
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec2 N=normalize(localNormal).xy;
+#else
+vec2 N=normalize(gl_FrontFacing?localNormal:-localNormal).xy;
+#endif
+return vec4(N*0.5+0.5,0.0,1.0);}else if(mode==x3d_Coord){return vec4(localVertex,1.0);}else if(mode==x3d_CoordEye){return vec4(vertex,1.0);}else if(mode==x3d_Noise){vec3 scale=vec3(textureCoordinateGenerator.parameter[0],textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2]);vec3 translation=vec3(textureCoordinateGenerator.parameter[3],textureCoordinateGenerator.parameter[4],textureCoordinateGenerator.parameter[5]);return vec4(perlin(localVertex*scale+translation),1.0);}else if(mode==x3d_NoiseEye){vec3 scale=vec3(textureCoordinateGenerator.parameter[0],textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2]);vec3 translation=vec3(textureCoordinateGenerator.parameter[3],textureCoordinateGenerator.parameter[4],textureCoordinateGenerator.parameter[5]);return vec4(perlin(vertex*scale+translation),1.0);}else if(mode==x3d_SphereReflect){
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normalize(normal);
+#else
+vec3 N=normalize(gl_FrontFacing?normal:-normal);
+#endif
+float eta=textureCoordinateGenerator.parameter[0];return vec4(refract(normalize(vertex),-N,eta),1.0);}else if(mode==x3d_SphereReflectLocal){
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normalize(localNormal);
+#else
+vec3 N=normalize(gl_FrontFacing?localNormal:-localNormal);
+#endif
+float eta=textureCoordinateGenerator.parameter[0];vec3 eye=vec3(textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2],textureCoordinateGenerator.parameter[3]);return vec4(refract(normalize(localVertex-eye),-N,eta),1.0);}return getTextureMatrix(textureTransformMapping)*getTexCoord(textureCoordinateMapping);}uniform x3d_TextureCoordinateGeneratorParameters x3d_TextureCoordinateGenerator[X3D_NUM_TEXTURE_COORDINATES];vec3 getTexCoord(const in int textureTransformMapping,const in int textureCoordinateMapping){vec4 texCoord;
 ${Array .from ({ length: maxTexCoords }, (_, i) => /* glsl */ `
 #if X3D_NUM_TEXTURE_COORDINATES > ${i}
 ${i === 0 ? "" : "else"} if (textureCoordinateMapping == ${i})
@@ -93583,7 +93581,13 @@ textureColor = texture2D (x3d_TextureProjectorTexture [${i}], texCoord);
 }
 #endif
 `) .join ("\n")}
-return textureColor;}vec3 getTextureProjectorColor(){vec3 currentColor=vec3(1.0);vec3 N=gl_FrontFacing?normal:-normal;for(int i=0;i<X3D_NUM_TEXTURE_PROJECTORS;++i){vec4 texCoord=x3d_TextureProjectorMatrix[i]*vec4(vertex,1.0);texCoord.stp/=texCoord.q;texCoord.p=clamp(texCoord.p,x3d_TextureProjectorParams[i].x,x3d_TextureProjectorParams[i].y);if(any(greaterThan(abs(texCoord.stp-0.5),vec3(0.5))))continue;vec3 p=x3d_TextureProjectorLocation[i]-vertex;if(dot(N,p)<0.0)continue;vec4 T=getTextureProjectorTexture(i,texCoord.st);
+return textureColor;}vec3 getTextureProjectorColor(){vec3 currentColor=vec3(1.0);
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normal;
+#else
+vec3 N=gl_FrontFacing?normal:-normal;
+#endif
+for(int i=0;i<X3D_NUM_TEXTURE_PROJECTORS;++i){vec4 texCoord=x3d_TextureProjectorMatrix[i]*vec4(vertex,1.0);texCoord.stp/=texCoord.q;texCoord.p=clamp(texCoord.p,x3d_TextureProjectorParams[i].x,x3d_TextureProjectorParams[i].y);if(any(greaterThan(abs(texCoord.stp-0.5),vec3(0.5))))continue;vec3 p=x3d_TextureProjectorLocation[i]-vertex;if(dot(N,p)<0.0)continue;vec4 T=getTextureProjectorTexture(i,texCoord.st);
 #if defined(X3D_COLORSPACE_SRGB)
 if(bool(x3d_TextureProjectorParams[i].z))T=linearToSRGB(T);
 #elif defined(X3D_COLORSPACE_LINEAR_WHEN_PHYSICAL_MATERIAL)
@@ -93804,6 +93808,12 @@ setPointTexCoords();
 setTexCoords();
 #endif
 vec4 finalColor=getMaterialColor();
+#if defined(X3D_ALPHA_MODE_OPAQUE)
+finalColor.a=1.0;
+#endif
+#if defined(X3D_ALPHA_MODE_MASK)
+if(finalColor.a<x3d_AlphaCutoff)discard;finalColor.a=1.0;
+#endif
 #if defined(X3D_GEOMETRY_0D)&&defined(X3D_STYLE_PROPERTIES)
 finalColor=getPointColor(finalColor);
 #endif
@@ -93813,12 +93823,6 @@ finalColor=getHatchColor(finalColor);
 #if defined(X3D_FOG)
 finalColor.rgb=getFogColor(finalColor.rgb);
 #endif
-#if defined(X3D_ALPHA_MODE_OPAQUE)
-finalColor.a=1.0;
-#endif
-#if defined(X3D_ALPHA_MODE_MASK)
-if(finalColor.a<x3d_AlphaCutoff)discard;finalColor.a=1.0;
-#endif
 finalColor.rgb=toneMap(finalColor.rgb);
 #if defined(X3D_ORDER_INDEPENDENT_TRANSPARENCY)
 float a=finalColor.a;float w=weight(gl_FragCoord.z,a);finalColor.rgb*=a;finalColor*=w;x3d_FragData0=vec4(finalColor.rgb,a);x3d_FragData1=vec4(finalColor.a);
@@ -93903,7 +93907,10 @@ t=normalize(TBN[0]);b=normalize(TBN[1]);ng=normalize(TBN[2]);
 #else
 vec2 uv_dx=dFdx(UV.st);vec2 uv_dy=dFdy(UV.st);if(length(uv_dx)<=1e-2)uv_dx=vec2(1.0,0.0);if(length(uv_dy)<=1e-2)uv_dy=vec2(0.0,1.0);vec3 t_=(uv_dy.t*dFdx(vertex)-uv_dx.t*dFdy(vertex))/(uv_dx.s*uv_dy.t-uv_dy.s*uv_dx.t);ng=normalize(normal);t=normalize(t_-ng*dot(ng,t_));b=cross(ng,t);
 #endif
-if(gl_FrontFacing==false){t=-t;b=-b;ng=-ng;}NormalInfo info;info.ng=ng;
+#if defined(X3D_GEOMETRY_2D)||defined(X3D_GEOMETRY_3D)
+if(gl_FrontFacing==false){t=-t;b=-b;ng=-ng;}
+#endif
+NormalInfo info;info.ng=ng;
 #if defined(X3D_NORMAL_TEXTURE)
 #if __VERSION__==100
 #if defined(X3D_NORMAL_TEXTURE_2D)
@@ -93963,6 +93970,7 @@ float rand(const in vec2 co){return fract(sin(dot(co.xy,vec2(12.9898,78.233)))*4
 const Point2_glsl_default_ = /* glsl */ `
 #if defined(X3D_GEOMETRY_0D)&&defined(X3D_STYLE_PROPERTIES)
 #if defined(X3D_TEXTURE)||defined(X3D_MATERIAL_TEXTURES)
+#if!defined(X3D_DEPTH_SHADER)
 void setPointTexCoords(){vec4 texCoord=vec4(gl_PointCoord.x,1.0-gl_PointCoord.y,0.0,1.0);
 ${Array .from ({ length: maxTexCoords }, (_, i) => /* glsl */ `
 #if X3D_NUM_TEXTURE_COORDINATES > ${i}
@@ -93974,14 +93982,15 @@ texCoords [${i}] = texCoord;
 #endif
 `) .join ("\n")}
 }
+#endif
 #define getPointColor(color)(color)
 #else
-#define setPointTexCoords()
 #if __VERSION__==100
 varying float pointSize;
 #else
 in float pointSize;
 #endif
+#define setPointTexCoords()
 vec4 getPointColor(in vec4 color){if(pointSize>1.0)color.a*=clamp(pointSize*(0.5-distance(vec2(0.5),gl_PointCoord)),0.0,1.0);else color.a*=pointSize;return color;}
 #endif
 #endif
@@ -94011,63 +94020,29 @@ return pointSize+1.0-step(pointSize,1.0);
 
 /* harmony default export */ const PointSize2_glsl = (x_ite_Namespace .add ("PointSize2.glsl", PointSize2_glsl_default_));
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/Shadow2.glsl.js
+const maxLights = 8;
+
 const Shadow2_glsl_default_ = /* glsl */ `
 #if defined(X3D_FRAGMENT_SHADER)&&defined(X3D_SHADOWS)
 uniform sampler2D x3d_ShadowMap[X3D_NUM_LIGHTS];
 #if __VERSION__==100
 float getShadowDepth(const in int index,const in vec2 shadowCoord){
-#if X3D_NUM_LIGHTS>0
-if(index==0)return texture2D(x3d_ShadowMap[0],shadowCoord).r;
-#endif
-#if X3D_NUM_LIGHTS>1
-if(index==1)return texture2D(x3d_ShadowMap[1],shadowCoord).r;
-#endif
-#if X3D_NUM_LIGHTS>2
-if(index==2)return texture2D(x3d_ShadowMap[2],shadowCoord).r;
-#endif
-#if X3D_NUM_LIGHTS>3
-if(index==3)return texture2D(x3d_ShadowMap[3],shadowCoord).r;
-#endif
-#if X3D_NUM_LIGHTS>4
-if(index==4)return texture2D(x3d_ShadowMap[4],shadowCoord).r;
-#endif
-#if X3D_NUM_LIGHTS>5
-if(index==5)return texture2D(x3d_ShadowMap[5],shadowCoord).r;
-#endif
-#if X3D_NUM_LIGHTS>6
-if(index==6)return texture2D(x3d_ShadowMap[6],shadowCoord).r;
-#endif
-#if X3D_NUM_LIGHTS>7
-if(index==7)return texture2D(x3d_ShadowMap[7],shadowCoord).r;
+${Array .from ({ length: maxLights }, (_, i) => /* glsl */ `
+#if X3D_NUM_LIGHTS > ${i}
+if (index == ${i})
+return texture2D (x3d_ShadowMap [${i}], shadowCoord) .r;
 #endif
+`) .join ("\n")}
 return 0.0;}
 #else
 float getShadowDepth(const in int index,const in vec2 shadowCoord){switch(index){
-#if X3D_NUM_LIGHTS>0
-case 0:{return texture(x3d_ShadowMap[0],shadowCoord).r;}
-#endif
-#if X3D_NUM_LIGHTS>1
-case 1:{return texture(x3d_ShadowMap[1],shadowCoord).r;}
-#endif
-#if X3D_NUM_LIGHTS>2
-case 2:{return texture(x3d_ShadowMap[2],shadowCoord).r;}
-#endif
-#if X3D_NUM_LIGHTS>3
-case 3:{return texture(x3d_ShadowMap[3],shadowCoord).r;}
-#endif
-#if X3D_NUM_LIGHTS>4
-case 4:{return texture(x3d_ShadowMap[4],shadowCoord).r;}
-#endif
-#if X3D_NUM_LIGHTS>5
-case 5:{return texture(x3d_ShadowMap[5],shadowCoord).r;}
-#endif
-#if X3D_NUM_LIGHTS>6
-case 6:{return texture(x3d_ShadowMap[6],shadowCoord).r;}
-#endif
-#if X3D_NUM_LIGHTS>7
-case 7:{return texture(x3d_ShadowMap[7],shadowCoord).r;}
+${Array .from ({ length: maxLights }, (_, i) => /* glsl */ `
+#if X3D_NUM_LIGHTS > ${i}
+case ${i}:
+return texture (x3d_ShadowMap [${i}], shadowCoord) .r;
 #endif
-default:{return 0.0;}}}
+`) .join ("\n")}
+}return 0.0;}
 #endif
 float texture2DCompare(const in int index,const in vec2 texCoord,const in float compare){float shadowDepth=getShadowDepth(index,texCoord);return(1.0-step(1.0,shadowDepth))*step(shadowDepth,compare);}float texture2DShadowLerp(const in int index,const in vec2 texelSize,const in float shadowMapSize,const in vec2 texCoord,const in float compare){const vec2 offset=vec2(0.0,1.0);vec2 centroidTexCoord=floor(texCoord*shadowMapSize+0.5)/shadowMapSize;float lb=texture2DCompare(index,centroidTexCoord+texelSize*offset.xx,compare);float lt=texture2DCompare(index,centroidTexCoord+texelSize*offset.xy,compare);float rb=texture2DCompare(index,centroidTexCoord+texelSize*offset.yx,compare);float rt=texture2DCompare(index,centroidTexCoord+texelSize*offset.yy,compare);vec2 f=fract(texCoord*shadowMapSize+0.5);float a=mix(lb,lt,f.y);float b=mix(rb,rt,f.y);float c=mix(a,b,f.x);return c;}vec2 cubeToUVCompact(in vec3 v,const float texelSizeY){vec3 absV=abs(v);float scaleToCube=1.0/max(absV.x,max(absV.y,absV.z));absV*=scaleToCube;v*=scaleToCube*(1.0-2.0*texelSizeY);vec2 planar=v.xy;float almostATexel=1.5*texelSizeY;float almostOne=1.0-almostATexel;if(absV.z>=almostOne){if(v.z>0.0)planar.x=4.0-v.x;}else if(absV.x>=almostOne){float signX=sign(v.x);planar.x=v.z*signX+2.0*signX;}else if(absV.y>=almostOne){float signY=sign(v.y);planar.x=(v.x+0.5+signY)*2.0;planar.y=v.z*signY-2.0;}return vec2(0.125,0.25)*planar+vec2(0.375,0.75);}mat4 getPointLightRotations(const in vec3 vector){mat4 rotations[6];rotations[0]=mat4(0,0,1,0,0,1,0,0,-1,0,0,0,0,0,0,1);rotations[1]=mat4(0,0,-1,0,0,1,0,0,1,0,0,0,0,0,0,1);rotations[2]=mat4(-1,0,0,0,0,1,0,0,0,0,-1,0,0,0,0,1);rotations[3]=mat4(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);rotations[4]=mat4(1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,1);rotations[5]=mat4(1,0,0,0,0,0,-1,0,0,1,0,0,0,0,0,1);vec3 a=abs(vector.xyz);if(a.x>a.y){if(a.x>a.z)return vector.x>0.0?rotations[1]:rotations[0];else return vector.z>0.0?rotations[2]:rotations[3];}else{if(a.y>a.z)return vector.y>0.0?rotations[5]:rotations[4];else return vector.z>0.0?rotations[2]:rotations[3];}return rotations[3];}float getShadowIntensity(const in int index,const in x3d_LightSourceParameters light){if(light.type==x3d_PointLight){const mat4 biasMatrix=mat4(0.5,0.0,0.0,0.0,0.0,0.5,0.0,0.0,0.0,0.0,0.5,0.0,0.5,0.5,0.5,1.0);const mat4 projectionMatrix=mat4(1.0,0.0,0.0,0.0,0.0,0.5,0.0,0.0,0.0,0.0,-1.000025000312504,-1.0,0,0.0,-0.25000312503906297,0.0);vec2 texelSize=vec2(1.0)/(float(light.shadowMapSize)*vec2(4.0,2.0));vec4 shadowCoord=light.shadowMatrix*vec4(vertex,1.0);vec3 lightToPosition=shadowCoord.xyz;shadowCoord=biasMatrix*(projectionMatrix*(getPointLightRotations(lightToPosition)*shadowCoord));shadowCoord.z-=light.shadowBias;shadowCoord.xyz/=shadowCoord.w;
 #if defined(X3D_PCF_FILTERING)||defined(X3D_PCF_SOFT_FILTERING)
@@ -94168,7 +94143,43 @@ ${Array .from ({ length: maxTexCoords }, (_, i) => /* glsl */ `
 texCoords [${i}] = texCoord${i};
 #endif
 `) .join ("\n")}
-}uniform mat4 x3d_TextureMatrix[X3D_NUM_TEXTURE_TRANSFORMS];vec4 getTexCoord(const in x3d_TextureCoordinateGeneratorParameters textureCoordinateGenerator,const in int textureTransformMapping,const in int textureCoordinateMapping){int mode=textureCoordinateGenerator.mode;switch(mode){case x3d_None:{return x3d_TextureMatrix[textureTransformMapping]*texCoords[textureCoordinateMapping];}case x3d_Sphere:{vec2 N=normalize(gl_FrontFacing?normal:-normal).xy;return vec4(N*0.5+0.5,0.0,1.0);}case x3d_CameraSpaceNormal:{vec3 N=normalize(gl_FrontFacing?normal:-normal);return vec4(N,1.0);}case x3d_CameraSpacePosition:{return vec4(vertex,1.0);}case x3d_CameraSpaceReflectionVector:{vec3 N=normalize(gl_FrontFacing?normal:-normal);return vec4(reflect(normalize(vertex),-N),1.0);}case x3d_SphereLocal:{vec2 N=normalize(gl_FrontFacing?localNormal:-localNormal).xy;return vec4(N*0.5+0.5,0.0,1.0);}case x3d_Coord:{return vec4(localVertex,1.0);}case x3d_CoordEye:{return vec4(vertex,1.0);}case x3d_Noise:{vec3 scale=vec3(textureCoordinateGenerator.parameter[0],textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2]);vec3 translation=vec3(textureCoordinateGenerator.parameter[3],textureCoordinateGenerator.parameter[4],textureCoordinateGenerator.parameter[5]);return vec4(perlin(localVertex*scale+translation),1.0);}case x3d_NoiseEye:{vec3 scale=vec3(textureCoordinateGenerator.parameter[0],textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2]);vec3 translation=vec3(textureCoordinateGenerator.parameter[3],textureCoordinateGenerator.parameter[4],textureCoordinateGenerator.parameter[5]);return vec4(perlin(vertex*scale+translation),1.0);}case x3d_SphereReflect:{vec3 N=normalize(gl_FrontFacing?normal:-normal);float eta=textureCoordinateGenerator.parameter[0];return vec4(refract(normalize(vertex),-N,eta),1.0);}case x3d_SphereReflectLocal:{vec3 N=normalize(gl_FrontFacing?localNormal:-localNormal);float eta=textureCoordinateGenerator.parameter[0];vec3 eye=vec3(textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2],textureCoordinateGenerator.parameter[3]);return vec4(refract(normalize(localVertex-eye),-N,eta),1.0);}default:{return x3d_TextureMatrix[textureTransformMapping]*texCoords[textureCoordinateMapping];}}}uniform x3d_TextureCoordinateGeneratorParameters x3d_TextureCoordinateGenerator[X3D_NUM_TEXTURE_COORDINATES];vec3 getTexCoord(const in int textureTransformMapping,const in int textureCoordinateMapping){vec4 texCoord=getTexCoord(x3d_TextureCoordinateGenerator[textureCoordinateMapping],textureTransformMapping,textureCoordinateMapping);texCoord.stp/=texCoord.q;
+}uniform mat4 x3d_TextureMatrix[X3D_NUM_TEXTURE_TRANSFORMS];vec4 getTexCoord(const in x3d_TextureCoordinateGeneratorParameters textureCoordinateGenerator,const in int textureTransformMapping,const in int textureCoordinateMapping){int mode=textureCoordinateGenerator.mode;switch(mode){case x3d_None:{return x3d_TextureMatrix[textureTransformMapping]*texCoords[textureCoordinateMapping];}case x3d_Sphere:{
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec2 N=normalize(normal).xy;
+#else
+vec2 N=normalize(gl_FrontFacing?normal:-normal).xy;
+#endif
+return vec4(N*0.5+0.5,0.0,1.0);}case x3d_CameraSpaceNormal:{
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normalize(normal);
+#else
+vec3 N=normalize(gl_FrontFacing?normal:-normal);
+#endif
+return vec4(N,1.0);}case x3d_CameraSpacePosition:{return vec4(vertex,1.0);}case x3d_CameraSpaceReflectionVector:{
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normalize(normal);
+#else
+vec3 N=normalize(gl_FrontFacing?normal:-normal);
+#endif
+return vec4(reflect(normalize(vertex),-N),1.0);}case x3d_SphereLocal:{
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec2 N=normalize(localNormal).xy;
+#else
+vec2 N=normalize(gl_FrontFacing?localNormal:-localNormal).xy;
+#endif
+return vec4(N*0.5+0.5,0.0,1.0);}case x3d_Coord:{return vec4(localVertex,1.0);}case x3d_CoordEye:{return vec4(vertex,1.0);}case x3d_Noise:{vec3 scale=vec3(textureCoordinateGenerator.parameter[0],textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2]);vec3 translation=vec3(textureCoordinateGenerator.parameter[3],textureCoordinateGenerator.parameter[4],textureCoordinateGenerator.parameter[5]);return vec4(perlin(localVertex*scale+translation),1.0);}case x3d_NoiseEye:{vec3 scale=vec3(textureCoordinateGenerator.parameter[0],textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2]);vec3 translation=vec3(textureCoordinateGenerator.parameter[3],textureCoordinateGenerator.parameter[4],textureCoordinateGenerator.parameter[5]);return vec4(perlin(vertex*scale+translation),1.0);}case x3d_SphereReflect:{
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normalize(normal);
+#else
+vec3 N=normalize(gl_FrontFacing?normal:-normal);
+#endif
+float eta=textureCoordinateGenerator.parameter[0];return vec4(refract(normalize(vertex),-N,eta),1.0);}case x3d_SphereReflectLocal:{
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normalize(localNormal);
+#else
+vec3 N=normalize(gl_FrontFacing?localNormal:-localNormal);
+#endif
+float eta=textureCoordinateGenerator.parameter[0];vec3 eye=vec3(textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2],textureCoordinateGenerator.parameter[3]);return vec4(refract(normalize(localVertex-eye),-N,eta),1.0);}default:{return x3d_TextureMatrix[textureTransformMapping]*texCoords[textureCoordinateMapping];}}}uniform x3d_TextureCoordinateGeneratorParameters x3d_TextureCoordinateGenerator[X3D_NUM_TEXTURE_COORDINATES];vec3 getTexCoord(const in int textureTransformMapping,const in int textureCoordinateMapping){vec4 texCoord=getTexCoord(x3d_TextureCoordinateGenerator[textureCoordinateMapping],textureTransformMapping,textureCoordinateMapping);texCoord.stp/=texCoord.q;
 #if defined(X3D_GEOMETRY_2D)
 if(gl_FrontFacing==false)texCoord.s=1.0-texCoord.s;
 #endif
@@ -94230,7 +94241,13 @@ textureColor = texture (x3d_TextureProjectorTexture [${i}], texCoord);
 break;
 #endif
 `) .join ("\n")}
-}return textureColor;}vec3 getTextureProjectorColor(){vec3 currentColor=vec3(1.0);vec3 N=gl_FrontFacing?normal:-normal;for(int i=0;i<X3D_NUM_TEXTURE_PROJECTORS;++i){vec4 texCoord=x3d_TextureProjectorMatrix[i]*vec4(vertex,1.0);texCoord.stp/=texCoord.q;texCoord.p=clamp(texCoord.p,x3d_TextureProjectorParams[i].x,x3d_TextureProjectorParams[i].y);if(any(greaterThan(abs(texCoord.stp-0.5),vec3(0.5))))continue;vec3 p=x3d_TextureProjectorLocation[i]-vertex;if(dot(N,p)<0.0)continue;vec4 T=getTextureProjectorTexture(i,texCoord.st);
+}return textureColor;}vec3 getTextureProjectorColor(){vec3 currentColor=vec3(1.0);
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normal;
+#else
+vec3 N=gl_FrontFacing?normal:-normal;
+#endif
+for(int i=0;i<X3D_NUM_TEXTURE_PROJECTORS;++i){vec4 texCoord=x3d_TextureProjectorMatrix[i]*vec4(vertex,1.0);texCoord.stp/=texCoord.q;texCoord.p=clamp(texCoord.p,x3d_TextureProjectorParams[i].x,x3d_TextureProjectorParams[i].y);if(any(greaterThan(abs(texCoord.stp-0.5),vec3(0.5))))continue;vec3 p=x3d_TextureProjectorLocation[i]-vertex;if(dot(N,p)<0.0)continue;vec4 T=getTextureProjectorTexture(i,texCoord.st);
 #if defined(X3D_COLORSPACE_SRGB)
 if(bool(x3d_TextureProjectorParams[i].z))T=linearToSRGB(T);
 #elif defined(X3D_COLORSPACE_LINEAR_WHEN_PHYSICAL_MATERIAL)
@@ -94398,8 +94415,10 @@ void main(){
 clip();
 #endif
 #if defined(X3D_GEOMETRY_0D)&&defined(X3D_STYLE_PROPERTIES)
+#if!(defined(X3D_TEXTURE)||defined(X3D_MATERIAL_TEXTURES))
 if(getPointColor(vec4(1.0)).a<0.5)discard;
 #endif
+#endif
 gl_FragColor=vec4(gl_FragCoord.z);}`
 ;
 
@@ -94659,8 +94678,10 @@ void main(){
 clip();
 #endif
 #if defined(X3D_GEOMETRY_0D)&&defined(X3D_STYLE_PROPERTIES)
+#if!(defined(X3D_TEXTURE)||defined(X3D_MATERIAL_TEXTURES))
 if(getPointColor(vec4(1.0)).a<0.5)discard;
 #endif
+#endif
 x3d_FragColor=vec4(gl_FragCoord.z);}`
 ;
 
@@ -95770,7 +95791,7 @@ const ShaderCompiler_default_ = ShaderCompiler;
 
 /* harmony default export */ const Shaders_ShaderCompiler = (x_ite_Namespace .add ("ShaderCompiler", ShaderCompiler_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Shaders/ShaderPart.js
-/* provided dependency */ var ShaderPart_$ = __webpack_require__(362);
+/* provided dependency */ var ShaderPart_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -96368,7 +96389,7 @@ const X3DAppearanceNode_default_ = X3DAppearanceNode;
 
 /* harmony default export */ const Shape_X3DAppearanceNode = (x_ite_Namespace .add ("X3DAppearanceNode", X3DAppearanceNode_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Shape/Appearance.js
-/* provided dependency */ var Appearance_$ = __webpack_require__(362);
+/* provided dependency */ var Appearance_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -96556,7 +96577,7 @@ Object .assign (Object .setPrototypeOf (Appearance .prototype, Shape_X3DAppearan
    },
    set_alphaMode__ ()
    {
-      this .alphaMode = Appearance_$.enum (Shape_AlphaMode, this ._alphaMode .getValue (), Shape_AlphaMode .AUTO);
+      this .alphaMode = Appearance_$.enum (Shape_AlphaMode, this ._alphaMode .getValue ()) ?? Shape_AlphaMode .AUTO;
 
       this .set_alphaCutoff__ ();
    },
@@ -96568,29 +96589,27 @@ Object .assign (Object .setPrototypeOf (Appearance .prototype, Shape_X3DAppearan
    {
       this .stylePropertiesNode [0] = Base_X3DCast (Base_X3DConstants .PointProperties, this ._pointProperties);
 
-      if (!this .stylePropertiesNode [0])
-      {
-         const browser = this .getBrowser ();
+      if (this .stylePropertiesNode [0])
+         return;
 
-         if (browser .getRenderingProperty ("ContentScale") !== 1)
-            this .stylePropertiesNode [0] = browser .getDefaultPointProperties ();
-      }
+      const browser = this .getBrowser ();
+
+      if (browser .getRenderingProperty ("ContentScale") !== 1)
+         this .stylePropertiesNode [0] = browser .getDefaultPointProperties ();
    },
    set_lineProperties__ ()
    {
-      if (this .linePropertiesNode)
-         this .linePropertiesNode ._applied .removeInterest ("set_applied__", this);
+      this .linePropertiesNode ?._applied .removeInterest ("set_applied__", this);
 
       this .linePropertiesNode = Base_X3DCast (Base_X3DConstants .LineProperties, this ._lineProperties);
 
-      if (this .linePropertiesNode)
-         this .linePropertiesNode ._applied .addInterest ("set_applied__", this);
+      this .linePropertiesNode ?._applied .addInterest ("set_applied__", this);
 
       this .set_applied__ ();
    },
    set_applied__ ()
    {
-      if (this .linePropertiesNode && this .linePropertiesNode ._applied .getValue ())
+      if (this .linePropertiesNode ?._applied .getValue ())
       {
          this .stylePropertiesNode [1] = this .linePropertiesNode;
       }
@@ -96606,13 +96625,11 @@ Object .assign (Object .setPrototypeOf (Appearance .prototype, Shape_X3DAppearan
    },
    set_fillProperties__ ()
    {
-      if (this .stylePropertiesNode [2])
-         this .stylePropertiesNode [2] ._transparent .removeInterest ("set_transparent__", this);
+      this .stylePropertiesNode [2] ?._transparent .removeInterest ("set_transparent__", this);
 
       this .stylePropertiesNode [2] = Base_X3DCast (Base_X3DConstants .FillProperties, this ._fillProperties);
 
-      if (this .stylePropertiesNode [2])
-         this .stylePropertiesNode [2] ._transparent .addInterest ("set_transparent__", this);
+      this .stylePropertiesNode [2] ?._transparent .addInterest ("set_transparent__", this);
 
       this .stylePropertiesNode [3] = this .stylePropertiesNode [2];
    },
@@ -96624,16 +96641,11 @@ Object .assign (Object .setPrototypeOf (Appearance .prototype, Shape_X3DAppearan
          this .materialNode ._transmission .removeInterest ("set_transmission__", this);
       }
 
-      this .materialNode = Base_X3DCast (Base_X3DConstants .X3DMaterialNode, this ._material);
+      this .materialNode = Base_X3DCast (Base_X3DConstants .X3DMaterialNode, this ._material)
+         ?? this .getBrowser () .getDefaultMaterial ();
 
-      if (!this .materialNode)
-         this .materialNode = this .getBrowser () .getDefaultMaterial ();
-
-      if (this .materialNode)
-      {
-         this .materialNode ._transparent  .addInterest ("set_transparent__",  this);
-         this .materialNode ._transmission .addInterest ("set_transmission__", this);
-      }
+      this .materialNode ._transparent  .addInterest ("set_transparent__",  this);
+      this .materialNode ._transmission .addInterest ("set_transmission__", this);
 
       // Depreciated TwoSidedMaterial handling.
 
@@ -96642,13 +96654,11 @@ Object .assign (Object .setPrototypeOf (Appearance .prototype, Shape_X3DAppearan
    },
    set_backMaterial__ ()
    {
-      if (this .backMaterialNode)
-         this .backMaterialNode ._transparent .removeInterest ("set_transparent__", this);
+      this .backMaterialNode ?._transparent .removeInterest ("set_transparent__", this);
 
       this .backMaterialNode = Base_X3DCast (Base_X3DConstants .X3DOneSidedMaterialNode, this ._backMaterial);
 
-      if (this .backMaterialNode)
-         this .backMaterialNode ._transparent .addInterest ("set_transparent__", this);
+      this .backMaterialNode ?._transparent .addInterest ("set_transparent__", this);
 
       // Depreciated TwoSidedMaterial handling.
 
@@ -96679,13 +96689,10 @@ Object .assign (Object .setPrototypeOf (Appearance .prototype, Shape_X3DAppearan
    },
    set_textureTransform__ ()
    {
-      if (this .textureTransformNode)
-         this .textureTransformNode .removeInterest ("updateTextureTransformMapping", this);
-
-      this .textureTransformNode = Base_X3DCast (Base_X3DConstants .X3DTextureTransformNode, this ._textureTransform);
+      this .textureTransformNode ?.removeInterest ("updateTextureTransformMapping", this);
 
-      if (!this .textureTransformNode)
-         this .textureTransformNode = this .getBrowser () .getDefaultTextureTransform ();
+      this .textureTransformNode = Base_X3DCast (Base_X3DConstants .X3DTextureTransformNode, this ._textureTransform)
+         ?? this .getBrowser () .getDefaultTextureTransform ();
 
       this .textureTransformNode .addInterest ("updateTextureTransformMapping", this);
 
@@ -98753,18 +98760,12 @@ Object .assign (Object .setPrototypeOf (X3DShapeNode .prototype, Core_X3DChildNo
          this .appearanceNode ._transmission .removeInterest ("set_transmission__", this);
       }
 
-      this .appearanceNode = Base_X3DCast (Base_X3DConstants .X3DAppearanceNode, this ._appearance);
+      this .appearanceNode = Base_X3DCast (Base_X3DConstants .X3DAppearanceNode, this ._appearance)
+         ?? this .getBrowser () .getDefaultAppearance ();
 
-      if (this .appearanceNode)
-      {
-         this .appearanceNode ._alphaMode    .addInterest ("set_transparent__", this);
-         this .appearanceNode ._transparent  .addInterest ("set_transparent__",  this);
-         this .appearanceNode ._transmission .addInterest ("set_transmission__", this);
-      }
-      else
-      {
-         this .appearanceNode = this .getBrowser () .getDefaultAppearance ();
-      }
+      this .appearanceNode ._alphaMode    .addInterest ("set_transparent__",  this);
+      this .appearanceNode ._transparent  .addInterest ("set_transparent__",  this);
+      this .appearanceNode ._transmission .addInterest ("set_transmission__", this);
 
       this .set_transparent__ ();
       this .set_transmission__ ();
@@ -104623,8 +104624,8 @@ const GifMedia_default_ = GifMedia;
 
 /* harmony default export */ const Texturing_GifMedia = (x_ite_Namespace .add ("GifMedia", GifMedia_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Texturing/MovieTexture.js
-/* provided dependency */ var MovieTexture_$ = __webpack_require__(362);
-/* provided dependency */ var SuperGif = __webpack_require__(229);
+/* provided dependency */ var MovieTexture_$ = __webpack_require__(386);
+/* provided dependency */ var SuperGif = __webpack_require__(141);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -107092,7 +107093,7 @@ const gettext_default_ = (string) => locale .get (string) || string;
 
 /* harmony default export */ const gettext = (x_ite_Namespace .add ("gettext", gettext_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/BrowserTimings.js
-/* provided dependency */ var BrowserTimings_$ = __webpack_require__(362);
+/* provided dependency */ var BrowserTimings_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -107722,7 +107723,7 @@ const TextCompression_default_ = TextCompression;
 
 /* harmony default export */ const Core_TextCompression = (x_ite_Namespace .add ("TextCompression", TextCompression_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/BrowserOptions.js
-/* provided dependency */ var BrowserOptions_$ = __webpack_require__(362);
+/* provided dependency */ var BrowserOptions_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -107955,7 +107956,7 @@ Object .assign (Object .setPrototypeOf (BrowserOptions .prototype, Base_X3DBaseN
          primitiveQuality = value .getValue () .toUpperCase ();
 
       this .localStorage .PrimitiveQuality = primitiveQuality;
-      this .primitiveQuality               = BrowserOptions_$.enum (Core_PrimitiveQuality, primitiveQuality, Core_PrimitiveQuality .MEDIUM);
+      this .primitiveQuality               = BrowserOptions_$.enum (Core_PrimitiveQuality, primitiveQuality) ?? Core_PrimitiveQuality .MEDIUM;
 
       if (typeof browser .setPrimitiveQuality2D === "function")
          browser .setPrimitiveQuality2D (this .primitiveQuality);
@@ -107970,7 +107971,7 @@ Object .assign (Object .setPrototypeOf (BrowserOptions .prototype, Base_X3DBaseN
          textureQuality = value .getValue () .toUpperCase ();
 
       this .localStorage .TextureQuality = textureQuality;
-      this .textureQuality               = BrowserOptions_$.enum (Core_TextureQuality, textureQuality, Core_TextureQuality .MEDIUM);
+      this .textureQuality               = BrowserOptions_$.enum (Core_TextureQuality, textureQuality) ?? Core_TextureQuality .MEDIUM;
 
       if (typeof browser .setTextureQuality === "function")
          browser .setTextureQuality (this .textureQuality);
@@ -107991,7 +107992,7 @@ Object .assign (Object .setPrototypeOf (BrowserOptions .prototype, Base_X3DBaseN
             browser = this .getBrowser (),
             shading = value .getValue () .toUpperCase () .replace ("POINTSET", "POINT");
 
-         this .shading = BrowserOptions_$.enum (Core_Shading, shading, Core_Shading .GOURAUD);
+         this .shading = BrowserOptions_$.enum (Core_Shading, shading) ?? Core_Shading .GOURAUD;
 
          browser .getRenderingProperties () ._Shading = strings [this .shading];
          browser .setShading (this .shading);
@@ -108369,7 +108370,7 @@ const RenderingProperties_default_ = RenderingProperties;
 
 /* harmony default export */ const Core_RenderingProperties = (x_ite_Namespace .add ("RenderingProperties", RenderingProperties_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/Notification.js
-/* provided dependency */ var Notification_$ = __webpack_require__(362);
+/* provided dependency */ var Notification_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -108491,8 +108492,8 @@ const Notification_default_ = Notification;
 
 /* harmony default export */ const Core_Notification = (x_ite_Namespace .add ("Notification", Notification_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/ContextMenu.js
-/* provided dependency */ var jquery_fullscreen = __webpack_require__(74);
-/* provided dependency */ var ContextMenu_$ = __webpack_require__(362);
+/* provided dependency */ var jquery_fullscreen = __webpack_require__(306);
+/* provided dependency */ var ContextMenu_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -111227,7 +111228,7 @@ const DataStorage_default_ = DataStorage;
 
 /* harmony default export */ const Utility_DataStorage = (x_ite_Namespace .add ("DataStorage", DataStorage_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/X3DCoreContext.js
-/* provided dependency */ var X3DCoreContext_$ = __webpack_require__(362);
+/* provided dependency */ var X3DCoreContext_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -113838,8 +113839,8 @@ const X3DViewer_default_ = X3DViewer;
 
 /* harmony default export */ const Navigation_X3DViewer = (x_ite_Namespace .add ("X3DViewer", X3DViewer_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/ExamineViewer.js
-/* provided dependency */ var jquery_mousewheel = __webpack_require__(48);
-/* provided dependency */ var ExamineViewer_$ = __webpack_require__(362);
+/* provided dependency */ var jquery_mousewheel = __webpack_require__(336);
+/* provided dependency */ var ExamineViewer_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -114754,8 +114755,8 @@ const ExamineViewer_default_ = ExamineViewer;
 
 /* harmony default export */ const Navigation_ExamineViewer = (x_ite_Namespace .add ("ExamineViewer", ExamineViewer_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/X3DFlyViewer.js
-/* provided dependency */ var X3DFlyViewer_jquery_mousewheel = __webpack_require__(48);
-/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(362);
+/* provided dependency */ var X3DFlyViewer_jquery_mousewheel = __webpack_require__(336);
+/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -115770,8 +115771,8 @@ const FlyViewer_default_ = FlyViewer;
 
 /* harmony default export */ const Navigation_FlyViewer = (x_ite_Namespace .add ("FlyViewer", FlyViewer_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/PlaneViewer.js
-/* provided dependency */ var PlaneViewer_jquery_mousewheel = __webpack_require__(48);
-/* provided dependency */ var PlaneViewer_$ = __webpack_require__(362);
+/* provided dependency */ var PlaneViewer_jquery_mousewheel = __webpack_require__(336);
+/* provided dependency */ var PlaneViewer_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -116100,8 +116101,8 @@ const NoneViewer_default_ = NoneViewer;
 
 /* harmony default export */ const Navigation_NoneViewer = (x_ite_Namespace .add ("NoneViewer", NoneViewer_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/LookAtViewer.js
-/* provided dependency */ var LookAtViewer_jquery_mousewheel = __webpack_require__(48);
-/* provided dependency */ var LookAtViewer_$ = __webpack_require__(362);
+/* provided dependency */ var LookAtViewer_jquery_mousewheel = __webpack_require__(336);
+/* provided dependency */ var LookAtViewer_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -117246,8 +117247,8 @@ const X3DPickingContext_default_ = X3DPickingContext;
 
 /* harmony default export */ const Picking_X3DPickingContext = (x_ite_Namespace .add ("X3DPickingContext", X3DPickingContext_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/PointingDeviceSensor/PointingDevice.js
-/* provided dependency */ var PointingDevice_jquery_mousewheel = __webpack_require__(48);
-/* provided dependency */ var PointingDevice_$ = __webpack_require__(362);
+/* provided dependency */ var PointingDevice_jquery_mousewheel = __webpack_require__(336);
+/* provided dependency */ var PointingDevice_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -118100,6 +118101,8 @@ Object .assign (X3DPointingDeviceSensorContext .prototype,
          geometryContext = shapeNode .getGeometryContext (),
          options         = [ ];
 
+      options .push ("X3D_DEPTH_SHADER");
+
       if (geometryContext .hasNormals)
          options .push ("X3D_NORMALS");
 
@@ -118125,6 +118128,12 @@ Object .assign (X3DPointingDeviceSensorContext .prototype,
       if (appearanceNode .getStyleProperties (geometryContext .geometryType))
          options .push ("X3D_STYLE_PROPERTIES");
 
+      if (+appearanceNode .getMaterial () .getTextureBits ())
+         options .push ("X3D_MATERIAL_TEXTURES");
+
+      if (+appearanceNode .getTextureBits ())
+         options .push ("X3D_TEXTURE");
+
       if (humanoidNode)
       {
          options .push ("X3D_SKINNING");
@@ -118656,10 +118665,16 @@ class Lock
 
       const p = new Promise (async (resolve, reject) =>
       {
-         if (current .length)
+         try
+         {
             await Promise .allSettled (current);
 
-         callback () .then (resolve) .catch (reject);
+            resolve (await callback ());
+         }
+         catch (error)
+         {
+            reject (error);
+         }
       })
       .finally (() =>
       {
@@ -118680,7 +118695,7 @@ const Lock_default_ = Lock;
 
 /* harmony default export */ const Utility_Lock = (x_ite_Namespace .add ("Lock", Lock_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Rendering/X3DRenderingContext.js
-/* provided dependency */ var X3DRenderingContext_$ = __webpack_require__(362);
+/* provided dependency */ var X3DRenderingContext_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -118794,6 +118809,7 @@ Object .assign (X3DRenderingContext .prototype,
       gl .enable (gl .DEPTH_TEST);
       gl .depthFunc (gl .LEQUAL);
       gl .clearDepth (1);
+      gl .sampleCoverage (1.0, false);
 
       gl .blendFuncSeparate (gl .SRC_ALPHA, gl .ONE_MINUS_SRC_ALPHA, gl .ONE, gl .ONE_MINUS_SRC_ALPHA);
       gl .blendEquationSeparate (gl .FUNC_ADD, gl .FUNC_ADD);
@@ -119213,23 +119229,29 @@ Object .assign (X3DRenderingContext .prototype,
          if (this [_session] === window)
             return;
 
-         this .endEvents () .removeInterest ("endFrame", this);
-
-         this [_session] .end () .catch (Function .prototype);
-
-         for (const frameBuffer of this [_frameBuffers])
-            frameBuffer .dispose ();
+         try
+         {
+            await this [_session] .end ();
+         }
+         catch
+         { }
+         finally
+         {
+            this .endEvents () .removeInterest ("endFrame", this);
 
-         this [_frameBuffers] .length = 0;
+            for (const frameBuffer of this [_frameBuffers])
+               frameBuffer .dispose ();
 
-         this [_session]            = window;
-         this [_baseReferenceSpace] = null;
-         this [_referenceSpace]     = null;
-         this [_baseLayer]          = null;
-         this [_defaultFrameBuffer] = null;
-         this [_pose]               = null;
+            this [_frameBuffers]       = [ ];
+            this [_session]            = window;
+            this [_baseReferenceSpace] = null;
+            this [_referenceSpace]     = null;
+            this [_baseLayer]          = null;
+            this [_defaultFrameBuffer] = null;
+            this [_pose]               = null;
 
-         this .reshape ();
+            this .reshape ();
+         }
       });
    },
    getSession ()
@@ -119290,12 +119312,14 @@ Object .assign (X3DRenderingContext .prototype,
             cameraSpaceMatrix: new Numbers_Matrix4 (),
             viewMatrix: new Numbers_Matrix4 (),
             matrix: new Numbers_Matrix4 (),
+            inverse: new Numbers_Matrix4 (),
          };
 
          pv .projectionMatrix .assign (view .projectionMatrix);
          pv .cameraSpaceMatrix .assign (view .transform .matrix);
          pv .viewMatrix .assign (view .transform .inverse .matrix);
          pv .matrix .assign (pose .transform .matrix) .multRight (view .transform .inverse .matrix);
+         pv .inverse .assign (pv .matrix) .inverse ();
 
          ++ v;
       }
@@ -119456,13 +119480,12 @@ const X3DScriptingContext_default_ = X3DScriptingContext;
 
 
 const
-   _wireframe      = Symbol (),
    _primitiveModes = Symbol (),
-   _shaderNodes    = Symbol ();
+   _shaderNodes    = Symbol (),
+   _wireframe      = Symbol ();
 
 function X3DShadersContext ()
 {
-   this [_wireframe]      = false;
    this [_primitiveModes] = new Map ();
    this [_shaderNodes]    = new Map ();
 }
@@ -119503,10 +119526,6 @@ Object .assign (X3DShadersContext .prototype,
 
       return gl .getParameter (gl .MAX_VARYING_VECTORS);
    },
-   getWireframe ()
-   {
-      return this [_wireframe];
-   },
    getPrimitiveMode (primitiveMode)
    {
       return this [_primitiveModes] .get (primitiveMode);
@@ -119517,26 +119536,43 @@ Object .assign (X3DShadersContext .prototype,
    },
    setShading (type)
    {
-      const gl = this .getContext ();
+      const
+         gl             = this .getContext (),
+         primitiveModes = this [_primitiveModes];
+
+      if (this [_wireframe])
+      {
+         this [_wireframe] = false;
+
+         const ext = gl .getExtension ("WEBGL_polygon_mode");
+
+         ext ?.polygonModeWEBGL (gl .FRONT_AND_BACK, ext .FILL_WEBGL);
+      }
 
       switch (type)
       {
          case Core_Shading .POINT:
          {
-            this [_wireframe] = false;
+            primitiveModes
+               .set (gl .POINTS,    gl .POINTS)
+               .set (gl .LINES,     gl .POINTS)
+               .set (gl .TRIANGLES, gl .POINTS);
 
-            this [_primitiveModes] .set (gl .POINTS,    gl .POINTS);
-            this [_primitiveModes] .set (gl .LINES,     gl .POINTS);
-            this [_primitiveModes] .set (gl .TRIANGLES, gl .POINTS);
             break;
          }
          case Core_Shading .WIREFRAME:
          {
             this [_wireframe] = true;
 
-            this [_primitiveModes] .set (gl .POINTS,    gl .POINTS);
-            this [_primitiveModes] .set (gl .LINES,     gl .LINES);
-            this [_primitiveModes] .set (gl .TRIANGLES, gl .LINE_LOOP);
+            const ext = gl .getExtension ("WEBGL_polygon_mode");
+
+            ext ?.polygonModeWEBGL (gl .FRONT_AND_BACK, ext .LINE_WEBGL);
+
+            primitiveModes
+               .set (gl .POINTS,    gl .POINTS)
+               .set (gl .LINES,     gl .LINES)
+               .set (gl .TRIANGLES, gl .TRIANGLES);
+
             break;
          }
          default:
@@ -119545,15 +119581,19 @@ Object .assign (X3DShadersContext .prototype,
             // case Shading .GOURAUD:
             // case Shading .PHONG:
 
-            this [_wireframe] = false;
-
-            this [_primitiveModes] .set (gl .POINTS,    gl .POINTS);
-            this [_primitiveModes] .set (gl .LINES,     gl .LINES);
-            this [_primitiveModes] .set (gl .TRIANGLES, gl .TRIANGLES);
+            primitiveModes
+               .set (gl .POINTS,    gl .POINTS)
+               .set (gl .LINES,     gl .LINES)
+               .set (gl .TRIANGLES, gl .TRIANGLES);
+               
             break;
          }
       }
    },
+   getWireframe ()
+   {
+      return this [_wireframe];
+   },
    createShader (name, vs, fs = vs, options = [ ], uniformNames = [ ], transformFeedbackVaryings = [ ])
    {
       if (DEVELOPMENT)
@@ -119978,7 +120018,7 @@ const X3DSoundContext_default_ = X3DSoundContext;
 
 /* harmony default export */ const Sound_X3DSoundContext = (x_ite_Namespace .add ("X3DSoundContext", X3DSoundContext_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Texturing/KTXDecoder.js
-/* provided dependency */ var KTXDecoder_$ = __webpack_require__(362);
+/* provided dependency */ var KTXDecoder_$ = __webpack_require__(386);
 const KTXDecoder_default_ = class KTXDecoder
 {
    constructor (gl, externalKtxlib, scriptDir)
@@ -121555,7 +121595,7 @@ const Components_default_ = Components;
 
 /* harmony default export */ const x_ite_Components = (x_ite_Namespace .add ("Components", Components_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/DOMIntegration.js
-/* provided dependency */ var DOMIntegration_$ = __webpack_require__(362);
+/* provided dependency */ var DOMIntegration_$ = __webpack_require__(386);
 /*******************************************************************************
  * MIT License
  *
@@ -122821,7 +122861,7 @@ const FieldTypes_default_ = new Configuration_FieldTypesArray (Object .values (x
 
 /* harmony default export */ const FieldTypes = (x_ite_Namespace .add ("FieldTypes", FieldTypes_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/X3DBrowser.js
-/* provided dependency */ var X3DBrowser_$ = __webpack_require__(362);
+/* provided dependency */ var X3DBrowser_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -123888,7 +123928,7 @@ const X3DBrowser_default_ = X3DBrowser;
 
 /* harmony default export */ const Browser_X3DBrowser = (x_ite_Namespace .add ("X3DBrowser", X3DBrowser_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/X3DCanvasElement.js
-/* provided dependency */ var X3DCanvasElement_$ = __webpack_require__(362);
+/* provided dependency */ var X3DCanvasElement_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -124155,8 +124195,8 @@ const QuickSort_default_ = QuickSort;
 
 /* harmony default export */ const Algorithms_QuickSort = (x_ite_Namespace .add ("QuickSort", QuickSort_default_));
 ;// CONCATENATED MODULE: ./src/lib/jquery.js
-/* provided dependency */ var jquery_$ = __webpack_require__(362);
-/* provided dependency */ var pako = __webpack_require__(82);
+/* provided dependency */ var jquery_$ = __webpack_require__(386);
+/* provided dependency */ var pako = __webpack_require__(514);
 Object .assign (jquery_$,
 {
    decodeText (input)
@@ -124193,9 +124233,10 @@ Object .assign (jquery_$,
             console .error (error .message);
       }
    },
-   enum (object, property, defaultValue)
+   enum (object, property)
    {
-      return object .hasOwnProperty (property) ? object [property] : defaultValue;
+      if (object .hasOwnProperty (property))
+         return object [property];
    },
 });
 
@@ -124232,13 +124273,13 @@ const jquery_default_ = jquery_$;
 
 /* harmony default export */ const jquery = (x_ite_Namespace .add ("jquery", jquery_default_));
 ;// CONCATENATED MODULE: ./src/lib/libtess.js
-/* provided dependency */ var libtess_libtess = __webpack_require__(555);
+/* provided dependency */ var libtess_libtess = __webpack_require__(475);
 const libtess_default_ = libtess_libtess;
 ;
 
 /* harmony default export */ const lib_libtess = (x_ite_Namespace .add ("libtess", libtess_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/X3D.js
-/* provided dependency */ var X3D_$ = __webpack_require__(362);
+/* provided dependency */ var X3D_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -124542,7 +124583,7 @@ x_ite_Namespace, x_ite_Namespace .Fields,
 
 // Assign X3D to global namespace.
 
-window [Symbol .for ("X_ITE.X3D-10.4.1")] = x_ite_X3D;
+window [Symbol .for ("X_ITE.X3D-10.5.0")] = x_ite_X3D;
 
 customElements .define ("x3d-canvas", x_ite_X3DCanvasElement);