x_ite 8.6.7 → 8.6.9

package/dist/x_ite.js

@@ -1,4 +1,4 @@
-/* X_ITE v8.6.7 */(function webpackUniversalModuleDefinition(root, factory) {
+/* X_ITE v8.6.9 */(function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory();
 	else if(typeof define === 'function' && define.amd)
@@ -11,11 +11,11 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 364:
+/***/ 599:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-/* provided dependency */ var jQuery = __webpack_require__(996);
+/* provided dependency */ var jQuery = __webpack_require__(998);
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;
 
 /**
@@ -387,10 +387,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;
 
 /***/ }),
 
-/***/ 674:
+/***/ 774:
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-/* provided dependency */ var jQuery = __webpack_require__(996);
+/* provided dependency */ var jQuery = __webpack_require__(998);
 /**
  * @preserve jquery.fullscreen 1.1.5
  * https://github.com/code-lts/jquery-fullscreen-plugin
@@ -586,7 +586,7 @@ installFullScreenHandlers();
 
 /***/ }),
 
-/***/ 549:
+/***/ 136:
 /***/ ((module, exports, __webpack_require__) => {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -600,7 +600,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__(996)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+        !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(998)], __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__));
@@ -811,7 +811,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ }),
 
-/***/ 996:
+/***/ 998:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -11812,7 +11812,7 @@ return jQuery;
 
 /***/ }),
 
-/***/ 519:
+/***/ 422:
 /***/ ((module) => {
 
 /**
@@ -16591,7 +16591,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 986:
+/***/ 978:
 /***/ (function(__unused_webpack_module, exports) {
 
 
@@ -19836,7 +19836,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 750:
+/***/ 921:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
@@ -21094,6 +21094,92 @@ const __default__ = X3DConstants;
 
 x_ite_Namespace.set ("x_ite/Base/X3DConstants", __default__);
 /* harmony default export */ const Base_X3DConstants = (__default__);
+;// CONCATENATED MODULE: ./src/x_ite/Execution/NamedNodesHandling.js
+/*******************************************************************************
+ *
+ * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
+ *
+ * Copyright create3000, Scheffelstraße 31a, Leipzig, Germany 2011 - 2022.
+ *
+ * All rights reserved. Holger Seelig <holger.seelig@yahoo.de>.
+ *
+ * The copyright notice above does not evidence any actual of intended
+ * publication of such source code, and is an unpublished work by create3000.
+ * This material contains CONFIDENTIAL INFORMATION that is the property of
+ * create3000.
+ *
+ * No permission is granted to copy, distribute, or create derivative works from
+ * the contents of this software, in whole or in part, without the prior written
+ * permission of create3000.
+ *
+ * NON-MILITARY USE ONLY
+ *
+ * All create3000 software are effectively free software with a non-military use
+ * restriction. It is free. Well commented source is provided. You may reuse the
+ * source in any way you please with the exception anything that uses it must be
+ * marked to indicate is contains 'non-military use only' components.
+ *
+ * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
+ *
+ * Copyright 2011 - 2022, Holger Seelig <holger.seelig@yahoo.de>.
+ *
+ * This file is part of the X_ITE Project.
+ *
+ * X_ITE is free software: you can redistribute it and/or modify it under the
+ * terms of the GNU General Public License version 3 only, as published by the
+ * Free Software Foundation.
+ *
+ * X_ITE is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+ * A PARTICULAR PURPOSE. See the GNU General Public License version 3 for more
+ * details (a copy is included in the LICENSE file that accompanied this code).
+ *
+ * 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.
+ *
+ * For Silvio, Joy and Adi.
+ *
+ ******************************************************************************/
+
+const getUniqueName = function (array, name = "", number = false)
+{
+   name = String (name) .replace (/_\d+$/, "");
+
+   let
+      newName = number ? `${name}_1` : name,
+      lo      = 1,
+      hi      = 1;
+
+   while (array .has (newName) || newName .length === 0)
+   {
+      lo   = hi;
+      hi <<= 1;
+
+      newName = `${name}_${lo}`;
+   }
+
+   lo >>>= 1;
+   hi >>>= 1;
+
+   if (lo && hi)
+   {
+      while (lo < hi)
+      {
+         const m = (lo + hi) >>> 1;
+
+         if (array .has (`${name}_${m}`))
+            lo = m + 1;
+         else
+            hi = m;
+      }
+
+      newName = `${name}_${lo}`;
+   }
+
+   return newName;
+};
+
 ;// CONCATENATED MODULE: ./src/x_ite/InputOutput/Generator.js
 /*******************************************************************************
  *
@@ -21144,6 +21230,7 @@ x_ite_Namespace.set ("x_ite/Base/X3DConstants", __default__);
 
 
 
+
 function Generator ({ style = "TIDY", precision = 7, doublePrecision = 15 })
 {
    this .Style (style);
@@ -21164,12 +21251,11 @@ function Generator ({ style = "TIDY", precision = 7, doublePrecision = 15 })
    this .importedNames         = new Map ();
    this .routeNodes            = new Set ();
    this .level                 = 0;
-   this .newName               = 0;
    this .containerFields       = [ ];
    this .units                 = true;
    this .unitCategories        = [ ];
 
-   this .names .set (null, new Map ());
+   this .names .set (null, new Set ());
 }
 
 Generator .prototype =
@@ -21309,7 +21395,7 @@ Generator .prototype =
       this .executionContextStack .push (executionContext);
 
       if (! this .names .has (executionContext))
-         this .names .set (executionContext, new Map ());
+         this .names .set (executionContext, Object .assign (new Set (), { index: 0 }));
 
       if (! this .importedNodesIndex .has (executionContext))
          this .importedNodesIndex .set (executionContext, new Set ());
@@ -21333,9 +21419,6 @@ Generator .prototype =
    },
    EnterScope: function ()
    {
-      if (this .level === 0)
-         this .newName = 0;
-
       ++ this .level;
    },
    LeaveScope: function ()
@@ -21403,79 +21486,47 @@ Generator .prototype =
    {
       return this .nodes .has (baseNode);
    },
-   Name: (function ()
+   Name: function (baseNode)
    {
-      const _TrailingNumbers = /_\d+$/;
+      // Is the node already in index.
 
-      return function (baseNode)
-      {
-         // Is the node already in index
+      const name = this .namesByNode .get (baseNode);
 
-         const name = this .namesByNode .get (baseNode);
+      if (name !== undefined)
+      {
+         return name;
+      }
+      else
+      {
+         const
+            name  = baseNode .getName (),
+            match = name .match (/^(.*?)(_\d+)?$/),
+            names = this .names .get (this .ExecutionContext ());
 
-         if (name !== undefined)
+         if (match [1])
          {
-            return name;
+            // The node has a name.
+
+            var newName = getUniqueName (names, name, !! match [2]);
          }
          else
          {
-            const names = this .names .get (this .ExecutionContext ());
-
-            // The node has no name
-
-            if (baseNode .getName () .length === 0)
-            {
-               if (this .NeedsName (baseNode))
-               {
-                  const name = this .UniqueName ();
-
-                  names .set (name, baseNode);
-                  this .namesByNode .set (baseNode, name);
-
-                  return name;
-               }
-
-               // The node doesn't need a name
-
-               return baseNode .getName ();
-            }
+            // The node has no name.
 
-            // The node has a name
-
-            let   name      = baseNode .getName ();
-            const hasNumber = name .match (_TrailingNumbers) !== null;
-
-            name = name .replace (_TrailingNumbers, "");
-
-            if (name .length === 0)
-            {
-               if (this .NeedsName (baseNode))
-                  name = this .UniqueName ();
-
-               else
-                  return "";
-            }
-            else
-            {
-               let
-                  i       = 0,
-                  newName = hasNumber ? name + '_' + (++ i) : name;
+            if (!this .NeedsName (baseNode))
+               return "";
 
-               while (names .has (newName))
-               {
-                  newName = name + '_' + (++ i);
-               }
+            var newName = `_${++ names .index}`;
+         }
 
-               name = newName;
-            }
+         // Add to indices.
 
-            names .set (name, baseNode);
-            this .namesByNode .set (baseNode, name);
+         names .add (newName);
+         this .namesByNode .set (baseNode, newName);
 
-            return name;
-         }
-      };
-   })(),
+         return newName;
+      }
+   },
    NeedsName: function (baseNode)
    {
       if (baseNode .getCloneCount () > 1)
@@ -21506,20 +21557,6 @@ Generator .prototype =
          return false;
       }
    },
-   UniqueName: function ()
-   {
-      const names = this .names .get (this .ExecutionContext ());
-
-      for (; ;)
-      {
-         const name = '_' + (++ this .newName);
-
-         if (names .has (name))
-            continue;
-
-         return name;
-      }
-   },
    LocalName: function (baseNode)
    {
       const importedName = this .importedNames .get (baseNode);
@@ -23707,7 +23744,7 @@ x_ite_Namespace.set ("standard/Math/Algorithm", Algorithm_default_);
 
 
 
-const clamp = Algorithm.clamp;
+const { clamp, interval, degrees } = Algorithm;
 
 const
    _r = Symbol .for ("X_ITE.Color3.r"),
@@ -23817,7 +23854,7 @@ Color3 .prototype =
       }
       else
       {
-         const w = Algorithm.degrees (Algorithm.interval (h, 0, Math .PI * 2)) / 60;     // sector 0 to 5
+         const w = degrees (interval (h, 0, Math .PI * 2)) / 60;     // sector 0 to 5
 
          const i = Math .floor (w);
          const f = w - i;                      // factorial part of h
@@ -24229,7 +24266,7 @@ x_ite_Namespace.set ("x_ite/Fields/SFColor", SFColor_default_);
 
 
 
-const Color4_clamp = Algorithm.clamp;
+const { clamp: Color4_clamp } = Algorithm;
 
 const
    Color4_r = Symbol .for ("X_ITE.Color3.r"),
@@ -34912,7 +34949,7 @@ x_ite_Namespace.set ("x_ite/Base/X3DBaseNode", X3DBaseNode_default_);
  *
  ******************************************************************************/
 
-const VERSION_default_ = "8.6.7";
+const VERSION_default_ = "8.6.9";
 ;
 
 x_ite_Namespace.set ("x_ite/Browser/VERSION", VERSION_default_);
@@ -35167,70 +35204,70 @@ const Context =
 
       // Async functions
 
-      // Object .assign (gl, gl .getVersion () === 1
-      // ? {
-      //    readPixelsAsync: gl .readPixels,
-      // }
-      // : {
-      //    clientWaitAsync: function (sync, flags, timeout)
-      //    {
-      //       return new Promise ((resolve, reject) =>
-      //       {
-      //          const check = () =>
-      //          {
-      //             const result = this .clientWaitSync (sync, flags, 0);
-
-      //             switch (result)
-      //             {
-      //                case this .WAIT_FAILED:
-      //                {
-      //                   reject ();
-      //                   return;
-      //                }
-      //                case this .TIMEOUT_EXPIRED:
-      //                {
-      //                   setTimeout (check, timeout);
-      //                   return;
-      //                }
-      //                default:
-      //                {
-      //                   resolve ();
-      //                   return;
-      //                }
-      //             }
-      //          };
-
-      //          check ();
-      //       });
-      //    },
-      //    getBufferSubDataAsync: async function (target, buffer, srcByteOffset, dstBuffer, /* optional */ dstOffset, /* optional */ length)
-      //    {
-      //       const sync = this .fenceSync (this .SYNC_GPU_COMMANDS_COMPLETE, 0);
+      Object .assign (gl, gl .getVersion () === 1
+      ? {
+         readPixelsAsync: gl .readPixels,
+      }
+      : {
+         clientWaitAsync: function (sync, flags, timeout)
+         {
+            return new Promise ((resolve, reject) =>
+            {
+               const check = () =>
+               {
+                  const result = this .clientWaitSync (sync, flags, 0);
 
-      //       this .flush ();
+                  switch (result)
+                  {
+                     case this .WAIT_FAILED:
+                     {
+                        reject ();
+                        return;
+                     }
+                     case this .TIMEOUT_EXPIRED:
+                     {
+                        setTimeout (check, timeout);
+                        return;
+                     }
+                     default:
+                     {
+                        resolve ();
+                        return;
+                     }
+                  }
+               };
 
-      //       await this .clientWaitAsync (sync, 0, 10);
+               check ();
+            });
+         },
+         getBufferSubDataAsync: async function (target, buffer, srcByteOffset, dstBuffer, /* optional */ dstOffset, /* optional */ length)
+         {
+            const sync = this .fenceSync (this .SYNC_GPU_COMMANDS_COMPLETE, 0);
 
-      //       this .deleteSync (sync);
+            this .flush ();
 
-      //       this .bindBuffer (target, buffer);
-      //       this .getBufferSubData (target, srcByteOffset, dstBuffer, dstOffset, length);
-      //       this .bindBuffer (target, null);
-      //    },
-      //    readPixelsAsync: async function (x, y, w, h, format, type, dest, dstOffset)
-      //    {
-      //       const buffer = this .createBuffer ();
+            await this .clientWaitAsync (sync, 0, 10);
+
+            this .deleteSync (sync);
+
+            this .bindBuffer (target, buffer);
+            this .getBufferSubData (target, srcByteOffset, dstBuffer, dstOffset, length);
+            this .bindBuffer (target, null);
+         },
+         readPixelsAsync: async function (x, y, w, h, format, type, dest, dstOffset)
+         {
+            const buffer = this .createBuffer ();
 
-      //       this .bindBuffer (this .PIXEL_PACK_BUFFER, buffer);
-      //       this .bufferData (this .PIXEL_PACK_BUFFER, dest .byteLength, this .STREAM_READ);
-      //       this .readPixels (x, y, w, h, format, type, 0);
-      //       this .bindBuffer (this .PIXEL_PACK_BUFFER, null);
+            this .bindBuffer (this .PIXEL_PACK_BUFFER, buffer);
+            this .bufferData (this .PIXEL_PACK_BUFFER, dest .byteLength, this .STREAM_READ);
+            this .readPixels (x, y, w, h, format, type, 0);
+            this .bindBuffer (this .PIXEL_PACK_BUFFER, null);
 
-      //       await this .getBufferSubDataAsync (this .PIXEL_PACK_BUFFER, buffer, 0, dest, dstOffset);
+            await this .getBufferSubDataAsync (this .PIXEL_PACK_BUFFER, buffer, 0, dest, dstOffset);
 
-      //       this .deleteBuffer (buffer);
-      //    },
-      // });
+            this .deleteBuffer (buffer);
+         },
+      });
 
       // Return context.
 
@@ -35814,7 +35851,7 @@ const gettext_default_ = gettext;
 x_ite_Namespace.set ("locale/gettext", gettext_default_);
 /* harmony default export */ const locale_gettext = (gettext_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/BrowserTimings.js
-/* provided dependency */ var $ = __webpack_require__(996);
+/* provided dependency */ var $ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -35866,8 +35903,6 @@ x_ite_Namespace.set ("locale/gettext", gettext_default_);
 
 
 
-function f2 (n) { return n .toFixed (2); }
-
 function BrowserTimings (executionContext)
 {
    Base_X3DBaseNode.call (this, executionContext);
@@ -35928,6 +35963,7 @@ BrowserTimings .prototype = Object .assign (Object .create (Base_X3DBaseNode.pro
          this .fps .reset ();
          this .getBrowser () .prepareEvents () .addInterest ("update", this);
          this .update ();
+         this .build ();
       }
       else
       {
@@ -35975,7 +36011,7 @@ BrowserTimings .prototype = Object .assign (Object .create (Base_X3DBaseNode.pro
       let r = 0;
 
       rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Frame rate") + ":")) .append ($("<td></td>") .text (f2(1000 / this .fps .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("fps")));
-      rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Speed")      + ":")) .append ($("<td></td>") .text (f2(this .getSpeed (browser .currentSpeed))         .toLocaleString (language, fixed) + " " + this .getSpeedUnit (browser .currentSpeed)));
+      rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Speed") + ":")) .append ($("<td></td>") .text (f2(this .getSpeed (browser .currentSpeed)) .toLocaleString (language, fixed) + " " + this .getSpeedUnit (browser .currentSpeed)));
 
       if (this .localStorage .type === "MORE")
       {
@@ -36000,14 +36036,14 @@ BrowserTimings .prototype = Object .assign (Object .create (Base_X3DBaseNode.pro
 
          rows [1] .addClass ("x_ite-private-more");
 
-         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Browser")   + ":")) .append ($("<td></td>") .text (f2(browser .getSystemTime () .averageTime)           .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
-         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("X3D total")       + ":")) .append ($("<td></td>") .text (f2(browser .getBrowserTime () .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
-         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Event Processing")   + ":")) .append ($("<td></td>") .text (f2(routingTime)          .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
-         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Pointer")   + ":")) .append ($("<td></td>") .text (f2(browser .getPointingTime () .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
-         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Camera")    + ":")) .append ($("<td></td>") .text (f2(browser .getCameraTime () .averageTime)  .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
-         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Picking")   + ":")) .append ($("<td></td>") .text (f2(browser .getPickingTime () .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
-         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Collision Detection") + ":")) .append ($("<td></td>") .text (f2(collisionTime)        .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
-         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Rendering")   + ":")) .append ($("<td></td>") .text (f2(browser .getDisplayTime () .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
+         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Browser") + ":")) .append ($("<td></td>") .text (f2(browser .getSystemTime () .averageTime)           .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
+         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("X3D total") + ":")) .append ($("<td></td>") .text (f2(browser .getBrowserTime () .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
+         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Event Processing") + ":")) .append ($("<td></td>") .text (f2(routingTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
+         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Pointer") + ":")) .append ($("<td></td>") .text (f2(browser .getPointingTime () .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
+         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Camera") + ":")) .append ($("<td></td>") .text (f2(browser .getCameraTime () .averageTime)  .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
+         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Picking") + ":")) .append ($("<td></td>") .text (f2(browser .getPickingTime () .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
+         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Collision Detection") + ":")) .append ($("<td></td>") .text (f2(collisionTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
+         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Rendering") + ":")) .append ($("<td></td>") .text (f2(browser .getDisplayTime () .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
          rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Number of Shapes")    + ":")) .append ($("<td></td>") .text (opaqueShapes + " + " + transparentShapes));
          rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Number of Sensors")   + ":")) .append ($("<td></td>") .text (prepareEvents + sensors));
 
@@ -36045,6 +36081,8 @@ BrowserTimings .prototype = Object .assign (Object .create (Base_X3DBaseNode.pro
    },
 });
 
+function f2 (n) { return isFinite (n) ? n .toFixed (2) : 0 .toFixed (2); }
+
 const BrowserTimings_default_ = BrowserTimings;
 ;
 
@@ -36506,6 +36544,9 @@ BrowserOptions .prototype = Object .assign (Object .create (Base_X3DBaseNode.pro
    set_straightenHorizon__: function (straightenHorizon)
    {
       this .localStorage .StraightenHorizon = straightenHorizon .getValue ();
+
+      if (straightenHorizon .getValue ())
+         this .getBrowser () .getActiveLayer ()?.straightenView ();
    },
    updateContentScale: function ()
    {
@@ -36772,7 +36813,7 @@ const RenderingProperties_default_ = RenderingProperties;
 x_ite_Namespace.set ("x_ite/Browser/Core/RenderingProperties", RenderingProperties_default_);
 /* harmony default export */ const Core_RenderingProperties = (RenderingProperties_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/Notification.js
-/* provided dependency */ var Notification_$ = __webpack_require__(996);
+/* provided dependency */ var Notification_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -36894,8 +36935,8 @@ const Notification_default_ = Notification;
 x_ite_Namespace.set ("x_ite/Browser/Core/Notification", Notification_default_);
 /* harmony default export */ const Core_Notification = (Notification_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/ContextMenu.js
-/* provided dependency */ var jquery_fullscreen = __webpack_require__(674);
-/* provided dependency */ var ContextMenu_$ = __webpack_require__(996);
+/* provided dependency */ var jquery_fullscreen = __webpack_require__(774);
+/* provided dependency */ var ContextMenu_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -37048,18 +37089,9 @@ ContextMenu .prototype = Object .assign (Object .create (Base_X3DBaseNode.protot
                      browser .setBrowserOption ("StraightenHorizon", straightenHorizon);
 
                      if (straightenHorizon)
-                     {
                         browser .getNotification () ._string = locale_gettext("Straighten Horizon") + ": " + locale_gettext("on");
-
-                        const activeViewpoint = browser .getActiveViewpoint ();
-
-                        if (activeViewpoint)
-                           activeViewpoint .straighten (browser .getActiveLayer (), true);
-                     }
                      else
-                     {
                         browser .getNotification () ._string = locale_gettext("Straighten Horizon") + ": " + locale_gettext("off");
-                     }
                   }
                   .bind (this),
                },
@@ -38014,15 +38046,10 @@ X3DNode .prototype = Object .assign (Object .create (Base_X3DBaseNode.prototype)
          return copy;
       }
    },
-   getDisplayName: (function ()
+   getDisplayName: function ()
    {
-      const _TrailingNumber = /_\d+$/;
-
-      return function ()
-      {
-         return this .getName () .replace (_TrailingNumber, "");
-      };
-   })(),
+      return this .getName () .replace (/_\d+$/, "");
+   },
    getNeedsName: function ()
    {
       if (this .getName () .length)
@@ -41897,7 +41924,7 @@ const X3DUrlObject_default_ = X3DUrlObject;
 x_ite_Namespace.set ("x_ite/Components/Networking/X3DUrlObject", X3DUrlObject_default_);
 /* harmony default export */ const Networking_X3DUrlObject = (X3DUrlObject_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/X3DParser.js
-/* provided dependency */ var X3DParser_$ = __webpack_require__(996);
+/* provided dependency */ var X3DParser_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -45074,7 +45101,7 @@ const VRMLParser_default_ = VRMLParser;
 x_ite_Namespace.set ("x_ite/Parser/VRMLParser", VRMLParser_default_);
 /* harmony default export */ const Parser_VRMLParser = (VRMLParser_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/XMLParser.js
-/* provided dependency */ var XMLParser_$ = __webpack_require__(996);
+/* provided dependency */ var XMLParser_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -47117,7 +47144,7 @@ const URLs_default_ = URLs;
 x_ite_Namespace.set ("x_ite/Browser/Networking/URLs", URLs_default_);
 /* harmony default export */ const Networking_URLs = (URLs_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/GLTF2Parser.js
-/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(996);
+/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -47181,9 +47208,7 @@ x_ite_Namespace.set ("x_ite/Browser/Networking/URLs", URLs_default_);
 // https://registry.khronos.org/glTF/specs/2.0/glTF-2.0.html
 // https://github.com/KhronosGroup/glTF-Sample-Models
 
-const
-   STEP_TIME          = 1e-4, // in seconds
-   SAMPLES_PER_SECOND = 30;   // in 1/s
+const SAMPLES_PER_SECOND = 30; // in 1/s
 
 function GLTF2Parser (scene)
 {
@@ -47206,7 +47231,7 @@ function GLTF2Parser (scene)
    this .accessors             = [ ];
    this .samplers              = [ ];
    this .materials             = [ ];
-   this .textureTransformNodes = new Map ();
+   this .textureTransformNodes = [ ];
    this .cameras               = [ ];
    this .viewpoints            = 0;
    this .nodes                 = [ ];
@@ -47440,12 +47465,16 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       if (this .vectorValue (light .color, color))
          lightNode ._color = color;
 
+      lightNode ._global    = true;
       lightNode ._intensity = this .numberValue (light .intensity, 1);
 
       lightNode .setup ();
 
       if (name)
+      {
          scene .addNamedNode (scene .getUniqueName (name), lightNode);
+         scene .addExportedNode (scene .getUniqueExportName (name), lightNode);
+      }
 
       return lightNode;
    },
@@ -47591,7 +47620,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
                   components = Components .get (accessor .type),
                   count      = accessor .count || 0,
                   stride     = byteStride ? byteStride / TypedArray .BYTES_PER_ELEMENT : components,
-                  length     = stride * count,
+                  length     = Math .min (stride * count, (bufferView .byteLength - byteOffset) / TypedArray .BYTES_PER_ELEMENT),
                   array      = new TypedArray (bufferView .buffer, byteOffset, length);
 
                if (stride === components)
@@ -47716,7 +47745,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
                   name                  = this .sanitizeName (sampler .name);
 
                if (name)
+               {
                   scene .addNamedNode (scene .getUniqueName (name), texturePropertiesNode);
+                  scene .addExportedNode (scene .getUniqueExportName (name), texturePropertiesNode);
+               }
 
                // minFilter
 
@@ -47814,9 +47846,13 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
          name        = this .sanitizeName (texture .name || image .name);
 
       if (name)
+      {
          scene .addNamedNode (scene .getUniqueName (name), textureNode);
+         scene .addExportedNode (scene .getUniqueExportName (name), textureNode);
+      }
 
-      textureNode ._url = [image .uri];
+      textureNode ._url            = [image .uri];
+      textureNode ._flipVertically = true;
 
       const sampler = this .samplers [texture .sampler];
 
@@ -47842,13 +47878,18 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       if (material .appearanceNode)
          return material .appearanceNode;
 
-      if (!(material .extensions instanceof Object))
-         material .extensions = { };
+      const texCoordIndices = this .texCoordIndices ("", material);
+
+      this .texCoordIndex = [... texCoordIndices] .reduce (Math .max, -1);
+
+      this .textureTransformNodes = [ ];
+      this .texCoordMappings      = new Map ();
+      material .texCoordMappings  = this .texCoordMappings;
 
       const
          scene          = this .getExecutionContext (),
          appearanceNode = scene .createNode ("Appearance", false),
-         materialNode   = this .materialObjectMaterial (material),
+         materialNode   = this .createMaterial (material),
          name           = this .sanitizeName (material .name);
 
       const emissiveFactor = new Numbers_Color3 (0, 0, 0);
@@ -47856,8 +47897,8 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       if (this .vectorValue (material .emissiveFactor, emissiveFactor))
          materialNode ._emissiveColor = emissiveFactor;
 
-      materialNode ._emissiveTextureMapping = this .textureMapping (material .emissiveTexture);
       materialNode ._emissiveTexture        = this .textureInfo    (material .emissiveTexture);
+      materialNode ._emissiveTextureMapping = this .textureMapping (material .emissiveTexture);
 
       this .occlusionTextureInfo (material .occlusionTexture, materialNode);
       this .normalTextureInfo    (material .normalTexture,    materialNode);
@@ -47865,8 +47906,28 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
 
       materialNode .setup ();
 
+      for (const i of texCoordIndices)
+      {
+         const mapping = `TEXCOORD_${i}`;
+
+         if (this .textureTransformNodes .length)
+         {
+            const textureTransformNode = scene .createNode ("TextureTransform", false);
+
+            textureTransformNode ._mapping = mapping;
+            textureTransformNode .setup ();
+
+            this .textureTransformNodes .push (textureTransformNode);
+         }
+
+         this .texCoordMappings .set (mapping, i);
+      }
+
       if (name)
+      {
          scene .addNamedNode (scene .getUniqueName (name), appearanceNode);
+         scene .addExportedNode (scene .getUniqueExportName (name), appearanceNode);
+      }
 
       appearanceNode ._alphaMode        = this .stringValue (material .alphaMode, "OPAQUE");
       appearanceNode ._alphaCutoff      = this .numberValue (material .alphaCutoff, 0.5);
@@ -47877,11 +47938,24 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
 
       return material .appearanceNode = appearanceNode;
    },
-   materialObjectMaterial: function (material)
+   texCoordIndices: function (key, object, indices = new Set ())
+   {
+      if (!(object instanceof Object))
+         return indices;
+
+      if (key .endsWith ("Texture") && !object?.extensions?.KHR_texture_transform)
+         indices .add (object .texCoord || 0);
+
+      for (const [key, value] of Object .entries (object))
+         this .texCoordIndices (key, value, indices);
+
+      return indices;
+   },
+   createMaterial: function (material)
    {
       const materials = [
          this .pbrMetallicRoughnessObject .bind (this, material .pbrMetallicRoughness),
-         this .pbrSpecularGlossinessObject .bind (this, material .extensions .KHR_materials_pbrSpecularGlossiness),
+         this .pbrSpecularGlossinessObject .bind (this, material .extensions?.KHR_materials_pbrSpecularGlossiness),
          this .pbrMetallicRoughnessObject .bind (this, { }),
       ];
 
@@ -47915,10 +47989,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       materialNode ._metallic  = this .numberValue (pbrMetallicRoughness .metallicFactor,  1);
       materialNode ._roughness = this .numberValue (pbrMetallicRoughness .roughnessFactor, 1);
 
-      materialNode ._baseTextureMapping              = this .textureMapping (pbrMetallicRoughness .baseColorTexture);
       materialNode ._baseTexture                     = this .textureInfo    (pbrMetallicRoughness .baseColorTexture);
-      materialNode ._metallicRoughnessTextureMapping = this .textureMapping (pbrMetallicRoughness .metallicRoughnessTexture);
+      materialNode ._baseTextureMapping              = this .textureMapping (pbrMetallicRoughness .baseColorTexture);
       materialNode ._metallicRoughnessTexture        = this .textureInfo    (pbrMetallicRoughness .metallicRoughnessTexture);
+      materialNode ._metallicRoughnessTextureMapping = this .textureMapping (pbrMetallicRoughness .metallicRoughnessTexture);
 
       return materialNode;
    },
@@ -47953,30 +48027,23 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
 
       materialNode ._shininess = this .numberValue (pbrSpecularGlossiness .glossinessFactor, 1);
 
-      materialNode ._diffuseTextureMapping   = this .textureMapping (pbrSpecularGlossiness .diffuseTexture);
       materialNode ._diffuseTexture          = this .textureInfo    (pbrSpecularGlossiness .diffuseTexture);
-      materialNode ._specularTextureMapping  = this .textureMapping (pbrSpecularGlossiness .specularGlossinessTexture);
+      materialNode ._diffuseTextureMapping   = this .textureMapping (pbrSpecularGlossiness .diffuseTexture);
       materialNode ._specularTexture         = this .textureInfo    (pbrSpecularGlossiness .specularGlossinessTexture);
-      materialNode ._shininessTextureMapping = this .textureMapping (pbrSpecularGlossiness .specularGlossinessTexture);
+      materialNode ._specularTextureMapping  = this .textureMapping (pbrSpecularGlossiness .specularGlossinessTexture);
       materialNode ._shininessTexture        = this .textureInfo    (pbrSpecularGlossiness .specularGlossinessTexture);
+      materialNode ._shininessTextureMapping = this .textureMapping (pbrSpecularGlossiness .specularGlossinessTexture);
 
       return materialNode;
    },
-   textureMapping: function (texture)
-   {
-      if (!(texture instanceof Object))
-         return "";
-
-      return "TEXCOORD_" + (texture .texCoord || 0);
-   },
    occlusionTextureInfo: function (occlusionTexture, materialNode)
    {
       if (!(occlusionTexture instanceof Object))
          return null;
 
       materialNode ._occlusionStrength       = this .numberValue (occlusionTexture .strength, 1);
-      materialNode ._occlusionTextureMapping = this .textureMapping (occlusionTexture);
       materialNode ._occlusionTexture        = this .textureInfo (occlusionTexture);
+      materialNode ._occlusionTextureMapping = this .textureMapping (occlusionTexture);
    },
    normalTextureInfo: function (normalTexture, materialNode)
    {
@@ -47984,8 +48051,8 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
          return null;
 
       materialNode ._normalScale          = this .numberValue (normalTexture .scale, 1);
-      materialNode ._normalTextureMapping = this .textureMapping (normalTexture);
       materialNode ._normalTexture        = this .textureInfo (normalTexture);
+      materialNode ._normalTextureMapping = this .textureMapping (normalTexture);
    },
    textureInfo: function (texture)
    {
@@ -47993,10 +48060,19 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
          return null;
 
       if (texture .extensions instanceof Object)
-         this .textureTransformObject (texture .extensions .KHR_texture_transform, this .textureMapping (texture));
+         texture .mapping = this .textureTransformObject (texture .extensions .KHR_texture_transform, texture .texCoord || 0);
+      else
+         texture .mapping = `TEXCOORD_${texture .texCoord || 0}`;
 
       return this .textureObject (this .textures [texture .index]);
    },
+   textureMapping: function (texture)
+   {
+      if (!(texture instanceof Object))
+         return "";
+
+      return texture .mapping;
+   },
    materialExtensions: function (extensions, materialNode)
    {
       if (!(extensions instanceof Object))
@@ -48046,16 +48122,9 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       if (!(KHR_materials_emissive_strength instanceof Object))
          return;
 
-      const emissiveStrength = this .numberValue (KHR_materials_emissive_strength .emissiveStrength, 1);
-
-      // Will not always get the desired result, because colors are clamped values,
-      // especially if there is an emissiveTexture.
-
-      materialNode ._emissiveColor .r *= emissiveStrength;
-      materialNode ._emissiveColor .g *= emissiveStrength;
-      materialNode ._emissiveColor .b *= emissiveStrength;
+      materialNode ._emissiveStrength = this .numberValue (KHR_materials_emissive_strength .emissiveStrength, 1);
    },
-   textureTransformObject: function (KHR_texture_transform, mapping)
+   textureTransformObject: function (KHR_texture_transform, texCoord)
    {
       if (!(KHR_texture_transform instanceof Object))
          return;
@@ -48065,7 +48134,8 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
 
       const
          scene                = this .getExecutionContext (),
-         textureTransformNode = scene .createNode ("TextureTransformMatrix3D", false);
+         textureTransformNode = scene .createNode ("TextureTransformMatrix3D", false),
+         mapping              = `TEXCOORD_${this .texCoordIndex + this .textureTransformNodes .length + 1}`;
 
       const
          translation = new Numbers_Vector2 (0, 0),
@@ -48085,7 +48155,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
 
       textureTransformNode .setup ();
 
-      this .textureTransformNodes .set (mapping, textureTransformNode);
+      this .textureTransformNodes .push (textureTransformNode);
+      this .texCoordMappings .set (mapping, KHR_texture_transform .texCoord ?? texCoord);
+
+      return mapping;
    },
    meshesArray: function (meshes)
    {
@@ -48113,7 +48186,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       if (name)
       {
          for (const shapeNode of shapeNodes)
+         {
             scene .addNamedNode (scene .getUniqueName (name), shapeNode);
+            scene .addExportedNode (scene .getUniqueExportName (name), shapeNode);
+         }
       }
 
       return mesh .shapeNodes = shapeNodes;
@@ -48347,7 +48423,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       // Name
 
       if (name)
+      {
          scene .addNamedNode (scene .getUniqueName (name), viewpointNode);
+         scene .addExportedNode (scene .getUniqueExportName (name), viewpointNode);
+      }
 
       if (camera .name)
          viewpointNode ._description = camera .name;
@@ -48443,7 +48522,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       // Name
 
       if (name)
+      {
          scene .addNamedNode (scene .getUniqueName (name), transformNode);
+         scene .addExportedNode (scene .getUniqueExportName (name), transformNode);
+      }
 
       // Set transformation matrix.
 
@@ -48575,6 +48657,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
             const switchNode = scene .createNode ("Switch", false);
 
             scene .addNamedNode (scene .getUniqueName ("Scenes"), switchNode);
+            scene .addExportedNode (scene .getUniqueExportName ("Scenes"), switchNode);
 
             // Scenes.
 
@@ -48613,7 +48696,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
                name      = this .sanitizeName (sceneObject .name);
 
             if (name)
+            {
                scene .addNamedNode (scene .getUniqueName (name), groupNode);
+               scene .addExportedNode (scene .getUniqueExportName (name), groupNode);
+            }
 
             groupNode ._children = nodes;
 
@@ -48644,7 +48730,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
          groupNode = scene .createNode ("Group", false);
 
       scene .addNamedNode (scene .getUniqueName ("Animations"), groupNode);
-      scene .addExportedNode ("Animations", groupNode);
+      scene .addExportedNode (scene .getUniqueExportName ("Animations"), groupNode);
 
       groupNode ._children = animationNodes;
 
@@ -48673,6 +48759,8 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
 
       scene .addNamedNode (scene .getUniqueName (name || `Animation${this .animations}`), groupNode);
       scene .addNamedNode (scene .getUniqueName (`Timer${this .animations}`), timeSensorNode);
+      scene .addExportedNode (scene .getUniqueExportName (name || `Animation${this .animations}`), groupNode);
+      scene .addExportedNode (scene .getUniqueExportName (`Timer${this .animations}`), timeSensorNode);
 
       timeSensorNode ._description = animation .name || `Animation ${this .animations}`;
       groupNode ._children .push (timeSensorNode, ... channelNodes);
@@ -48807,11 +48895,9 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       if (!+materialNode .getTextureBits ())
          return null;
 
-      const textureTransformNodes = [... this .textureTransformNodes .values ()]
+      const textureTransformNodes = this .textureTransformNodes
          .sort ((a, b) => Algorithm.cmp (a ._mapping .getValue (), b ._mapping .getValue ()));
 
-      this .textureTransformNodes .clear ();
-
       switch (textureTransformNodes .length)
       {
          case 0:
@@ -49148,7 +49234,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       if (texCoords .textureCoordinateNode)
          return texCoords .textureCoordinateNode;
 
-      switch (texCoords .length)
+      switch (material .texCoordMappings .size)
       {
          case 0:
          {
@@ -49156,12 +49242,13 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
          }
          case 1:
          {
-            return texCoords .textureCoordinateNode = this .createTextureCoordinate (texCoords [0], 0);
+            return texCoords .textureCoordinateNode = [... material .texCoordMappings .entries ()]
+               .map (([mapping, i]) => this .createTextureCoordinate (texCoords [i], mapping)) [0];
          }
          default:
          {
-            const textureCoordinateNodes = texCoords
-               .map ((texCoord, i) => this .createTextureCoordinate (texCoord, i))
+            const textureCoordinateNodes = [... material .texCoordMappings .entries ()]
+               .map (([mapping, i]) => this .createTextureCoordinate (texCoords [i], mapping))
                .filter (node => node)
                .sort ((a, b) => Algorithm.cmp (a ._mapping .getValue (), b ._mapping .getValue ()));
 
@@ -49188,19 +49275,19 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       if (texCoord .type !== "VEC2")
          return null;
 
-      if (texCoord .textureCoordinateNode)
-         return texCoord .textureCoordinateNode;
+      if (texCoord [mapping])
+         return texCoord [mapping];
 
       const
          scene                 = this .getExecutionContext (),
          textureCoordinateNode = scene .createNode ("TextureCoordinate", false);
 
-      textureCoordinateNode ._mapping = "TEXCOORD_" + mapping;
+      textureCoordinateNode ._mapping = mapping;
       textureCoordinateNode ._point   = texCoord .array;
 
       textureCoordinateNode .setup ();
 
-      return texCoord .textureCoordinateNode = textureCoordinateNode;
+      return texCoord [mapping] = textureCoordinateNode;
    },
    createNormal: function (normal)
    {
@@ -49296,7 +49383,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
             interpolatorNode ._key .push (times [0] / cycleInterval);
 
             for (let i = 1, length = times .length; i < length; ++ i)
-               interpolatorNode ._key .push ((times [i] - STEP_TIME) / cycleInterval, times [i] / cycleInterval);
+               interpolatorNode ._key .push (times [i] / cycleInterval, times [i] / cycleInterval);
 
             // KeyValue
 
@@ -49370,7 +49457,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
             interpolatorNode ._key .push (times [0] / cycleInterval);
 
             for (let i = 1, length = times .length; i < length; ++ i)
-               interpolatorNode ._key .push ((times [i] - STEP_TIME) / cycleInterval, times [i] / cycleInterval);
+               interpolatorNode ._key .push (times [i] / cycleInterval, times [i] / cycleInterval);
 
             // KeyValue
 
@@ -49502,7 +49589,7 @@ const GLTF2Parser_default_ = GLTF2Parser;
 x_ite_Namespace.set ("x_ite/Parser/GLTF2Parser", GLTF2Parser_default_);
 /* harmony default export */ const Parser_GLTF2Parser = (GLTF2Parser_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/GLB2Parser.js
-/* provided dependency */ var GLB2Parser_$ = __webpack_require__(996);
+/* provided dependency */ var GLB2Parser_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -49655,7 +49742,7 @@ const GLB2Parser_default_ = GLB2Parser;
 x_ite_Namespace.set ("x_ite/Parser/GLB2Parser", GLB2Parser_default_);
 /* harmony default export */ const Parser_GLB2Parser = (GLB2Parser_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/OBJParser.js
-/* provided dependency */ var OBJParser_$ = __webpack_require__(996);
+/* provided dependency */ var OBJParser_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -49933,36 +50020,39 @@ OBJParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
       try
       {
          const
-            scene = this .getExecutionContext (),
-            url   = new URL (path, scene .getWorldURL ());
-
-         const input = await fetch (url)
-            .then (response => response .arrayBuffer ())
-            .then (arrayBuffer => OBJParser_$.decodeText (OBJParser_$.ungzip (arrayBuffer)))
-            .catch (Function .prototype);
-
-         const parser = new MaterialParser (scene, input);
+            scene       = this .getExecutionContext (),
+            url         = new URL (path, scene .getWorldURL ()),
+            response    = await fetch (url),
+            arrayBuffer = await response .arrayBuffer (),
+            input       = OBJParser_$.decodeText (OBJParser_$.ungzip (arrayBuffer)),
+            parser      = new MaterialParser (scene, input);
 
          parser .parse ();
 
-         for (const [name, material] of parser .materials)
+         for (const [id, material] of parser .materials)
          {
-            const nodeName = this .sanitizeName (name);
+            const name = this .sanitizeName (id);
 
-            if (nodeName)
-               scene .addNamedNode (scene .getUniqueName (nodeName), material);
+            if (name)
+            {
+               scene .addNamedNode (scene .getUniqueName (name), material);
+               scene .addExportedNode (scene .getUniqueExportName (name), material);
+            }
 
-            this .materials .set (name, material);
+            this .materials .set (id, material);
          }
 
-         for (const [name, texture] of parser .textures)
+         for (const [id, texture] of parser .textures)
          {
-            const nodeName = this .sanitizeName (name);
+            const name = this .sanitizeName (id);
 
-            if (nodeName)
-               scene .addNamedNode (scene .getUniqueName (nodeName), texture);
+            if (name)
+            {
+               scene .addNamedNode (scene .getUniqueName (name), texture);
+               scene .addExportedNode (scene .getUniqueExportName (name), texture);
+            }
 
-            this .textures .set (name, texture);
+            this .textures .set (id, texture);
          }
       }
       catch (error)
@@ -49980,10 +50070,10 @@ OBJParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
 
          if (OBJParser_Grammar .untilEndOfLine .parse (this))
          {
-            const name = this .result [1];
+            const id = this .result [1];
 
-            this .material = this .materials .get (name) || this .defaultMaterial;
-            this .texture  = this .textures .get (name);
+            this .material = this .materials .get (id) || this .defaultMaterial;
+            this .texture  = this .textures .get (id);
 
             const smoothingGroup = this .smoothingGroups .get (this .group .getNodeName ());
 
@@ -50007,8 +50097,8 @@ OBJParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
          if (OBJParser_Grammar .untilEndOfLine .parse (this))
          {
             const
-               scene    = this .getExecutionContext (),
-               nodeName = this .sanitizeName (this .result [1]);
+               scene = this .getExecutionContext (),
+               name  = this .sanitizeName (this .result [1]);
 
             if (this .group .children .length)
             {
@@ -50019,8 +50109,11 @@ OBJParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
                scene .getRootNodes () .push (this .object);
             }
 
-            if (nodeName)
-               scene .addNamedNode (scene .getUniqueName (nodeName), this .object);
+            if (name)
+            {
+               scene .addNamedNode (scene .getUniqueName (name), this .object);
+               scene .addExportedNode (scene .getUniqueExportName (name), this .object);
+            }
          }
 
          return true;
@@ -50039,10 +50132,10 @@ OBJParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
          if (OBJParser_Grammar .untilEndOfLine .parse (this))
          {
             const
-               scene    = this .getExecutionContext (),
-               name     = this .result [1],
-               nodeName = this .sanitizeName (name),
-               group    = this .groups .get (name);
+               scene = this .getExecutionContext (),
+               id    = this .result [1],
+               name  = this .sanitizeName (id),
+               group = this .groups .get (id);
 
             if (group)
             {
@@ -50058,10 +50151,13 @@ OBJParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
                }
             }
 
-            this .groups .set (name, this .group);
+            this .groups .set (id, this .group);
 
-            if (nodeName)
-               scene .addNamedNode (scene .getUniqueName (nodeName), this .group);
+            if (name)
+            {
+               scene .addNamedNode (scene .getUniqueName (name), this .group);
+               scene .addExportedNode (scene .getUniqueExportName (name), this .group);
+            }
 
             this .smoothingGroup = 0;
          }
@@ -50386,7 +50482,7 @@ function MaterialParser (scene, input)
    this .materials        = new Map ();
    this .textures         = new Map ();
    this .color3           = new Numbers_Color3 ();
-   this .name             = "";
+   this .id               = "";
 }
 
 MaterialParser .prototype =
@@ -50479,15 +50575,15 @@ MaterialParser .prototype =
       {
          this .whitespacesNoLineTerminator ();
 
-         this .name = "";
+         this .id = "";
 
          if (OBJParser_Grammar .untilEndOfLine .parse (this))
          {
-            this .name = this .result [1];
+            this .id = this .result [1];
 
             this .material = this .executionContext .createNode ("Material");
 
-            this .materials .set (this .name, this .material);
+            this .materials .set (this .id, this .material);
 
             return true;
          }
@@ -50652,7 +50748,7 @@ MaterialParser .prototype =
          {
             const string = this .result [1];
 
-            if (string .length && this .name .length)
+            if (string .length && this .id .length)
             {
                const paths = string .trim () .split (/\s+/);
 
@@ -50665,7 +50761,7 @@ MaterialParser .prototype =
 
                   texture .url = [path];
 
-                  this .textures .set (this .name, texture);
+                  this .textures .set (this .id, texture);
                }
             }
 
@@ -50954,7 +51050,10 @@ STLAParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototy
          coordinate .point         = this .point;
 
          if (name)
+         {
             scene .addNamedNode (scene .getUniqueName (name), shape);
+            scene .addExportedNode (scene .getUniqueExportName (name), shape);
+         }
 
          scene .getRootNodes () .push (shape);
 
@@ -51794,7 +51893,7 @@ x_ite_Namespace.set ("standard/Math/Geometry/Box2", Box2_default_);
 
 
 
-const { interval } = Algorithm;
+const { interval: Bezier_interval } = Algorithm;
 
 // https://pomax.github.io/bezierinfo/
 
@@ -51871,7 +51970,7 @@ const Bezier =
 
       // In accordance to: http://www.w3.org/TR/SVG/implnote.html#ArcOutOfRangeParameters
 
-      xAxisRotation = interval (xAxisRotation, 0, 2 * Math .PI);
+      xAxisRotation = Bezier_interval (xAxisRotation, 0, 2 * Math .PI);
 
       const
          sinRotation = Math .sin (xAxisRotation),
@@ -52096,8 +52195,8 @@ const MatrixStack_default_ = MatrixStack;
 x_ite_Namespace.set ("standard/Math/Utility/MatrixStack", MatrixStack_default_);
 /* harmony default export */ const Utility_MatrixStack = (MatrixStack_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/SVGParser.js
-/* provided dependency */ var SVGParser_$ = __webpack_require__(996);
-/* provided dependency */ var libtess = __webpack_require__(519);
+/* provided dependency */ var SVGParser_$ = __webpack_require__(998);
+/* provided dependency */ var libtess = __webpack_require__(422);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -52454,6 +52553,7 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
       // Add root Transform node.
 
       scene .addNamedNode (scene .getUniqueName ("ViewBox"), this .rootTransform);
+      scene .addExportedNode (scene .getUniqueExportName ("ViewBox"), this .rootTransform);
       scene .getRootNodes () .push (this .rootTransform);
 
       // Optimize scene graph.
@@ -53312,7 +53412,10 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
          name  = this .sanitizeName (attribute);
 
       if (name)
+      {
 		   scene .addNamedNode (scene .getUniqueName (name), node);
+		   scene .addExportedNode (scene .getUniqueExportName (name), node);
+      }
    },
    viewBoxAttribute: function (attribute, defaultValue)
    {
@@ -54862,7 +54965,7 @@ const SVGParser_default_ = SVGParser;
 x_ite_Namespace.set ("x_ite/Parser/SVGParser", SVGParser_default_);
 /* harmony default export */ const Parser_SVGParser = (SVGParser_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/GoldenGate.js
-/* provided dependency */ var GoldenGate_$ = __webpack_require__(996);
+/* provided dependency */ var GoldenGate_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -55191,7 +55294,7 @@ const Plane3_default_ = Plane3;
 x_ite_Namespace.set ("standard/Math/Geometry/Plane3", Plane3_default_);
 /* harmony default export */ const Geometry_Plane3 = (Plane3_default_);
 ;// CONCATENATED MODULE: ./src/standard/Math/Geometry/Triangle3.js
-/* provided dependency */ var Triangle3_libtess = __webpack_require__(519);
+/* provided dependency */ var Triangle3_libtess = __webpack_require__(422);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -58368,6 +58471,7 @@ X3DRenderObject .prototype =
       gl .depthMask (true);
       gl .enable (gl .DEPTH_TEST);
       gl .disable (gl .BLEND);
+      gl .colorMask (true, true, true, false);
 
       const opaqueShapes = this .opaqueShapes;
 
@@ -58389,6 +58493,7 @@ X3DRenderObject .prototype =
 
       gl .depthMask (false);
       gl .enable (gl .BLEND);
+      gl .colorMask (true, true, true, true);
 
       const transparentShapes = this .transparentShapes;
 
@@ -58978,8 +59083,6 @@ function X3DBindableNode (executionContext)
    Core_X3DChildNode.call (this, executionContext);
 
    this .addType (Base_X3DConstants.X3DBindableNode);
-
-   this .addChildObjects ("transitionActive", new x_ite_Fields.SFBool ());
 }
 
 X3DBindableNode .prototype = Object .assign (Object .create (Core_X3DChildNode.prototype),
@@ -59067,6 +59170,7 @@ function NavigationInfo (executionContext)
    this .addType (Base_X3DConstants.NavigationInfo);
 
    this .addChildObjects ("transitionStart",  new x_ite_Fields.SFBool (),
+                          "transitionActive", new x_ite_Fields.SFBool (),
                           "availableViewers", new x_ite_Fields.MFString (),
                           "viewer",           new x_ite_Fields.SFString ("EXAMINE"));
 
@@ -59980,7 +60084,7 @@ X3DGeometryNode .prototype = Object .assign (Object .create (Core_X3DNode.protot
       this .backFace              = new Map ([[gl .CCW, gl .CW], [gl .CW, gl .CCW]]);
       this .attribBuffers         = [ ];
       this .textureCoordinateNode = browser .getDefaultTextureCoordinate ();
-      this .texCoordBuffers       = Array .from ({length: browser .getMaxTextures ()}, () => gl .createBuffer ());
+      this .texCoordBuffers       = Array .from ({length: browser .getMaxTexCoords ()}, () => gl .createBuffer ());
       this .fogDepthBuffer        = gl .createBuffer ();
       this .colorBuffer           = gl .createBuffer ();
       this .normalBuffer          = gl .createBuffer ();
@@ -60632,16 +60736,6 @@ X3DGeometryNode .prototype = Object .assign (Object .create (Core_X3DNode.protot
          if (this .multiTexCoords .length === 0)
             this .buildTexCoords ();
 
-         if (this .multiTexCoords .length)
-         {
-            const maxTextures = this .getBrowser () .getMaxTextures ();
-
-            for (let i = this .multiTexCoords .length; i < maxTextures; ++ i)
-               this .multiTexCoords [i] = this .multiTexCoords .at (-1);
-
-            this .multiTexCoords .length = maxTextures;
-         }
-
          // Transfer arrays and update.
 
          this .transfer ();
@@ -60821,8 +60915,7 @@ X3DGeometryNode .prototype = Object .assign (Object .create (Core_X3DNode.protot
          attribBuffers = this .attribBuffers,
          primitiveMode = browser .getPrimitiveMode (this .primitiveMode);
 
-      if (blendModeNode)
-         blendModeNode .enable (gl);
+      blendModeNode?.enable (gl);
 
       shaderNode .enable (gl);
       shaderNode .setUniforms (gl, this, renderContext, front);
@@ -60893,8 +60986,7 @@ X3DGeometryNode .prototype = Object .assign (Object .create (Core_X3DNode.protot
          }
       }
 
-      if (blendModeNode)
-         blendModeNode .disable (gl);
+      blendModeNode?.disable (gl);
    },
    displaySimpleParticles: function (gl, shaderNode, particleSystem)
    {
@@ -60942,8 +61034,7 @@ X3DGeometryNode .prototype = Object .assign (Object .create (Core_X3DNode.protot
          attribBuffers = this .attribBuffers,
          primitiveMode = browser .getPrimitiveMode (this .primitiveMode);
 
-      if (blendModeNode)
-         blendModeNode .enable (gl);
+      blendModeNode?.enable (gl);
 
       // Setup shader.
 
@@ -61013,8 +61104,7 @@ X3DGeometryNode .prototype = Object .assign (Object .create (Core_X3DNode.protot
          gl .drawArraysInstanced (primitiveMode, 0, this .vertexCount, particleSystem .numParticles);
       }
 
-      if (blendModeNode)
-         blendModeNode .disable (gl);
+      blendModeNode?.disable (gl);
    },
 });
 
@@ -62432,7 +62522,7 @@ const X3DTexture2DNode_default_ = X3DTexture2DNode;
 x_ite_Namespace.set ("x_ite/Components/Texturing/X3DTexture2DNode", X3DTexture2DNode_default_);
 /* harmony default export */ const Texturing_X3DTexture2DNode = (X3DTexture2DNode_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Texturing/ImageTexture.js
-/* provided dependency */ var ImageTexture_$ = __webpack_require__(996);
+/* provided dependency */ var ImageTexture_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -62497,7 +62587,6 @@ function ImageTexture (executionContext)
    this .addType (Base_X3DConstants.ImageTexture);
 
    this .image    = ImageTexture_$("<img></img>");
-   this .canvas   = ImageTexture_$("<canvas></canvas>");
    this .urlStack = new x_ite_Fields.MFString ();
 }
 
@@ -62512,6 +62601,7 @@ ImageTexture .prototype = Object .assign (Object .create (Texturing_X3DTexture2D
       new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput,    "url",                  new x_ite_Fields.MFString ()),
       new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput,    "autoRefresh",          new x_ite_Fields.SFTime ()),
       new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput,    "autoRefreshTimeLimit", new x_ite_Fields.SFTime (3600)),
+      new Base_X3DFieldDefinition (Base_X3DConstants.initializeOnly, "flipVertically",       new x_ite_Fields.SFBool ()),
       new Base_X3DFieldDefinition (Base_X3DConstants.initializeOnly, "repeatS",              new x_ite_Fields.SFBool (true)),
       new Base_X3DFieldDefinition (Base_X3DConstants.initializeOnly, "repeatT",              new x_ite_Fields.SFBool (true)),
       new Base_X3DFieldDefinition (Base_X3DConstants.initializeOnly, "textureProperties",    new x_ite_Fields.SFNode ()),
@@ -62533,6 +62623,8 @@ ImageTexture .prototype = Object .assign (Object .create (Texturing_X3DTexture2D
       Texturing_X3DTexture2DNode.prototype.initialize.call (this);
       Networking_X3DUrlObject.prototype.initialize.call (this);
 
+      this ._flipVertically .addInterest ("set_url__", this);
+
       this .image .on ("load",        this .setImage .bind (this));
       this .image .on ("abort error", this .setError .bind (this));
       this .image .prop ("crossOrigin", "Anonymous");
@@ -62580,7 +62672,7 @@ ImageTexture .prototype = Object .assign (Object .create (Texturing_X3DTexture2D
 
       this .loadNext ();
    },
-   setImage: function ()
+   setImage: async function ()
    {
       if (DEBUG)
       {
@@ -62591,69 +62683,61 @@ ImageTexture .prototype = Object .assign (Object .create (Texturing_X3DTexture2D
       try
       {
          const
-            gl     = this .getBrowser () .getContext (),
-            image  = this .image [0],
-            canvas = this .canvas [0],
-            cx     = canvas .getContext ("2d", { willReadFrequently: true });
-
-         let
-            width  = image .width,
-            height = image .height;
+            gl    = this .getBrowser () .getContext (),
+            image = this .image [0];
 
          // https://developer.mozilla.org/en-US/docs/Web/API/createImageBitmap
          // createImageBitmap
 
-         // Scale image if needed and flip vertically.
-
-         if (gl .getVersion () >= 2 || (Algorithm.isPowerOfTwo (width) && Algorithm.isPowerOfTwo (height)))
+         if (gl .getVersion () === 1 && !(Algorithm.isPowerOfTwo (image .width) && Algorithm.isPowerOfTwo (image .height)))
          {
-            // Flip Y
+            const
+               canvas = document .createElement ("canvas"),
+               cx     = canvas .getContext ("2d", { willReadFrequently: true }),
+               width  = Algorithm.nextPowerOfTwo (image .width),
+               height = Algorithm.nextPowerOfTwo (image .height);
+
+            // Flip Y and scale image to next power of two if needed.
 
             canvas .width  = width;
             canvas .height = height;
 
             cx .clearRect (0, 0, width, height);
             cx .save ();
-            cx .translate (0, height);
-            cx .scale (1, -1);
-            cx .drawImage (image, 0, 0);
-            cx .restore ();
-         }
-         else
-         {
-            // Flip Y and scale image to next power of two.
 
-            width  = Algorithm.nextPowerOfTwo (width);
-            height = Algorithm.nextPowerOfTwo (height);
-
-            canvas .width  = width;
-            canvas .height = height;
+            if (!this ._flipVertically .getValue ())
+            {
+               cx .translate (0, height);
+               cx .scale (1, -1);
+            }
 
-            cx .clearRect (0, 0, width, height);
-            cx .save ();
-            cx .translate (0, height);
-            cx .scale (1, -1);
             cx .drawImage (image, 0, 0, image .width, image .height, 0, 0, width, height);
             cx .restore ();
-         }
 
-         // Determine image alpha.
+            // Determine image alpha.
 
-         const data = cx .getImageData (0, 0, width, height) .data;
+            const
+               data        = cx .getImageData (0, 0, width, height, { premultipliedAlpha: false }) .data,
+               transparent = this .isImageTransparent (data);
 
-         let transparent = false;
+            // Upload image to GPU.
 
-         for (let i = 3, length = data .length; i < length; i += 4)
-         {
-            if (data [i] !== 255)
-            {
-               transparent = true;
-               break;
-            }
+            this .setTexture (width, height, transparent, data, false);
+            this .setLoadState (Base_X3DConstants.COMPLETE_STATE);
          }
+         else
+         {
+            const
+               data        = await this .getImageData (image),
+               transparent = this .isImageTransparent (data),
+               width       = image .width,
+               height      = image .height;
 
-         this .setTexture (width, height, transparent, data, false);
-         this .setLoadState (Base_X3DConstants.COMPLETE_STATE);
+            // Upload image to GPU.
+
+            this .setTexture (width, height, transparent, data, !this ._flipVertically .getValue ());
+            this .setLoadState (Base_X3DConstants.COMPLETE_STATE);
+         }
       }
       catch (error)
       {
@@ -62661,6 +62745,54 @@ ImageTexture .prototype = Object .assign (Object .create (Texturing_X3DTexture2D
          this .setError ({ type: error .message });
       }
    },
+   getImageData: async function (image)
+   {
+      const
+         gl          = this .getBrowser () .getContext (),
+         framebuffer = gl .createFramebuffer (),
+         texture     = gl .createTexture (),
+         data        = new Uint8Array (image .width * image .height * 4);
+
+      gl .bindFramebuffer (gl.FRAMEBUFFER, framebuffer);
+      gl .bindTexture (gl.TEXTURE_2D, texture);
+      gl .framebufferTexture2D (gl.FRAMEBUFFER, gl .COLOR_ATTACHMENT0, gl .TEXTURE_2D, texture, 0);
+      gl .texImage2D (gl .TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
+      await gl .readPixelsAsync (0, 0, image .width, image .height, gl.RGBA, gl.UNSIGNED_BYTE, data);
+      gl .deleteFramebuffer (framebuffer);
+      gl .deleteTexture (texture);
+
+      return data;
+   },
+   isImageTransparent: function (data)
+   {
+      for (let i = 3, length = data .length; i < length; i += 4)
+      {
+         if (data [i] !== 255)
+            return true;
+      }
+
+      return false;
+   },
+   flipImage (data, width, height, components)
+   {
+      const
+         height1_2   = height >> 1,
+         bytesPerRow = width * components,
+         tmp         = new Uint8Array (bytesPerRow);
+
+      for (let y = 0; y < height1_2; ++ y)
+      {
+         const
+            top    = y * bytesPerRow,
+            bottom = (height - y - 1) * bytesPerRow;
+
+         tmp .set (data .subarray (top, top + bytesPerRow));
+         data .copyWithin (top, bottom, bottom + bytesPerRow);
+         data .set (tmp, bottom);
+      }
+
+      return data;
+   },
    dispose: function ()
    {
       Networking_X3DUrlObject.prototype.dispose.call (this);
@@ -63046,13 +63178,17 @@ X3DLayerNode .prototype = Object .assign (Object .create (Core_X3DNode.prototype
    {
       return this .collisionTime;
    },
-   lookAt: function (factor = 1, straighten = false)
+   viewAll: function (factor = 1, straighten = false)
    {
       const
          viewpointNode = this .getViewpoint (),
          bbox          = this .getBBox (new Geometry_Box3 ()) .multRight (Numbers_Matrix4.inverse (viewpointNode .getModelMatrix ()));
 
-         viewpointNode .lookAt (this, bbox .center, viewpointNode .getLookAtDistance (bbox), factor, straighten);
+      viewpointNode .lookAt (this, bbox .center, viewpointNode .getLookAtDistance (bbox), factor, straighten);
+   },
+   straightenView: function ()
+   {
+      this .getViewpoint () .straightenView (this);
    },
    set_viewport__: function ()
    {
@@ -64599,7 +64735,6 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
       this .scaleOrientationInterpolator .setup ();
       this .fieldOfViewScaleInterpolator .setup ();
 
-      this .timeSensor ._isActive         .addFieldInterest (this ._transitionActive);
       this .timeSensor ._fraction_changed .addFieldInterest (this .easeInEaseOut ._set_fraction);
 
       this .easeInEaseOut ._modifiedFraction_changed .addFieldInterest (this .positionInterpolator         ._set_fraction);
@@ -64667,10 +64802,18 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
    },
    set_active__: function (navigationInfoNode, active)
    {
-      if (this ._isBound .getValue () && ! active .getValue () && this .timeSensor ._fraction_changed .getValue () === 1)
-      {
-         navigationInfoNode ._transitionComplete = true;
-      }
+      if (active .getValue ())
+         return;
+
+      this .timeSensor ._isActive .removeInterest ("set_active__", this);
+
+      if (!this ._isBound .getValue ())
+         return;
+
+      if (this .timeSensor ._fraction_changed .getValue () !== 1)
+         return;
+
+      navigationInfoNode ._transitionComplete = true;
    },
    setInterpolators: function () { },
    getPosition: function ()
@@ -64753,6 +64896,11 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
          if (this ._viewAll .getValue ())
             this .viewAll (layerNode .getBBox (new Geometry_Box3 ()));
 
+         if (this .getBrowser () .getBrowserOption ("StraightenHorizon"))
+         {
+            this ._orientationOffset = this .straightenHorizon (this .getUserOrientation ()) .multLeft (this .getOrientation () .copy () .inverse ());
+         }
+
          // Handle NavigationInfo.
 
          const
@@ -64801,7 +64949,7 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
             }
          }
 
-         layerNode .getNavigationInfo () ._transitionStart = true;
+         navigationInfoNode ._transitionStart = true;
 
          this .timeSensor ._cycleInterval = transitionTime;
          this .timeSensor ._stopTime      = this .getBrowser () .getCurrentTime ();
@@ -64820,11 +64968,13 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
          this ._scaleOrientationOffset = relative .scaleOrientation;
 
          this .setInterpolators (fromViewpointNode, relative);
-
-         this ._transitionActive = true;
       }
       else
       {
+         const navigationInfoNode = layerNode .getNavigationInfo ();
+
+         navigationInfoNode ._transitionComplete = true;
+
          const relative = this .getRelativeTransformation (fromViewpointNode);
 
          this ._positionOffset         = relative .position;
@@ -64849,6 +64999,11 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
       this ._centerOfRotationOffset = Numbers_Vector3.Zero;
       this ._fieldOfViewScale       = 1;
 
+      if (this .getBrowser () .getBrowserOption ("StraightenHorizon"))
+      {
+         this ._orientationOffset = this .straightenHorizon (this .getUserOrientation ()) .multLeft (this .getOrientation () .copy () .inverse ());
+      }
+
       this .set_nearDistance__ ();
       this .set_farDistance__ ();
    },
@@ -64894,7 +65049,7 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
          x .assign (up) .cross (z) .normalize ();
          y .assign (z) .cross (x) .normalize ();
 
-         m .set (x.x, x.y, x.z, y.x, y.y, y.z, z.x, z.y, z.z);
+         m .set (... x, ... y, ... z);
          r .setMatrix (m);
 
          return r;
@@ -64923,14 +65078,10 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
       const
          offset = point .copy () .add (this .getUserOrientation () .multVecRot (new Numbers_Vector3 (0, 0, distance))) .subtract (this .getPosition ());
 
-      layerNode .getNavigationInfo () ._transitionStart = true;
-
-      this .timeSensor ._cycleInterval = 0.2;
+      this .timeSensor ._cycleInterval = 1;
       this .timeSensor ._stopTime      = this .getBrowser () .getCurrentTime ();
       this .timeSensor ._startTime     = this .getBrowser () .getCurrentTime ();
 
-      this .timeSensor ._isActive .addInterest ("set_active__", this, layerNode .getNavigationInfo ());
-
       this .easeInEaseOut ._easeInEaseOut = new x_ite_Fields.MFVec2f (new x_ite_Fields.SFVec2f (0, 1), new x_ite_Fields.SFVec2f (1, 0));
 
       const
@@ -64953,19 +65104,17 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
 
       this ._fieldOfViewScale       = 1;
       this ._centerOfRotationOffset = Numbers_Vector3.subtract (point, this .getCenterOfRotation ());
+      this .nearDistance            = Math .min (distance / 2, 0.125);
+      this .farDistance             = this .nearDistance * this .getMaxFarValue () / 0.125;
 
       this .setInterpolators (this, relative);
    },
-   straighten: function (layerNode, horizon)
+   straightenView: function (layerNode)
    {
-      layerNode .getNavigationInfo () ._transitionStart = true;
-
-      this .timeSensor ._cycleInterval = 0.4;
+      this .timeSensor ._cycleInterval = 1;
       this .timeSensor ._stopTime      = this .getBrowser () .getCurrentTime ();
       this .timeSensor ._startTime     = this .getBrowser () .getCurrentTime ();
 
-      this .timeSensor ._isActive .addInterest ("set_active__", this, layerNode .getNavigationInfo ());
-
       this .easeInEaseOut ._easeInEaseOut = new x_ite_Fields.MFVec2f (new x_ite_Fields.SFVec2f (0, 1), new x_ite_Fields.SFVec2f (1, 0));
 
       const rotation = Numbers_Rotation4.multRight (Numbers_Rotation4.inverse (this .getOrientation ()), this .straightenHorizon (this .getUserOrientation ()));
@@ -64988,7 +65137,7 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
          localZAxis  = new Numbers_Vector3 (0, 0, 0),
          rotation    = new Numbers_Rotation4 (0, 0, 1, 0);
 
-      return function (orientation, upVector = this .getUpVector ())
+      return function (orientation, upVector = this .getUpVector (true))
       {
          orientation .multVecRot (localXAxis .assign (Numbers_Vector3.xAxis) .negate ());
          orientation .multVecRot (localZAxis .assign (Numbers_Vector3.zAxis));
@@ -66674,7 +66823,7 @@ const X3DWorld_default_ = X3DWorld;
 x_ite_Namespace.set ("x_ite/Execution/X3DWorld", X3DWorld_default_);
 /* harmony default export */ const Execution_X3DWorld = (X3DWorld_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/InputOutput/FileLoader.js
-/* provided dependency */ var FileLoader_$ = __webpack_require__(996);
+/* provided dependency */ var FileLoader_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -66809,7 +66958,7 @@ FileLoader .prototype = Object .assign (Object .create (Base_X3DObject.prototype
          else
             scene .setExecutionContext (this .executionContext);
 
-         scene .setWorldURL (decodeURI (new URL (worldURL, this .getReferer ()) .href));
+         scene .setWorldURL (new URL (worldURL, this .getReferer ()) .href);
 
          if (success)
             success = this .setScene .bind (this, scene, success, error);
@@ -68132,9 +68281,9 @@ X3DExecutionContext .prototype = Object .assign (Object .create (Base_X3DBaseNod
    {
       return this [_namedNodes];
    },
-   getUniqueName: function (name = "")
+   getUniqueName: function (name)
    {
-      return getUniqueName .call (this, _namedNodes, name);
+      return getUniqueName (this [_namedNodes], name);
    },
    addImportedNode: function (inlineNode, exportedName, importedName)
    {
@@ -68315,9 +68464,9 @@ X3DExecutionContext .prototype = Object .assign (Object .create (Base_X3DBaseNod
    {
       return this [_protos];
    },
-   getUniqueProtoName: function (name = "")
+   getUniqueProtoName: function (name)
    {
-      return getUniqueName .call (this, _protos, name);
+      return getUniqueName (this [_protos], name);
    },
    getExternProtoDeclaration: function (name)
    {
@@ -68379,9 +68528,9 @@ X3DExecutionContext .prototype = Object .assign (Object .create (Base_X3DBaseNod
    {
       return this [_externprotos];
    },
-   getUniqueExternProtoName: function (name = "")
+   getUniqueExternProtoName: function (name)
    {
-      return getUniqueName .call (this, _externprotos, name);
+      return getUniqueName (this [_externprotos], name);
    },
    addRoute: function (sourceNode, sourceField, destinationNode, destinationField)
    {
@@ -68768,36 +68917,6 @@ X3DExecutionContext .prototype = Object .assign (Object .create (Base_X3DBaseNod
    },
 });
 
-const getUniqueName = (function ()
-{
-   const _TrailingNumbers = /_\d+$/;
-
-   return function (array, name = "")
-   {
-      name = String (name) .replace (_TrailingNumbers, "");
-
-      let
-         newName = name,
-         i       = 64;
-
-      for (; i;)
-      {
-         if (! (this [array] .has (newName) || newName .length === 0))
-            break;
-
-         const
-            min = i,
-            max = i <<= 1;
-
-         newName  = name;
-         newName += '_';
-         newName += Math .round (Algorithm.random (min, max));
-      }
-
-      return newName;
-   };
-})();
-
 for (const key of Reflect .ownKeys (X3DExecutionContext .prototype))
    Object .defineProperty (X3DExecutionContext .prototype, key, { enumerable: false });
 
@@ -68878,7 +68997,7 @@ const X3DExecutionContext_default_ = X3DExecutionContext;
 x_ite_Namespace.set ("x_ite/Execution/X3DExecutionContext", X3DExecutionContext_default_);
 /* harmony default export */ const Execution_X3DExecutionContext = (X3DExecutionContext_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Configuration/ComponentInfo.js
-/* provided dependency */ var ComponentInfo_$ = __webpack_require__(996);
+/* provided dependency */ var ComponentInfo_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -69653,6 +69772,7 @@ x_ite_Namespace.set ("x_ite/Execution/ExportedNodesArray", ExportedNodesArray_de
 
 
 
+
 Configuration_SupportedNodes.addAbstractType ("X3DScene", X3DScene);
 
 const
@@ -69953,6 +70073,10 @@ X3DScene .prototype = Object .assign (Object .create (Execution_X3DExecutionCont
    {
       return this [_exportedNodes];
    },
+   getUniqueExportName: function (name)
+   {
+      return getUniqueName (this [_exportedNodes], name);
+   },
    addRootNode: function (node)
    {
       node = Fields_SFNodeCache.get (Base_X3DCast (Base_X3DConstants.X3DNode, node, false));
@@ -70844,7 +70968,7 @@ const DataStorage_default_ = DataStorage;
 x_ite_Namespace.set ("standard/Utility/DataStorage", DataStorage_default_);
 /* harmony default export */ const Utility_DataStorage = (DataStorage_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/X3DCoreContext.js
-/* provided dependency */ var X3DCoreContext_$ = __webpack_require__(996);
+/* provided dependency */ var X3DCoreContext_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -73143,15 +73267,9 @@ X3DSingleTextureCoordinateNode .prototype = Object .assign (Object .create (Text
    },
    getTextureCoordinateMapping: function (textureCoordinateMapping, channel = 0)
    {
-      if (this ._mapping .getValue ())
-         textureCoordinateMapping .set (this ._mapping .getValue (), channel);
-   },
-   setShaderUniforms: function (gl, shaderObject)
-   {
-      for (let i = 0, length = shaderObject .x3d_MaxTextures; i < length; ++ i)
-         this .setShaderUniformsToChannel (gl, shaderObject, i);
+      textureCoordinateMapping .set (this ._mapping .getValue () || channel, channel);
    },
-   setShaderUniformsToChannel: function (gl, shaderObject, channel = 0)
+   setShaderUniforms: function (gl, shaderObject, channel = 0)
    {
       gl .uniform1i (shaderObject .x3d_TextureCoordinateGeneratorMode [channel], 0);
    },
@@ -74938,8 +75056,7 @@ X3DLineGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DGe
 
                // Render triangles.
 
-               if (blendModeNode)
-                  blendModeNode .enable (gl);
+               blendModeNode?.enable (gl);
 
                // Setup shader.
 
@@ -74981,8 +75098,7 @@ X3DLineGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DGe
                gl .enable (gl .CULL_FACE);
                gl .drawArrays (primitiveMode, 0, this .vertexCount * 3);
 
-               if (blendModeNode)
-                  blendModeNode .disable (gl);
+               blendModeNode?.disable (gl);
 
                return;
             }
@@ -74990,8 +75106,7 @@ X3DLineGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DGe
 
          const primitiveMode = browser .getPrimitiveMode (this .getPrimitiveMode ());
 
-         if (blendModeNode)
-            blendModeNode .enable (gl);
+         blendModeNode?.enable (gl);
 
          // Setup shader.
 
@@ -75021,8 +75136,7 @@ X3DLineGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DGe
 
          gl .drawArrays (primitiveMode, 0, this .vertexCount);
 
-         if (blendModeNode)
-            blendModeNode .disable (gl);
+         blendModeNode?.disable (gl);
 
          gl .lineWidth (1);
       };
@@ -75038,8 +75152,7 @@ X3DLineGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DGe
          attribBuffers  = this .getAttribBuffers (),
          primitiveMode  = browser .getPrimitiveMode (this .getPrimitiveMode ());
 
-      if (blendModeNode)
-         blendModeNode .enable (gl);
+      blendModeNode?.enable (gl);
 
       // Setup shader.
 
@@ -75078,8 +75191,7 @@ X3DLineGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DGe
 
       gl .drawArraysInstanced (primitiveMode, 0, this .vertexCount, particleSystem .numParticles);
 
-      if (blendModeNode)
-         blendModeNode .disable (gl);
+      blendModeNode?.disable (gl);
 
       gl .lineWidth (1);
    },
@@ -77334,8 +77446,8 @@ const OrientationChaser_default_ = OrientationChaser;
 x_ite_Namespace.set ("x_ite/Components/Followers/OrientationChaser", OrientationChaser_default_);
 /* harmony default export */ const Followers_OrientationChaser = (OrientationChaser_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/ExamineViewer.js
-/* provided dependency */ var jquery_mousewheel = __webpack_require__(549);
-/* provided dependency */ var ExamineViewer_$ = __webpack_require__(996);
+/* provided dependency */ var jquery_mousewheel = __webpack_require__(136);
+/* provided dependency */ var ExamineViewer_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -78127,7 +78239,7 @@ ExamineViewer .prototype = Object .assign (Object .create (Navigation_X3DViewer.
             .multRight (orientationOffsetBefore);
 
          if (straightenHorizon)
-            viewpoint .straightenHorizon (userOrientation, viewpoint .getUpVector (true));
+            viewpoint .straightenHorizon (userOrientation);
 
          const orientationOffsetAfter = orientationOffset
             .assign (viewpoint .getOrientation ())
@@ -78199,8 +78311,8 @@ const ExamineViewer_default_ = ExamineViewer;
 x_ite_Namespace.set ("x_ite/Browser/Navigation/ExamineViewer", ExamineViewer_default_);
 /* harmony default export */ const Navigation_ExamineViewer = (ExamineViewer_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/X3DFlyViewer.js
-/* provided dependency */ var X3DFlyViewer_jquery_mousewheel = __webpack_require__(549);
-/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(996);
+/* provided dependency */ var X3DFlyViewer_jquery_mousewheel = __webpack_require__(136);
+/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -79150,8 +79262,8 @@ const FlyViewer_default_ = FlyViewer;
 x_ite_Namespace.set ("x_ite/Browser/Navigation/FlyViewer", FlyViewer_default_);
 /* harmony default export */ const Navigation_FlyViewer = (FlyViewer_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/PlaneViewer.js
-/* provided dependency */ var PlaneViewer_jquery_mousewheel = __webpack_require__(549);
-/* provided dependency */ var PlaneViewer_$ = __webpack_require__(996);
+/* provided dependency */ var PlaneViewer_jquery_mousewheel = __webpack_require__(136);
+/* provided dependency */ var PlaneViewer_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -79460,8 +79572,8 @@ const NoneViewer_default_ = NoneViewer;
 x_ite_Namespace.set ("x_ite/Browser/Navigation/NoneViewer", NoneViewer_default_);
 /* harmony default export */ const Navigation_NoneViewer = (NoneViewer_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/LookAtViewer.js
-/* provided dependency */ var LookAtViewer_jquery_mousewheel = __webpack_require__(549);
-/* provided dependency */ var LookAtViewer_$ = __webpack_require__(996);
+/* provided dependency */ var LookAtViewer_jquery_mousewheel = __webpack_require__(136);
+/* provided dependency */ var LookAtViewer_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -81064,8 +81176,8 @@ const X3DPickingContext_default_ = X3DPickingContext;
 x_ite_Namespace.set ("x_ite/Browser/Picking/X3DPickingContext", X3DPickingContext_default_);
 /* harmony default export */ const Picking_X3DPickingContext = (X3DPickingContext_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/PointingDeviceSensor/PointingDevice.js
-/* provided dependency */ var PointingDevice_jquery_mousewheel = __webpack_require__(549);
-/* provided dependency */ var PointingDevice_$ = __webpack_require__(996);
+/* provided dependency */ var PointingDevice_jquery_mousewheel = __webpack_require__(136);
+/* provided dependency */ var PointingDevice_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -82087,8 +82199,8 @@ const MultiSampleFrameBuffer_default_ = MultiSampleFrameBuffer;
 x_ite_Namespace.set ("x_ite/Rendering/MultiSampleFrameBuffer", MultiSampleFrameBuffer_default_);
 /* harmony default export */ const Rendering_MultiSampleFrameBuffer = (MultiSampleFrameBuffer_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Rendering/X3DRenderingContext.js
-/* provided dependency */ var X3DRenderingContext_$ = __webpack_require__(996);
-/* provided dependency */ var ResizeSensor = __webpack_require__(364);
+/* provided dependency */ var X3DRenderingContext_$ = __webpack_require__(998);
+/* provided dependency */ var ResizeSensor = __webpack_require__(599);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -82551,6 +82663,14 @@ uniform float x3d_AlphaCutoff;
       #if X3D_NUM_TEXTURE_COORDINATES > 1
          varying vec4 texCoord1;
       #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+         varying vec4 texCoord2;
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+         varying vec4 texCoord3;
+      #endif
    #endif
 #else
    #if defined (X3D_TEXTURE) || defined (X3D_MATERIAL_TEXTURES)
@@ -82561,6 +82681,14 @@ uniform float x3d_AlphaCutoff;
       #if X3D_NUM_TEXTURE_COORDINATES > 1
          vec4 texCoord1 = vec4 (0.0, 0.0, 0.0, 1.0);
       #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+         vec4 texCoord2 = vec4 (0.0, 0.0, 0.0, 1.0);
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+         vec4 texCoord3 = vec4 (0.0, 0.0, 0.0, 1.0);
+      #endif
    #endif
 #endif
 
@@ -82606,7 +82734,7 @@ fragment_main ()
    #endif
 
    #if defined (X3D_GEOMETRY_0D) && defined (X3D_STYLE_PROPERTIES)
-      setTexCoords ();
+      setPointTexCoords ();
    #endif
 
    vec4 finalColor = getMaterialColor ();
@@ -82783,18 +82911,6 @@ getNormalVector (const in float normalScale)
 
 x_ite_Namespace.set ("assets/shaders/webgl1/include/Normal.glsl", Normal_glsl_default_);
 /* harmony default export */ const Normal_glsl = (Normal_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/include/Particle.glsl.js
-const Particle_glsl_default_ = /* glsl */ `
-#if defined (X3D_PHYSICAL_MATERIAL)
-#define getTexCoord(texCoord) vec4(texCoord .x, 1.0 - texCoord .y, texCoord .z, texCoord .w);
-#else
-#define getTexCoord(texCoord) (texCoord)
-#endif
-`;
-;
-
-x_ite_Namespace.set ("assets/shaders/webgl1/include/Particle.glsl", Particle_glsl_default_);
-/* harmony default export */ const Particle_glsl = (Particle_glsl_default_);
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/include/Perlin.glsl.js
 const Perlin_glsl_default_ = /* glsl */ `
 //https://gist.github.com/patriciogonzalezvivo/670c22f3966e662d2f83
@@ -82846,7 +82962,7 @@ const Point_glsl_default_ = /* glsl */ `
 #if defined (X3D_GEOMETRY_0D) && defined (X3D_STYLE_PROPERTIES)
 #if defined (X3D_TEXTURE) || defined (X3D_MATERIAL_TEXTURES)
 void
-setTexCoords ()
+setPointTexCoords ()
 {
    vec4 texCoord = vec4 (gl_PointCoord .x, 1.0 - gl_PointCoord .y, 0.0, 1.0);
 
@@ -82857,13 +82973,21 @@ setTexCoords ()
    #if X3D_NUM_TEXTURE_COORDINATES > 1
       texCoord1 = texCoord;
    #endif
+
+   #if X3D_NUM_TEXTURE_COORDINATES > 2
+      texCoord2 = texCoord;
+   #endif
+
+   #if X3D_NUM_TEXTURE_COORDINATES > 3
+      texCoord3 = texCoord;
+   #endif
 }
 
 #define getPointColor(color) (color)
 
 #else
 
-#define setTexCoords()
+#define setPointTexCoords()
 
 varying float pointSize;
 
@@ -83278,6 +83402,16 @@ getTextureMatrix (const in int i)
          textureMatrix = x3d_TextureMatrix [1];
       #endif
 
+      #if X3D_NUM_TEXTURE_TRANSFORMS > 2
+      else if (i == 2)
+         textureMatrix = x3d_TextureMatrix [2];
+      #endif
+
+      #if X3D_NUM_TEXTURE_TRANSFORMS > 3
+      else if (i == 3)
+         textureMatrix = x3d_TextureMatrix [3];
+      #endif
+
       return textureMatrix;
    #else
       return x3d_TextureMatrix [0];
@@ -83300,6 +83434,16 @@ getTexCoord (const in int i)
          texCoord = texCoord1;
       #endif
 
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+      else if (i == 2)
+         texCoord = texCoord2;
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+      else if (i == 3)
+         texCoord = texCoord3;
+      #endif
+
       return texCoord;
    #else
       return texCoord0;
@@ -83401,6 +83545,16 @@ getTexCoord (const in int textureTransformMapping, const in int textureCoordinat
       texCoord = getTexCoord (x3d_TextureCoordinateGenerator [1], textureTransformMapping, textureCoordinateMapping);
    #endif
 
+   #if X3D_NUM_TEXTURE_COORDINATES > 2
+   else if (textureCoordinateMapping == 2)
+      texCoord = getTexCoord (x3d_TextureCoordinateGenerator [2], textureTransformMapping, textureCoordinateMapping);
+   #endif
+
+   #if X3D_NUM_TEXTURE_COORDINATES > 3
+   else if (textureCoordinateMapping == 3)
+      texCoord = getTexCoord (x3d_TextureCoordinateGenerator [3], textureTransformMapping, textureCoordinateMapping);
+   #endif
+
    texCoord .stp /= texCoord .q;
 
    #if defined (X3D_GEOMETRY_2D)
@@ -83465,7 +83619,7 @@ getTextureColor (const in vec4 diffuseColor, const in vec4 specularColor)
       {
          // Get texture color.
 
-         vec3 texCoord     = getTexCoord (i, i);
+         vec3 texCoord     = getTexCoord (min (i, X3D_NUM_TEXTURE_TRANSFORMS - 1), min (i, X3D_NUM_TEXTURE_COORDINATES - 1));
          vec4 textureColor = getTexture (i, texCoord);
 
          // Multi texturing
@@ -83781,6 +83935,14 @@ uniform mat4 x3d_ModelViewMatrix;
       #if X3D_NUM_TEXTURE_COORDINATES > 1
          attribute vec4 x3d_TexCoord1;
       #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+         attribute vec4 x3d_TexCoord2;
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+         attribute vec4 x3d_TexCoord3;
+      #endif
    #endif
 #endif
 
@@ -83805,6 +83967,14 @@ attribute vec4 x3d_Vertex;
       #if X3D_NUM_TEXTURE_COORDINATES > 1
          varying vec4 texCoord1;
       #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+         varying vec4 texCoord2;
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+         varying vec4 texCoord3;
+      #endif
    #endif
 #endif
 
@@ -83830,7 +84000,6 @@ varying vec3 vertex;
 
 // Main
 
-#pragma X3D include "Particle.glsl"
 #pragma X3D include "PointSize.glsl"
 
 void
@@ -83859,11 +84028,19 @@ vertex_main ()
    #if ! defined (X3D_GEOMETRY_0D) && ! defined (X3D_GEOMETRY_1D)
       #if defined (X3D_TEXTURE) || defined (X3D_MATERIAL_TEXTURES)
          #if X3D_NUM_TEXTURE_COORDINATES > 0
-            texCoord0 = getTexCoord (x3d_TexCoord0);
+            texCoord0 = x3d_TexCoord0;
          #endif
 
          #if X3D_NUM_TEXTURE_COORDINATES > 1
-            texCoord1 = getTexCoord (x3d_TexCoord1);
+            texCoord1 = x3d_TexCoord1;
+         #endif
+
+         #if X3D_NUM_TEXTURE_COORDINATES > 2
+            texCoord2 = x3d_TexCoord2;
+         #endif
+
+         #if X3D_NUM_TEXTURE_COORDINATES > 3
+            texCoord3 = x3d_TexCoord3;
          #endif
       #endif
    #endif
@@ -84003,6 +84180,14 @@ uniform float x3d_AlphaCutoff;
       #if X3D_NUM_TEXTURE_COORDINATES > 1
          in vec4 texCoord1;
       #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+         in vec4 texCoord2;
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+         in vec4 texCoord3;
+      #endif
    #endif
 #else
    #if defined (X3D_TEXTURE) || defined (X3D_MATERIAL_TEXTURES)
@@ -84013,6 +84198,14 @@ uniform float x3d_AlphaCutoff;
       #if X3D_NUM_TEXTURE_COORDINATES > 1
          vec4 texCoord1 = vec4 (0.0, 0.0, 0.0, 1.0);
       #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+         vec4 texCoord2 = vec4 (0.0, 0.0, 0.0, 1.0);
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+         vec4 texCoord3 = vec4 (0.0, 0.0, 0.0, 1.0);
+      #endif
    #endif
 #endif
 
@@ -84065,6 +84258,8 @@ fragment_main ()
    #endif
 
    #if defined (X3D_GEOMETRY_0D) && defined (X3D_STYLE_PROPERTIES)
+      setPointTexCoords ();
+   #elif defined (X3D_TEXTURE) || defined (X3D_MATERIAL_TEXTURES)
       setTexCoords ();
    #endif
 
@@ -84272,11 +84467,13 @@ getNormalVector (const in float normalScale)
 x_ite_Namespace.set ("assets/shaders/webgl2/include/Normal.glsl", include_Normal_glsl_default_);
 /* harmony default export */ const include_Normal_glsl = (include_Normal_glsl_default_);
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Particle.glsl.js
-const include_Particle_glsl_default_ = /* glsl */ `
+const Particle_glsl_default_ = /* glsl */ `
 #if defined (X3D_PARTICLE_SYSTEM)
+#if defined (X3D_TEX_COORD_RAMP)
+
+uniform sampler2D x3d_TexCoordRamp;
 
 in vec4 x3d_Particle;
-in mat4 x3d_ParticleMatrix;
 
 vec4
 texelFetch (const in sampler2D sampler, const in int index, const in int lod)
@@ -84288,12 +84485,8 @@ texelFetch (const in sampler2D sampler, const in int index, const in int lod)
    return t;
 }
 
-#if defined (X3D_TEX_COORD_RAMP)
-
-uniform sampler2D x3d_TexCoordRamp;
-
 vec4
-getParticleTexCoord (const in vec4 texCoord)
+getTexCoord (const in vec4 texCoord)
 {
    const int map [6] = int [6] (0, 1, 2, 0, 2, 3);
 
@@ -84302,9 +84495,11 @@ getParticleTexCoord (const in vec4 texCoord)
    return texelFetch (x3d_TexCoordRamp, index0 + map [gl_VertexID % 6], 0);
 }
 #else
-   #define getParticleTexCoord(texCoord) (texCoord)
+   #define getTexCoord(texCoord) (texCoord)
 #endif
 
+in mat4 x3d_ParticleMatrix;
+
 vec4
 getVertex (const in vec4 vertex)
 {
@@ -84312,28 +84507,14 @@ getVertex (const in vec4 vertex)
 }
 
 #else
-
-#define getVertex(vertex) (vertex)
-#define getParticleTexCoord(texCoord) (texCoord)
-
-#endif
-
-#if defined (X3D_PHYSICAL_MATERIAL)
-vec4
-getTexCoord (const in vec4 texCoord)
-{
-   vec4 t = getParticleTexCoord (texCoord);
-
-   return vec4 (t .x, 1.0 - t .y, t .z, t .w);
-}
-#else
-#define getTexCoord(texCoord) getParticleTexCoord(texCoord)
+   #define getVertex(vertex) (vertex)
+   #define getTexCoord(texCoord) (texCoord)
 #endif
 `;
 ;
 
-x_ite_Namespace.set ("assets/shaders/webgl2/include/Particle.glsl", include_Particle_glsl_default_);
-/* harmony default export */ const include_Particle_glsl = (include_Particle_glsl_default_);
+x_ite_Namespace.set ("assets/shaders/webgl2/include/Particle.glsl", Particle_glsl_default_);
+/* harmony default export */ const Particle_glsl = (Particle_glsl_default_);
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Perlin.glsl.js
 const include_Perlin_glsl_default_ = /* glsl */ `
 //https://gist.github.com/patriciogonzalezvivo/670c22f3966e662d2f83
@@ -84385,16 +84566,24 @@ const include_Point_glsl_default_ = /* glsl */ `
 #if defined (X3D_GEOMETRY_0D) && defined (X3D_STYLE_PROPERTIES)
 #if defined (X3D_TEXTURE) || defined (X3D_MATERIAL_TEXTURES)
 void
-setTexCoords ()
+setPointTexCoords ()
 {
    vec4 texCoord = vec4 (gl_PointCoord .x, 1.0 - gl_PointCoord .y, 0.0, 1.0);
 
    #if X3D_NUM_TEXTURE_COORDINATES > 0
-      texCoord0 = texCoord;
+      texCoords [0] = texCoord;
    #endif
 
    #if X3D_NUM_TEXTURE_COORDINATES > 1
-      texCoord1 = texCoord;
+      texCoords [1] = texCoord;
+   #endif
+
+   #if X3D_NUM_TEXTURE_COORDINATES > 2
+      texCoords [2] = texCoord;
+   #endif
+
+   #if X3D_NUM_TEXTURE_COORDINATES > 3
+      texCoords [3] = texCoord;
    #endif
 }
 
@@ -84402,7 +84591,7 @@ setTexCoords ()
 
 #else
 
-#define setTexCoords()
+#define setPointTexCoords()
 
 in float pointSize;
 
@@ -84859,25 +85048,22 @@ const include_Texture_glsl_default_ = /* glsl */ `
 
 #pragma X3D include "Perlin.glsl"
 
-vec4
-getTexCoord (const in int i)
+vec4 texCoords [X3D_NUM_TEXTURE_COORDINATES];
+
+void
+setTexCoords ()
 {
+   #if X3D_NUM_TEXTURE_COORDINATES > 0
+   texCoords [0] = texCoord0;
+   #endif
    #if X3D_NUM_TEXTURE_COORDINATES > 1
-      switch (i)
-      {
-         #if X3D_NUM_TEXTURE_COORDINATES > 0
-         case 0:
-            return texCoord0;
-         #endif
-         #if X3D_NUM_TEXTURE_COORDINATES > 1
-         case 1:
-            return texCoord1;
-         #endif
-      }
-
-      return vec4 (0.0);
-   #else
-      return texCoord0;
+   texCoords [1] = texCoord1;
+   #endif
+   #if X3D_NUM_TEXTURE_COORDINATES > 2
+   texCoords [2] = texCoord2;
+   #endif
+   #if X3D_NUM_TEXTURE_COORDINATES > 3
+   texCoords [3] = texCoord3;
    #endif
 }
 
@@ -84892,7 +85078,7 @@ getTexCoord (const in x3d_TextureCoordinateGeneratorParameters textureCoordinate
    {
       case x3d_None:
       {
-         return x3d_TextureMatrix [textureTransformMapping] * getTexCoord (textureCoordinateMapping);
+         return x3d_TextureMatrix [textureTransformMapping] * texCoords [textureCoordinateMapping];
       }
       case x3d_Sphere:
       {
@@ -84961,7 +85147,7 @@ getTexCoord (const in x3d_TextureCoordinateGeneratorParameters textureCoordinate
       }
       default:
       {
-         return x3d_TextureMatrix [textureTransformMapping] * getTexCoord (textureCoordinateMapping);
+         return x3d_TextureMatrix [textureTransformMapping] * texCoords [textureCoordinateMapping];
       }
    }
 }
@@ -85039,7 +85225,7 @@ getTextureColor (const in vec4 diffuseColor, const in vec4 specularColor)
       {
          // Get texture color.
 
-         vec3 texCoord     = getTexCoord (i, i);
+         vec3 texCoord     = getTexCoord (min (i, X3D_NUM_TEXTURE_TRANSFORMS - 1), min (i, X3D_NUM_TEXTURE_COORDINATES - 1));
          vec4 textureColor = getTexture (i, texCoord);
 
          // Multi texturing
@@ -85418,6 +85604,14 @@ uniform mat4 x3d_ModelViewMatrix;
       #if X3D_NUM_TEXTURE_COORDINATES > 1
          in vec4 x3d_TexCoord1;
       #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+         in vec4 x3d_TexCoord2;
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+         in vec4 x3d_TexCoord3;
+      #endif
    #endif
 #endif
 
@@ -85442,6 +85636,14 @@ in vec4 x3d_Vertex;
       #if X3D_NUM_TEXTURE_COORDINATES > 1
          out vec4 texCoord1;
       #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+         out vec4 texCoord2;
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+         out vec4 texCoord3;
+      #endif
    #endif
 #endif
 
@@ -85514,6 +85716,14 @@ vertex_main ()
          #if X3D_NUM_TEXTURE_COORDINATES > 1
             texCoord1 = getTexCoord (x3d_TexCoord1);
          #endif
+
+         #if X3D_NUM_TEXTURE_COORDINATES > 2
+            texCoord2 = getTexCoord (x3d_TexCoord2);
+         #endif
+
+         #if X3D_NUM_TEXTURE_COORDINATES > 3
+            texCoord3 = getTexCoord (x3d_TexCoord3);
+         #endif
       #endif
    #endif
 
@@ -85742,7 +85952,7 @@ main ()
       if (getPointColor (vec4 (1.0)) .a < 0.5)
          discard;
 
-      setTexCoords ();
+      setPointTexCoords ();
    #endif
 
    gl_FragData [0] = vec4 (vertex, x3d_Id);
@@ -86792,7 +87002,7 @@ main ()
       if (getPointColor (vec4 (1.0)) .a < 0.5)
          discard;
 
-      setTexCoords ();
+      setPointTexCoords ();
    #endif
 
    #if defined (X3D_GEOMETRY_1D) && defined (X3D_STYLE_PROPERTIES)
@@ -87637,7 +87847,6 @@ x_ite_Namespace.set ("assets/shaders/webgl2/Unlit.fs", webgl2_Unlit_fs_default_)
 
 
 
-
 /* WebGL 2 */
 
 
@@ -87693,7 +87902,6 @@ const Shaders = {
          Hatch: Hatch_glsl,
          Material: Material_glsl,
          Normal: Normal_glsl,
-         Particle: Particle_glsl,
          Perlin: Perlin_glsl,
          Point: Point_glsl,
          PointSize: PointSize_glsl,
@@ -87711,7 +87919,7 @@ const Shaders = {
          Line2: Line2_glsl,
          Material: include_Material_glsl,
          Normal: include_Normal_glsl,
-         Particle: include_Particle_glsl,
+         Particle: Particle_glsl,
          Perlin: include_Perlin_glsl,
          Point: include_Point_glsl,
          PointSize: include_PointSize_glsl,
@@ -87973,9 +88181,6 @@ X3DProgrammableShaderObject .prototype =
 
       browser .getRenderingProperties () ._LogarithmicDepthBuffer .addInterest ("set_logarithmicDepthBuffer__", this);
 
-      // Use by multi texture nodes.
-      this .x3d_MaxTextures = browser .getMaxTextures ();
-
       this .set_logarithmicDepthBuffer__ ();
    },
    set_logarithmicDepthBuffer__: function ()
@@ -87999,12 +88204,14 @@ X3DProgrammableShaderObject .prototype =
       // Get uniforms and attributes.
 
       const
-         program       = this .getProgram (),
-         browser       = this .getBrowser (),
-         gl            = browser .getContext (),
-         maxClipPlanes = browser .getMaxClipPlanes (),
-         maxLights     = browser .getMaxLights (),
-         maxTextures   = browser .getMaxTextures ();
+         program              = this .getProgram (),
+         browser              = this .getBrowser (),
+         gl                   = browser .getContext (),
+         maxClipPlanes        = browser .getMaxClipPlanes (),
+         maxLights            = browser .getMaxLights (),
+         maxTextures          = browser .getMaxTextures (),
+         maxTextureTransforms = browser .getMaxTextureTransforms (),
+         maxTexCoords         = browser .getMaxTexCoords ();
 
       gl .useProgram (program);
 
@@ -88105,17 +88312,6 @@ X3DProgrammableShaderObject .prototype =
 
       for (let i = 0; i < maxTextures; ++ i)
       {
-         // Attributes
-
-         const x3d_TexCoord = this .getAttribLocation (gl, program, "x3d_TexCoord" + i, i ? "" : "x3d_TexCoord");
-
-         if (x3d_TexCoord !== -1)
-            this .x3d_TexCoord .push ([i, x3d_TexCoord]);
-
-         // Uniforms
-
-         this .x3d_TextureMatrix [i] = gl .getUniformLocation (program, "x3d_TextureMatrix[" + i + "]");
-
          this .x3d_TextureCoordinateGeneratorMode [i]      = gl .getUniformLocation (program, "x3d_TextureCoordinateGenerator[" + i + "].mode");
          this .x3d_TextureCoordinateGeneratorParameter [i] = gl .getUniformLocation (program, "x3d_TextureCoordinateGenerator[" + i + "].parameter");
 
@@ -88135,6 +88331,22 @@ X3DProgrammableShaderObject .prototype =
          this .x3d_ProjectiveTextureLocation [i] = gl .getUniformLocation (program, "x3d_ProjectiveTextureLocation[" + i + "]");
       }
 
+      for (let i = 0; i < maxTextureTransforms; ++ i)
+      {
+         const uniform = gl .getUniformLocation (program, "x3d_TextureMatrix[" + i + "]");
+
+         if (uniform !== null)
+            this .x3d_TextureMatrix [i] = uniform;
+      }
+
+      for (let i = 0; i < maxTexCoords; ++ i)
+      {
+         const x3d_TexCoord = this .getAttribLocation (gl, program, "x3d_TexCoord" + i, i ? "" : "x3d_TexCoord");
+
+         if (x3d_TexCoord !== -1)
+            this .x3d_TexCoord .push ([i, x3d_TexCoord]);
+      }
+
       this .x3d_TexCoordRamp = gl .getUniformLocation (program, "x3d_TexCoordRamp");
 
       this .x3d_Viewport          = gl .getUniformLocation (program, "x3d_Viewport");
@@ -88218,7 +88430,7 @@ X3DProgrammableShaderObject .prototype =
       for (const uniform of this .x3d_ProjectiveTexture)
          gl .uniform1i (uniform, browser .getDefaultTexture2DUnit ());
 
-      gl .uniform1i  (this .x3d_TexCoordRamp, browser .getDefaultTexture2DUnit ());
+      gl .uniform1i (this .x3d_TexCoordRamp, browser .getDefaultTexture2DUnit ());
    },
    getUniformLocation: function (gl, program, name, depreciated)
    {
@@ -88904,8 +89116,7 @@ X3DProgrammableShaderObject .prototype =
 
          // Fog
 
-         if (fogNode)
-            fogNode .setShaderUniforms (gl, this);
+         fogNode?.setShaderUniforms (gl, this);
 
          // Clip planes and local lights
 
@@ -88922,8 +89133,7 @@ X3DProgrammableShaderObject .prototype =
 
          // Style Properties
 
-         if (stylePropertiesNode)
-            stylePropertiesNode .setShaderUniforms (gl, this);
+         stylePropertiesNode?.setShaderUniforms (gl, this);
 
          // Material
 
@@ -88931,8 +89141,7 @@ X3DProgrammableShaderObject .prototype =
 
          // Texture
 
-         if (textureNode)
-            textureNode .setShaderUniforms (gl, this, renderObject);
+         textureNode?.setShaderUniforms (gl, this, renderObject);
 
          appearanceNode  .getTextureTransform ()  .setShaderUniforms (gl, this);
          geometryContext .getTextureCoordinate () .setShaderUniforms (gl, this);
@@ -90642,7 +90851,7 @@ const ShaderCompiler_default_ = ShaderCompiler;
 x_ite_Namespace.set ("x_ite/Browser/Shaders/ShaderCompiler", ShaderCompiler_default_);
 /* harmony default export */ const Shaders_ShaderCompiler = (ShaderCompiler_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Shaders/ShaderPart.js
-/* provided dependency */ var ShaderPart_$ = __webpack_require__(996);
+/* provided dependency */ var ShaderPart_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -92010,6 +92219,10 @@ X3DMaterialNode .prototype = Object .assign (Object .create (Shape_X3DAppearance
    {
       return this ._transparent .getValue ();
    },
+   getBaseTexture: function ()
+   {
+      return null;
+   },
    setTexture: function (index, textureNode)
    {
       const textureType = textureNode ? textureNode .getTextureType () - 1 : 0;
@@ -92134,37 +92347,35 @@ X3DMaterialNode .prototype = Object .assign (Object .create (Shape_X3DAppearance
             options .push ("X3D_STYLE_PROPERTIES");
 
          if (+this .textureBits)
-         {
             options .push ("X3D_MATERIAL_TEXTURES");
-            options .push ("X3D_NUM_TEXTURE_TRANSFORMS " + (appearanceNode .getTextureTransformMapping () .size || 1));
-            options .push ("X3D_NUM_TEXTURE_COORDINATES " + (geometryContext .getTextureCoordinateMapping () .size || 1));
+
+         if (renderContext .textureNode)
+         {
+            // ScreenText
+
+            options .push ("X3D_TEXTURE",
+                           "X3D_NUM_TEXTURES 1",
+                           "X3D_NUM_TEXTURE_TRANSFORMS 1",
+                           "X3D_NUM_TEXTURE_COORDINATES 1",
+                           "X3D_TEXTURE0_2D");
          }
          else
          {
-            if (renderContext .textureNode)
-            {
-               // ScreenText
-
-               options .push ("X3D_TEXTURE",
-                              "X3D_NUM_TEXTURES 1",
-                              "X3D_NUM_TEXTURE_TRANSFORMS 1",
-                              "X3D_NUM_TEXTURE_COORDINATES 1",
-                              "X3D_TEXTURE0_2D");
-            }
-            else if (+appearanceNode .getTextureBits ())
+            if (+appearanceNode .getTextureBits () && !this .getBaseTexture ())
             {
                const textureNode = appearanceNode .getTexture ();
 
                options .push ("X3D_TEXTURE");
-               options .push ("X3D_NUM_TEXTURES "            + textureNode .getCount ());
-               options .push ("X3D_NUM_TEXTURE_TRANSFORMS "  + textureNode .getCount ());
-               options .push ("X3D_NUM_TEXTURE_COORDINATES " + textureNode .getCount ());
-
-               textureNode .getShaderOptions (options);
+               options .push ("X3D_NUM_TEXTURES " + textureNode .getCount ());
 
                if (textureNode .getType () .includes (Base_X3DConstants.MultiTexture))
                   options .push ("X3D_MULTI_TEXTURING");
+
+               textureNode .getShaderOptions (options);
             }
+
+            options .push ("X3D_NUM_TEXTURE_TRANSFORMS " + (appearanceNode .getTextureTransformMapping () .size || 1));
+            options .push ("X3D_NUM_TEXTURE_COORDINATES " + (geometryContext .textureCoordinateMapping .size || 1));
          }
 
          switch (shapeNode .getShapeKey ())
@@ -92295,11 +92506,12 @@ X3DOneSidedMaterialNode .prototype = Object .assign (Object .create (Shape_X3DMa
    {
       Shape_X3DMaterialNode.prototype.initialize.call (this);
 
-      this ._emissiveColor   .addInterest ("set_emissiveColor__",   this);
-      this ._emissiveTexture .addInterest ("set_emissiveTexture__", this);
-      this ._normalTexture   .addInterest ("set_normalTexture__",   this);
-      this ._transparency    .addInterest ("set_transparency__",    this);
-      this ._transparency    .addInterest ("set_transparent__",     this);
+      this ._emissiveColor    .addInterest ("set_emissiveColor__",   this);
+      this ._emissiveStrength .addInterest ("set_emissiveColor__",   this);
+      this ._emissiveTexture  .addInterest ("set_emissiveTexture__", this);
+      this ._normalTexture    .addInterest ("set_normalTexture__",   this);
+      this ._transparency     .addInterest ("set_transparency__",    this);
+      this ._transparency     .addInterest ("set_transparent__",     this);
 
       this .set_emissiveColor__ ();
       this .set_emissiveTexture__ ();
@@ -92312,12 +92524,13 @@ X3DOneSidedMaterialNode .prototype = Object .assign (Object .create (Shape_X3DMa
       //this .emissiveColor .set (this ._emissiveColor .getValue ());
 
       const
-         emissiveColor  = this .emissiveColor,
-         emissiveColor_ = this ._emissiveColor .getValue ();
+         emissiveColor    = this .emissiveColor,
+         emissiveColor_   = this ._emissiveColor .getValue (),
+         emissiveStrength = this ._emissiveStrength .getValue ();
 
-      emissiveColor [0] = emissiveColor_ .r;
-      emissiveColor [1] = emissiveColor_ .g;
-      emissiveColor [2] = emissiveColor_ .b;
+      emissiveColor [0] = emissiveColor_ .r * emissiveStrength;
+      emissiveColor [1] = emissiveColor_ .g * emissiveStrength;
+      emissiveColor [2] = emissiveColor_ .b * emissiveStrength;
    },
    set_emissiveTexture__: function ()
    {
@@ -92339,6 +92552,10 @@ X3DOneSidedMaterialNode .prototype = Object .assign (Object .create (Shape_X3DMa
    {
       this .setTransparent (Boolean (this .transparency));
    },
+   getBaseTexture: function ()
+   {
+      return this .getEmissiveTexture ();
+   },
    getEmissiveTexture: function ()
    {
       return this .emissiveTextureNode;
@@ -92492,6 +92709,7 @@ UnlitMaterial .prototype = Object .assign (Object .create (Shape_X3DOneSidedMate
    [Symbol .for ("X_ITE.X3DBaseNode.fieldDefinitions")]: new Base_FieldDefinitionArray ([
       new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "metadata",               new x_ite_Fields.SFNode ()),
       new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "emissiveColor",          new x_ite_Fields.SFColor (1, 1, 1)),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "emissiveStrength",       new x_ite_Fields.SFFloat (1)),
       new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "emissiveTextureMapping", new x_ite_Fields.SFString ()),
       new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "emissiveTexture",        new x_ite_Fields.SFNode ()),
       new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "normalScale",            new x_ite_Fields.SFFloat (1)),
@@ -92981,15 +93199,9 @@ X3DSingleTextureTransformNode .prototype = Object .assign (Object .create (Textu
    },
    getTextureTransformMapping: function (textureTransformMapping, channel = 0)
    {
-      if (this ._mapping .getValue ())
-         textureTransformMapping .set (this ._mapping .getValue (), channel);
+      textureTransformMapping .set (this ._mapping .getValue () || channel, channel);
    },
-   setShaderUniforms: function (gl, shaderObject)
-   {
-      for (let i = 0, length = shaderObject .x3d_MaxTextures; i < length; ++ i)
-         this .setShaderUniformsToChannel (gl, shaderObject, i);
-   },
-   setShaderUniformsToChannel: function (gl, shaderObject, channel = 0)
+   setShaderUniforms: function (gl, shaderObject, channel = 0)
    {
       gl .uniformMatrix4fv (shaderObject .x3d_TextureMatrix [channel], false, this .matrixArray);
    },
@@ -93305,6 +93517,14 @@ X3DTexturingContext .prototype =
    {
       return this [_maxTextures];
    },
+   getMaxTextureTransforms: function ()
+   {
+      return 4;
+   },
+   getMaxTexCoords: function ()
+   {
+      return 4;
+   },
    getMinTextureSize: function ()
    {
       return 16;
@@ -109057,8 +109277,7 @@ X3DPointGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DG
          attribNodes    = this .getAttrib (),
          attribBuffers  = this .getAttribBuffers ();
 
-      if (blendModeNode)
-         blendModeNode .enable (gl);
+      blendModeNode?.enable (gl);
 
       // Setup shader.
 
@@ -109086,8 +109305,7 @@ X3DPointGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DG
 
       gl .drawArrays (this .primitiveMode, 0, this .vertexCount);
 
-      if (blendModeNode)
-         blendModeNode .disable (gl);
+      blendModeNode?.disable (gl);
    },
    displayParticles: function (gl, renderContext, particleSystem)
    {
@@ -109098,8 +109316,7 @@ X3DPointGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DG
          attribNodes    = this .getAttrib (),
          attribBuffers  = this .getAttribBuffers ();
 
-      if (blendModeNode)
-         blendModeNode .enable (gl);
+      blendModeNode?.enable (gl);
 
       // Setup shader.
 
@@ -109138,8 +109355,7 @@ X3DPointGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DG
 
       gl .drawArraysInstanced (this .primitiveMode, 0, this .vertexCount, particleSystem .numParticles);
 
-      if (blendModeNode)
-         blendModeNode .disable (gl);
+      blendModeNode?.disable (gl);
    },
 });
 
@@ -111106,29 +111322,30 @@ Material .prototype = Object .assign (Object .create (Shape_X3DOneSidedMaterialN
 {
    constructor: Material,
    [Symbol .for ("X_ITE.X3DBaseNode.fieldDefinitions")]: new Base_FieldDefinitionArray ([
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "metadata",                new x_ite_Fields.SFNode ()),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "ambientIntensity",        new x_ite_Fields.SFFloat (0.2)),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "ambientTextureMapping",   new x_ite_Fields.SFString ()),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "ambientTexture",          new x_ite_Fields.SFNode ()),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "diffuseColor",            new x_ite_Fields.SFColor (0.8, 0.8, 0.8)),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "diffuseTextureMapping",   new x_ite_Fields.SFString ()),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "diffuseTexture",          new x_ite_Fields.SFNode ()),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "specularColor",           new x_ite_Fields.SFColor ()),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "specularTextureMapping",  new x_ite_Fields.SFString ()),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "specularTexture",         new x_ite_Fields.SFNode ()),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "emissiveColor",           new x_ite_Fields.SFColor ()),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "emissiveTextureMapping",  new x_ite_Fields.SFString ()),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "emissiveTexture",         new x_ite_Fields.SFNode ()),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "shininess",               new x_ite_Fields.SFFloat (0.2)),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "shininessTextureMapping", new x_ite_Fields.SFString ()),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "shininessTexture",        new x_ite_Fields.SFNode ()),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "occlusionStrength",       new x_ite_Fields.SFFloat (1)),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "occlusionTextureMapping", new x_ite_Fields.SFString ()),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "occlusionTexture",        new x_ite_Fields.SFNode ()),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "normalScale",             new x_ite_Fields.SFFloat (1)),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "normalTextureMapping",    new x_ite_Fields.SFString ()),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "normalTexture",           new x_ite_Fields.SFNode ()),
-      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "transparency",            new x_ite_Fields.SFFloat ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "metadata",                 new x_ite_Fields.SFNode ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "ambientIntensity",         new x_ite_Fields.SFFloat (0.2)),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "ambientTextureMapping",    new x_ite_Fields.SFString ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "ambientTexture",           new x_ite_Fields.SFNode ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "diffuseColor",             new x_ite_Fields.SFColor (0.8, 0.8, 0.8)),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "diffuseTextureMapping",    new x_ite_Fields.SFString ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "diffuseTexture",           new x_ite_Fields.SFNode ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "specularColor",            new x_ite_Fields.SFColor ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "specularTextureMapping",   new x_ite_Fields.SFString ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "specularTexture",          new x_ite_Fields.SFNode ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "emissiveColor",            new x_ite_Fields.SFColor ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "emissiveStrength",         new x_ite_Fields.SFFloat (1)),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "emissiveTextureMapping",   new x_ite_Fields.SFString ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "emissiveTexture",          new x_ite_Fields.SFNode ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "shininess",                new x_ite_Fields.SFFloat (0.2)),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "shininessTextureMapping",  new x_ite_Fields.SFString ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "shininessTexture",         new x_ite_Fields.SFNode ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "occlusionStrength",        new x_ite_Fields.SFFloat (1)),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "occlusionTextureMapping",  new x_ite_Fields.SFString ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "occlusionTexture",         new x_ite_Fields.SFNode ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "normalScale",              new x_ite_Fields.SFFloat (1)),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "normalTextureMapping",     new x_ite_Fields.SFString ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "normalTexture",            new x_ite_Fields.SFNode ()),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "transparency",             new x_ite_Fields.SFFloat ()),
    ]),
    getTypeName: function ()
    {
@@ -111248,6 +111465,10 @@ Material .prototype = Object .assign (Object .create (Shape_X3DOneSidedMaterialN
       this .setTransparent (!!(this .getTransparency () ||
                               (this .diffuseTextureNode && this .diffuseTextureNode .isTransparent ())));
    },
+   getBaseTexture: function ()
+   {
+      return this .diffuseTexture;
+   },
    getTextureIndices: (function ()
    {
       let i = 0;
@@ -111505,6 +111726,7 @@ PhysicalMaterial .prototype = Object .assign (Object .create (Shape_X3DOneSidedM
       new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "baseTextureMapping",              new x_ite_Fields.SFString ()),
       new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "baseTexture",                     new x_ite_Fields.SFNode ()),
       new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "emissiveColor",                   new x_ite_Fields.SFColor (0, 0, 0)),
+      new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "emissiveStrength",                new x_ite_Fields.SFFloat (1)),
       new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "emissiveTextureMapping",          new x_ite_Fields.SFString ()),
       new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "emissiveTexture",                 new x_ite_Fields.SFNode ()),
       new Base_X3DFieldDefinition (Base_X3DConstants.inputOutput, "metallic",                        new x_ite_Fields.SFFloat (1)),
@@ -111606,6 +111828,10 @@ PhysicalMaterial .prototype = Object .assign (Object .create (Shape_X3DOneSidedM
       this .setTransparent (!!(this .getTransparency () ||
                               (this .baseTextureNode && this .baseTextureNode .isTransparent ())));
    },
+   getBaseTexture: function ()
+   {
+      return this .baseTextureNode;
+   },
    getTextureIndices: (function ()
    {
       let i = 0;
@@ -111977,6 +112203,7 @@ TwoSidedMaterial .prototype = Object .assign (Object .create (Shape_X3DMaterialN
    {
       this .setTransparent (Boolean (this ._transparency .getValue () || (this ._separateBackColor .getValue () && this ._backTransparency .getValue ())));
    },
+   getBaseTexture: Shape_Material.prototype.getBaseTexture,
    getMaterialKey: Shape_Material.prototype.getMaterialKey,
    createShader: Shape_Material.prototype.createShader,
    setShaderUniforms: function (gl, shaderObject, renderObject, textureTransformMapping, textureCoordinateMapping, front)
@@ -112517,7 +112744,7 @@ const X3DSoundSourceNode_default_ = X3DSoundSourceNode;
 x_ite_Namespace.set ("x_ite/Components/Sound/X3DSoundSourceNode", X3DSoundSourceNode_default_);
 /* harmony default export */ const Sound_X3DSoundSourceNode = (X3DSoundSourceNode_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Sound/AudioClip.js
-/* provided dependency */ var AudioClip_$ = __webpack_require__(996);
+/* provided dependency */ var AudioClip_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -115332,8 +115559,8 @@ const GIFMedia_default_ = GifMedia;
 x_ite_Namespace.set ("x_ite/Browser/Texturing/GIFMedia", GIFMedia_default_);
 /* harmony default export */ const GIFMedia = (GIFMedia_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Texturing/MovieTexture.js
-/* provided dependency */ var MovieTexture_$ = __webpack_require__(996);
-/* provided dependency */ var SuperGif = __webpack_require__(750);
+/* provided dependency */ var MovieTexture_$ = __webpack_require__(998);
+/* provided dependency */ var SuperGif = __webpack_require__(921);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -115429,6 +115656,7 @@ MovieTexture .prototype = Object .assign (Object .create (Texturing_X3DTexture2D
       new Base_X3DFieldDefinition (Base_X3DConstants.outputOnly,     "isActive",             new x_ite_Fields.SFBool ()),
       new Base_X3DFieldDefinition (Base_X3DConstants.outputOnly,     "elapsedTime",          new x_ite_Fields.SFTime ()),
       new Base_X3DFieldDefinition (Base_X3DConstants.outputOnly,     "duration_changed",     new x_ite_Fields.SFTime (-1)),
+      new Base_X3DFieldDefinition (Base_X3DConstants.initializeOnly, "flipVertically",       new x_ite_Fields.SFBool ()),
       new Base_X3DFieldDefinition (Base_X3DConstants.initializeOnly, "repeatS",              new x_ite_Fields.SFBool (true)),
       new Base_X3DFieldDefinition (Base_X3DConstants.initializeOnly, "repeatT",              new x_ite_Fields.SFBool (true)),
       new Base_X3DFieldDefinition (Base_X3DConstants.initializeOnly, "textureProperties",    new x_ite_Fields.SFNode ()),
@@ -115555,7 +115783,7 @@ MovieTexture .prototype = Object .assign (Object .create (Texturing_X3DTexture2D
             throw new Error ("The movie texture is a non power-of-two texture.");
 
          this .setMedia (this .video [0]);
-         this .setTexture (width, height, false, video, true);
+         this .setTexture (width, height, false, video, !this ._flipVertically .getValue ());
          this .setLoadState (Base_X3DConstants.COMPLETE_STATE);
       }
       catch (error)
@@ -115575,7 +115803,7 @@ MovieTexture .prototype = Object .assign (Object .create (Texturing_X3DTexture2D
          gif .pause ();
 
          this .setMedia (gif);
-         this .setTexture (gif .get_canvas () .width, gif .get_canvas () .height, false, gif .get_frames () [0] .data, true);
+         this .setTexture (gif .get_canvas () .width, gif .get_canvas () .height, false, gif .get_frames () [0] .data, !this ._flipVertically .getValue ());
          this .setLoadState (Base_X3DConstants.COMPLETE_STATE);
       }
       catch (error)
@@ -115592,9 +115820,9 @@ MovieTexture .prototype = Object .assign (Object .create (Texturing_X3DTexture2D
          return;
 
       if (this .gif)
-         this .updateTexture (this .gif .currentFrame .data, true);
+         this .updateTexture (this .gif .currentFrame .data, !this ._flipVertically .getValue ());
       else
-         this .updateTexture (this .video [0], true);
+         this .updateTexture (this .video [0], !this ._flipVertically .getValue ());
    },
    traverse: Texturing_X3DTexture2DNode.prototype.traverse,
    dispose: function ()
@@ -115676,6 +115904,9 @@ function MultiTexture (executionContext)
 
    this .addChildObjects ("loadState", new x_ite_Fields.SFInt32 (Base_X3DConstants.NOT_STARTED_STATE));
 
+   const browser = this .getBrowser ();
+
+   this .maxTextures  = browser .getMaxTextures ()
    this .color        = new Float32Array (4);
    this .modes        = [ ];
    this .alphaModes   = [ ];
@@ -115731,7 +115962,7 @@ MultiTexture .prototype = Object .assign (Object .create (Texturing_X3DTextureNo
    },
    getCount: function ()
    {
-      return Math .min (this .getBrowser () .getMaxTextures (), this .textureNodes .length);
+      return Math .min (this .maxTextures, this .textureNodes .length);
    },
    getMode: function (index)
    {
@@ -115894,7 +116125,7 @@ MultiTexture .prototype = Object .assign (Object .create (Texturing_X3DTextureNo
    updateTextureBits: function (textureBits)
    {
       const
-         maxTextures  = this .getBrowser () .getMaxTextures (),
+         maxTextures  = this .maxTextures,
          textureNodes = this .textureNodes,
          channels     = Math .min (maxTextures, textureNodes .length);
 
@@ -115907,7 +116138,7 @@ MultiTexture .prototype = Object .assign (Object .create (Texturing_X3DTextureNo
    {
       const
          textureNodes = this .textureNodes,
-         channels     = Math .min (this .getBrowser () .getMaxTextures (), textureNodes .length);
+         channels     = Math .min (this .maxTextures, textureNodes .length);
 
       for (let i = 0; i < channels; ++ i)
          textureNodes [i] .getShaderOptions (options, i);
@@ -115921,7 +116152,7 @@ MultiTexture .prototype = Object .assign (Object .create (Texturing_X3DTextureNo
    {
       const
          textureNodes = this .textureNodes,
-         channels     = Math .min (this .getBrowser () .getMaxTextures (), textureNodes .length);
+         channels     = Math .min (this .maxTextures, textureNodes .length);
 
       gl .uniform4fv (shaderObject .x3d_MultiTextureColor, this .color);
 
@@ -116003,6 +116234,9 @@ function MultiTextureCoordinate (executionContext)
 
    this .addType (Base_X3DConstants.MultiTextureCoordinate);
 
+   const browser = this .getBrowser ();
+
+   this .maxTexCoords           = browser .getMaxTexCoords ();
    this .textureCoordinateNodes = [ ];
 }
 
@@ -116055,7 +116289,7 @@ MultiTextureCoordinate .prototype = Object .assign (Object .create (Texturing_X3
    },
    getCount: function ()
    {
-      return Math .min (this .getBrowser () .getMaxTextures (), this .textureCoordinateNodes .length);
+      return Math .min (this .maxTexCoords, this .textureCoordinateNodes .length);
    },
    isEmpty: function ()
    {
@@ -116081,21 +116315,27 @@ MultiTextureCoordinate .prototype = Object .assign (Object .create (Texturing_X3
    },
    init: function (multiArray)
    {
-      for (const textureCoordinateNode of this .textureCoordinateNodes)
-         textureCoordinateNode .init (multiArray);
+      const
+         textureCoordinateNodes = this .textureCoordinateNodes,
+         length                 = Math .min (this .maxTexCoords, textureCoordinateNodes .length);
+
+      for (let i = 0; i < length; ++ i)
+         textureCoordinateNodes [i] .init (multiArray);
    },
    addPoint: function (index, multiArray)
    {
-      const textureCoordinateNodes = this .textureCoordinateNodes;
+      const
+         textureCoordinateNodes = this .textureCoordinateNodes,
+         length                 = Math .min (this .maxTexCoords, textureCoordinateNodes .length);
 
-      for (let i = 0, length = textureCoordinateNodes .length; i < length; ++ i)
+      for (let i = 0; i < length; ++ i)
          textureCoordinateNodes [i] .addPointToChannel (index, multiArray [i]);
    },
    getTextureCoordinateMapping: function (textureCoordinateMapping)
    {
       const
          textureCoordinateNodes = this .textureCoordinateNodes,
-         length                 = Math .min (this .getBrowser () .getMaxTextures (), textureCoordinateNodes .length);
+         length                 = Math .min (this .maxTexCoords, textureCoordinateNodes .length);
 
       for (let i = 0; i < length; ++ i)
          textureCoordinateNodes [i] .getTextureCoordinateMapping (textureCoordinateMapping, i);
@@ -116104,22 +116344,16 @@ MultiTextureCoordinate .prototype = Object .assign (Object .create (Texturing_X3
    {
       const
          textureCoordinateNodes = this .textureCoordinateNodes,
-         length                 = Math .min (shaderObject .x3d_MaxTextures, textureCoordinateNodes .length);
-
-      for (let i = 0; i < length; ++ i)
-         textureCoordinateNodes [i] .setShaderUniformsToChannel (gl, shaderObject, i);
+         length                 = Math .min (this .maxTexCoords, textureCoordinateNodes .length);
 
       if (length)
       {
-         const last = textureCoordinateNodes .at (-1);
-
-         for (let i = length, l = shaderObject .x3d_MaxTextures; i < l; ++ i)
-            last .setShaderUniformsToChannel (gl, shaderObject, i);
+         for (let i = 0; i < length; ++ i)
+            textureCoordinateNodes [i] .setShaderUniforms (gl, shaderObject, i);
       }
       else
       {
-         for (let i = length, l = shaderObject .x3d_MaxTextures; i < l; ++ i)
-            gl .uniform1i (shaderObject .x3d_TextureCoordinateGeneratorMode [i], 0);
+         this .getBrowser () .getDefaultTextureCoordinate () .setShaderUniforms (gl, shaderObject, 0);
       }
    },
 });
@@ -116184,13 +116418,15 @@ x_ite_Namespace.set ("x_ite/Components/Texturing/MultiTextureCoordinate", MultiT
 
 
 
-
 function MultiTextureTransform (executionContext)
 {
    Texturing_X3DTextureTransformNode.call (this, executionContext);
 
    this .addType (Base_X3DConstants.MultiTextureTransform);
 
+   const browser = this .getBrowser ();
+
+   this .maxTextureTransforms  = browser .getMaxTextureTransforms ();
    this .textureTransformNodes = [ ];
 }
 
@@ -116234,53 +116470,35 @@ MultiTextureTransform .prototype = Object .assign (Object .create (Texturing_X3D
          if (textureTransformNode)
             textureTransformNodes .push (textureTransformNode);
       }
+
+      if (!textureTransformNodes .length)
+         textureTransformNodes .push (this .getBrowser () .getDefaultTextureTransform ());
    },
    getCount: function ()
    {
-      return Math .min (this .getBrowser () .getMaxTextures (), this .textureTransformNodes .length);
+      return Math .min (this .maxTextureTransforms, this .textureTransformNodes .length);
    },
    getTextureTransformMapping: function (textureTransformMapping)
    {
       const
          textureTransformNodes = this .textureTransformNodes,
-         length                = Math .min (this .getBrowser () .getMaxTextures (), textureTransformNodes .length);
+         length                = Math .min (this .maxTextureTransforms, textureTransformNodes .length);
 
       for (let i = 0; i < length; ++ i)
          textureTransformNodes [i] .getTextureTransformMapping (textureTransformMapping, i);
    },
-   setShaderUniforms: (function ()
+   setShaderUniforms: function (gl, shaderObject)
    {
-      const matrixArray = new Float32Array (Numbers_Matrix4.Identity);
-
-      return function (gl, shaderObject)
-      {
-         const
-            textureTransformNodes = this .textureTransformNodes,
-            length                = Math .min (shaderObject .x3d_MaxTextures, textureTransformNodes .length);
-
-         for (let i = 0; i < length; ++ i)
-            textureTransformNodes [i] .setShaderUniformsToChannel (gl, shaderObject, i);
-
-         if (length)
-         {
-            const last = textureTransformNodes .at (-1);
+      const
+         textureTransformNodes = this .textureTransformNodes,
+         length                = Math .min (this .maxTextureTransforms, textureTransformNodes .length);
 
-            for (let i = length, l = shaderObject .x3d_MaxTextures; i < l; ++ i)
-               last .setShaderUniformsToChannel (gl, shaderObject, i);
-         }
-         else
-         {
-            for (let i = length, l = shaderObject .x3d_MaxTextures; i < l; ++ i)
-               gl .uniformMatrix4fv (shaderObject .x3d_TextureMatrix [i], false, matrixArray);
-         }
-      };
-   })(),
+      for (let i = 0; i < length; ++ i)
+         textureTransformNodes [i] .setShaderUniforms (gl, shaderObject, i);
+   },
    transformPoint: function (texCoord)
    {
-      if (this .textureTransformNodes .length)
-         return this .textureTransformNodes [0] .transformPoint (texCoord);
-
-      return texCoord;
+      return this .textureTransformNodes [0] .transformPoint (texCoord);
    },
 });
 
@@ -116290,7 +116508,7 @@ const MultiTextureTransform_default_ = MultiTextureTransform;
 x_ite_Namespace.set ("x_ite/Components/Texturing/MultiTextureTransform", MultiTextureTransform_default_);
 /* harmony default export */ const Texturing_MultiTextureTransform = (MultiTextureTransform_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Texturing/PixelTexture.js
-/* provided dependency */ var PixelTexture_$ = __webpack_require__(996);
+/* provided dependency */ var PixelTexture_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -116705,7 +116923,7 @@ TextureCoordinateGenerator .prototype = Object .assign (Object .create (Texturin
    {
       array .push (0, 0, 0, 1);
    },
-   setShaderUniformsToChannel: function (gl, shaderObject, channel = 0)
+   setShaderUniforms: function (gl, shaderObject, channel = 0)
    {
       gl .uniform1i  (shaderObject .x3d_TextureCoordinateGeneratorMode [channel],      this .mode);
       gl .uniform1fv (shaderObject .x3d_TextureCoordinateGeneratorParameter [channel], this .parameter);
@@ -116993,7 +117211,7 @@ const Components_default_ = Components;
 x_ite_Namespace.set ("x_ite/Components", Components_default_);
 /* harmony default export */ const x_ite_Components = ((/* unused pure expression or super */ null && (Components_default_)));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/DOMIntegration.js
-/* provided dependency */ var DOMIntegration_$ = __webpack_require__(996);
+/* provided dependency */ var DOMIntegration_$ = __webpack_require__(998);
 /*******************************************************************************
  * MIT License
  *
@@ -118230,7 +118448,7 @@ const SupportedProfiles_default_ = SupportedProfiles;
 x_ite_Namespace.set ("x_ite/Configuration/SupportedProfiles", SupportedProfiles_default_);
 /* harmony default export */ const Configuration_SupportedProfiles = (SupportedProfiles_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/X3DBrowser.js
-/* provided dependency */ var X3DBrowser_$ = __webpack_require__(996);
+/* provided dependency */ var X3DBrowser_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -118889,7 +119107,7 @@ X3DBrowser .prototype = Object .assign (Object .create (Browser_X3DBrowserContex
       if (!layerNode)
          return;
 
-      layerNode .getViewpoint () ._viewAll = true;
+      layerNode .viewAll (1, this .getBrowserOption ("StraightenHorizon"));
    },
    firstViewpoint: function (layerNode)
    {
@@ -119175,7 +119393,7 @@ const X3DBrowser_default_ = X3DBrowser;
 x_ite_Namespace.set ("x_ite/Browser/X3DBrowser", X3DBrowser_default_);
 /* harmony default export */ const Browser_X3DBrowser = (X3DBrowser_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Fallback.js
-/* provided dependency */ var Fallback_$ = __webpack_require__(996);
+/* provided dependency */ var Fallback_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -119354,8 +119572,8 @@ const MicroTime_default_ = undefined;
 x_ite_Namespace.set ("standard/Time/MicroTime", MicroTime_default_);
 /* harmony default export */ const MicroTime = ((/* unused pure expression or super */ null && (MicroTime_default_)));
 ;// CONCATENATED MODULE: ./src/lib/jquery.js
-/* provided dependency */ var jquery_$ = __webpack_require__(996);
-/* provided dependency */ var pako = __webpack_require__(986);
+/* provided dependency */ var jquery_$ = __webpack_require__(998);
+/* provided dependency */ var pako = __webpack_require__(978);
 jquery_$.decodeText = function (input)
 {
    if (typeof input === "string")
@@ -119382,14 +119600,14 @@ const jquery_default_ = jquery_$;
 x_ite_Namespace.set ("lib/jquery", jquery_default_);
 /* harmony default export */ const jquery = ((/* unused pure expression or super */ null && (jquery_default_)));
 ;// CONCATENATED MODULE: ./src/lib/libtess.js
-/* provided dependency */ var libtess_libtess = __webpack_require__(519);
+/* provided dependency */ var libtess_libtess = __webpack_require__(422);
 const libtess_default_ = libtess_libtess;
 ;
 
 x_ite_Namespace.set ("lib/libtess", libtess_default_);
 /* harmony default export */ const lib_libtess = ((/* unused pure expression or super */ null && (libtess_default_)));
 ;// CONCATENATED MODULE: ./src/x_ite/X3D.js
-/* provided dependency */ var X3D_$ = __webpack_require__(996);
+/* provided dependency */ var X3D_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -119645,7 +119863,7 @@ const X3D_default_ = X3D;
 x_ite_Namespace.set ("x_ite/X3D", X3D_default_);
 /* harmony default export */ const x_ite_X3D = (X3D_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/X3DCanvas.js
-/* provided dependency */ var X3DCanvas_$ = __webpack_require__(996);
+/* provided dependency */ var X3DCanvas_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -119905,7 +120123,7 @@ x_ite_Namespace.set ("shim", shim_default_);
 
 // Assign X3D to global namespace.
 
-window [Symbol .for ("X_ITE.X3D-8.6.7")] = x_ite_X3D;
+window [Symbol .for ("X_ITE.X3D-8.6.9")] = x_ite_X3D;
 
 x_ite_X3DCanvas.define ();