x_ite 10.0.1 → 10.0.3

package/dist/x_ite.js

@@ -1,4 +1,4 @@
-/* X_ITE v10.0.1 */(function webpackUniversalModuleDefinition(root, factory) {
+/* X_ITE v10.0.3 */(function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory();
 	else if(typeof define === 'function' && define.amd)
@@ -11,10 +11,10 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 318:
+/***/ 68:
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-/* provided dependency */ var jQuery = __webpack_require__(126);
+/* provided dependency */ var jQuery = __webpack_require__(376);
 /**
  * @preserve jquery.fullscreen 1.1.5
  * https://github.com/code-lts/jquery-fullscreen-plugin
@@ -210,7 +210,7 @@ installFullScreenHandlers();
 
 /***/ }),
 
-/***/ 644:
+/***/ 302:
 /***/ ((module, exports, __webpack_require__) => {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -224,7 +224,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__(126)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+        !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(376)], __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__));
@@ -435,7 +435,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ }),
 
-/***/ 126:
+/***/ 376:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -11159,7 +11159,7 @@ return jQuery;
 
 /***/ }),
 
-/***/ 727:
+/***/ 229:
 /***/ ((module) => {
 
 /**
@@ -15938,7 +15938,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 406:
+/***/ 860:
 /***/ (function(__unused_webpack_module, exports) {
 
 
@@ -19183,7 +19183,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 577:
+/***/ 123:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
@@ -20311,7 +20311,7 @@ Object .defineProperty (Namespace, "add",
       }
       else
       {
-         const X3D = window [Symbol .for ("X_ITE.X3D-10.0.1")];
+         const X3D = window [Symbol .for ("X_ITE.X3D-10.0.3")];
 
          if (X3D)
             X3D [name] = module;
@@ -21722,32 +21722,18 @@ Object .assign (X3DObject .prototype,
    },
    getUserData (key)
    {
-      return this [_userData] .get (key)
-         ?? this [_userData] .map ?.get (key);
+      return this [_userData] .get (key);
    },
    setUserData (key, value)
    {
-      try
-      {
-         if (this [_userData] === X3DObject .prototype [_userData])
-            this [_userData] = new WeakMap ();
-
-         this [_userData] .set (key, value);
-      }
-      catch
-      {
-         if (!this [_userData] .map)
-            this [_userData] .map = new Map ();
+      if (this [_userData] === X3DObject .prototype [_userData])
+         this [_userData] = new Map ();
 
-         this [_userData] .map .set (key, value);
-      }
+      this [_userData] .set (key, value);
    },
    removeUserData (key)
    {
-      if (this [_userData] .delete (key))
-         return;
-
-      this [_userData] .map ?.delete (key);
+      this [_userData] .delete (key);
    },
    toString (options = Object .prototype)
    {
@@ -21800,7 +21786,7 @@ Object .assign (X3DObject .prototype,
    dispose ()
    {
       this [_interests] .clear ();
-      this [_userData] .map ?.clear ();
+      this [_userData]  .clear ();
    },
 });
 
@@ -23595,6 +23581,22 @@ Object .assign (Color3 .prototype,
 
       return this;
    },
+   linearToSRGB (color = new Color3 ())
+   {
+      color [_r] = Math .pow (this [_r], 1 / 2.2);
+      color [_g] = Math .pow (this [_g], 1 / 2.2);
+      color [_b] = Math .pow (this [_b], 1 / 2.2);
+
+      return color;
+   },
+   sRGBToLinear (color = new Color3 ())
+   {
+      color [_r] = Math .pow (this [_r], 2.2);
+      color [_g] = Math .pow (this [_g], 2.2);
+      color [_b] = Math .pow (this [_b], 2.2);
+
+      return color;
+   },
    toString ()
    {
       return this [_r] + " " +
@@ -23794,6 +23796,14 @@ Object .assign (Object .setPrototypeOf (SFColor .prototype, Base_X3DField .proto
       this .getValue () .setHSV (h, s, v);
       this .addEvent ();
    },
+   linearToSRGB ()
+   {
+      return new SFColor (this .getValue () .linearToSRGB ());
+   },
+   sRGBToLinear ()
+   {
+      return new SFColor (this .getValue () .sRGBToLinear ());
+   },
    lerp: (() =>
    {
       const
@@ -24048,6 +24058,22 @@ Object .assign (Color4 .prototype,
 
       return this;
    },
+   linearToSRGB (color = new Color4 ())
+   {
+      Numbers_Color3 .prototype .linearToSRGB .call (this, color);
+
+      color [_a] = this [_a];
+
+      return color;
+   },
+   sRGBToLinear (color = new Color4 ())
+   {
+      Numbers_Color3 .prototype .sRGBToLinear .call (this, color);
+
+      color [_a] = this [_a];
+
+      return color;
+   },
    toString ()
    {
       return this [Color4_r] + " " +
@@ -24218,6 +24244,14 @@ Object .assign (Object .setPrototypeOf (SFColorRGBA .prototype, Base_X3DField .p
       this .getValue () .setHSVA (h, s, v, a);
       this .addEvent ();
    },
+   linearToSRGB ()
+   {
+      return new SFColorRGBA (this .getValue () .linearToSRGB ());
+   },
+   sRGBToLinear ()
+   {
+      return new SFColorRGBA (this .getValue () .sRGBToLinear ());
+   },
    lerp: (() =>
    {
       const
@@ -34243,7 +34277,7 @@ const X3DBaseNode_default_ = X3DBaseNode;
 x_ite_Namespace .add ("X3DBaseNode", "x_ite/Base/X3DBaseNode", X3DBaseNode_default_);
 /* harmony default export */ const Base_X3DBaseNode = (X3DBaseNode_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Legacy.js
-/* provided dependency */ var $ = __webpack_require__(126);
+/* provided dependency */ var $ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -34380,7 +34414,7 @@ x_ite_Namespace .add ("Legacy", "x_ite/Browser/Legacy", Legacy_default_);
  *
  ******************************************************************************/
 
-const BROWSER_VERSION_default_ = "10.0.1";
+const BROWSER_VERSION_default_ = "10.0.3";
 ;
 
 x_ite_Namespace .add ("BROWSER_VERSION", "x_ite/BROWSER_VERSION", BROWSER_VERSION_default_);
@@ -37566,7 +37600,7 @@ const X3DBindableNode_default_ = X3DBindableNode;
 x_ite_Namespace .add ("X3DBindableNode", "x_ite/Components/Core/X3DBindableNode", X3DBindableNode_default_);
 /* harmony default export */ const Core_X3DBindableNode = (X3DBindableNode_default_);
 ;// CONCATENATED MODULE: ./src/standard/Math/Geometry/Triangle3.js
-/* provided dependency */ var libtess = __webpack_require__(727);
+/* provided dependency */ var libtess = __webpack_require__(229);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -40136,7 +40170,7 @@ const X3DProtoDeclaration_default_ = X3DProtoDeclaration;
 x_ite_Namespace .add ("X3DProtoDeclaration", "x_ite/Prototype/X3DProtoDeclaration", X3DProtoDeclaration_default_);
 /* harmony default export */ const Prototype_X3DProtoDeclaration = (X3DProtoDeclaration_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/X3DParser.js
-/* provided dependency */ var X3DParser_$ = __webpack_require__(126);
+/* provided dependency */ var X3DParser_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -40394,7 +40428,7 @@ const Expressions_default_ = Expressions;
 x_ite_Namespace .add ("Expressions", "x_ite/Parser/Expressions", Expressions_default_);
 /* harmony default export */ const Parser_Expressions = (Expressions_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/VRMLParser.js
-/* provided dependency */ var VRMLParser_$ = __webpack_require__(126);
+/* provided dependency */ var VRMLParser_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -43094,7 +43128,7 @@ const VRMLParser_default_ = VRMLParser;
 x_ite_Namespace .add ("VRMLParser", "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__(126);
+/* provided dependency */ var XMLParser_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -45270,7 +45304,7 @@ const URLs_default_ = URLs;
 x_ite_Namespace .add ("URLs", "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__(126);
+/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -45575,7 +45609,6 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
             case "KHR_materials_sheen":
             case "KHR_materials_specular":
             case "KHR_materials_transmission":
-            case "KHR_materials_unlit":
             case "KHR_materials_volume":
             {
                const component = browser .getComponent ("X_ITE", 1);
@@ -46270,7 +46303,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
 
       appearanceNode ._alphaMode        = this .stringValue (material .alphaMode, "OPAQUE");
       appearanceNode ._alphaCutoff      = this .numberValue (material .alphaCutoff, 0.5);
-      appearanceNode ._material         = materialNode;
+      appearanceNode ._material         = this .khrMaterialsUnlitObject (material .extensions ?.KHR_materials_unlit, materialNode);
       appearanceNode ._textureTransform = this .createMultiTextureTransform (materialNode);
 
       appearanceNode .setup ();
@@ -46443,9 +46476,6 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
             case "KHR_materials_transmission":
                this .khrMaterialsTransmission (value, materialNode);
                break;
-            case "KHR_materials_unlit":
-               this .khrMaterialsUnlitObject (value, materialNode);
-               break;
             case "KHR_materials_volume":
                this .khrMaterialsVolumeObject (value, materialNode);
                break;
@@ -46604,14 +46634,6 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
 
       materialNode ._extensions .push (extension);
    },
-   khrMaterialsUnlitObject (KHR_materials_unlit, materialNode)
-   {
-      const extension = this .getScene () .createNode ("UnlitMaterialExtension", false);
-
-      extension .setup ();
-
-      materialNode ._extensions .push (extension);
-   },
    khrMaterialsVolumeObject (KHR_materials_volume, materialNode)
    {
       const extension = this .getScene () .createNode ("VolumeMaterialExtension", false);
@@ -46630,6 +46652,27 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
 
       materialNode ._extensions .push (extension);
    },
+   khrMaterialsUnlitObject (KHR_materials_unlit, materialNode)
+   {
+      if (!KHR_materials_unlit)
+         return materialNode;
+
+      const unlitMaterialNode = this .getScene () .createNode ("UnlitMaterial", false);
+
+      unlitMaterialNode ._emissiveColor          = materialNode ._baseColor;
+      unlitMaterialNode ._emissiveTextureMapping = materialNode ._baseTextureMapping;
+      unlitMaterialNode ._emissiveTexture        = materialNode ._baseTexture;
+      unlitMaterialNode ._normalScale            = materialNode ._normalScale;
+      unlitMaterialNode ._normalTextureMapping   = materialNode ._normalTextureMapping;
+      unlitMaterialNode ._normalTexture          = materialNode ._normalTexture;
+      unlitMaterialNode ._transparency           = materialNode ._transparency;
+
+      unlitMaterialNode .setup ();
+
+      materialNode .dispose ();
+
+      return unlitMaterialNode;
+   },
    textureTransformObject (KHR_texture_transform, texCoord)
    {
       if (!(KHR_texture_transform instanceof Object))
@@ -47747,12 +47790,12 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
    },
    hasTextures (materialNode)
    {
-      // Test PhysicalMaterial, ...
+      // Test PhysicalMaterial, UnlitMaterial ...
 
       if (+materialNode .getTextureBits ())
          return true;
 
-      if (materialNode ._extensions .some (extension => +extension .getValue () .getTextureBits ()))
+      if (materialNode ._extensions ?.some (extension => +extension .getValue () .getTextureBits ()))
          return true;
 
       return false;
@@ -48904,7 +48947,7 @@ const GLTF2Parser_default_ = GLTF2Parser;
 x_ite_Namespace .add ("GLTF2Parser", "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__(126);
+/* provided dependency */ var GLB2Parser_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -49056,7 +49099,7 @@ const GLB2Parser_default_ = GLB2Parser;
 x_ite_Namespace .add ("GLB2Parser", "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__(126);
+/* provided dependency */ var OBJParser_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -50744,6 +50787,8 @@ x_ite_Namespace .add ("STLBParser", "x_ite/Parser/STLBParser", STLBParser_defaul
 
 
 
+
+
 /*
  *  Grammar
  */
@@ -50910,6 +50955,14 @@ Object .assign (Object .setPrototypeOf (PLYAParser .prototype, Parser_X3DParser
             return value;
       }
    },
+   convertFDC (f_dc)
+   {
+      // https://github.com/graphdeco-inria/gaussian-splatting/issues/485
+
+      const C0 = 0.28209479177387814;
+
+      return 0.5 + C0 * f_dc;
+   },
    header (elements)
    {
       PLYAParser_Grammar .ply .parse (this);
@@ -51109,20 +51162,20 @@ Object .assign (Object .setPrototypeOf (PLYAParser .prototype, Parser_X3DParser
    async parseVertices ({ count, properties })
    {
       const
-         browser    = this .getBrowser (),
-         scene      = this .getScene (),
-         colors     = [ ],
-         texCoord   = scene .createNode ("TextureCoordinate"),
-         texCoords  = [ ],
-         normal     = scene .createNode ("Normal"),
-         normals    = [ ],
-         coord      = scene .createNode ("Coordinate"),
-         points     = [ ],
-         attributes = new Map ();
+         browser     = this .getBrowser (),
+         scene       = this .getScene (),
+         colors      = [ ],
+         texCoord    = scene .createNode ("TextureCoordinate"),
+         texCoords   = [ ],
+         normal      = scene .createNode ("Normal"),
+         normals     = [ ],
+         coord       = scene .createNode ("Coordinate"),
+         points      = [ ],
+         attributes  = new Map ();
 
       for (const { name } of properties)
       {
-         if (name .match (/^(?:red|green|blue|alpha|r|g|b|a|s|t|u|v|nx|ny|nz|x|y|z)$/))
+         if (name .match (/^(?:red|green|blue|alpha|r|g|b|a|f_dc_0|f_dc_1|f_dc_2|opacity|s|t|u|v|nx|ny|nz|x|y|z)$/))
             continue;
 
          attributes .set (name, [ ]);
@@ -51148,6 +51201,13 @@ Object .assign (Object .setPrototypeOf (PLYAParser .prototype, Parser_X3DParser
                case "r": case "g": case "b": case "a":
                   colors .push (this .convertColor (this .value, type));
                   break;
+               case "f_dc_0": case "f_dc_1": case "f_dc_2":
+                  colors .push (this .convertFDC (this .convertColor (this .value, type)));
+                  break;
+               case "opacity":
+                  // https://github.com/antimatter15/splat/blob/main/convert.py
+                  colors .push (1 / (1 + Math .exp (-this .value)));
+                  break;
                case "s": case "t":
                case "u": case "v":
                   texCoords .push (this .value);
@@ -51187,7 +51247,7 @@ Object .assign (Object .setPrototypeOf (PLYAParser .prototype, Parser_X3DParser
       // Geometric properties
 
       const
-         pAlpha = properties .some (p => p .name .match (/^(?:alpha|a)$/)),
+         pAlpha = properties .some (p => p .name .match (/^(?:alpha|a|opacity)$/)),
          alpha  = pAlpha && colors .some ((v, i) => i % 4 === 3 && v < 1),
          color  = scene .createNode (alpha ? "ColorRGBA" : "Color");
 
@@ -52414,8 +52474,8 @@ const MatrixStack_default_ = MatrixStack;
 x_ite_Namespace .add ("MatrixStack", "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__(126);
-/* provided dependency */ var SVGParser_libtess = __webpack_require__(727);
+/* provided dependency */ var SVGParser_$ = __webpack_require__(376);
+/* provided dependency */ var SVGParser_libtess = __webpack_require__(229);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -55186,7 +55246,7 @@ const SVGParser_default_ = SVGParser;
 x_ite_Namespace .add ("SVGParser", "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__(126);
+/* provided dependency */ var GoldenGate_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -56915,6 +56975,7 @@ function X3DRenderObject (executionContext)
    const browser = executionContext .getBrowser ();
 
    this .renderKey                      = "";
+   this .renderAndGlobalLightsKey       = "";
    this .renderCount                    = 0;
    this .viewVolumes                    = [ ];
    this .projectionMatrix               = new Utility_MatrixStack (Numbers_Matrix4);
@@ -56928,12 +56989,13 @@ function X3DRenderObject (executionContext)
    this .hitRay                         = new Geometry_Line3 (Numbers_Vector3 .Zero, Numbers_Vector3 .Zero);
    this .sensors                        = [[ ]];
    this .viewpointGroups                = [ ];
-   this .localObjectsKeys               = [ ];
+   this .lights                         = [ ];
    this .globalLightsKeys               = [ ];
    this .globalLights                   = [ ];
+   this .localObjectsKeys               = [ ];
    this .localObjects                   = [ ];
-   this .lights                         = [ ];
    this .globalShadows                  = [ false ];
+   this .globalShadow                   = false;
    this .localShadows                   = [ false ];
    this .localFogs                      = [ null ];
    this .layouts                        = [ ];
@@ -56968,6 +57030,7 @@ Object .assign (X3DRenderObject .prototype,
       const browser = this .getBrowser ();
 
       browser .getRenderingProperties () ._LogarithmicDepthBuffer  .addInterest ("set_renderKey__", this);
+      browser .getBrowserOptions () ._ColorSpace                   .addInterest ("set_renderKey__", this);
       browser .getBrowserOptions () ._OrderIndependentTransparency .addInterest ("set_renderKey__", this);
       browser .getBrowserOptions () ._ToneMapping                  .addInterest ("set_renderKey__", this);
 
@@ -56993,9 +57056,22 @@ Object .assign (X3DRenderObject .prototype,
 
       let renderKey = "";
 
-      renderKey += this .logarithmicDepthBuffer ? 1 : 0;
+      renderKey += this .logarithmicDepthBuffer       ? 1 : 0;
       renderKey += this .orderIndependentTransparency ? 1 : 0;
 
+      switch (browser .getBrowserOption ("ColorSpace"))
+      {
+         case "SRGB":
+            renderKey += 0;
+            break;
+         default: // LINEAR_WHEN_PHYSICAL_MATERIAL
+            renderKey += 1;
+            break;
+         case "LINEAR":
+            renderKey += 2;
+            break;
+      }
+
       switch (browser .getBrowserOption ("ToneMapping"))
       {
          default: // NONE
@@ -57029,6 +57105,10 @@ Object .assign (X3DRenderObject .prototype,
    {
       return this .renderKey;
    },
+   getRenderAndGlobalLightsKey ()
+   {
+      return this .renderAndGlobalLightsKey;
+   },
    getRenderCount ()
    {
       return this .renderCount;
@@ -57095,10 +57175,18 @@ Object .assign (X3DRenderObject .prototype,
    {
       return this .viewpointGroups;
    },
+   getLights ()
+   {
+      return this .lights;
+   },
    getGlobalLights ()
    {
       return this .globalLights;
    },
+   getGlobalLightsKeys ()
+   {
+      return this .globalLightsKeys;
+   },
    getLocalObjects ()
    {
       return this .localObjects;
@@ -57107,10 +57195,6 @@ Object .assign (X3DRenderObject .prototype,
    {
       return this .localObjectsKeys;
    },
-   getLights ()
-   {
-      return this .lights;
-   },
    pushGlobalShadows (value)
    {
       this .globalShadows .push (value || this .globalShadows .at (-1));
@@ -57119,6 +57203,10 @@ Object .assign (X3DRenderObject .prototype,
    {
       return this .globalShadows;
    },
+   getGlobalShadow ()
+   {
+      return this .globalShadow;
+   },
    pushLocalShadows (value)
    {
       this .localShadows .push (value || this .localShadows .at (-1));
@@ -57946,7 +58034,6 @@ Object .assign (X3DRenderObject .prototype,
          globalLights             = this .globalLights,
          generatedCubeMapTextures = this .generatedCubeMapTextures,
          globalShadows            = this .globalShadows,
-         shadows                  = globalShadows .at (-1),
          headlight                = this .getNavigationInfo () ._headlight .getValue (),
          oit                      = frameBuffer .getOIT () && independent;
 
@@ -57978,6 +58065,9 @@ Object .assign (X3DRenderObject .prototype,
       for (const light of globalLights)
          globalLightsKeys .push (light .lightNode .getLightKey ());
 
+      this .renderAndGlobalLightsKey = `.${this .renderKey}.${globalLightsKeys .sort () .join ("")}.`;
+      this .globalShadow             = globalShadows .at (-1);
+
       // Set global uniforms.
 
       this .viewportArray          .set (viewport);
@@ -57985,34 +58075,6 @@ Object .assign (X3DRenderObject .prototype,
       this .viewMatrixArray        .set (this .getViewMatrix () .get ());
       this .cameraSpaceMatrixArray .set (this .getCameraSpaceMatrix () .get ());
 
-      // Prepare opaque objects.
-
-      const
-         opaqueShapes    = this .opaqueShapes,
-         numOpaqueShapes = this .numOpaqueShapes;
-
-      for (let i = 0; i < numOpaqueShapes; ++ i)
-      {
-         const renderContext = opaqueShapes [i];
-
-         renderContext .shadows = renderContext .shadows || shadows;
-         renderContext .objectsKeys .push (... globalLightsKeys);
-      }
-
-      // Prepare transparent objects.
-
-      const
-         transparentShapes    = this .transparentShapes,
-         numTransparentShapes = this .numTransparentShapes;
-
-      for (let i = 0; i < numTransparentShapes; ++ i)
-      {
-         const renderContext = transparentShapes [i];
-
-         renderContext .shadows = renderContext .shadows || shadows;
-         renderContext .objectsKeys .push (... globalLightsKeys);
-      }
-
       // DRAW
 
       if (independent && this .transmission)
@@ -58031,13 +58093,13 @@ Object .assign (X3DRenderObject .prototype,
          gl .bindTexture (gl .TEXTURE_2D, transmissionBuffer .getColorTexture ());
          gl .generateMipmap (gl .TEXTURE_2D);
 
-         this .drawShapes (gl, browser, true, frameBuffer, 0, oit, viewport, opaqueShapes, numOpaqueShapes, transparentShapes, numTransparentShapes, this .transparencySorter);
+         this .drawShapes (gl, browser, true, frameBuffer, 0, oit, viewport, this .opaqueShapes, this .numOpaqueShapes, this .transparentShapes, this .numTransparentShapes, this .transparencySorter);
       }
       else
       {
          // Draw with sorted blend or OIT.
 
-         this .drawShapes (gl, browser, independent, frameBuffer, 0, oit, viewport, opaqueShapes, numOpaqueShapes, transparentShapes, numTransparentShapes, this .transparencySorter);
+         this .drawShapes (gl, browser, independent, frameBuffer, 0, oit, viewport, this .opaqueShapes, this .numOpaqueShapes, this .transparentShapes, this .numTransparentShapes, this .transparencySorter);
       }
 
       // POST DRAW
@@ -61961,8 +62023,7 @@ function X3DBackgroundNode (executionContext)
    this .textureNodes          = new Array (6);
    this .textureBits           = new Utility_BitSet ();
    this .sphereContext         = new Rendering_GeometryContext ({ colorMaterial: true });
-   this .sphereAlphaContext    = new Rendering_GeometryContext ({ colorMaterial: true, alphaMode: Shape_AlphaMode .BLEND });
-   this .texturesContext       = new Rendering_GeometryContext ({ });
+   this .texturesContext       = new Rendering_GeometryContext ({ objectsKeys: this .sphereContext .objectsKeys});
 }
 
 Object .assign (Object .setPrototypeOf (X3DBackgroundNode .prototype, Core_X3DBindableNode .prototype),
@@ -62314,26 +62375,20 @@ Object .assign (Object .setPrototypeOf (X3DBackgroundNode .prototype, Core_X3DBi
          {
             const
                localObjects = renderObject .getLocalObjects (),
-               clipPlanes   = this .clipPlanes;
+               clipPlanes   = this .clipPlanes,
+               objectsKeys  = this .sphereContext .objectsKeys;
 
             let c = 0;
 
-            for (let l = 0, length = localObjects .length; l < length; ++ l)
+            for (const localObject of localObjects)
             {
-               if (localObjects [l] .isClipped)
-                  clipPlanes [c ++] = localObjects [l];
+               if (localObject .isClipped)
+                  clipPlanes [c ++] = localObject;
             }
 
-            clipPlanes .length = c;
-
-            for (let i = 0; i < c; ++ i)
-            {
-               this .sphereContext   .objectsKeys [i] = 0;
-               this .texturesContext .objectsKeys [i] = 0;
-            }
-
-            this .sphereContext   .objectsKeys .length = c;
-            this .texturesContext .objectsKeys .length = c;
+            clipPlanes  .length = c;
+            objectsKeys .length = c;
+            objectsKeys .fill (0);
             return;
          }
       }
@@ -62392,9 +62447,14 @@ Object .assign (Object .setPrototypeOf (X3DBackgroundNode .prototype, Core_X3DBi
          return;
 
       const
-         browser    = this .getBrowser (),
-         gl         = browser .getContext (),
-         shaderNode = browser .getDefaultMaterial () .getShader (transparency ? this .sphereAlphaContext : this .sphereContext);
+         browser       = this .getBrowser (),
+         gl            = browser .getContext (),
+         sphereContext = this .sphereContext;
+
+      sphereContext .alphaMode    = transparency ? Shape_AlphaMode .BLEND : Shape_AlphaMode .OPAQUE;
+      sphereContext .renderObject = renderObject;
+
+      const shaderNode = browser .getDefaultMaterial () .getShader (sphereContext);
 
       shaderNode .enable (gl);
       shaderNode .setClipPlanes (gl, this .clipPlanes);
@@ -62442,8 +62502,9 @@ Object .assign (Object .setPrototypeOf (X3DBackgroundNode .prototype, Core_X3DBi
          {
             const textureNode = this .textureNodes [i];
 
-            texturesContext .alphaMode   = textureNode ._transparent .getValue () ? Shape_AlphaMode .BLEND : Shape_AlphaMode .OPAQUE;
-            texturesContext .textureNode = textureNode;
+            texturesContext .alphaMode    = textureNode ._transparent .getValue () ? Shape_AlphaMode .BLEND : Shape_AlphaMode .OPAQUE;
+            texturesContext .textureNode  = textureNode;
+            texturesContext .renderObject = renderObject;
 
             const shaderNode = browser .getDefaultMaterial () .getShader (texturesContext);
 
@@ -63153,7 +63214,7 @@ const X3DTexture2DNode_default_ = X3DTexture2DNode;
 x_ite_Namespace .add ("X3DTexture2DNode", "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__(126);
+/* provided dependency */ var ImageTexture_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -66737,7 +66798,7 @@ const X3DWorld_default_ = X3DWorld;
 x_ite_Namespace .add ("X3DWorld", "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__(126);
+/* provided dependency */ var FileLoader_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -67671,7 +67732,7 @@ const ProtoDeclarationArray_default_ = ProtoDeclarationArray;
 x_ite_Namespace .add ("ProtoDeclarationArray", "x_ite/Prototype/ProtoDeclarationArray", ProtoDeclarationArray_default_);
 /* harmony default export */ const Prototype_ProtoDeclarationArray = (ProtoDeclarationArray_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Routing/X3DRoute.js
-/* provided dependency */ var X3DRoute_$ = __webpack_require__(126);
+/* provided dependency */ var X3DRoute_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -81423,6 +81484,9 @@ x_ite_Namespace .add ("DirectionalLight", "x_ite/Components/Lighting/Directional
 
 
 
+/**
+ * THIS NODE IS STILL EXPERIMENTAL.
+ */
 
 const EnvironmentLights = Utility_ObjectCache (EnvironmentLightContainer);
 
@@ -90322,6 +90386,10 @@ x_ite_Namespace .add ("PointSet", "x_ite/Components/Rendering/PointSet", PointSe
 
 
 
+/**
+ * THIS NODE IS STILL EXPERIMENTAL.
+ */
+
 function Tangent (executionContext)
 {
    Rendering_X3DGeometricPropertyNode .call (this, executionContext);
@@ -91119,7 +91187,7 @@ const MaterialTextures_default_ = {
       "x3d_TransmissionTextureEXT",
       "x3d_ThicknessTextureEXT",
    ],
-   texture (name, components = "rgba", colorspace = "")
+   texture (name, components = "rgba", colorSpace = "")
    {
       const ext = !!name .match (/EXT$/);
 
@@ -91157,15 +91225,29 @@ vec4 textureColor=texture(${name}${EXT} .textureCube,texCoord);
 #endif
 ${type}
 textureColorComponents=textureColor.${components};
+#if defined(X3D_COLORSPACE_SRGB)
 #if defined(${define}${_EXT}_LINEAR)
-#if ${colorspace === "sRGB" ? 1 : 0}
-textureColorComponents=linearTosRGB(textureColorComponents);
+#if ${colorSpace === "sRGB" || colorSpace === "linear" ? 1 : 0}
+textureColorComponents=linearToSRGB(textureColorComponents);
+#endif
+#endif
+#elif defined(X3D_COLORSPACE_LINEAR_WHEN_PHYSICAL_MATERIAL)
+#if defined(${define}${_EXT}_LINEAR)
+#if ${colorSpace === "sRGB" ? 1 : 0}
+textureColorComponents=linearToSRGB(textureColorComponents);
 #endif
 #else
-#if ${colorspace === "linear" ? 1 : 0}
+#if ${colorSpace === "linear" ? 1 : 0}
 textureColorComponents=sRGBToLinear(textureColorComponents);
 #endif
 #endif
+#elif defined(X3D_COLORSPACE_LINEAR)
+#if!defined(${define}${_EXT}_LINEAR)
+#if ${colorSpace === "sRGB" || colorSpace === "linear" ? 1 : 0}
+textureColorComponents=sRGBToLinear(textureColorComponents);
+#endif
+#endif
+#endif
 return textureColorComponents;}
 #endif
 `
@@ -91200,7 +91282,7 @@ mediump samplerCube textureCube;
 x_ite_Namespace .add ("MaterialTextures", "assets/shaders/MaterialTextures", MaterialTextures_default_);
 /* harmony default export */ const MaterialTextures = (MaterialTextures_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Shaders/X3DProgrammableShaderObject.js
-/* provided dependency */ var X3DProgrammableShaderObject_$ = __webpack_require__(126);
+/* provided dependency */ var X3DProgrammableShaderObject_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -91455,7 +91537,7 @@ Object .assign (X3DProgrammableShaderObject .prototype,
          "x3d_TransmissionFramebufferSizeEXT",
          "x3d_ThicknessEXT",
          "x3d_AttenuationDistanceEXT",
-         "x3d_AttenuationColoEXT",
+         "x3d_AttenuationColorEXT",
       ];
 
       for (const name of commonUniforms)
@@ -93487,6 +93569,10 @@ x_ite_Namespace .add ("Matrix4VertexAttribute", "x_ite/Components/Shaders/Matrix
 
 
 
+/**
+ * THIS NODE IS NOT SUPPORTED.
+ */
+
 function PackagedShader (executionContext)
 {
    Shaders_X3DShaderNode               .call (this, executionContext);
@@ -93619,6 +93705,10 @@ x_ite_Namespace .add ("PackagedShader", "x_ite/Components/Shaders/PackagedShader
 
 
 
+/**
+ * THIS NODE IS NOT SUPPORTED.
+ */
+
 function ProgramShader (executionContext)
 {
    Shaders_X3DShaderNode .call (this, executionContext);
@@ -94311,7 +94401,7 @@ finalColor.a=1.0;
 #if defined(X3D_ALPHA_MODE_MASK)
 if(finalColor.a<x3d_AlphaCutoff)discard;finalColor.a=1.0;
 #endif
-gl_FragColor=finalColor;
+finalColor.rgb=toneMap(finalColor.rgb);gl_FragColor=finalColor;
 #if defined(X3D_LOGARITHMIC_DEPTH_BUFFER)
 gl_FragDepthEXT=log2(depth)*x3d_LogarithmicFarFactor1_2;
 #endif
@@ -94320,55 +94410,6 @@ gl_FragDepthEXT=log2(depth)*x3d_LogarithmicFarFactor1_2;
 
 x_ite_Namespace .add ("Fragment1.glsl", "assets/shaders/webgl1/common/Fragment1.glsl", Fragment1_glsl_default_);
 /* harmony default export */ const Fragment1_glsl = (Fragment1_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/common/Shadow1.glsl.js
-const Shadow1_glsl_default_ = /* glsl */ `
-#if defined(X3D_FRAGMENT_SHADER)&&defined(X3D_SHADOWS)
-uniform sampler2D x3d_ShadowMap[X3D_NUM_LIGHTS];float getShadowDepth(const in int index,const in vec2 shadowCoord){
-#if X3D_NUM_LIGHTS>0
-if(index==0)return texture2D(x3d_ShadowMap[0],shadowCoord).r;
-#endif
-#if X3D_NUM_LIGHTS>1
-if(index==1)return texture2D(x3d_ShadowMap[1],shadowCoord).r;
-#endif
-#if X3D_NUM_LIGHTS>2
-if(index==2)return texture2D(x3d_ShadowMap[2],shadowCoord).r;
-#endif
-#if X3D_NUM_LIGHTS>3
-if(index==3)return texture2D(x3d_ShadowMap[3],shadowCoord).r;
-#endif
-#if X3D_NUM_LIGHTS>4
-if(index==4)return texture2D(x3d_ShadowMap[4],shadowCoord).r;
-#endif
-#if X3D_NUM_LIGHTS>5
-if(index==5)return texture2D(x3d_ShadowMap[5],shadowCoord).r;
-#endif
-#if X3D_NUM_LIGHTS>6
-if(index==6)return texture2D(x3d_ShadowMap[6],shadowCoord).r;
-#endif
-#if X3D_NUM_LIGHTS>7
-if(index==7)return texture2D(x3d_ShadowMap[7],shadowCoord).r;
-#endif
-return 0.0;}float texture2DCompare(const in int index,const in vec2 texCoord,const in float compare){float shadowDepth=getShadowDepth(index,texCoord);return(1.0-step(1.0,shadowDepth))*step(shadowDepth,compare);}float texture2DShadowLerp(const in int index,const in vec2 texelSize,const in float shadowMapSize,const in vec2 texCoord,const in float compare){const vec2 offset=vec2(0.0,1.0);vec2 centroidTexCoord=floor(texCoord*shadowMapSize+0.5)/shadowMapSize;float lb=texture2DCompare(index,centroidTexCoord+texelSize*offset.xx,compare);float lt=texture2DCompare(index,centroidTexCoord+texelSize*offset.xy,compare);float rb=texture2DCompare(index,centroidTexCoord+texelSize*offset.yx,compare);float rt=texture2DCompare(index,centroidTexCoord+texelSize*offset.yy,compare);vec2 f=fract(texCoord*shadowMapSize+0.5);float a=mix(lb,lt,f.y);float b=mix(rb,rt,f.y);float c=mix(a,b,f.x);return c;}vec2 cubeToUVCompact(in vec3 v,const float texelSizeY){vec3 absV=abs(v);float scaleToCube=1.0/max(absV.x,max(absV.y,absV.z));absV*=scaleToCube;v*=scaleToCube*(1.0-2.0*texelSizeY);vec2 planar=v.xy;float almostATexel=1.5*texelSizeY;float almostOne=1.0-almostATexel;if(absV.z>=almostOne){if(v.z>0.0)planar.x=4.0-v.x;}else if(absV.x>=almostOne){float signX=sign(v.x);planar.x=v.z*signX+2.0*signX;}else if(absV.y>=almostOne){float signY=sign(v.y);planar.x=(v.x+0.5+signY)*2.0;planar.y=v.z*signY-2.0;}return vec2(0.125,0.25)*planar+vec2(0.375,0.75);}mat4 getPointLightRotations(const in vec3 vector){mat4 rotations[6];rotations[0]=mat4(0,0,1,0,0,1,0,0,-1,0,0,0,0,0,0,1);rotations[1]=mat4(0,0,-1,0,0,1,0,0,1,0,0,0,0,0,0,1);rotations[2]=mat4(-1,0,0,0,0,1,0,0,0,0,-1,0,0,0,0,1);rotations[3]=mat4(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);rotations[4]=mat4(1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,1);rotations[5]=mat4(1,0,0,0,0,0,-1,0,0,1,0,0,0,0,0,1);vec3 a=abs(vector.xyz);if(a.x>a.y){if(a.x>a.z)return vector.x>0.0?rotations[1]:rotations[0];else return vector.z>0.0?rotations[2]:rotations[3];}else{if(a.y>a.z)return vector.y>0.0?rotations[5]:rotations[4];else return vector.z>0.0?rotations[2]:rotations[3];}return rotations[3];}float getShadowIntensity(const in int index,const in x3d_LightSourceParameters light){if(light.type==x3d_PointLight){const mat4 biasMatrix=mat4(0.5,0.0,0.0,0.0,0.0,0.5,0.0,0.0,0.0,0.0,0.5,0.0,0.5,0.5,0.5,1.0);const mat4 projectionMatrix=mat4(1.0,0.0,0.0,0.0,0.0,0.5,0.0,0.0,0.0,0.0,-1.000025000312504,-1.0,0,0.0,-0.25000312503906297,0.0);vec2 texelSize=vec2(1.0)/(float(light.shadowMapSize)*vec2(4.0,2.0));vec4 shadowCoord=light.shadowMatrix*vec4(vertex,1.0);vec3 lightToPosition=shadowCoord.xyz;shadowCoord=biasMatrix*(projectionMatrix*(getPointLightRotations(lightToPosition)*shadowCoord));shadowCoord.z-=light.shadowBias;shadowCoord.xyz/=shadowCoord.w;
-#if defined(X3D_PCF_FILTERING)||defined(X3D_PCF_SOFT_FILTERING)
-vec2 offset=vec2(-1,1)*(texelSize.y*42.0);float value=(texture2DCompare(index,cubeToUVCompact(lightToPosition+offset.xyy,texelSize.y),shadowCoord.z)+texture2DCompare(index,cubeToUVCompact(lightToPosition+offset.yyy,texelSize.y),shadowCoord.z)+texture2DCompare(index,cubeToUVCompact(lightToPosition+offset.xyx,texelSize.y),shadowCoord.z)+texture2DCompare(index,cubeToUVCompact(lightToPosition+offset.yyx,texelSize.y),shadowCoord.z)+texture2DCompare(index,cubeToUVCompact(lightToPosition,texelSize.y),shadowCoord.z)+texture2DCompare(index,cubeToUVCompact(lightToPosition+offset.xxy,texelSize.y),shadowCoord.z)+texture2DCompare(index,cubeToUVCompact(lightToPosition+offset.yxy,texelSize.y),shadowCoord.z)+texture2DCompare(index,cubeToUVCompact(lightToPosition+offset.xxx,texelSize.y),shadowCoord.z)+texture2DCompare(index,cubeToUVCompact(lightToPosition+offset.yxx,texelSize.y),shadowCoord.z))*(1.0/9.0);return light.shadowIntensity*value;
-#else
-float value=texture2DCompare(index,cubeToUVCompact(lightToPosition,texelSize.y),shadowCoord.z);return light.shadowIntensity*value;
-#endif
-}else{
-#if defined(X3D_PCF_FILTERING)
-vec2 texelSize=vec2(1.0)/vec2(light.shadowMapSize);vec4 shadowCoord=light.shadowMatrix*vec4(vertex,1.0);shadowCoord.z-=light.shadowBias;shadowCoord.xyz/=shadowCoord.w;if(any(greaterThan(abs(shadowCoord.xy-0.5),vec2(0.5))))return 0.0;vec2 d0=-texelSize;vec2 d1=texelSize;float value=(texture2DCompare(index,shadowCoord.xy+d0,shadowCoord.z)+texture2DCompare(index,shadowCoord.xy+vec2(0.0,d0.y),shadowCoord.z)+texture2DCompare(index,shadowCoord.xy+vec2(d1.x,d0.y),shadowCoord.z)+texture2DCompare(index,shadowCoord.xy+vec2(d0.x,0.0),shadowCoord.z)+texture2DCompare(index,shadowCoord.xy,shadowCoord.z)+texture2DCompare(index,shadowCoord.xy+vec2(d1.x,0.0),shadowCoord.z)+texture2DCompare(index,shadowCoord.xy+vec2(d0.x,d1.y),shadowCoord.z)+texture2DCompare(index,shadowCoord.xy+vec2(0.0,d1.y),shadowCoord.z)+texture2DCompare(index,shadowCoord.xy+d1,shadowCoord.z))*(1.0/9.0);return light.shadowIntensity*value;
-#elif defined(X3D_PCF_SOFT_FILTERING)
-vec2 texelSize=vec2(1.0)/vec2(light.shadowMapSize);vec4 shadowCoord=light.shadowMatrix*vec4(vertex,1.0);shadowCoord.z-=light.shadowBias;shadowCoord.xyz/=shadowCoord.w;if(any(greaterThan(abs(shadowCoord.xy-0.5),vec2(0.5))))return 0.0;vec2 d0=-texelSize;vec2 d1=texelSize;float value=(texture2DShadowLerp(index,texelSize,float(shadowMapSize),shadowCoord.xy+d0,shadowCoord.z)+texture2DShadowLerp(index,texelSize,float(shadowMapSize),shadowCoord.xy+vec2(0.0,d0.y),shadowCoord.z)+texture2DShadowLerp(index,texelSize,float(shadowMapSize),shadowCoord.xy+vec2(d1.x,d0.y),shadowCoord.z)+texture2DShadowLerp(index,texelSize,float(shadowMapSize),shadowCoord.xy+vec2(d0.x,0.0),shadowCoord.z)+texture2DShadowLerp(index,texelSize,float(shadowMapSize),shadowCoord.xy,shadowCoord.z)+texture2DShadowLerp(index,texelSize,float(shadowMapSize),shadowCoord.xy+vec2(d1.x,0.0),shadowCoord.z)+texture2DShadowLerp(index,texelSize,float(shadowMapSize),shadowCoord.xy+vec2(d0.x,d1.y),shadowCoord.z)+texture2DShadowLerp(index,texelSize,float(shadowMapSize),shadowCoord.xy+vec2(0.0,d1.y),shadowCoord.z)+texture2DShadowLerp(index,texelSize,float(shadowMapSize),shadowCoord.xy+d1,shadowCoord.z))*(1.0/9.0);return light.shadowIntensity*value;
-#else
-vec4 shadowCoord=light.shadowMatrix*vec4(vertex,1.0);shadowCoord.z-=light.shadowBias;shadowCoord.xyz/=shadowCoord.w;if(any(greaterThan(abs(shadowCoord.xy-0.5),vec2(0.5))))return 0.0;float value=texture2DCompare(index,shadowCoord.xy,shadowCoord.z);return light.shadowIntensity*value;
-#endif
-}return 0.0;}
-#endif
-`
-;
-
-x_ite_Namespace .add ("Shadow1.glsl", "assets/shaders/webgl1/common/Shadow1.glsl", Shadow1_glsl_default_);
-/* harmony default export */ const Shadow1_glsl = (Shadow1_glsl_default_);
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/common/Texture1.glsl.js
 
 
@@ -94427,10 +94468,20 @@ textureColor = texture2D (x3d_Texture2D [${i}], texCoord .st);
 #elif defined (X3D_TEXTURE${i}_CUBE)
 textureColor = textureCube (x3d_TextureCube [${i}], texCoord .stp);
 #endif
+#if defined (X3D_COLORSPACE_SRGB)
+#if defined (X3D_TEXTURE${i}_LINEAR)
+textureColor = linearToSRGB (textureColor);
+#endif
+#elif defined (X3D_COLORSPACE_LINEAR_WHEN_PHYSICAL_MATERIAL)
 #if defined (X3D_PHYSICAL_MATERIAL) && !defined (X3D_TEXTURE${i}_LINEAR)
 textureColor = sRGBToLinear (textureColor);
 #elif !defined (X3D_PHYSICAL_MATERIAL) && defined (X3D_TEXTURE${i}_LINEAR)
-textureColor = linearTosRGB (textureColor);
+textureColor = linearToSRGB (textureColor);
+#endif
+#elif defined (X3D_COLORSPACE_LINEAR)
+#if !defined (X3D_TEXTURE${i}_LINEAR)
+textureColor = sRGBToLinear (textureColor);
+#endif
 #endif
 }
 #endif
@@ -94458,10 +94509,16 @@ textureColor = texture2D (x3d_TextureProjectorTexture [${i}], texCoord);
 #endif
 `) .join ("\n")}
 return textureColor;}vec3 getTextureProjectorColor(){vec3 currentColor=vec3(1.0);vec3 N=gl_FrontFacing?normal:-normal;for(int i=0;i<X3D_NUM_TEXTURE_PROJECTORS;++i){vec4 texCoord=x3d_TextureProjectorMatrix[i]*vec4(vertex,1.0);texCoord.stp/=texCoord.q;texCoord.p=clamp(texCoord.p,x3d_TextureProjectorParams[i].x,x3d_TextureProjectorParams[i].y);if(any(greaterThan(abs(texCoord.stp-0.5),vec3(0.5))))continue;vec3 p=x3d_TextureProjectorLocation[i]-vertex;if(dot(N,p)<0.0)continue;vec4 T=getTextureProjectorTexture(i,texCoord.st);
+#if defined(X3D_COLORSPACE_SRGB)
+if(bool(x3d_TextureProjectorParams[i].z))T=linearToSRGB(T);
+#elif defined(X3D_COLORSPACE_LINEAR_WHEN_PHYSICAL_MATERIAL)
 #if defined(X3D_PHYSICAL_MATERIAL)
 if(!bool(x3d_TextureProjectorParams[i].z))T=sRGBToLinear(T);
 #else
-if(bool(x3d_TextureProjectorParams[i].z))T=linearTosRGB(T);
+if(bool(x3d_TextureProjectorParams[i].z))T=linearToSRGB(T);
+#endif
+#elif defined(X3D_COLORSPACE_LINEAR)
+if(!bool(x3d_TextureProjectorParams[i].z))T=sRGBToLinear(T);
 #endif
 currentColor*=mix(vec3(1.0),T.rgb*x3d_TextureProjectorColor[i],T.a*x3d_TextureProjectorIntensity[i]);}return currentColor;}
 #endif
@@ -94691,6 +94748,7 @@ finalColor.a=1.0;
 #if defined(X3D_ALPHA_MODE_MASK)
 if(finalColor.a<x3d_AlphaCutoff)discard;finalColor.a=1.0;
 #endif
+finalColor.rgb=toneMap(finalColor.rgb);
 #if defined(X3D_ORDER_INDEPENDENT_TRANSPARENCY)
 float a=finalColor.a;float w=weight(gl_FragCoord.z,a);finalColor.rgb*=a;finalColor*=w;x3d_FragData0=vec4(finalColor.rgb,a);x3d_FragData1=vec4(finalColor.a);
 #else
@@ -94894,7 +94952,36 @@ x_ite_Namespace .add ("PointSize2.glsl", "assets/shaders/webgl2/common/PointSize
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/Shadow2.glsl.js
 const Shadow2_glsl_default_ = /* glsl */ `
 #if defined(X3D_FRAGMENT_SHADER)&&defined(X3D_SHADOWS)
-uniform sampler2D x3d_ShadowMap[X3D_NUM_LIGHTS];float getShadowDepth(const in int index,const in vec2 shadowCoord){switch(index){
+uniform sampler2D x3d_ShadowMap[X3D_NUM_LIGHTS];
+#if __VERSION__==100
+float getShadowDepth(const in int index,const in vec2 shadowCoord){
+#if X3D_NUM_LIGHTS>0
+if(index==0)return texture2D(x3d_ShadowMap[0],shadowCoord).r;
+#endif
+#if X3D_NUM_LIGHTS>1
+if(index==1)return texture2D(x3d_ShadowMap[1],shadowCoord).r;
+#endif
+#if X3D_NUM_LIGHTS>2
+if(index==2)return texture2D(x3d_ShadowMap[2],shadowCoord).r;
+#endif
+#if X3D_NUM_LIGHTS>3
+if(index==3)return texture2D(x3d_ShadowMap[3],shadowCoord).r;
+#endif
+#if X3D_NUM_LIGHTS>4
+if(index==4)return texture2D(x3d_ShadowMap[4],shadowCoord).r;
+#endif
+#if X3D_NUM_LIGHTS>5
+if(index==5)return texture2D(x3d_ShadowMap[5],shadowCoord).r;
+#endif
+#if X3D_NUM_LIGHTS>6
+if(index==6)return texture2D(x3d_ShadowMap[6],shadowCoord).r;
+#endif
+#if X3D_NUM_LIGHTS>7
+if(index==7)return texture2D(x3d_ShadowMap[7],shadowCoord).r;
+#endif
+return 0.0;}
+#else
+float getShadowDepth(const in int index,const in vec2 shadowCoord){switch(index){
 #if X3D_NUM_LIGHTS>0
 case 0:{return texture(x3d_ShadowMap[0],shadowCoord).r;}
 #endif
@@ -94919,7 +95006,9 @@ case 6:{return texture(x3d_ShadowMap[6],shadowCoord).r;}
 #if X3D_NUM_LIGHTS>7
 case 7:{return texture(x3d_ShadowMap[7],shadowCoord).r;}
 #endif
-default:{return 0.0;}}}float texture2DCompare(const in int index,const in vec2 texCoord,const in float compare){float shadowDepth=getShadowDepth(index,texCoord);return(1.0-step(1.0,shadowDepth))*step(shadowDepth,compare);}float texture2DShadowLerp(const in int index,const in vec2 texelSize,const in float shadowMapSize,const in vec2 texCoord,const in float compare){const vec2 offset=vec2(0.0,1.0);vec2 centroidTexCoord=floor(texCoord*shadowMapSize+0.5)/shadowMapSize;float lb=texture2DCompare(index,centroidTexCoord+texelSize*offset.xx,compare);float lt=texture2DCompare(index,centroidTexCoord+texelSize*offset.xy,compare);float rb=texture2DCompare(index,centroidTexCoord+texelSize*offset.yx,compare);float rt=texture2DCompare(index,centroidTexCoord+texelSize*offset.yy,compare);vec2 f=fract(texCoord*shadowMapSize+0.5);float a=mix(lb,lt,f.y);float b=mix(rb,rt,f.y);float c=mix(a,b,f.x);return c;}vec2 cubeToUVCompact(in vec3 v,const float texelSizeY){vec3 absV=abs(v);float scaleToCube=1.0/max(absV.x,max(absV.y,absV.z));absV*=scaleToCube;v*=scaleToCube*(1.0-2.0*texelSizeY);vec2 planar=v.xy;float almostATexel=1.5*texelSizeY;float almostOne=1.0-almostATexel;if(absV.z>=almostOne){if(v.z>0.0)planar.x=4.0-v.x;}else if(absV.x>=almostOne){float signX=sign(v.x);planar.x=v.z*signX+2.0*signX;}else if(absV.y>=almostOne){float signY=sign(v.y);planar.x=(v.x+0.5+signY)*2.0;planar.y=v.z*signY-2.0;}return vec2(0.125,0.25)*planar+vec2(0.375,0.75);}mat4 getPointLightRotations(const in vec3 vector){mat4 rotations[6];rotations[0]=mat4(0,0,1,0,0,1,0,0,-1,0,0,0,0,0,0,1);rotations[1]=mat4(0,0,-1,0,0,1,0,0,1,0,0,0,0,0,0,1);rotations[2]=mat4(-1,0,0,0,0,1,0,0,0,0,-1,0,0,0,0,1);rotations[3]=mat4(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);rotations[4]=mat4(1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,1);rotations[5]=mat4(1,0,0,0,0,0,-1,0,0,1,0,0,0,0,0,1);vec3 a=abs(vector.xyz);if(a.x>a.y){if(a.x>a.z)return vector.x>0.0?rotations[1]:rotations[0];else return vector.z>0.0?rotations[2]:rotations[3];}else{if(a.y>a.z)return vector.y>0.0?rotations[5]:rotations[4];else return vector.z>0.0?rotations[2]:rotations[3];}return rotations[3];}float getShadowIntensity(const in int index,const in x3d_LightSourceParameters light){if(light.type==x3d_PointLight){const mat4 biasMatrix=mat4(0.5,0.0,0.0,0.0,0.0,0.5,0.0,0.0,0.0,0.0,0.5,0.0,0.5,0.5,0.5,1.0);const mat4 projectionMatrix=mat4(1.0,0.0,0.0,0.0,0.0,0.5,0.0,0.0,0.0,0.0,-1.000025000312504,-1.0,0,0.0,-0.25000312503906297,0.0);vec2 texelSize=vec2(1.0)/(float(light.shadowMapSize)*vec2(4.0,2.0));vec4 shadowCoord=light.shadowMatrix*vec4(vertex,1.0);vec3 lightToPosition=shadowCoord.xyz;shadowCoord=biasMatrix*(projectionMatrix*(getPointLightRotations(lightToPosition)*shadowCoord));shadowCoord.z-=light.shadowBias;shadowCoord.xyz/=shadowCoord.w;
+default:{return 0.0;}}}
+#endif
+float texture2DCompare(const in int index,const in vec2 texCoord,const in float compare){float shadowDepth=getShadowDepth(index,texCoord);return(1.0-step(1.0,shadowDepth))*step(shadowDepth,compare);}float texture2DShadowLerp(const in int index,const in vec2 texelSize,const in float shadowMapSize,const in vec2 texCoord,const in float compare){const vec2 offset=vec2(0.0,1.0);vec2 centroidTexCoord=floor(texCoord*shadowMapSize+0.5)/shadowMapSize;float lb=texture2DCompare(index,centroidTexCoord+texelSize*offset.xx,compare);float lt=texture2DCompare(index,centroidTexCoord+texelSize*offset.xy,compare);float rb=texture2DCompare(index,centroidTexCoord+texelSize*offset.yx,compare);float rt=texture2DCompare(index,centroidTexCoord+texelSize*offset.yy,compare);vec2 f=fract(texCoord*shadowMapSize+0.5);float a=mix(lb,lt,f.y);float b=mix(rb,rt,f.y);float c=mix(a,b,f.x);return c;}vec2 cubeToUVCompact(in vec3 v,const float texelSizeY){vec3 absV=abs(v);float scaleToCube=1.0/max(absV.x,max(absV.y,absV.z));absV*=scaleToCube;v*=scaleToCube*(1.0-2.0*texelSizeY);vec2 planar=v.xy;float almostATexel=1.5*texelSizeY;float almostOne=1.0-almostATexel;if(absV.z>=almostOne){if(v.z>0.0)planar.x=4.0-v.x;}else if(absV.x>=almostOne){float signX=sign(v.x);planar.x=v.z*signX+2.0*signX;}else if(absV.y>=almostOne){float signY=sign(v.y);planar.x=(v.x+0.5+signY)*2.0;planar.y=v.z*signY-2.0;}return vec2(0.125,0.25)*planar+vec2(0.375,0.75);}mat4 getPointLightRotations(const in vec3 vector){mat4 rotations[6];rotations[0]=mat4(0,0,1,0,0,1,0,0,-1,0,0,0,0,0,0,1);rotations[1]=mat4(0,0,-1,0,0,1,0,0,1,0,0,0,0,0,0,1);rotations[2]=mat4(-1,0,0,0,0,1,0,0,0,0,-1,0,0,0,0,1);rotations[3]=mat4(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);rotations[4]=mat4(1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,1);rotations[5]=mat4(1,0,0,0,0,0,-1,0,0,1,0,0,0,0,0,1);vec3 a=abs(vector.xyz);if(a.x>a.y){if(a.x>a.z)return vector.x>0.0?rotations[1]:rotations[0];else return vector.z>0.0?rotations[2]:rotations[3];}else{if(a.y>a.z)return vector.y>0.0?rotations[5]:rotations[4];else return vector.z>0.0?rotations[2]:rotations[3];}return rotations[3];}float getShadowIntensity(const in int index,const in x3d_LightSourceParameters light){if(light.type==x3d_PointLight){const mat4 biasMatrix=mat4(0.5,0.0,0.0,0.0,0.0,0.5,0.0,0.0,0.0,0.0,0.5,0.0,0.5,0.5,0.5,1.0);const mat4 projectionMatrix=mat4(1.0,0.0,0.0,0.0,0.0,0.5,0.0,0.0,0.0,0.0,-1.000025000312504,-1.0,0,0.0,-0.25000312503906297,0.0);vec2 texelSize=vec2(1.0)/(float(light.shadowMapSize)*vec2(4.0,2.0));vec4 shadowCoord=light.shadowMatrix*vec4(vertex,1.0);vec3 lightToPosition=shadowCoord.xyz;shadowCoord=biasMatrix*(projectionMatrix*(getPointLightRotations(lightToPosition)*shadowCoord));shadowCoord.z-=light.shadowBias;shadowCoord.xyz/=shadowCoord.w;
 #if defined(X3D_PCF_FILTERING)||defined(X3D_PCF_SOFT_FILTERING)
 vec2 offset=vec2(-1,1)*(texelSize.y*42.0);float value=(texture2DCompare(index,cubeToUVCompact(lightToPosition+offset.xyy,texelSize.y),shadowCoord.z)+texture2DCompare(index,cubeToUVCompact(lightToPosition+offset.yyy,texelSize.y),shadowCoord.z)+texture2DCompare(index,cubeToUVCompact(lightToPosition+offset.xyx,texelSize.y),shadowCoord.z)+texture2DCompare(index,cubeToUVCompact(lightToPosition+offset.yyx,texelSize.y),shadowCoord.z)+texture2DCompare(index,cubeToUVCompact(lightToPosition,texelSize.y),shadowCoord.z)+texture2DCompare(index,cubeToUVCompact(lightToPosition+offset.xxy,texelSize.y),shadowCoord.z)+texture2DCompare(index,cubeToUVCompact(lightToPosition+offset.yxy,texelSize.y),shadowCoord.z)+texture2DCompare(index,cubeToUVCompact(lightToPosition+offset.xxx,texelSize.y),shadowCoord.z)+texture2DCompare(index,cubeToUVCompact(lightToPosition+offset.yxx,texelSize.y),shadowCoord.z))*(1.0/9.0);return light.shadowIntensity*value;
 #else
@@ -95043,10 +95132,20 @@ textureColor = texture (x3d_Texture3D [${i}], texCoord .stp);
 #elif defined (X3D_TEXTURE${i}_CUBE)
 textureColor = texture (x3d_TextureCube [${i}], texCoord .stp);
 #endif
+#if defined (X3D_COLORSPACE_SRGB)
+#if defined (X3D_TEXTURE${i}_LINEAR)
+textureColor = linearToSRGB (textureColor);
+#endif
+#elif defined (X3D_COLORSPACE_LINEAR_WHEN_PHYSICAL_MATERIAL)
 #if defined (X3D_PHYSICAL_MATERIAL) && !defined (X3D_TEXTURE${i}_LINEAR)
 textureColor = sRGBToLinear (textureColor);
 #elif !defined (X3D_PHYSICAL_MATERIAL) && defined (X3D_TEXTURE${i}_LINEAR)
-textureColor = linearTosRGB (textureColor);
+textureColor = linearToSRGB (textureColor);
+#endif
+#elif defined (X3D_COLORSPACE_LINEAR)
+#if !defined (X3D_TEXTURE${i}_LINEAR)
+textureColor = sRGBToLinear (textureColor);
+#endif
 #endif
 break;
 }
@@ -95074,10 +95173,16 @@ break;
 #endif
 `) .join ("\n")}
 }return textureColor;}vec3 getTextureProjectorColor(){vec3 currentColor=vec3(1.0);vec3 N=gl_FrontFacing?normal:-normal;for(int i=0;i<X3D_NUM_TEXTURE_PROJECTORS;++i){vec4 texCoord=x3d_TextureProjectorMatrix[i]*vec4(vertex,1.0);texCoord.stp/=texCoord.q;texCoord.p=clamp(texCoord.p,x3d_TextureProjectorParams[i].x,x3d_TextureProjectorParams[i].y);if(any(greaterThan(abs(texCoord.stp-0.5),vec3(0.5))))continue;vec3 p=x3d_TextureProjectorLocation[i]-vertex;if(dot(N,p)<0.0)continue;vec4 T=getTextureProjectorTexture(i,texCoord.st);
+#if defined(X3D_COLORSPACE_SRGB)
+if(bool(x3d_TextureProjectorParams[i].z))T=linearToSRGB(T);
+#elif defined(X3D_COLORSPACE_LINEAR_WHEN_PHYSICAL_MATERIAL)
 #if defined(X3D_PHYSICAL_MATERIAL)
 if(!bool(x3d_TextureProjectorParams[i].z))T=sRGBToLinear(T);
 #else
-if(bool(x3d_TextureProjectorParams[i].z))T=linearTosRGB(T);
+if(bool(x3d_TextureProjectorParams[i].z))T=linearToSRGB(T);
+#endif
+#elif defined(X3D_COLORSPACE_LINEAR)
+if(!bool(x3d_TextureProjectorParams[i].z))T=sRGBToLinear(T);
 #endif
 currentColor*=mix(vec3(1.0),T.rgb*x3d_TextureProjectorColor[i],T.a*x3d_TextureProjectorIntensity[i]);}return currentColor;}
 #endif
@@ -95322,141 +95427,18 @@ backColor=getMaterialColor(-normal,vertex,x3d_Material);
 
 x_ite_Namespace .add ("Gouraud1.vs", "assets/shaders/webgl1/Gouraud1.vs", Gouraud1_vs_default_);
 /* harmony default export */ const Gouraud1_vs = (Gouraud1_vs_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/PBR1.fs.js
-const PBR1_fs_default_ = /* glsl */ `
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/Physical1.fs.js
+const Physical1_fs_default_ = /* glsl */ `
 #extension GL_OES_standard_derivatives:enable
 #extension GL_EXT_frag_depth:enable
 #extension GL_EXT_shader_texture_lod:enable
 precision highp float;precision highp int;precision highp sampler2D;precision highp samplerCube;
-#pragma X3D include "common/Fragment.glsl"
-#pragma X3D include "common/Normal.glsl"
-#pragma X3D include "common/Shadow.glsl"
-#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
-uniform mat4 x3d_ProjectionMatrix;uniform mat4 x3d_ModelViewMatrix;
-#endif
-#if defined(X3D_LIGHTING)
-uniform x3d_LightSourceParameters x3d_LightSource[X3D_NUM_LIGHTS];
-#endif
-uniform x3d_PhysicalMaterialParameters x3d_Material;
-#pragma X3D include "pbr/BRDF.glsl"
-#pragma X3D include "pbr/MaterialInfo.glsl"
-#pragma X3D include "pbr/Punctual.glsl"
-#pragma X3D include "pbr/IBL.glsl"
-#pragma X3D include "pbr/Iridescence.glsl"
-vec4 getMaterialColor(){vec4 baseColor=getBaseColor();
-#if defined(X3D_TEXTURE_PROJECTION)
-baseColor.rgb*=getTextureProjectorColor();
-#endif
-vec3 v=normalize(-vertex);
-#if defined(X3D_USE_IBL)||defined(X3D_LIGHTING)||defined(X3D_ANISOTROPY_MATERIAL_EXT)||defined(X3D_CLEARCOAT_MATERIAL_EXT)
-NormalInfo normalInfo=getNormalInfo(x3d_Material.normalScale);vec3 n=normalInfo.n;float NdotV=clamp(dot(n,v),0.0,1.0);
-#endif
-MaterialInfo materialInfo;materialInfo.baseColor=baseColor.rgb;materialInfo.ior=1.5;materialInfo.f0=vec3(0.04);materialInfo.specularWeight=1.0;
-#if defined(X3D_MATERIAL_METALLIC_ROUGHNESS)
-materialInfo=getMetallicRoughnessInfo(materialInfo);
-#endif
-#if defined(X3D_SHEEN_MATERIAL_EXT)
-materialInfo=getSheenInfo(materialInfo);
-#endif
-#if defined(X3D_CLEARCOAT_MATERIAL_EXT)
-materialInfo=getClearCoatInfo(materialInfo,normalInfo);
-#endif
-#if defined(X3D_SPECULAR_MATERIAL_EXT)
-materialInfo=getSpecularInfo(materialInfo);
-#endif
-#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
-materialInfo=getTransmissionInfo(materialInfo);
-#endif
-#if defined(X3D_VOLUME_MATERIAL_EXT)
-materialInfo=getVolumeInfo(materialInfo);
-#endif
-#if defined(X3D_IRIDESCENCE_MATERIAL_EXT)
-materialInfo=getIridescenceInfo(materialInfo);
-#endif
-#if defined(X3D_ANISOTROPY_MATERIAL_EXT)
-materialInfo=getAnisotropyInfo(materialInfo,normalInfo);
-#endif
-materialInfo.perceptualRoughness=clamp(materialInfo.perceptualRoughness,0.0,1.0);materialInfo.metallic=clamp(materialInfo.metallic,0.0,1.0);materialInfo.alphaRoughness=materialInfo.perceptualRoughness*materialInfo.perceptualRoughness;float reflectance=max3(materialInfo.f0);materialInfo.f90=vec3(1.0);vec3 f_specular=vec3(0.0);vec3 f_diffuse=vec3(0.0);vec3 f_emissive=vec3(0.0);vec3 f_clearcoat=vec3(0.0);vec3 f_sheen=vec3(0.0);vec3 f_transmission=vec3(0.0);float albedoSheenScaling=1.0;
-#if defined(X3D_IRIDESCENCE_MATERIAL_EXT)&&(defined(X3D_USE_IBL)||defined(X3D_LIGHTING))
-vec3 iridescenceFresnel=evalIridescence(1.0,materialInfo.iridescenceIor,NdotV,materialInfo.iridescenceThickness,materialInfo.f0);vec3 iridescenceF0=Schlick_to_F0(iridescenceFresnel,NdotV);if(materialInfo.iridescenceThickness==0.0)materialInfo.iridescenceFactor=0.0;
-#endif
-#if defined(X3D_USE_IBL)
-#if defined(X3D_IRIDESCENCE_MATERIAL_EXT)
-f_specular+=getIBLRadianceGGXIridescence(n,v,materialInfo.perceptualRoughness,materialInfo.f0,iridescenceFresnel,materialInfo.iridescenceFactor,materialInfo.specularWeight);f_diffuse+=getIBLRadianceLambertianIridescence(n,v,materialInfo.perceptualRoughness,materialInfo.c_diff,materialInfo.f0,iridescenceF0,materialInfo.iridescenceFactor,materialInfo.specularWeight);
-#elif defined(X3D_ANISOTROPY_MATERIAL_EXT)
-f_specular+=getIBLRadianceAnisotropy(n,v,materialInfo.perceptualRoughness,materialInfo.anisotropyStrength,materialInfo.anisotropicB,materialInfo.f0,materialInfo.specularWeight);f_diffuse+=getIBLRadianceLambertian(n,v,materialInfo.perceptualRoughness,materialInfo.c_diff,materialInfo.f0,materialInfo.specularWeight);
-#else
-f_specular+=getIBLRadianceGGX(n,v,materialInfo.perceptualRoughness,materialInfo.f0,materialInfo.specularWeight);f_diffuse+=getIBLRadianceLambertian(n,v,materialInfo.perceptualRoughness,materialInfo.c_diff,materialInfo.f0,materialInfo.specularWeight);
-#endif
-#if defined(X3D_CLEARCOAT_MATERIAL_EXT)
-f_clearcoat+=getIBLRadianceGGX(materialInfo.clearcoatNormal,v,materialInfo.clearcoatRoughness,materialInfo.clearcoatF0,1.0);
-#endif
-#if defined(X3D_SHEEN_MATERIAL_EXT)
-f_sheen+=getIBLRadianceCharlie(n,v,materialInfo.sheenRoughnessFactor,materialInfo.sheenColorFactor);albedoSheenScaling=1.0-max3(materialInfo.sheenColorFactor)*albedoSheenScalingLUT(NdotV,materialInfo.sheenRoughnessFactor);
-#endif
-#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
-f_transmission+=getIBLVolumeRefraction(n,v,materialInfo.perceptualRoughness,materialInfo.c_diff,materialInfo.f0,materialInfo.f90,vertex,x3d_ModelViewMatrix,x3d_ProjectionMatrix,materialInfo.ior,materialInfo.thickness,materialInfo.attenuationColor,materialInfo.attenuationDistance,materialInfo.dispersion);
-#endif
-#endif
-vec3 f_diffuse_ibl=f_diffuse;vec3 f_specular_ibl=f_specular;vec3 f_sheen_ibl=f_sheen;vec3 f_clearcoat_ibl=f_clearcoat;f_diffuse=vec3(0.0);f_specular=vec3(0.0);f_sheen=vec3(0.0);f_clearcoat=vec3(0.0);
-#if defined(X3D_LIGHTING)
-for(int i=0;i<X3D_NUM_LIGHTS;++i){x3d_LightSourceParameters light=x3d_LightSource[i];vec3 pointToLight;float distanceToLight;if(light.type!=x3d_DirectionalLight){pointToLight=light.location-vertex;distanceToLight=length(light.matrix*pointToLight);}else{pointToLight=-light.direction;distanceToLight=-1.0;}if(distanceToLight<=light.radius||light.radius<0.0){vec3 l=normalize(pointToLight);vec3 h=normalize(l+v);float NdotL=clamp(dot(n,l),0.0,1.0);float NdotH=clamp(dot(n,h),0.0,1.0);float VdotH=clamp(dot(v,h),0.0,1.0);if(NdotL>0.0||NdotV>0.0){vec3 intensity=getLightIntensity(light,l,distanceToLight);
-#if defined(X3D_SHADOWS)
-intensity=mix(intensity,light.shadowColor,getShadowIntensity(i,light));
-#endif
-vec3 l_diffuse=vec3(0.0);vec3 l_specular=vec3(0.0);
-#if defined(X3D_IRIDESCENCE_MATERIAL_EXT)
-l_diffuse+=intensity*NdotL*BRDF_lambertianIridescence(materialInfo.f0,materialInfo.f90,iridescenceFresnel,materialInfo.iridescenceFactor,materialInfo.c_diff,materialInfo.specularWeight,VdotH);l_specular+=intensity*NdotL*BRDF_specularGGXIridescence(materialInfo.f0,materialInfo.f90,iridescenceFresnel,materialInfo.alphaRoughness,materialInfo.iridescenceFactor,materialInfo.specularWeight,VdotH,NdotL,NdotV,NdotH);
-#elif defined(X3D_ANISOTROPY_MATERIAL_EXT)
-l_diffuse+=intensity*NdotL*BRDF_lambertian(materialInfo.f0,materialInfo.f90,materialInfo.c_diff,materialInfo.specularWeight,VdotH);l_specular+=intensity*NdotL*BRDF_specularGGXAnisotropy(materialInfo.f0,materialInfo.f90,materialInfo.alphaRoughness,materialInfo.anisotropyStrength,n,v,l,h,materialInfo.anisotropicT,materialInfo.anisotropicB);
-#else
-l_diffuse+=intensity*NdotL*BRDF_lambertian(materialInfo.f0,materialInfo.f90,materialInfo.c_diff,materialInfo.specularWeight,VdotH);l_specular+=intensity*NdotL*BRDF_specularGGX(materialInfo.f0,materialInfo.f90,materialInfo.alphaRoughness,materialInfo.specularWeight,VdotH,NdotL,NdotV,NdotH);
-#endif
-#if defined(X3D_SHEEN_MATERIAL_EXT)
-f_sheen+=intensity*getPunctualRadianceSheen(materialInfo.sheenColorFactor,materialInfo.sheenRoughnessFactor,NdotL,NdotV,NdotH);float l_albedoSheenScaling=min(1.0-max3(materialInfo.sheenColorFactor)*albedoSheenScalingLUT(NdotV,materialInfo.sheenRoughnessFactor),1.0-max3(materialInfo.sheenColorFactor)*albedoSheenScalingLUT(NdotL,materialInfo.sheenRoughnessFactor));l_diffuse*=l_albedoSheenScaling;l_specular*=l_albedoSheenScaling;
-#endif
-f_diffuse+=l_diffuse;f_specular+=l_specular;
-#if defined(X3D_CLEARCOAT_MATERIAL_EXT)
-f_clearcoat+=intensity*getPunctualRadianceClearCoat(materialInfo.clearcoatNormal,v,l,h,VdotH,materialInfo.clearcoatF0,materialInfo.clearcoatF90,materialInfo.clearcoatRoughness);
-#endif
-}
-#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
-vec3 transmissionRay=getVolumeTransmissionRay(n,v,materialInfo.thickness,materialInfo.ior,x3d_ModelViewMatrix);pointToLight-=transmissionRay;l=normalize(pointToLight);vec3 intensity=getLightIntensity(light,pointToLight,distanceToLight);vec3 transmittedLight=intensity*getPunctualRadianceTransmission(n,v,l,materialInfo.alphaRoughness,materialInfo.f0,materialInfo.f90,materialInfo.c_diff,materialInfo.ior);
-#if defined(X3D_VOLUME_MATERIAL_EXT)
-transmittedLight=applyVolumeAttenuation(transmittedLight,length(transmissionRay),materialInfo.attenuationColor,materialInfo.attenuationDistance);
-#endif
-f_transmission+=transmittedLight;
-#endif
-}}
-#endif
-f_emissive=getEmissiveColor();float clearcoatFactor=0.0;vec3 clearcoatFresnel=vec3(0.0);vec3 diffuse;vec3 specular;vec3 sheen;vec3 clearcoat;
-#if defined(X3D_OCCLUSION_TEXTURE)
-float ao=getOcclusionFactor();float occlusionStrength=x3d_Material.occlusionStrength;diffuse=f_diffuse+mix(f_diffuse_ibl,f_diffuse_ibl*ao,occlusionStrength)*albedoSheenScaling;specular=f_specular+mix(f_specular_ibl,f_specular_ibl*ao,occlusionStrength)*albedoSheenScaling;sheen=f_sheen+mix(f_sheen_ibl,f_sheen_ibl*ao,occlusionStrength);clearcoat=f_clearcoat+mix(f_clearcoat_ibl,f_clearcoat_ibl*ao,occlusionStrength);
-#else
-diffuse=f_diffuse_ibl*albedoSheenScaling+f_diffuse;specular=f_specular_ibl*albedoSheenScaling+f_specular;sheen=f_sheen_ibl+f_sheen;clearcoat=f_clearcoat_ibl+f_clearcoat;
-#endif
-#if defined(X3D_CLEARCOAT_MATERIAL_EXT)
-clearcoatFactor=materialInfo.clearcoatFactor;clearcoatFresnel=F_Schlick(materialInfo.clearcoatF0,materialInfo.clearcoatF90,clamp(dot(materialInfo.clearcoatNormal,v),0.0,1.0));clearcoat*=clearcoatFactor;
-#endif
-#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
-diffuse=mix(diffuse,f_transmission,materialInfo.transmissionFactor);
-#endif
-vec3 color=vec3(0.0);
-#if defined(X3D_UNLIT_MATERIAL_EXT)
-color=baseColor.rgb;
-#else
-color=f_emissive+diffuse+specular;color=sheen+color;color=color*(1.0-clearcoatFactor*clearcoatFresnel)+clearcoat;
-#endif
-#if defined(X3D_LINEAR_OUTPUT)
-return vec4(color,baseColor.a);
-#else
-return vec4(toneMap(color),baseColor.a);
-#endif
-}void main(){fragment_main();}`
+#pragma X3D include "pbr/PBR.glsl"
+`
 ;
 
-x_ite_Namespace .add ("PBR1.fs", "assets/shaders/webgl1/PBR1.fs", PBR1_fs_default_);
-/* harmony default export */ const PBR1_fs = (PBR1_fs_default_);
+x_ite_Namespace .add ("Physical1.fs", "assets/shaders/webgl1/Physical1.fs", Physical1_fs_default_);
+/* harmony default export */ const Physical1_fs = (Physical1_fs_default_);
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/Phong1.fs.js
 
 
@@ -95751,144 +95733,15 @@ precision highp float;precision highp int;precision highp sampler2D;uniform samp
 
 x_ite_Namespace .add ("OITCompose2.fs", "assets/shaders/webgl2/OITCompose2.fs", OITCompose2_fs_default_);
 /* harmony default export */ const OITCompose2_fs = (OITCompose2_fs_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/PBR2.fs.js
-const PBR2_fs_default_ = /* glsl */ `#version 300 es
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/Physical2.js
+const Physical2_default_ = /* glsl */ `#version 300 es
 precision highp float;precision highp int;precision highp sampler2D;precision highp sampler3D;precision highp samplerCube;
-#pragma X3D include "common/Fragment.glsl"
-#pragma X3D include "common/Normal.glsl"
-#pragma X3D include "common/Shadow.glsl"
-#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
-uniform mat4 x3d_ProjectionMatrix;uniform mat4 x3d_ModelViewMatrix;
-#endif
-#if defined(X3D_LIGHTING)
-uniform x3d_LightSourceParameters x3d_LightSource[X3D_NUM_LIGHTS];
-#endif
-uniform x3d_PhysicalMaterialParameters x3d_Material;
-#pragma X3D include "pbr/BRDF.glsl"
-#pragma X3D include "pbr/MaterialInfo.glsl"
-#pragma X3D include "pbr/Punctual.glsl"
-#pragma X3D include "pbr/IBL.glsl"
-#pragma X3D include "pbr/Iridescence.glsl"
-vec4 getMaterialColor(){vec4 baseColor=getBaseColor();
-#if defined(X3D_TEXTURE_PROJECTION)
-baseColor.rgb*=getTextureProjectorColor();
-#endif
-vec3 v=normalize(-vertex);
-#if defined(X3D_USE_IBL)||defined(X3D_LIGHTING)||defined(X3D_ANISOTROPY_MATERIAL_EXT)||defined(X3D_CLEARCOAT_MATERIAL_EXT)
-NormalInfo normalInfo=getNormalInfo(x3d_Material.normalScale);vec3 n=normalInfo.n;float NdotV=clamp(dot(n,v),0.0,1.0);
-#endif
-MaterialInfo materialInfo;materialInfo.baseColor=baseColor.rgb;materialInfo.ior=1.5;materialInfo.f0=vec3(0.04);materialInfo.specularWeight=1.0;
-#if defined(X3D_IOR_MATERIAL_EXT)
-materialInfo=getIorInfo(materialInfo);
-#endif
-#if defined(X3D_MATERIAL_SPECULAR_GLOSSINESS)
-materialInfo=getSpecularGlossinessInfo(materialInfo);
-#endif
-#if defined(X3D_MATERIAL_METALLIC_ROUGHNESS)
-materialInfo=getMetallicRoughnessInfo(materialInfo);
-#endif
-#if defined(X3D_SHEEN_MATERIAL_EXT)
-materialInfo=getSheenInfo(materialInfo);
-#endif
-#if defined(X3D_CLEARCOAT_MATERIAL_EXT)
-materialInfo=getClearCoatInfo(materialInfo,normalInfo);
-#endif
-#if defined(X3D_SPECULAR_MATERIAL_EXT)
-materialInfo=getSpecularInfo(materialInfo);
-#endif
-#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
-materialInfo=getTransmissionInfo(materialInfo);
-#endif
-#if defined(X3D_VOLUME_MATERIAL_EXT)
-materialInfo=getVolumeInfo(materialInfo);
-#endif
-#if defined(X3D_IRIDESCENCE_MATERIAL_EXT)
-materialInfo=getIridescenceInfo(materialInfo);
-#endif
-#if defined(X3D_ANISOTROPY_MATERIAL_EXT)
-materialInfo=getAnisotropyInfo(materialInfo,normalInfo);
-#endif
-materialInfo.perceptualRoughness=clamp(materialInfo.perceptualRoughness,0.0,1.0);materialInfo.metallic=clamp(materialInfo.metallic,0.0,1.0);materialInfo.alphaRoughness=materialInfo.perceptualRoughness*materialInfo.perceptualRoughness;float reflectance=max3(materialInfo.f0);materialInfo.f90=vec3(1.0);vec3 f_specular=vec3(0.0);vec3 f_diffuse=vec3(0.0);vec3 f_emissive=vec3(0.0);vec3 f_clearcoat=vec3(0.0);vec3 f_sheen=vec3(0.0);vec3 f_transmission=vec3(0.0);float albedoSheenScaling=1.0;
-#if defined(X3D_IRIDESCENCE_MATERIAL_EXT)&&(defined(X3D_USE_IBL)||defined(X3D_LIGHTING))
-vec3 iridescenceFresnel=evalIridescence(1.0,materialInfo.iridescenceIor,NdotV,materialInfo.iridescenceThickness,materialInfo.f0);vec3 iridescenceF0=Schlick_to_F0(iridescenceFresnel,NdotV);if(materialInfo.iridescenceThickness==0.0)materialInfo.iridescenceFactor=0.0;
-#endif
-#if defined(X3D_USE_IBL)
-#if defined(X3D_IRIDESCENCE_MATERIAL_EXT)
-f_specular+=getIBLRadianceGGXIridescence(n,v,materialInfo.perceptualRoughness,materialInfo.f0,iridescenceFresnel,materialInfo.iridescenceFactor,materialInfo.specularWeight);f_diffuse+=getIBLRadianceLambertianIridescence(n,v,materialInfo.perceptualRoughness,materialInfo.c_diff,materialInfo.f0,iridescenceF0,materialInfo.iridescenceFactor,materialInfo.specularWeight);
-#elif defined(X3D_ANISOTROPY_MATERIAL_EXT)
-f_specular+=getIBLRadianceAnisotropy(n,v,materialInfo.perceptualRoughness,materialInfo.anisotropyStrength,materialInfo.anisotropicB,materialInfo.f0,materialInfo.specularWeight);f_diffuse+=getIBLRadianceLambertian(n,v,materialInfo.perceptualRoughness,materialInfo.c_diff,materialInfo.f0,materialInfo.specularWeight);
-#else
-f_specular+=getIBLRadianceGGX(n,v,materialInfo.perceptualRoughness,materialInfo.f0,materialInfo.specularWeight);f_diffuse+=getIBLRadianceLambertian(n,v,materialInfo.perceptualRoughness,materialInfo.c_diff,materialInfo.f0,materialInfo.specularWeight);
-#endif
-#if defined(X3D_CLEARCOAT_MATERIAL_EXT)
-f_clearcoat+=getIBLRadianceGGX(materialInfo.clearcoatNormal,v,materialInfo.clearcoatRoughness,materialInfo.clearcoatF0,1.0);
-#endif
-#if defined(X3D_SHEEN_MATERIAL_EXT)
-f_sheen+=getIBLRadianceCharlie(n,v,materialInfo.sheenRoughnessFactor,materialInfo.sheenColorFactor);albedoSheenScaling=1.0-max3(materialInfo.sheenColorFactor)*albedoSheenScalingLUT(NdotV,materialInfo.sheenRoughnessFactor);
-#endif
-#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
-f_transmission+=getIBLVolumeRefraction(n,v,materialInfo.perceptualRoughness,materialInfo.c_diff,materialInfo.f0,materialInfo.f90,vertex,x3d_ModelViewMatrix,x3d_ProjectionMatrix,materialInfo.ior,materialInfo.thickness,materialInfo.attenuationColor,materialInfo.attenuationDistance,materialInfo.dispersion);
-#endif
-#endif
-vec3 f_diffuse_ibl=f_diffuse;vec3 f_specular_ibl=f_specular;vec3 f_sheen_ibl=f_sheen;vec3 f_clearcoat_ibl=f_clearcoat;f_diffuse=vec3(0.0);f_specular=vec3(0.0);f_sheen=vec3(0.0);f_clearcoat=vec3(0.0);
-#if defined(X3D_LIGHTING)
-for(int i=0;i<X3D_NUM_LIGHTS;++i){x3d_LightSourceParameters light=x3d_LightSource[i];vec3 pointToLight;float distanceToLight;if(light.type!=x3d_DirectionalLight){pointToLight=light.location-vertex;distanceToLight=length(light.matrix*pointToLight);}else{pointToLight=-light.direction;distanceToLight=-1.0;}if(distanceToLight<=light.radius||light.radius<0.0){vec3 l=normalize(pointToLight);vec3 h=normalize(l+v);float NdotL=clamp(dot(n,l),0.0,1.0);float NdotH=clamp(dot(n,h),0.0,1.0);float VdotH=clamp(dot(v,h),0.0,1.0);if(NdotL>0.0||NdotV>0.0){vec3 intensity=getLightIntensity(light,l,distanceToLight);
-#if defined(X3D_SHADOWS)
-intensity=mix(intensity,light.shadowColor,getShadowIntensity(i,light));
-#endif
-vec3 l_diffuse=vec3(0.0);vec3 l_specular=vec3(0.0);
-#if defined(X3D_IRIDESCENCE_MATERIAL_EXT)
-l_diffuse+=intensity*NdotL*BRDF_lambertianIridescence(materialInfo.f0,materialInfo.f90,iridescenceFresnel,materialInfo.iridescenceFactor,materialInfo.c_diff,materialInfo.specularWeight,VdotH);l_specular+=intensity*NdotL*BRDF_specularGGXIridescence(materialInfo.f0,materialInfo.f90,iridescenceFresnel,materialInfo.alphaRoughness,materialInfo.iridescenceFactor,materialInfo.specularWeight,VdotH,NdotL,NdotV,NdotH);
-#elif defined(X3D_ANISOTROPY_MATERIAL_EXT)
-l_diffuse+=intensity*NdotL*BRDF_lambertian(materialInfo.f0,materialInfo.f90,materialInfo.c_diff,materialInfo.specularWeight,VdotH);l_specular+=intensity*NdotL*BRDF_specularGGXAnisotropy(materialInfo.f0,materialInfo.f90,materialInfo.alphaRoughness,materialInfo.anisotropyStrength,n,v,l,h,materialInfo.anisotropicT,materialInfo.anisotropicB);
-#else
-l_diffuse+=intensity*NdotL*BRDF_lambertian(materialInfo.f0,materialInfo.f90,materialInfo.c_diff,materialInfo.specularWeight,VdotH);l_specular+=intensity*NdotL*BRDF_specularGGX(materialInfo.f0,materialInfo.f90,materialInfo.alphaRoughness,materialInfo.specularWeight,VdotH,NdotL,NdotV,NdotH);
-#endif
-#if defined(X3D_SHEEN_MATERIAL_EXT)
-f_sheen+=intensity*getPunctualRadianceSheen(materialInfo.sheenColorFactor,materialInfo.sheenRoughnessFactor,NdotL,NdotV,NdotH);float l_albedoSheenScaling=min(1.0-max3(materialInfo.sheenColorFactor)*albedoSheenScalingLUT(NdotV,materialInfo.sheenRoughnessFactor),1.0-max3(materialInfo.sheenColorFactor)*albedoSheenScalingLUT(NdotL,materialInfo.sheenRoughnessFactor));l_diffuse*=l_albedoSheenScaling;l_specular*=l_albedoSheenScaling;
-#endif
-f_diffuse+=l_diffuse;f_specular+=l_specular;
-#if defined(X3D_CLEARCOAT_MATERIAL_EXT)
-f_clearcoat+=intensity*getPunctualRadianceClearCoat(materialInfo.clearcoatNormal,v,l,h,VdotH,materialInfo.clearcoatF0,materialInfo.clearcoatF90,materialInfo.clearcoatRoughness);
-#endif
-}
-#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
-vec3 transmissionRay=getVolumeTransmissionRay(n,v,materialInfo.thickness,materialInfo.ior,x3d_ModelViewMatrix);pointToLight-=transmissionRay;l=normalize(pointToLight);vec3 intensity=getLightIntensity(light,pointToLight,distanceToLight);vec3 transmittedLight=intensity*getPunctualRadianceTransmission(n,v,l,materialInfo.alphaRoughness,materialInfo.f0,materialInfo.f90,materialInfo.c_diff,materialInfo.ior);
-#if defined(X3D_VOLUME_MATERIAL_EXT)
-transmittedLight=applyVolumeAttenuation(transmittedLight,length(transmissionRay),materialInfo.attenuationColor,materialInfo.attenuationDistance);
-#endif
-f_transmission+=transmittedLight;
-#endif
-}}
-#endif
-f_emissive=getEmissiveColor();float clearcoatFactor=0.0;vec3 clearcoatFresnel=vec3(0.0);vec3 diffuse;vec3 specular;vec3 sheen;vec3 clearcoat;
-#if defined(X3D_OCCLUSION_TEXTURE)
-float ao=getOcclusionFactor();float occlusionStrength=x3d_Material.occlusionStrength;diffuse=f_diffuse+mix(f_diffuse_ibl,f_diffuse_ibl*ao,occlusionStrength)*albedoSheenScaling;specular=f_specular+mix(f_specular_ibl,f_specular_ibl*ao,occlusionStrength)*albedoSheenScaling;sheen=f_sheen+mix(f_sheen_ibl,f_sheen_ibl*ao,occlusionStrength);clearcoat=f_clearcoat+mix(f_clearcoat_ibl,f_clearcoat_ibl*ao,occlusionStrength);
-#else
-diffuse=f_diffuse_ibl*albedoSheenScaling+f_diffuse;specular=f_specular_ibl*albedoSheenScaling+f_specular;sheen=f_sheen_ibl+f_sheen;clearcoat=f_clearcoat_ibl+f_clearcoat;
-#endif
-#if defined(X3D_CLEARCOAT_MATERIAL_EXT)
-clearcoatFactor=materialInfo.clearcoatFactor;clearcoatFresnel=F_Schlick(materialInfo.clearcoatF0,materialInfo.clearcoatF90,clamp(dot(materialInfo.clearcoatNormal,v),0.0,1.0));clearcoat*=clearcoatFactor;
-#endif
-#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
-diffuse=mix(diffuse,f_transmission,materialInfo.transmissionFactor);
-#endif
-vec3 color=vec3(0.0);
-#if defined(X3D_UNLIT_MATERIAL_EXT)
-color=baseColor.rgb;
-#else
-color=f_emissive+diffuse+specular;color=sheen+color;color=color*(1.0-clearcoatFactor*clearcoatFresnel)+clearcoat;
-#endif
-#if defined(X3D_LINEAR_OUTPUT)
-return vec4(color,baseColor.a);
-#else
-return vec4(toneMap(color),baseColor.a);
-#endif
-}void main(){fragment_main();}`
+#pragma X3D include "pbr/PBR.glsl"
+`
 ;
 
-x_ite_Namespace .add ("PBR2.fs", "assets/shaders/webgl2/PBR2.fs", PBR2_fs_default_);
-/* harmony default export */ const PBR2_fs = (PBR2_fs_default_);
+x_ite_Namespace .add ("Physical2", "assets/shaders/webgl2/Physical2", Physical2_default_);
+/* harmony default export */ const Physical2 = (Physical2_default_);
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/Phong2.fs.js
 
 
@@ -96085,13 +95938,23 @@ vec3 textureColor=textureCube(x3d_EnvironmentLightSource.diffuseTexture,texCoord
 #else
 vec3 textureColor=texture(x3d_EnvironmentLightSource.diffuseTexture,texCoord).rgb;
 #endif
-if(!x3d_EnvironmentLightSource.diffuseTextureLinear)textureColor=sRGBToLinear(textureColor);return textureColor*x3d_EnvironmentLightSource.color*x3d_EnvironmentLightSource.intensity;}vec3 getSpecularLight(const in vec3 reflection,const in float lod){vec3 texCoord=x3d_EnvironmentLightSource.rotation*reflection*vec3(-1.0,1.0,1.0);
+#if defined(X3D_COLORSPACE_SRGB)
+if(x3d_EnvironmentLightSource.diffuseTextureLinear)textureColor=linearToSRGB(textureColor);
+#else
+if(!x3d_EnvironmentLightSource.diffuseTextureLinear)textureColor=sRGBToLinear(textureColor);
+#endif
+return textureColor*x3d_EnvironmentLightSource.color*x3d_EnvironmentLightSource.intensity;}vec3 getSpecularLight(const in vec3 reflection,const in float lod){vec3 texCoord=x3d_EnvironmentLightSource.rotation*reflection*vec3(-1.0,1.0,1.0);
 #if __VERSION__==100
 vec3 textureColor=textureCubeLodEXT(x3d_EnvironmentLightSource.specularTexture,texCoord,lod).rgb;
 #else
 vec3 textureColor=textureLod(x3d_EnvironmentLightSource.specularTexture,texCoord,lod).rgb;
 #endif
-if(!x3d_EnvironmentLightSource.specularTextureLinear)textureColor=sRGBToLinear(textureColor);return textureColor*x3d_EnvironmentLightSource.color*x3d_EnvironmentLightSource.intensity;}
+#if defined(X3D_COLORSPACE_SRGB)
+if(x3d_EnvironmentLightSource.specularTextureLinear)textureColor=linearToSRGB(textureColor);
+#else
+if(!x3d_EnvironmentLightSource.specularTextureLinear)textureColor=sRGBToLinear(textureColor);
+#endif
+return textureColor*x3d_EnvironmentLightSource.color*x3d_EnvironmentLightSource.intensity;}
 #if defined(X3D_SHEEN_MATERIAL_EXT)
 vec3 getSheenLight(const in vec3 reflection,const in float lod){return vec3(0.5)*(lod/float(x3d_EnvironmentLightSource.specularTextureLevels))*x3d_EnvironmentLightSource.intensity;}
 #endif
@@ -96130,7 +95993,12 @@ float framebufferSize=max(float(x3d_TransmissionFramebufferSizeEXT.x),float(x3d_
 #else
 int framebufferSize=max(x3d_TransmissionFramebufferSizeEXT.x,x3d_TransmissionFramebufferSizeEXT.y);float framebufferLod=log2(float(framebufferSize))*applyIorToRoughness(roughness,ior);vec3 transmittedLight=textureLod(x3d_TransmissionFramebufferSamplerEXT,fragCoord,framebufferLod).rgb;
 #endif
-return sRGBToLinear(transmittedLight);}vec3 getIBLVolumeRefraction(const in vec3 n,const in vec3 v,const in float perceptualRoughness,const in vec3 baseColor,const in vec3 f0,const in vec3 f90,const in vec3 position,const in mat4 modelMatrix,const in mat4 projMatrix,const in float ior,const in float thickness,const in vec3 attenuationColor,const in float attenuationDistance,const in float dispersion){
+#if defined(X3D_COLORSPACE_SRGB)
+return transmittedLight;
+#else
+return sRGBToLinear(transmittedLight);
+#endif
+}vec3 getIBLVolumeRefraction(const in vec3 n,const in vec3 v,const in float perceptualRoughness,const in vec3 baseColor,const in vec3 f0,const in vec3 f90,const in vec3 position,const in mat4 modelMatrix,const in mat4 projMatrix,const in float ior,const in float thickness,const in vec3 attenuationColor,const in float attenuationDistance,const in float dispersion){
 #if defined(X3D_DISPERSION_MATERIAL_EXT)
 float halfSpread=(ior-1.0)*0.025*dispersion;vec3 iors=vec3(ior-halfSpread,ior,ior+halfSpread);vec3 transmittedLight;float transmissionRayLength;for(int i=0;i<3;i++){vec3 transmissionRay=getVolumeTransmissionRay(n,v,thickness,iors[i],modelMatrix);transmissionRayLength=length(transmissionRay);vec3 refractedRayExit=position+transmissionRay;vec4 ndcPos=projMatrix*vec4(refractedRayExit,1.0);vec2 refractionCoords=ndcPos.xy/ndcPos.w;refractionCoords+=1.0;refractionCoords/=2.0;transmittedLight[i]=getTransmissionSample(refractionCoords,perceptualRoughness,iors[i])[i];}
 #else
@@ -96178,29 +96046,6 @@ const mat3 XYZ_TO_REC709=mat3(3.2404542,-0.9692660,0.0556434,-1.5371385,1.876010
 
 x_ite_Namespace .add ("Iridescence2.glsl", "assets/shaders/webgl2/pbr/Iridescence2.glsl", Iridescence2_glsl_default_);
 /* harmony default export */ const Iridescence2_glsl = (Iridescence2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/pbr/Punctual2.glsl.js
-const Punctual2_glsl_default_ = /* glsl */ `
-#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
-float applyIorToRoughness(const in float roughness,const in float ior){return roughness*clamp(ior*2.0-2.0,0.0,1.0);}
-#endif
-#if defined(X3D_LIGHTING)
-#pragma X3D include "../common/Lighting.glsl"
-vec3 getLightIntensity(const in x3d_LightSourceParameters light,const in vec3 pointToLight,const in float distanceToLight){float attenuationFactor=1.0;float spotFactor=1.0;if(light.type!=x3d_DirectionalLight){attenuationFactor=getAttenuation(light.attenuation,distanceToLight);}if(light.type==x3d_SpotLight){spotFactor=getSpotFactor(pointToLight,light.direction,light.cutOffAngle,light.beamWidth);}return attenuationFactor*spotFactor*light.intensity*light.color;}
-#if defined(X3D_SHEEN_MATERIAL_EXT)
-vec3 getPunctualRadianceSheen(const in vec3 sheenColor,const in float sheenRoughness,const in float NdotL,const in float NdotV,const in float NdotH){return NdotL*BRDF_specularSheen(sheenColor,sheenRoughness,NdotL,NdotV,NdotH);}
-#endif
-#if defined(X3D_CLEARCOAT_MATERIAL_EXT)
-vec3 getPunctualRadianceClearCoat(const in vec3 clearcoatNormal,const in vec3 v,const in vec3 l,const in vec3 h,const in float VdotH,const in vec3 f0,const in vec3 f90,const in float clearcoatRoughness){float NdotL=clamp(dot(clearcoatNormal,l),0.0,1.0);float NdotV=clamp(dot(clearcoatNormal,v),0.0,1.0);float NdotH=clamp(dot(clearcoatNormal,h),0.0,1.0);return NdotL*BRDF_specularGGX(f0,f90,clearcoatRoughness*clearcoatRoughness,1.0,VdotH,NdotL,NdotV,NdotH);}
-#endif
-#endif
-#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
-vec3 getPunctualRadianceTransmission(const in vec3 n,const in vec3 v,const in vec3 l,const in float alphaRoughness,const in vec3 f0,const in vec3 f90,const in vec3 baseColor,const in float ior){float transmissionRoughness=applyIorToRoughness(alphaRoughness,ior);vec3 l_mirror=normalize(l+2.0*n*dot(-l,n));vec3 h=normalize(l_mirror+v);float D=D_GGX(clamp(dot(n,h),0.0,1.0),transmissionRoughness);vec3 F=F_Schlick(f0,f90,clamp(dot(v,h),0.0,1.0));float Vis=V_GGX(clamp(dot(n,l_mirror),0.0,1.0),clamp(dot(n,v),0.0,1.0),transmissionRoughness);return(1.0-F)*baseColor*D*Vis;}vec3 applyVolumeAttenuation(const in vec3 radiance,const in float transmissionDistance,const in vec3 attenuationColor,const in float attenuationDistance){if(attenuationDistance==0.0){return radiance;}else{vec3 attenuationCoefficient=-log(attenuationColor)/attenuationDistance;vec3 transmittance=exp(-attenuationCoefficient*transmissionDistance);return transmittance*radiance;}}vec3 getVolumeTransmissionRay(const in vec3 n,const in vec3 v,const in float thickness,const in float ior,const in mat4 modelMatrix){vec3 refractionVector=refract(-v,normalize(n),1.0/ior);vec3 modelScale;modelScale.x=length(vec3(modelMatrix[0].xyz));modelScale.y=length(vec3(modelMatrix[1].xyz));modelScale.z=length(vec3(modelMatrix[2].xyz));return normalize(refractionVector)*thickness*modelScale;}
-#endif
-`
-;
-
-x_ite_Namespace .add ("Punctual2.glsl", "assets/shaders/webgl2/pbr/Punctual2.glsl", Punctual2_glsl_default_);
-/* harmony default export */ const Punctual2_glsl = (Punctual2_glsl_default_);
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/pbr/MaterialInfo2.glsl.js
 
 
@@ -96284,12 +96129,13 @@ info.sheenColorFactor*=getSheenColorTextureEXT();
 #if defined(X3D_SHEEN_ROUGHNESS_TEXTURE_EXT)
 info.sheenRoughnessFactor*=getSheenRoughnessTextureEXT();
 #endif
-return info;}uniform sampler2D x3d_SheenELUTTextureEXT;
+return info;}uniform sampler2D x3d_SheenELUTTextureEXT;float albedoSheenScalingLUT(const in float NdotV,const in float sheenRoughnessFactor){
 #if __VERSION__==100
-float albedoSheenScalingLUT(const in float NdotV,const in float sheenRoughnessFactor){return texture2D(x3d_SheenELUTTextureEXT,vec2(NdotV,sheenRoughnessFactor)).r;}
+return texture2D(x3d_SheenELUTTextureEXT,vec2(NdotV,sheenRoughnessFactor)).r;
 #else
-float albedoSheenScalingLUT(const in float NdotV,const in float sheenRoughnessFactor){return texture(x3d_SheenELUTTextureEXT,vec2(NdotV,sheenRoughnessFactor)).r;}
+return texture(x3d_SheenELUTTextureEXT,vec2(NdotV,sheenRoughnessFactor)).r;
 #endif
+}
 #endif
 #if defined(X3D_CLEARCOAT_MATERIAL_EXT)
 ${MaterialTextures .texture ("x3d_ClearcoatTextureEXT",
@@ -96330,7 +96176,7 @@ vec3 dielectricSpecularF0=min(info.f0*x3d_SpecularColorEXT*specularTexture.rgb,v
 #endif
 #if defined(X3D_VOLUME_MATERIAL_EXT)
 ${MaterialTextures .texture ("x3d_ThicknessTextureEXT", "g")}
-uniform float x3d_ThicknessEXT;uniform float x3d_AttenuationDistanceEXT;uniform vec3 x3d_AttenuationColoEXT;MaterialInfo getVolumeInfo(in MaterialInfo info){info.thickness=x3d_ThicknessEXT;info.attenuationDistance=x3d_AttenuationDistanceEXT;info.attenuationColor=x3d_AttenuationColoEXT;
+uniform float x3d_ThicknessEXT;uniform float x3d_AttenuationDistanceEXT;uniform vec3 x3d_AttenuationColorEXT;MaterialInfo getVolumeInfo(in MaterialInfo info){info.thickness=x3d_ThicknessEXT;info.attenuationDistance=x3d_AttenuationDistanceEXT;info.attenuationColor=x3d_AttenuationColorEXT;
 #if defined(X3D_THICKNESS_TEXTURE_EXT)
 info.thickness*=getThicknessTextureEXT();
 #endif
@@ -96379,9 +96225,166 @@ vec2 directionRotation=x3d_AnisotropyEXT.xy;mat2 rotationMatrix=mat2(directionRo
 
 x_ite_Namespace .add ("MaterialInfo2.glsl", "assets/shaders/webgl2/pbr/MaterialInfo2.glsl", MaterialInfo2_glsl_default_);
 /* harmony default export */ const MaterialInfo2_glsl = (MaterialInfo2_glsl_default_);
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/pbr/PBR2.glsl.js
+const PBR2_glsl_default_ = /* glsl */ `
+#pragma X3D include "../common/Fragment.glsl"
+#pragma X3D include "../common/Normal.glsl"
+#pragma X3D include "../common/Shadow.glsl"
+#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
+uniform mat4 x3d_ProjectionMatrix;uniform mat4 x3d_ModelViewMatrix;
+#endif
+#if defined(X3D_LIGHTING)
+uniform x3d_LightSourceParameters x3d_LightSource[X3D_NUM_LIGHTS];
+#endif
+uniform x3d_PhysicalMaterialParameters x3d_Material;
+#pragma X3D include "pbr/BRDF.glsl"
+#pragma X3D include "pbr/MaterialInfo.glsl"
+#pragma X3D include "pbr/Punctual.glsl"
+#pragma X3D include "pbr/IBL.glsl"
+#pragma X3D include "pbr/Iridescence.glsl"
+vec4 getMaterialColor(){vec4 baseColor=getBaseColor();
+#if defined(X3D_TEXTURE_PROJECTION)
+baseColor.rgb*=getTextureProjectorColor();
+#endif
+#if!defined(X3D_UNLIT_MATERIAL_EXT)
+vec3 v=normalize(-vertex);
+#if defined(X3D_USE_IBL)||defined(X3D_LIGHTING)||defined(X3D_ANISOTROPY_MATERIAL_EXT)||defined(X3D_CLEARCOAT_MATERIAL_EXT)
+NormalInfo normalInfo=getNormalInfo(x3d_Material.normalScale);vec3 n=normalInfo.n;float NdotV=clamp(dot(n,v),0.0,1.0);
+#endif
+MaterialInfo materialInfo;materialInfo.baseColor=baseColor.rgb;materialInfo.ior=1.5;materialInfo.f0=vec3(0.04);materialInfo.specularWeight=1.0;
+#if defined(X3D_IOR_MATERIAL_EXT)
+materialInfo=getIorInfo(materialInfo);
+#endif
+#if defined(X3D_MATERIAL_SPECULAR_GLOSSINESS)
+materialInfo=getSpecularGlossinessInfo(materialInfo);
+#endif
+#if defined(X3D_MATERIAL_METALLIC_ROUGHNESS)
+materialInfo=getMetallicRoughnessInfo(materialInfo);
+#endif
+#if defined(X3D_SHEEN_MATERIAL_EXT)
+materialInfo=getSheenInfo(materialInfo);
+#endif
+#if defined(X3D_CLEARCOAT_MATERIAL_EXT)
+materialInfo=getClearCoatInfo(materialInfo,normalInfo);
+#endif
+#if defined(X3D_SPECULAR_MATERIAL_EXT)
+materialInfo=getSpecularInfo(materialInfo);
+#endif
+#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
+materialInfo=getTransmissionInfo(materialInfo);
+#endif
+#if defined(X3D_VOLUME_MATERIAL_EXT)
+materialInfo=getVolumeInfo(materialInfo);
+#endif
+#if defined(X3D_IRIDESCENCE_MATERIAL_EXT)
+materialInfo=getIridescenceInfo(materialInfo);
+#endif
+#if defined(X3D_ANISOTROPY_MATERIAL_EXT)
+materialInfo=getAnisotropyInfo(materialInfo,normalInfo);
+#endif
+materialInfo.perceptualRoughness=clamp(materialInfo.perceptualRoughness,0.0,1.0);materialInfo.metallic=clamp(materialInfo.metallic,0.0,1.0);materialInfo.alphaRoughness=materialInfo.perceptualRoughness*materialInfo.perceptualRoughness;float reflectance=max3(materialInfo.f0);materialInfo.f90=vec3(1.0);vec3 f_specular=vec3(0.0);vec3 f_diffuse=vec3(0.0);vec3 f_emissive=vec3(0.0);vec3 f_clearcoat=vec3(0.0);vec3 f_sheen=vec3(0.0);vec3 f_transmission=vec3(0.0);float albedoSheenScaling=1.0;
+#if defined(X3D_IRIDESCENCE_MATERIAL_EXT)&&(defined(X3D_USE_IBL)||defined(X3D_LIGHTING))
+vec3 iridescenceFresnel=evalIridescence(1.0,materialInfo.iridescenceIor,NdotV,materialInfo.iridescenceThickness,materialInfo.f0);vec3 iridescenceF0=Schlick_to_F0(iridescenceFresnel,NdotV);if(materialInfo.iridescenceThickness==0.0)materialInfo.iridescenceFactor=0.0;
+#endif
+#if defined(X3D_USE_IBL)
+#if defined(X3D_IRIDESCENCE_MATERIAL_EXT)
+f_specular+=getIBLRadianceGGXIridescence(n,v,materialInfo.perceptualRoughness,materialInfo.f0,iridescenceFresnel,materialInfo.iridescenceFactor,materialInfo.specularWeight);f_diffuse+=getIBLRadianceLambertianIridescence(n,v,materialInfo.perceptualRoughness,materialInfo.c_diff,materialInfo.f0,iridescenceF0,materialInfo.iridescenceFactor,materialInfo.specularWeight);
+#elif defined(X3D_ANISOTROPY_MATERIAL_EXT)
+f_specular+=getIBLRadianceAnisotropy(n,v,materialInfo.perceptualRoughness,materialInfo.anisotropyStrength,materialInfo.anisotropicB,materialInfo.f0,materialInfo.specularWeight);f_diffuse+=getIBLRadianceLambertian(n,v,materialInfo.perceptualRoughness,materialInfo.c_diff,materialInfo.f0,materialInfo.specularWeight);
+#else
+f_specular+=getIBLRadianceGGX(n,v,materialInfo.perceptualRoughness,materialInfo.f0,materialInfo.specularWeight);f_diffuse+=getIBLRadianceLambertian(n,v,materialInfo.perceptualRoughness,materialInfo.c_diff,materialInfo.f0,materialInfo.specularWeight);
+#endif
+#if defined(X3D_CLEARCOAT_MATERIAL_EXT)
+f_clearcoat+=getIBLRadianceGGX(materialInfo.clearcoatNormal,v,materialInfo.clearcoatRoughness,materialInfo.clearcoatF0,1.0);
+#endif
+#if defined(X3D_SHEEN_MATERIAL_EXT)
+f_sheen+=getIBLRadianceCharlie(n,v,materialInfo.sheenRoughnessFactor,materialInfo.sheenColorFactor);albedoSheenScaling=1.0-max3(materialInfo.sheenColorFactor)*albedoSheenScalingLUT(NdotV,materialInfo.sheenRoughnessFactor);
+#endif
+#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
+f_transmission+=getIBLVolumeRefraction(n,v,materialInfo.perceptualRoughness,materialInfo.c_diff,materialInfo.f0,materialInfo.f90,vertex,x3d_ModelViewMatrix,x3d_ProjectionMatrix,materialInfo.ior,materialInfo.thickness,materialInfo.attenuationColor,materialInfo.attenuationDistance,materialInfo.dispersion);
+#endif
+#endif
+vec3 f_diffuse_ibl=f_diffuse;vec3 f_specular_ibl=f_specular;vec3 f_sheen_ibl=f_sheen;vec3 f_clearcoat_ibl=f_clearcoat;f_diffuse=vec3(0.0);f_specular=vec3(0.0);f_sheen=vec3(0.0);f_clearcoat=vec3(0.0);
+#if defined(X3D_LIGHTING)
+for(int i=0;i<X3D_NUM_LIGHTS;++i){x3d_LightSourceParameters light=x3d_LightSource[i];vec3 pointToLight;float distanceToLight;if(light.type!=x3d_DirectionalLight){pointToLight=light.location-vertex;distanceToLight=length(light.matrix*pointToLight);}else{pointToLight=-light.direction;distanceToLight=-1.0;}if(distanceToLight<=light.radius||light.radius<0.0){vec3 l=normalize(pointToLight);vec3 h=normalize(l+v);float NdotL=clamp(dot(n,l),0.0,1.0);float NdotH=clamp(dot(n,h),0.0,1.0);float VdotH=clamp(dot(v,h),0.0,1.0);if(NdotL>0.0||NdotV>0.0){vec3 intensity=getLightIntensity(light,l,distanceToLight);
+#if defined(X3D_SHADOWS)
+intensity=mix(intensity,light.shadowColor,getShadowIntensity(i,light));
+#endif
+vec3 l_diffuse=vec3(0.0);vec3 l_specular=vec3(0.0);
+#if defined(X3D_IRIDESCENCE_MATERIAL_EXT)
+l_diffuse+=intensity*NdotL*BRDF_lambertianIridescence(materialInfo.f0,materialInfo.f90,iridescenceFresnel,materialInfo.iridescenceFactor,materialInfo.c_diff,materialInfo.specularWeight,VdotH);l_specular+=intensity*NdotL*BRDF_specularGGXIridescence(materialInfo.f0,materialInfo.f90,iridescenceFresnel,materialInfo.alphaRoughness,materialInfo.iridescenceFactor,materialInfo.specularWeight,VdotH,NdotL,NdotV,NdotH);
+#elif defined(X3D_ANISOTROPY_MATERIAL_EXT)
+l_diffuse+=intensity*NdotL*BRDF_lambertian(materialInfo.f0,materialInfo.f90,materialInfo.c_diff,materialInfo.specularWeight,VdotH);l_specular+=intensity*NdotL*BRDF_specularGGXAnisotropy(materialInfo.f0,materialInfo.f90,materialInfo.alphaRoughness,materialInfo.anisotropyStrength,n,v,l,h,materialInfo.anisotropicT,materialInfo.anisotropicB);
+#else
+l_diffuse+=intensity*NdotL*BRDF_lambertian(materialInfo.f0,materialInfo.f90,materialInfo.c_diff,materialInfo.specularWeight,VdotH);l_specular+=intensity*NdotL*BRDF_specularGGX(materialInfo.f0,materialInfo.f90,materialInfo.alphaRoughness,materialInfo.specularWeight,VdotH,NdotL,NdotV,NdotH);
+#endif
+#if defined(X3D_SHEEN_MATERIAL_EXT)
+f_sheen+=intensity*getPunctualRadianceSheen(materialInfo.sheenColorFactor,materialInfo.sheenRoughnessFactor,NdotL,NdotV,NdotH);float l_albedoSheenScaling=min(1.0-max3(materialInfo.sheenColorFactor)*albedoSheenScalingLUT(NdotV,materialInfo.sheenRoughnessFactor),1.0-max3(materialInfo.sheenColorFactor)*albedoSheenScalingLUT(NdotL,materialInfo.sheenRoughnessFactor));l_diffuse*=l_albedoSheenScaling;l_specular*=l_albedoSheenScaling;
+#endif
+f_diffuse+=l_diffuse;f_specular+=l_specular;
+#if defined(X3D_CLEARCOAT_MATERIAL_EXT)
+f_clearcoat+=intensity*getPunctualRadianceClearCoat(materialInfo.clearcoatNormal,v,l,h,VdotH,materialInfo.clearcoatF0,materialInfo.clearcoatF90,materialInfo.clearcoatRoughness);
+#endif
+}
+#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
+vec3 transmissionRay=getVolumeTransmissionRay(n,v,materialInfo.thickness,materialInfo.ior,x3d_ModelViewMatrix);pointToLight-=transmissionRay;l=normalize(pointToLight);vec3 intensity=getLightIntensity(light,pointToLight,distanceToLight);vec3 transmittedLight=intensity*getPunctualRadianceTransmission(n,v,l,materialInfo.alphaRoughness,materialInfo.f0,materialInfo.f90,materialInfo.c_diff,materialInfo.ior);
+#if defined(X3D_VOLUME_MATERIAL_EXT)
+transmittedLight=applyVolumeAttenuation(transmittedLight,length(transmissionRay),materialInfo.attenuationColor,materialInfo.attenuationDistance);
+#endif
+f_transmission+=transmittedLight;
+#endif
+}}
+#endif
+f_emissive=getEmissiveColor();float clearcoatFactor=0.0;vec3 clearcoatFresnel=vec3(0.0);vec3 diffuse;vec3 specular;vec3 sheen;vec3 clearcoat;
+#if defined(X3D_OCCLUSION_TEXTURE)
+float ao=getOcclusionFactor();float occlusionStrength=x3d_Material.occlusionStrength;diffuse=f_diffuse+mix(f_diffuse_ibl,f_diffuse_ibl*ao,occlusionStrength)*albedoSheenScaling;specular=f_specular+mix(f_specular_ibl,f_specular_ibl*ao,occlusionStrength)*albedoSheenScaling;sheen=f_sheen+mix(f_sheen_ibl,f_sheen_ibl*ao,occlusionStrength);clearcoat=f_clearcoat+mix(f_clearcoat_ibl,f_clearcoat_ibl*ao,occlusionStrength);
+#else
+diffuse=f_diffuse_ibl*albedoSheenScaling+f_diffuse;specular=f_specular_ibl*albedoSheenScaling+f_specular;sheen=f_sheen_ibl+f_sheen;clearcoat=f_clearcoat_ibl+f_clearcoat;
+#endif
+#if defined(X3D_CLEARCOAT_MATERIAL_EXT)
+clearcoatFactor=materialInfo.clearcoatFactor;clearcoatFresnel=F_Schlick(materialInfo.clearcoatF0,materialInfo.clearcoatF90,clamp(dot(materialInfo.clearcoatNormal,v),0.0,1.0));clearcoat*=clearcoatFactor;
+#endif
+#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
+diffuse=mix(diffuse,f_transmission,materialInfo.transmissionFactor);
+#endif
+#endif
+vec3 color=vec3(0.0);
+#if defined(X3D_UNLIT_MATERIAL_EXT)
+color=baseColor.rgb;
+#else
+color=f_emissive+diffuse+specular;color=sheen+color;color=color*(1.0-clearcoatFactor*clearcoatFresnel)+clearcoat;
+#endif
+return vec4(color,baseColor.a);}void main(){fragment_main();}`
+;
+
+x_ite_Namespace .add ("PBR2.glsl", "assets/shaders/webgl2/pbr/PBR2.glsl", PBR2_glsl_default_);
+/* harmony default export */ const PBR2_glsl = (PBR2_glsl_default_);
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/pbr/Punctual2.glsl.js
+const Punctual2_glsl_default_ = /* glsl */ `
+#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
+float applyIorToRoughness(const in float roughness,const in float ior){return roughness*clamp(ior*2.0-2.0,0.0,1.0);}
+#endif
+#if defined(X3D_LIGHTING)
+#pragma X3D include "../common/Lighting.glsl"
+vec3 getLightIntensity(const in x3d_LightSourceParameters light,const in vec3 pointToLight,const in float distanceToLight){float attenuationFactor=1.0;float spotFactor=1.0;if(light.type!=x3d_DirectionalLight){attenuationFactor=getAttenuation(light.attenuation,distanceToLight);}if(light.type==x3d_SpotLight){spotFactor=getSpotFactor(pointToLight,light.direction,light.cutOffAngle,light.beamWidth);}return attenuationFactor*spotFactor*light.intensity*light.color;}
+#if defined(X3D_SHEEN_MATERIAL_EXT)
+vec3 getPunctualRadianceSheen(const in vec3 sheenColor,const in float sheenRoughness,const in float NdotL,const in float NdotV,const in float NdotH){return NdotL*BRDF_specularSheen(sheenColor,sheenRoughness,NdotL,NdotV,NdotH);}
+#endif
+#if defined(X3D_CLEARCOAT_MATERIAL_EXT)
+vec3 getPunctualRadianceClearCoat(const in vec3 clearcoatNormal,const in vec3 v,const in vec3 l,const in vec3 h,const in float VdotH,const in vec3 f0,const in vec3 f90,const in float clearcoatRoughness){float NdotL=clamp(dot(clearcoatNormal,l),0.0,1.0);float NdotV=clamp(dot(clearcoatNormal,v),0.0,1.0);float NdotH=clamp(dot(clearcoatNormal,h),0.0,1.0);return NdotL*BRDF_specularGGX(f0,f90,clearcoatRoughness*clearcoatRoughness,1.0,VdotH,NdotL,NdotV,NdotH);}
+#endif
+#endif
+#if defined(X3D_TRANSMISSION_MATERIAL_EXT)
+vec3 getPunctualRadianceTransmission(const in vec3 n,const in vec3 v,const in vec3 l,const in float alphaRoughness,const in vec3 f0,const in vec3 f90,const in vec3 baseColor,const in float ior){float transmissionRoughness=applyIorToRoughness(alphaRoughness,ior);vec3 l_mirror=normalize(l+2.0*n*dot(-l,n));vec3 h=normalize(l_mirror+v);float D=D_GGX(clamp(dot(n,h),0.0,1.0),transmissionRoughness);vec3 F=F_Schlick(f0,f90,clamp(dot(v,h),0.0,1.0));float Vis=V_GGX(clamp(dot(n,l_mirror),0.0,1.0),clamp(dot(n,v),0.0,1.0),transmissionRoughness);return(1.0-F)*baseColor*D*Vis;}vec3 applyVolumeAttenuation(const in vec3 radiance,const in float transmissionDistance,const in vec3 attenuationColor,const in float attenuationDistance){if(attenuationDistance==0.0){return radiance;}else{vec3 attenuationCoefficient=log(attenuationColor)/attenuationDistance;vec3 transmittance=exp(attenuationCoefficient*transmissionDistance);return transmittance*radiance;}}vec3 getVolumeTransmissionRay(const in vec3 n,const in vec3 v,const in float thickness,const in float ior,const in mat4 modelMatrix){vec3 refractionVector=refract(-v,normalize(n),1.0/ior);vec3 modelScale;modelScale.x=length(vec3(modelMatrix[0].xyz));modelScale.y=length(vec3(modelMatrix[1].xyz));modelScale.z=length(vec3(modelMatrix[2].xyz));return normalize(refractionVector)*thickness*modelScale;}
+#endif
+`
+;
+
+x_ite_Namespace .add ("Punctual2.glsl", "assets/shaders/webgl2/pbr/Punctual2.glsl", Punctual2_glsl_default_);
+/* harmony default export */ const Punctual2_glsl = (Punctual2_glsl_default_);
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/pbr/ToneMapping2.glsl.js
 const ToneMapping2_glsl_default_ = /* glsl */ `
-const float GAMMA=2.2;const float INV_GAMMA=1.0/GAMMA;vec3 linearTosRGB(const in vec3 color){return pow(color,vec3(INV_GAMMA));}vec4 linearTosRGB(const in vec4 color){return vec4(linearTosRGB(color.rgb),color.a);}vec3 sRGBToLinear(const in vec3 color){return pow(color,vec3(GAMMA));}vec4 sRGBToLinear(const in vec4 color){return vec4(sRGBToLinear(color.rgb),color.a);}
+const float GAMMA=2.2;const float INV_GAMMA=1.0/GAMMA;vec3 linearToSRGB(const in vec3 color){return pow(color,vec3(INV_GAMMA));}vec4 linearToSRGB(const in vec4 color){return vec4(linearToSRGB(color.rgb),color.a);}vec3 sRGBToLinear(const in vec3 color){return pow(color,vec3(GAMMA));}vec4 sRGBToLinear(const in vec4 color){return vec4(sRGBToLinear(color.rgb),color.a);}
 #if defined(X3D_TONEMAP_ACES_NARKOWICZ)
 vec3 toneMapACES_Narkowicz(const in vec3 color){const float A=2.51;const float B=0.03;const float C=2.43;const float D=0.59;const float E=0.14;return clamp((color*(A*color+B))/(color*(C*color+D)+E),0.0,1.0);}
 #endif
@@ -96404,7 +96407,18 @@ color/=0.6;color=toneMapACES_Hill(color);
 #if defined(X3D_TONEMAP_KHR_PBR_NEUTRAL)
 color=toneMap_KhronosPbrNeutral(color);
 #endif
-return linearTosRGB(color);}`
+#if defined(X3D_COLORSPACE_SRGB)
+return color;
+#elif defined(X3D_COLORSPACE_LINEAR_WHEN_PHYSICAL_MATERIAL)
+#if defined(X3D_PHYSICAL_MATERIAL)
+return linearToSRGB(color);
+#else
+return color;
+#endif
+#elif defined(X3D_COLORSPACE_LINEAR)
+return linearToSRGB(color);
+#endif
+}`
 ;
 
 x_ite_Namespace .add ("ToneMapping2.glsl", "assets/shaders/webgl2/pbr/ToneMapping2.glsl", ToneMapping2_glsl_default_);
@@ -96462,7 +96476,6 @@ x_ite_Namespace .add ("ToneMapping2.glsl", "assets/shaders/webgl2/pbr/ToneMappin
 
 
 
-
 /* WebGL 2 */
 
 
@@ -96520,6 +96533,7 @@ x_ite_Namespace .add ("ToneMapping2.glsl", "assets/shaders/webgl2/pbr/ToneMappin
 
 
 
+
 const ShaderRegistry = {
    includes: {
       1: {
@@ -96533,7 +96547,7 @@ const ShaderRegistry = {
          Perlin: Perlin2_glsl,
          Point: Point2_glsl,
          PointSize: PointSize2_glsl,
-         Shadow: Shadow1_glsl,
+         Shadow: Shadow2_glsl,
          Texture: Texture1_glsl,
          Vertex: Vertex1_glsl,
          // PBR
@@ -96541,6 +96555,7 @@ const ShaderRegistry = {
          IBL: IBL2_glsl,
          Iridescence: Iridescence2_glsl,
          MaterialInfo: MaterialInfo2_glsl,
+         PBR: PBR2_glsl,
          Punctual: Punctual2_glsl,
          ToneMapping: ToneMapping2_glsl,
       },
@@ -96568,6 +96583,7 @@ const ShaderRegistry = {
          IBL: IBL2_glsl,
          Iridescence: Iridescence2_glsl,
          MaterialInfo: MaterialInfo2_glsl,
+         PBR: PBR2_glsl,
          Punctual: Punctual2_glsl,
          ToneMapping: ToneMapping2_glsl,
       },
@@ -96593,9 +96609,9 @@ const ShaderRegistry = {
       1: {
          Depth: Depth1_fs,
          Gouraud: Gouraud1_fs,
-         PBR: PBR1_fs,
          Phong: Phong1_fs,
          Pointing: Pointing1_fs,
+         Physical: Physical1_fs,
          Unlit: Unlit1_fs,
       },
       2: {
@@ -96603,9 +96619,9 @@ const ShaderRegistry = {
          Gouraud: Gouraud2_fs,
          LineTransform: LineTransform2_fs,
          OITCompose: OITCompose2_fs,
-         PBR: PBR2_fs,
          Phong: Phong2_fs,
          Pointing: Pointing2_fs,
+         Physical: Physical2,
          Unlit: Unlit2_fs,
       },
    },
@@ -96719,7 +96735,250 @@ const ShaderCompiler_default_ = ShaderCompiler;
 x_ite_Namespace .add ("ShaderCompiler", "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__(126);
+/* provided dependency */ var ShaderPart_$ = __webpack_require__(376);
+/*******************************************************************************
+ *
+ * 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 customOptions = [
+   "X3D_GEOMETRY_0D",
+   "X3D_GEOMETRY_1D",
+   "X3D_GEOMETRY_2D",
+   "X3D_GEOMETRY_3D",
+   "X3D_FOG",
+   "X3D_STYLE_PROPERTIES",
+   "X3D_UNLIT_MATERIAL",
+   "X3D_MATERIAL",
+   "X3D_LIGHTING",
+   "X3D_TEXTURE",
+   "X3D_MULTI_TEXTURING",
+];
+
+function ShaderPart (executionContext)
+{
+   Core_X3DNode      .call (this, executionContext);
+   Networking_X3DUrlObject .call (this, executionContext);
+
+   this .addType (Base_X3DConstants .ShaderPart);
+
+   this .options = [ ];
+}
+
+Object .assign (Object .setPrototypeOf (ShaderPart .prototype, Core_X3DNode .prototype),
+   Networking_X3DUrlObject .prototype,
+{
+   initialize ()
+   {
+      Core_X3DNode      .prototype .initialize .call (this);
+      Networking_X3DUrlObject .prototype .initialize .call (this);
+
+      if (!this .isPrivate ())
+         this .options = customOptions .slice ();
+
+      this ._type .addInterest ("set_type__", this);
+
+      this .requestImmediateLoad () .catch (Function .prototype);
+   },
+   set_type__ ()
+   {
+      this .setLoadState (Base_X3DConstants .NOT_STARTED_STATE);
+
+      this .requestImmediateLoad () .catch (Function .prototype);
+   },
+   getSourceText ()
+   {
+      return this ._url;
+   },
+   getOptions ()
+   {
+      return this .options;
+   },
+   setOptions (value)
+   {
+      this .options = value;
+   },
+   getShader ()
+   {
+      return this .shader;
+   },
+   getShaderType: (() =>
+   {
+      const shaderTypes = new Map ([
+         ["VERTEX",          "VERTEX_SHADER"],
+         ["TESS_CONTROL",    "TESS_CONTROL_SHADER"],
+         ["TESS_EVALUATION", "TESS_EVALUATION_SHADER"],
+         ["GEOMETRY",        "GEOMETRY_SHADER"],
+         ["FRAGMENT",        "FRAGMENT_SHADER"],
+         ["COMPUTE",         "COMPUTE_SHADER"],
+      ]);
+
+      return function ()
+      {
+         return shaderTypes .get (this ._type .getValue ()) || "VERTEX_SHADER";
+      };
+   })(),
+   unloadData ()
+   {
+      this .valid = false;
+   },
+   loadData ()
+   {
+      new InputOutput_FileLoader (this) .loadDocument (this ._url,
+      function (data, url)
+      {
+         if (data === null)
+         {
+            // No URL could be loaded.
+            this .setLoadState (Base_X3DConstants .FAILED_STATE);
+         }
+         else
+         {
+            const
+               browser        = this .getBrowser (),
+               gl             = browser .getContext (),
+               type           = this .getShaderType (),
+               options        = ["X3D_" + type] .concat (this .options),
+               shaderCompiler = new Shaders_ShaderCompiler (gl),
+               source         = Shaders_ShaderSource .getSource (gl, browser, shaderCompiler .process (ShaderPart_$.decodeText (data)), options),
+               shader         = gl .createShader (gl [type]);
+
+            gl .deleteShader (this .shader);
+
+            this .shader = shader;
+
+            gl .shaderSource (shader, source);
+            gl .compileShader (shader);
+
+            if (!gl .getShaderParameter (shader, gl .COMPILE_STATUS))
+            {
+               const
+                  typeName = this .getTypeName (),
+                  name     = this .getName (),
+                  log      = gl .getShaderInfoLog (shader),
+                  match    = log .match (/(\d+):(\d+)/);
+
+               if (match)
+               {
+                  const fileName = shaderCompiler .getSourceFileName (match [1]) || url || this .getExecutionContext () .getWorldURL ();
+
+                  throw new Error ("Error in " + typeName + " '" + name + "' in URL '" + fileName + "', line " + match [2] + ", " + log);
+               }
+               else
+               {
+                  const fileName = url || this .getExecutionContext () .getWorldURL ();
+
+                  throw new Error ("Error in " + typeName + " '" + name + "' in URL '" + fileName + "', " + log);
+               }
+            }
+
+            this .setLoadState (Base_X3DConstants .COMPLETE_STATE);
+         }
+      }
+      .bind (this));
+   },
+   dispose ()
+   {
+      Networking_X3DUrlObject .prototype .dispose .call (this);
+      Core_X3DNode      .prototype .dispose .call (this);
+   },
+});
+
+Object .defineProperties (ShaderPart,
+{
+   typeName:
+   {
+      value: "ShaderPart",
+      enumerable: true,
+   },
+   componentInfo:
+   {
+      value: Object .freeze ({ name: "Shaders", level: 1 }),
+      enumerable: true,
+   },
+   containerField:
+   {
+      value: "parts",
+      enumerable: true,
+   },
+   specificationRange:
+   {
+      value: Object .freeze ({ from: "3.0", to: "Infinity" }),
+      enumerable: true,
+   },
+   fieldDefinitions:
+   {
+      value: new Base_FieldDefinitionArray ([
+         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "metadata",             new x_ite_Fields .SFNode ()),
+         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "description",          new x_ite_Fields .SFString ()),
+         new Base_X3DFieldDefinition (Base_X3DConstants .initializeOnly, "type",                 new x_ite_Fields .SFString ("VERTEX")),
+         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "load",                 new x_ite_Fields .SFBool (true)),
+         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)),
+      ]),
+      enumerable: true,
+   },
+});
+
+const ShaderPart_default_ = ShaderPart;
+;
+
+x_ite_Namespace .add ("ShaderPart", "x_ite/Components/Shaders/ShaderPart", ShaderPart_default_);
+/* harmony default export */ const Shaders_ShaderPart = (ShaderPart_default_);
+;// CONCATENATED MODULE: ./src/x_ite/Components/Shaders/ShaderProgram.js
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -96775,248 +97034,9 @@ x_ite_Namespace .add ("ShaderCompiler", "x_ite/Browser/Shaders/ShaderCompiler",
 
 
 
-
-
-const customOptions = [
-   "X3D_GEOMETRY_0D",
-   "X3D_GEOMETRY_1D",
-   "X3D_GEOMETRY_2D",
-   "X3D_GEOMETRY_3D",
-   "X3D_FOG",
-   "X3D_STYLE_PROPERTIES",
-   "X3D_UNLIT_MATERIAL",
-   "X3D_MATERIAL",
-   "X3D_LIGHTING",
-   "X3D_TEXTURE",
-   "X3D_MULTI_TEXTURING",
-];
-
-function ShaderPart (executionContext)
-{
-   Core_X3DNode      .call (this, executionContext);
-   Networking_X3DUrlObject .call (this, executionContext);
-
-   this .addType (Base_X3DConstants .ShaderPart);
-
-   this .options = [ ];
-}
-
-Object .assign (Object .setPrototypeOf (ShaderPart .prototype, Core_X3DNode .prototype),
-   Networking_X3DUrlObject .prototype,
-{
-   initialize ()
-   {
-      Core_X3DNode      .prototype .initialize .call (this);
-      Networking_X3DUrlObject .prototype .initialize .call (this);
-
-      if (!this .isPrivate ())
-         this .options = customOptions .slice ();
-
-      this ._type .addInterest ("set_type__", this);
-
-      this .requestImmediateLoad () .catch (Function .prototype);
-   },
-   set_type__ ()
-   {
-      this .setLoadState (Base_X3DConstants .NOT_STARTED_STATE);
-
-      this .requestImmediateLoad () .catch (Function .prototype);
-   },
-   getSourceText ()
-   {
-      return this ._url;
-   },
-   getOptions ()
-   {
-      return this .options;
-   },
-   setOptions (value)
-   {
-      this .options = value;
-   },
-   getShader ()
-   {
-      return this .shader;
-   },
-   getShaderType: (() =>
-   {
-      const shaderTypes = new Map ([
-         ["VERTEX",          "VERTEX_SHADER"],
-         ["TESS_CONTROL",    "TESS_CONTROL_SHADER"],
-         ["TESS_EVALUATION", "TESS_EVALUATION_SHADER"],
-         ["GEOMETRY",        "GEOMETRY_SHADER"],
-         ["FRAGMENT",        "FRAGMENT_SHADER"],
-         ["COMPUTE",         "COMPUTE_SHADER"],
-      ]);
-
-      return function ()
-      {
-         return shaderTypes .get (this ._type .getValue ()) || "VERTEX_SHADER";
-      };
-   })(),
-   unloadData ()
-   {
-      this .valid = false;
-   },
-   loadData ()
-   {
-      new InputOutput_FileLoader (this) .loadDocument (this ._url,
-      function (data, url)
-      {
-         if (data === null)
-         {
-            // No URL could be loaded.
-            this .setLoadState (Base_X3DConstants .FAILED_STATE);
-         }
-         else
-         {
-            const
-               browser        = this .getBrowser (),
-               gl             = browser .getContext (),
-               type           = this .getShaderType (),
-               options        = ["X3D_" + type] .concat (this .options),
-               shaderCompiler = new Shaders_ShaderCompiler (gl),
-               source         = Shaders_ShaderSource .getSource (gl, browser, shaderCompiler .process (ShaderPart_$.decodeText (data)), options),
-               shader         = gl .createShader (gl [type]);
-
-            gl .deleteShader (this .shader);
-
-            this .shader = shader;
-
-            gl .shaderSource (shader, source);
-            gl .compileShader (shader);
-
-            if (!gl .getShaderParameter (shader, gl .COMPILE_STATUS))
-            {
-               const
-                  typeName = this .getTypeName (),
-                  name     = this .getName (),
-                  log      = gl .getShaderInfoLog (shader),
-                  match    = log .match (/(\d+):(\d+)/);
-
-               if (match)
-               {
-                  const fileName = shaderCompiler .getSourceFileName (match [1]) || url || this .getExecutionContext () .getWorldURL ();
-
-                  throw new Error ("Error in " + typeName + " '" + name + "' in URL '" + fileName + "', line " + match [2] + ", " + log);
-               }
-               else
-               {
-                  const fileName = url || this .getExecutionContext () .getWorldURL ();
-
-                  throw new Error ("Error in " + typeName + " '" + name + "' in URL '" + fileName + "', " + log);
-               }
-            }
-
-            this .setLoadState (Base_X3DConstants .COMPLETE_STATE);
-         }
-      }
-      .bind (this));
-   },
-   dispose ()
-   {
-      Networking_X3DUrlObject .prototype .dispose .call (this);
-      Core_X3DNode      .prototype .dispose .call (this);
-   },
-});
-
-Object .defineProperties (ShaderPart,
-{
-   typeName:
-   {
-      value: "ShaderPart",
-      enumerable: true,
-   },
-   componentInfo:
-   {
-      value: Object .freeze ({ name: "Shaders", level: 1 }),
-      enumerable: true,
-   },
-   containerField:
-   {
-      value: "parts",
-      enumerable: true,
-   },
-   specificationRange:
-   {
-      value: Object .freeze ({ from: "3.0", to: "Infinity" }),
-      enumerable: true,
-   },
-   fieldDefinitions:
-   {
-      value: new Base_FieldDefinitionArray ([
-         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "metadata",             new x_ite_Fields .SFNode ()),
-         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "description",          new x_ite_Fields .SFString ()),
-         new Base_X3DFieldDefinition (Base_X3DConstants .initializeOnly, "type",                 new x_ite_Fields .SFString ("VERTEX")),
-         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "load",                 new x_ite_Fields .SFBool (true)),
-         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)),
-      ]),
-      enumerable: true,
-   },
-});
-
-const ShaderPart_default_ = ShaderPart;
-;
-
-x_ite_Namespace .add ("ShaderPart", "x_ite/Components/Shaders/ShaderPart", ShaderPart_default_);
-/* harmony default export */ const Shaders_ShaderPart = (ShaderPart_default_);
-;// CONCATENATED MODULE: ./src/x_ite/Components/Shaders/ShaderProgram.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.
- *
- ******************************************************************************/
-
-
-
-
-
-
-
-
+/**
+ * THIS NODE IS NOT SUPPORTED.
+ */
 
 function ShaderProgram (executionContext)
 {
@@ -97386,7 +97406,7 @@ const X3DAppearanceNode_default_ = X3DAppearanceNode;
 x_ite_Namespace .add ("X3DAppearanceNode", "x_ite/Components/Shape/X3DAppearanceNode", X3DAppearanceNode_default_);
 /* harmony default export */ const Shape_X3DAppearanceNode = (X3DAppearanceNode_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Shape/Appearance.js
-/* provided dependency */ var Appearance_$ = __webpack_require__(126);
+/* provided dependency */ var Appearance_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -98341,16 +98361,14 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, Shape_X3DApp
          const { renderObject, shadows, fogNode, shapeNode, appearanceNode, textureNode, humanoidNode, objectsKeys } = renderContext;
 
          key += shapeNode .getAlphaMode ();
-         key += renderObject .getRenderKey ();
-         key += shadows ? 1 : 0;
+         key += renderObject .getRenderAndGlobalLightsKey ();
+         key += shadows || renderObject .getGlobalShadow () ? 1 : 0;
          key += fogNode ?.getFogType () ?? 0;
          key += shapeNode .getShapeKey ();
          key += appearanceNode .getStyleProperties (geometryContext .geometryType) ?.getStyleKey () ?? 0;
          key += appearanceNode .getTextureTransformMapping () .size || 1;
          key += geometryContext .textureCoordinateMapping .size || 1;
-         key += ".";
-         key += humanoidNode ?.getHumanoidKey () ?? "";
-         key += ".";
+         key += humanoidNode ?.getHumanoidKey () ?? "[]";
          key += objectsKeys .sort () .join (""); // ClipPlane, X3DLightNode
          key += ".";
          key += textureNode ? 2 : appearanceNode .getTextureBits () .toString (16);
@@ -98359,11 +98377,13 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, Shape_X3DApp
       {
          // Rubberband, X3DBackgroundNode
 
-         const { alphaMode, textureNode, objectsKeys } = geometryContext;
+         const { renderObject, alphaMode, textureNode, objectsKeys } = geometryContext;
 
          key += alphaMode;
-         key += "0000011.0.";
-         key += objectsKeys .sort () .join (""); // ClipPlane, X3DLightNode
+         key += ".";
+         key += renderObject .getRenderKey ();
+         key += "..000011[]";
+         key += objectsKeys .sort () .join (""); // ClipPlane
          key += ".";
          key += textureNode ?.getTextureBits () .toString (16) ?? 0;
       }
@@ -98391,9 +98411,36 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, Shape_X3DApp
       if (geometryContext .hasTangents)
          options .push ("X3D_TANGENTS");
 
+      switch (browser .getBrowserOption ("ColorSpace"))
+      {
+         case "SRGB":
+            options .push ("X3D_COLORSPACE_SRGB");
+            break;
+         default: // LINEAR_WHEN_PHYSICAL_MATERIAL
+            options .push ("X3D_COLORSPACE_LINEAR_WHEN_PHYSICAL_MATERIAL");
+            break;
+         case "LINEAR":
+            options .push ("X3D_COLORSPACE_LINEAR");
+            break;
+      }
+
+      switch (browser .getBrowserOption ("ToneMapping"))
+      {
+         default: // NONE
+            break;
+         case "ACES_NARKOWICZ":
+         case "ACES_HILL":
+         case "ACES_HILL_EXPOSURE_BOOST":
+         case "KHR_PBR_NEUTRAL":
+            options .push (`X3D_TONEMAP_${browser .getBrowserOption ("ToneMapping")}`);
+            break;
+      }
+
       if (renderContext)
       {
-         const { renderObject, fogNode, shapeNode, appearanceNode, humanoidNode, objectsKeys, textureNode } = renderContext;
+         const { renderObject, fogNode, shapeNode, appearanceNode, humanoidNode, objectsKeys: localObjectsKeys, textureNode } = renderContext;
+
+         const objectsKeys = localObjectsKeys .concat (renderObject .getGlobalLightsKeys ());
 
          if (renderObject .getLogarithmicDepthBuffer ())
             options .push ("X3D_LOGARITHMIC_DEPTH_BUFFER");
@@ -98421,7 +98468,7 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, Shape_X3DApp
             }
          }
 
-         if (renderContext .shadows)
+         if (renderContext .shadows || renderObject .getGlobalShadows () .at (-1))
             options .push ("X3D_SHADOWS", "X3D_PCF_FILTERING");
 
          switch (fogNode ?.getFogType ())
@@ -98527,7 +98574,10 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, Shape_X3DApp
       }
       else
       {
-         const { alphaMode, objectsKeys, textureNode } = geometryContext;
+         const { renderObject, alphaMode, objectsKeys, textureNode } = geometryContext;
+
+         if (renderObject .getLogarithmicDepthBuffer ())
+            options .push ("X3D_LOGARITHMIC_DEPTH_BUFFER");
 
          switch (alphaMode)
          {
@@ -98545,18 +98595,14 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, Shape_X3DApp
             {
                options .push ("X3D_ALPHA_MODE_BLEND");
 
-               if (browser .getBrowserOption ("OrderIndependentTransparency"))
+               if (renderObject .getOrderIndependentTransparency ())
                   options .push ("X3D_ORDER_INDEPENDENT_TRANSPARENCY");
 
                break;
             }
          }
 
-         const
-            numClipPlanes        = objectsKeys .reduce ((a, c) => a + (c === 0), 0),
-            numLights            = objectsKeys .reduce ((a, c) => a + (c === 1), 0),
-            numEnvironmentLights = objectsKeys .reduce ((a, c) => a + (c === 2), 0),
-            numTextureProjectors = objectsKeys .reduce ((a, c) => a + (c === 3), 0);
+         const numClipPlanes = objectsKeys .reduce ((a, c) => a + (c === 0), 0);
 
          if (numClipPlanes)
          {
@@ -98564,24 +98610,6 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, Shape_X3DApp
             options .push (`X3D_NUM_CLIP_PLANES ${Math .min (numClipPlanes, browser .getMaxClipPlanes ())}`);
          }
 
-         if (numLights)
-         {
-            options .push ("X3D_LIGHTING")
-            options .push (`X3D_NUM_LIGHTS ${Math .min (numLights, browser .getMaxLights ())}`);
-         }
-
-         if (numEnvironmentLights)
-         {
-            options .push ("X3D_USE_IBL")
-            options .push (`X3D_NUM_ENVIRONMENT_LIGHTS ${Math .min (numEnvironmentLights, browser .getMaxLights ())}`);
-         }
-
-         if (numTextureProjectors)
-         {
-            options .push ("X3D_TEXTURE_PROJECTION")
-            options .push (`X3D_NUM_TEXTURE_PROJECTORS ${Math .min (numTextureProjectors, browser .getMaxTextures ())}`);
-         }
-
          if (textureNode)
          {
             // X3DBackgroundNode textures
@@ -99404,8 +99432,7 @@ Object .assign (Object .setPrototypeOf (PhysicalMaterial .prototype, Shape_X3DOn
    set_transparent__ ()
    {
       this .setTransparent (this .getTransparency () ||
-                            this .baseTextureNode ?.isTransparent () ||
-                            this .isTransmission ());
+                            this .baseTextureNode ?.isTransparent ());
    },
    set_extensions__ ()
    {
@@ -99431,7 +99458,6 @@ Object .assign (Object .setPrototypeOf (PhysicalMaterial .prototype, Shape_X3DOn
 
       this .setTransmission (extensionNodes .some (extensionNode => extensionNode .getType () .includes (Base_X3DConstants .TransmissionMaterialExtension)));
 
-      this .set_transparent__ ();
       this .set_extensionsKey__ ();
    },
    set_extensionsKey__ ()
@@ -99453,18 +99479,6 @@ Object .assign (Object .setPrototypeOf (PhysicalMaterial .prototype, Shape_X3DOn
 
       options .push ("X3D_PHYSICAL_MATERIAL", "X3D_MATERIAL_METALLIC_ROUGHNESS");
 
-      switch (browser .getBrowserOption ("ToneMapping"))
-      {
-         default: // NONE
-            break;
-         case "ACES_NARKOWICZ":
-         case "ACES_HILL":
-         case "ACES_HILL_EXPOSURE_BOOST":
-         case "KHR_PBR_NEUTRAL":
-            options .push (`X3D_TONEMAP_${browser .getBrowserOption ("ToneMapping")}`);
-            break;
-      }
-
       if (+this .getTextureBits ())
       {
          this .baseTextureNode              ?.getShaderOptions (options, "BASE");
@@ -99472,7 +99486,7 @@ Object .assign (Object .setPrototypeOf (PhysicalMaterial .prototype, Shape_X3DOn
          this .occlusionTextureNode         ?.getShaderOptions (options, "OCCLUSION");
       }
 
-      const shaderNode = browser .createShader ("PBR", "Default", "PBR", options);
+      const shaderNode = browser .createShader ("Physical", "Default", "Physical", options);
 
       browser .getShaders () .set (key, shaderNode);
 
@@ -100067,230 +100081,234 @@ x_ite_Namespace .add ("X3DShapeNode", "x_ite/Components/Shape/X3DShapeNode", X3D
 
 
 
-function Shape (executionContext)
-{
-   Shape_X3DShapeNode .call (this, executionContext);
-
-   this .addType (Base_X3DConstants .Shape);
-}
-
-Object .assign (Object .setPrototypeOf (Shape .prototype, Shape_X3DShapeNode .prototype),
-{
-   initialize ()
-   {
-      Shape_X3DShapeNode .prototype .initialize .call (this);
-
-      this ._transformSensors_changed .addInterest ("set_transformSensors__", this);
-
-      this .set_transformSensors__ ();
-   },
-   getShapeKey ()
-   {
-      return 0;
-   },
-   getNumInstances ()
-   {
-      return 1;
-   },
-   set_geometry__ ()
-   {
-      Shape_X3DShapeNode .prototype .set_geometry__ .call (this);
-
-      if (this .getGeometry ())
-         delete this .traverse;
-      else
-         this .traverse = Function .prototype;
-   },
-   set_transformSensors__ ()
-   {
-      this .setPickableObject (this .getTransformSensors () .size);
-   },
-   intersectsBox (box, clipPlanes, modelViewMatrix)
-   {
-      return this .getGeometry () .intersectsBox (box, clipPlanes, modelViewMatrix);
-   },
-   traverse (type, renderObject)
-   {
-      // Always look at ParticleSystem if you do modify something here and there.
-
-      switch (type)
-      {
-         case Rendering_TraverseType .POINTER:
-         {
-            if (this ._pointerEvents .getValue ())
-               renderObject .addPointingShape (this);
-
-            break;
-         }
-         case Rendering_TraverseType .PICKING:
-         {
-            this .picking (renderObject);
-            break;
-         }
-         case Rendering_TraverseType .COLLISION:
-         {
-            renderObject .addCollisionShape (this);
-            break;
-         }
-         case Rendering_TraverseType .SHADOW:
-         {
-            if (this ._castShadow .getValue ())
-               renderObject .addShadowShape (this);
-
-            break;
-         }
-         case Rendering_TraverseType .DISPLAY:
-         {
-            if (renderObject .addDisplayShape (this))
-            {
-               // Currently used for GeneratedCubeMapTexture.
-               this .getAppearance () .traverse (type, renderObject);
-            }
-
-            break;
-         }
-      }
-
-      // Currently used for ScreenText and Tools.
-      this .getGeometry () .traverse (type, renderObject);
-   },
-   picking (renderObject)
-   {
-      const modelMatrix = renderObject .getModelViewMatrix () .get ();
-
-      if (this .getTransformSensors () .size)
-      {
-         for (const transformSensorNode of this .getTransformSensors ())
-            transformSensorNode .collect (modelMatrix);
-      }
-
-      const
-         browser          = this .getBrowser (),
-         pickSensorStack  = browser .getPickSensors (),
-         pickingHierarchy = browser .getPickingHierarchy ();
-
-      pickingHierarchy .push (this);
-
-      for (const pickSensor of pickSensorStack .at (-1))
-      {
-         pickSensor .collect (this .getGeometry (), modelMatrix, pickingHierarchy);
-      }
-
-      pickingHierarchy .pop ();
-   },
-   displaySimple (gl, renderContext, shaderNode)
-   {
-      this .getGeometry () .displaySimple (gl, renderContext, shaderNode);
-   },
-   display (gl, renderContext)
-   {
-      this .getGeometry () .display (gl, renderContext);
-   },
-});
-
-Object .defineProperties (Shape,
-{
-   typeName:
-   {
-      value: "Shape",
-      enumerable: true,
-   },
-   componentInfo:
-   {
-      value: Object .freeze ({ name: "Shape", level: 1 }),
-      enumerable: true,
-   },
-   containerField:
-   {
-      value: "children",
-      enumerable: true,
-   },
-   specificationRange:
-   {
-      value: Object .freeze ({ from: "2.0", to: "Infinity" }),
-      enumerable: true,
-   },
-   fieldDefinitions:
-   {
-      value: new Base_FieldDefinitionArray ([
-         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "metadata",      new x_ite_Fields .SFNode ()),
-         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "pointerEvents", new x_ite_Fields .SFBool (true)), // skip test
-         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "castShadow",    new x_ite_Fields .SFBool (true)),
-         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "visible",       new x_ite_Fields .SFBool (true)),
-         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "bboxDisplay",   new x_ite_Fields .SFBool ()),
-         new Base_X3DFieldDefinition (Base_X3DConstants .initializeOnly, "bboxSize",      new x_ite_Fields .SFVec3f (-1, -1, -1)),
-         new Base_X3DFieldDefinition (Base_X3DConstants .initializeOnly, "bboxCenter",    new x_ite_Fields .SFVec3f ()),
-         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "appearance",    new x_ite_Fields .SFNode ()),
-         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "geometry",      new x_ite_Fields .SFNode ()),
-      ]),
-      enumerable: true,
-   },
-});
-
-const Shape_default_ = Shape;
-;
-
-x_ite_Namespace .add ("Shape", "x_ite/Components/Shape/Shape", Shape_default_);
-/* harmony default export */ const Shape_Shape = (Shape_default_);
-;// CONCATENATED MODULE: ./src/x_ite/Components/Shape/TwoSidedMaterial.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.
- *
- ******************************************************************************/
-
-
-
-
-
-
-
+function Shape (executionContext)
+{
+   Shape_X3DShapeNode .call (this, executionContext);
+
+   this .addType (Base_X3DConstants .Shape);
+}
+
+Object .assign (Object .setPrototypeOf (Shape .prototype, Shape_X3DShapeNode .prototype),
+{
+   initialize ()
+   {
+      Shape_X3DShapeNode .prototype .initialize .call (this);
+
+      this ._transformSensors_changed .addInterest ("set_transformSensors__", this);
+
+      this .set_transformSensors__ ();
+   },
+   getShapeKey ()
+   {
+      return 0;
+   },
+   getNumInstances ()
+   {
+      return 1;
+   },
+   set_geometry__ ()
+   {
+      Shape_X3DShapeNode .prototype .set_geometry__ .call (this);
+
+      if (this .getGeometry ())
+         delete this .traverse;
+      else
+         this .traverse = Function .prototype;
+   },
+   set_transformSensors__ ()
+   {
+      this .setPickableObject (this .getTransformSensors () .size);
+   },
+   intersectsBox (box, clipPlanes, modelViewMatrix)
+   {
+      return this .getGeometry () .intersectsBox (box, clipPlanes, modelViewMatrix);
+   },
+   traverse (type, renderObject)
+   {
+      // Always look at ParticleSystem if you do modify something here and there.
+
+      switch (type)
+      {
+         case Rendering_TraverseType .POINTER:
+         {
+            if (this ._pointerEvents .getValue ())
+               renderObject .addPointingShape (this);
+
+            break;
+         }
+         case Rendering_TraverseType .PICKING:
+         {
+            this .picking (renderObject);
+            break;
+         }
+         case Rendering_TraverseType .COLLISION:
+         {
+            renderObject .addCollisionShape (this);
+            break;
+         }
+         case Rendering_TraverseType .SHADOW:
+         {
+            if (this ._castShadow .getValue ())
+               renderObject .addShadowShape (this);
+
+            break;
+         }
+         case Rendering_TraverseType .DISPLAY:
+         {
+            if (renderObject .addDisplayShape (this))
+            {
+               // Currently used for GeneratedCubeMapTexture.
+               this .getAppearance () .traverse (type, renderObject);
+            }
+
+            break;
+         }
+      }
+
+      // Currently used for ScreenText and Tools.
+      this .getGeometry () .traverse (type, renderObject);
+   },
+   picking (renderObject)
+   {
+      const modelMatrix = renderObject .getModelViewMatrix () .get ();
+
+      if (this .getTransformSensors () .size)
+      {
+         for (const transformSensorNode of this .getTransformSensors ())
+            transformSensorNode .collect (modelMatrix);
+      }
+
+      const
+         browser          = this .getBrowser (),
+         pickSensorStack  = browser .getPickSensors (),
+         pickingHierarchy = browser .getPickingHierarchy ();
+
+      pickingHierarchy .push (this);
+
+      for (const pickSensor of pickSensorStack .at (-1))
+      {
+         pickSensor .collect (this .getGeometry (), modelMatrix, pickingHierarchy);
+      }
+
+      pickingHierarchy .pop ();
+   },
+   displaySimple (gl, renderContext, shaderNode)
+   {
+      this .getGeometry () .displaySimple (gl, renderContext, shaderNode);
+   },
+   display (gl, renderContext)
+   {
+      this .getGeometry () .display (gl, renderContext);
+   },
+});
+
+Object .defineProperties (Shape,
+{
+   typeName:
+   {
+      value: "Shape",
+      enumerable: true,
+   },
+   componentInfo:
+   {
+      value: Object .freeze ({ name: "Shape", level: 1 }),
+      enumerable: true,
+   },
+   containerField:
+   {
+      value: "children",
+      enumerable: true,
+   },
+   specificationRange:
+   {
+      value: Object .freeze ({ from: "2.0", to: "Infinity" }),
+      enumerable: true,
+   },
+   fieldDefinitions:
+   {
+      value: new Base_FieldDefinitionArray ([
+         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "metadata",      new x_ite_Fields .SFNode ()),
+         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "pointerEvents", new x_ite_Fields .SFBool (true)), // skip test
+         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "castShadow",    new x_ite_Fields .SFBool (true)),
+         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "visible",       new x_ite_Fields .SFBool (true)),
+         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "bboxDisplay",   new x_ite_Fields .SFBool ()),
+         new Base_X3DFieldDefinition (Base_X3DConstants .initializeOnly, "bboxSize",      new x_ite_Fields .SFVec3f (-1, -1, -1)),
+         new Base_X3DFieldDefinition (Base_X3DConstants .initializeOnly, "bboxCenter",    new x_ite_Fields .SFVec3f ()),
+         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "appearance",    new x_ite_Fields .SFNode ()),
+         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput,    "geometry",      new x_ite_Fields .SFNode ()),
+      ]),
+      enumerable: true,
+   },
+});
+
+const Shape_default_ = Shape;
+;
+
+x_ite_Namespace .add ("Shape", "x_ite/Components/Shape/Shape", Shape_default_);
+/* harmony default export */ const Shape_Shape = (Shape_default_);
+;// CONCATENATED MODULE: ./src/x_ite/Components/Shape/TwoSidedMaterial.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.
+ *
+ ******************************************************************************/
+
+
+
+
+
+
+
+
 
+/**
+ * THIS NODE IS DEPRECIATED.
+ */
 
 function TwoSidedMaterial (executionContext)
 {
-   console .warn ("TwoSidedMaterial is depreciated, please use Appearance backMaterial field.");
+   console .warn ("TwoSidedMaterial is depreciated, please use Appearance backMaterial field instead.");
 
    Shape_X3DMaterialNode .call (this, executionContext);
 
@@ -105699,6 +105717,10 @@ x_ite_Namespace .add ("SpatialSound", "x_ite/Components/Sound/SpatialSound", Spa
 
 
 
+/**
+ * THIS NODE IS NOT SUPPORTED.
+ */
+
 function StreamAudioDestination (executionContext)
 {
    Sound_X3DSoundDestinationNode .call (this, executionContext);
@@ -105830,6 +105852,10 @@ x_ite_Namespace .add ("StreamAudioDestination", "x_ite/Components/Sound/StreamAu
 
 
 
+/**
+ * THIS NODE IS NOT SUPPORTED.
+ */
+
 function StreamAudioSource (executionContext)
 {
    Sound_X3DSoundSourceNode .call (this, executionContext);
@@ -106304,8 +106330,8 @@ const GifMedia_default_ = GifMedia;
 x_ite_Namespace .add ("GifMedia", "x_ite/Browser/Texturing/GifMedia", GifMedia_default_);
 /* harmony default export */ const Texturing_GifMedia = (GifMedia_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Texturing/MovieTexture.js
-/* provided dependency */ var MovieTexture_$ = __webpack_require__(126);
-/* provided dependency */ var SuperGif = __webpack_require__(577);
+/* provided dependency */ var MovieTexture_$ = __webpack_require__(376);
+/* provided dependency */ var SuperGif = __webpack_require__(123);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -108960,6 +108986,27 @@ const Context =
                gl .drawArraysInstanced   = ext .drawArraysInstancedANGLE   .bind (ext);
                gl .drawElementsInstanced = ext .drawElementsInstancedANGLE .bind (ext);
             }
+
+            {
+               const ext = gl .getExtension ("WEBGL_color_buffer_float");
+
+               gl .RGBA32F = ext .RGBA32F_EXT;
+            }
+
+            {
+               const ext = gl .getExtension ("WEBGL_draw_buffers");
+
+               gl .MAX_COLOR_ATTACHMENTS = ext .MAX_COLOR_ATTACHMENTS_WEBGL;
+               gl .drawBuffers           = ext .drawBuffersWEBGL .bind (ext);
+
+               for (let i = 0, length = gl .getParameter(gl .MAX_COLOR_ATTACHMENTS); i < length; ++ i)
+               {
+                  const COLOR_ATTACHMENTi = ext .COLOR_ATTACHMENT0_WEBGL + i;
+
+                  if (gl [`COLOR_ATTACHMENT${i}`] === undefined)
+                     gl [`COLOR_ATTACHMENT${i}`] = COLOR_ATTACHMENTi;
+               }
+            }
          }
       }
 
@@ -108994,106 +109041,20 @@ const Context =
       gl .HAS_FEATURE_DEPTH_TEXTURE = gl .getVersion () >= 2 || !! gl .getExtension ("WEBGL_depth_texture");
       gl .HAS_FEATURE_FRAG_DEPTH    = gl .getVersion () >= 2 || !! gl .getExtension ("EXT_frag_depth");
 
-      if (gl .getVersion () === 1)
+      if (mobile)
       {
-         const
-            color_buffer_float = gl .getExtension ("WEBGL_color_buffer_float"),
-            draw_buffers       = gl .getExtension ("WEBGL_draw_buffers");
-
-         gl .RGBA32F               = color_buffer_float .RGBA32F_EXT;
-         gl .MAX_COLOR_ATTACHMENTS = draw_buffers .MAX_COLOR_ATTACHMENTS_WEBGL;
-         gl .drawBuffers           = draw_buffers .drawBuffersWEBGL .bind (draw_buffers);
-
-         for (let i = 0, length = gl .getParameter(gl .MAX_COLOR_ATTACHMENTS); i < length; ++ i)
          {
-            const COLOR_ATTACHMENTi = draw_buffers .COLOR_ATTACHMENT0_WEBGL + i;
+            const ext = gl .getExtension ("EXT_color_buffer_half_float");
 
-            if (gl [`COLOR_ATTACHMENT${i}`] === undefined)
-               gl [`COLOR_ATTACHMENT${i}`] = COLOR_ATTACHMENTi;
+            // Use defineProperty to overwrite property.
+            Object .defineProperty (gl, "RGBA32F",
+            {
+               value: gl .getVersion () === 1 ? ext .RGBA16F_EXT : gl .RGBA16F,
+               enumerable: true,
+            });
          }
       }
 
-      if (mobile)
-      {
-         const color_buffer_half_float = gl .getExtension ("EXT_color_buffer_half_float");
-
-         Object .defineProperty (gl, "RGBA32F",
-         {
-            value: gl .getVersion () === 1 ? color_buffer_half_float .RGBA16F_EXT : gl .RGBA16F,
-         });
-      }
-
-      // // Async functions, DOES'NT WORK WELL WITH OPERA!!!
-
-      // Object .assign (gl, gl .getVersion () === 1
-      // ?
-      // {
-      //    readPixelsAsync: gl .readPixels,
-      // }
-      // :
-      // {
-      //    clientWaitAsync (sync, flags, timeout)
-      //    {
-      //       return new Promise ((resolve, reject) =>
-      //       {
-      //          const check = () =>
-      //          {
-      //             const result = this .clientWaitSync (sync, flags, 0);
-
-      //             switch (result)
-      //             {
-      //                case this .WAIT_FAILED:
-      //                {
-      //                   reject (new Error ("clientWaitSync: WAIT_FAILED"));
-      //                   return;
-      //                }
-      //                case this .TIMEOUT_EXPIRED:
-      //                {
-      //                   setTimeout (check, timeout);
-      //                   return;
-      //                }
-      //                default:
-      //                {
-      //                   resolve ();
-      //                   return;
-      //                }
-      //             }
-      //          };
-
-      //          setTimeout (check);
-      //       });
-      //    },
-      //    async getBufferSubDataAsync (target, buffer, srcByteOffset, dstBuffer, /* optional */ dstOffset, /* optional */ length)
-      //    {
-      //       const sync = this .fenceSync (this .SYNC_GPU_COMMANDS_COMPLETE, 0);
-
-      //       this .flush ();
-
-      //       await this .clientWaitAsync (sync, 0, 10);
-
-      //       this .deleteSync (sync);
-
-      //       this .bindBuffer (target, buffer);
-      //       this .getBufferSubData (target, srcByteOffset, dstBuffer, dstOffset, length);
-      //       this .bindBuffer (target, null);
-      //    },
-      //    async readPixelsAsync (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);
-
-      //       await this .getBufferSubDataAsync (this .PIXEL_PACK_BUFFER, buffer, 0, dest, dstOffset);
-
-      //       this .deleteBuffer (buffer);
-      //    },
-      // });
-
-      // Return context.
-
       return gl;
    },
 }
@@ -109702,7 +109663,7 @@ const gettext_default_ = (string) => locale .get (string) || string;
 x_ite_Namespace .add ("gettext", "locale/gettext", gettext_default_);
 /* harmony default export */ const gettext = (gettext_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/BrowserTimings.js
-/* provided dependency */ var BrowserTimings_$ = __webpack_require__(126);
+/* provided dependency */ var BrowserTimings_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -110275,7 +110236,7 @@ const TextureQuality_default_ = TextureQuality;
 x_ite_Namespace .add ("TextureQuality", "x_ite/Browser/Core/TextureQuality", TextureQuality_default_);
 /* harmony default export */ const Core_TextureQuality = (TextureQuality_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/BrowserOptions.js
-/* provided dependency */ var BrowserOptions_$ = __webpack_require__(126);
+/* provided dependency */ var BrowserOptions_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -110333,6 +110294,8 @@ x_ite_Namespace .add ("TextureQuality", "x_ite/Browser/Core/TextureQuality", Tex
 
 
 
+// https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/networking.html#BrowserProperties
+
 function BrowserOptions (executionContext)
 {
    Base_X3DBaseNode .call (this, executionContext);
@@ -110361,27 +110324,27 @@ Object .assign (Object .setPrototypeOf (BrowserOptions .prototype, Base_X3DBaseN
          Timings:           this ._Timings           .getValue (),
       });
 
-      this ._Rubberband                   .addInterest ("set_rubberband__",                   this);
-      this ._Antialiased                  .addInterest ("set_antialiased__",                  this);
-      this ._PrimitiveQuality             .addInterest ("set_primitiveQuality__",             this);
-      this ._TextureQuality               .addInterest ("set_textureQuality__",               this);
-      this ._Shading                      .addInterest ("set_shading__",                      this);
-      this ._StraightenHorizon            .addInterest ("set_straightenHorizon__",            this);
-      this ._AutoUpdate                   .addInterest ("set_autoUpdate__",                   this);
-      this ._ContentScale                 .addInterest ("set_contentScale__",                 this);
-      this ._Exposure                     .addInterest ("set_exposure__",                     this);
-      this ._LogarithmicDepthBuffer       .addInterest ("set_logarithmicDepthBuffer__",       this);
-      this ._Multisampling                .addInterest ("set_multisampling__",                this);
-      this ._OrderIndependentTransparency .addInterest ("set_orderIndependentTransparency__", this);
-      this ._Timings                      .addInterest ("set_timings__",                      this);
-
-      this .set_antialiased__                  (this ._Antialiased);
-      this .set_shading__                      (this ._Shading);
-      this .set_contentScale__                 (this ._ContentScale);
-      this .set_exposure__                     (this ._Exposure);
-      this .set_logarithmicDepthBuffer__       (this ._LogarithmicDepthBuffer);
-      this .set_multisampling__                (this ._Multisampling);
-      this .set_orderIndependentTransparency__ (this ._OrderIndependentTransparency);
+      this ._Rubberband                   .addInterest ("set_Rubberband__",                   this);
+      this ._Antialiased                  .addInterest ("set_Antialiased__",                  this);
+      this ._PrimitiveQuality             .addInterest ("set_PrimitiveQuality__",             this);
+      this ._TextureQuality               .addInterest ("set_TextureQuality__",               this);
+      this ._Shading                      .addInterest ("set_Shading__",                      this);
+      this ._StraightenHorizon            .addInterest ("set_StraightenHorizon__",            this);
+      this ._AutoUpdate                   .addInterest ("set_AutoUpdate__",                   this);
+      this ._ContentScale                 .addInterest ("set_ContentScale__",                 this);
+      this ._Exposure                     .addInterest ("set_Exposure__",                     this);
+      this ._LogarithmicDepthBuffer       .addInterest ("set_LogarithmicDepthBuffer__",       this);
+      this ._Multisampling                .addInterest ("set_Multisampling__",                this);
+      this ._OrderIndependentTransparency .addInterest ("set_OrderIndependentTransparency__", this);
+      this ._Timings                      .addInterest ("set_Timings__",                      this);
+
+      this .set_Antialiased__                  (this ._Antialiased);
+      this .set_Shading__                      (this ._Shading);
+      this .set_ContentScale__                 (this ._ContentScale);
+      this .set_Exposure__                     (this ._Exposure);
+      this .set_LogarithmicDepthBuffer__       (this ._LogarithmicDepthBuffer);
+      this .set_Multisampling__                (this ._Multisampling);
+      this .set_OrderIndependentTransparency__ (this ._OrderIndependentTransparency);
 
       this .reset ();
    },
@@ -110391,6 +110354,7 @@ Object .assign (Object .setPrototypeOf (BrowserOptions .prototype, Base_X3DBaseN
          "Antialiased",
          "AutoUpdate",
          "Cache",
+         "ColorSpace",
          "ContentScale",
          "ContextMenu",
          "Debug",
@@ -110469,15 +110433,15 @@ Object .assign (Object .setPrototypeOf (BrowserOptions .prototype, Base_X3DBaseN
    {
       return this .textureQuality;
    },
-   set_rubberband__ (rubberband)
+   set_Rubberband__ (rubberband)
    {
       this .localStorage .Rubberband = rubberband .getValue ();
    },
-   set_antialiased__ ()
+   set_Antialiased__ ()
    {
-      this .set_multisampling__ (this ._Multisampling);
+      this .set_Multisampling__ (this ._Multisampling);
    },
-   set_primitiveQuality__ (value)
+   set_PrimitiveQuality__ (value)
    {
       const
          browser          = this .getBrowser (),
@@ -110492,7 +110456,7 @@ Object .assign (Object .setPrototypeOf (BrowserOptions .prototype, Base_X3DBaseN
       if (typeof browser .setPrimitiveQuality3D === "function")
          browser .setPrimitiveQuality3D (this .primitiveQuality);
    },
-   set_textureQuality__ (value)
+   set_TextureQuality__ (value)
    {
       const
          browser        = this .getBrowser (),
@@ -110504,7 +110468,7 @@ Object .assign (Object .setPrototypeOf (BrowserOptions .prototype, Base_X3DBaseN
       if (typeof browser .setTextureQuality === "function")
          browser .setTextureQuality (this .textureQuality);
    },
-   set_shading__: (() =>
+   set_Shading__: (() =>
    {
       const strings = {
          [Core_Shading .POINT]:     "POINT",
@@ -110526,14 +110490,14 @@ Object .assign (Object .setPrototypeOf (BrowserOptions .prototype, Base_X3DBaseN
          browser .setShading (this .shading);
       };
    })(),
-   set_straightenHorizon__ (straightenHorizon)
+   set_StraightenHorizon__ (straightenHorizon)
    {
       this .localStorage .StraightenHorizon = straightenHorizon .getValue ();
 
       if (straightenHorizon .getValue ())
          this .getBrowser () .getActiveLayer () ?.straightenView ();
    },
-   set_autoUpdate__ (autoUpdate)
+   set_AutoUpdate__ (autoUpdate)
    {
       const events = ["resize", "scroll", "load"]
          .map (event => `${event}.${this .getTypeName ()}${this .getId ()}`)
@@ -110567,7 +110531,7 @@ Object .assign (Object .setPrototypeOf (BrowserOptions .prototype, Base_X3DBaseN
          BrowserOptions_$(window) .off (events);
       }
    },
-   set_contentScale__ (contentScale)
+   set_ContentScale__ (contentScale)
    {
       const browser = this .getBrowser ();
 
@@ -110599,7 +110563,7 @@ Object .assign (Object .setPrototypeOf (BrowserOptions .prototype, Base_X3DBaseN
 
       browser .reshape ();
    },
-   set_exposure__ ()
+   set_Exposure__ ()
    {
       const
          browser  = this .getBrowser (),
@@ -110612,7 +110576,7 @@ Object .assign (Object .setPrototypeOf (BrowserOptions .prototype, Base_X3DBaseN
          gl .uniform1f (shaderNode .x3d_Exposure, exposure);
       }
    },
-   set_logarithmicDepthBuffer__ (logarithmicDepthBuffer)
+   set_LogarithmicDepthBuffer__ (logarithmicDepthBuffer)
    {
       const
          browser = this .getBrowser (),
@@ -110620,7 +110584,7 @@ Object .assign (Object .setPrototypeOf (BrowserOptions .prototype, Base_X3DBaseN
 
       browser .getRenderingProperties () ._LogarithmicDepthBuffer = logarithmicDepthBuffer .getValue () && gl .HAS_FEATURE_FRAG_DEPTH;
    },
-   set_multisampling__ (multisampling)
+   set_Multisampling__ (multisampling)
    {
       const
          browser = this .getBrowser (),
@@ -110631,11 +110595,11 @@ Object .assign (Object .setPrototypeOf (BrowserOptions .prototype, Base_X3DBaseN
 
       browser .reshape ();
    },
-   set_orderIndependentTransparency__ ()
+   set_OrderIndependentTransparency__ ()
    {
       this .getBrowser () .reshape ();
    },
-   set_timings__ (timings)
+   set_Timings__ (timings)
    {
       this .localStorage .Timings = timings .getValue ();
    },
@@ -110661,10 +110625,12 @@ Object .defineProperties (BrowserOptions,
          new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput, "QualityWhenMoving",            new x_ite_Fields .SFString ("SAME")),
          new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput, "Shading",                      new x_ite_Fields .SFString ("GOURAUD")),
          new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput, "MotionBlur",                   new x_ite_Fields .SFBool ()),
+         // Additional options:
          // Always update geometries, even if browser is not live.
          new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput, "AlwaysUpdateGeometries",       new x_ite_Fields .SFBool ()),
          new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput, "AutoUpdate",                   new x_ite_Fields .SFBool ()),
          new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput, "Cache",                        new x_ite_Fields .SFBool (true)),
+         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput, "ColorSpace",                   new x_ite_Fields .SFString ("LINEAR_WHEN_PHYSICAL_MATERIAL")),
          new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput, "ContentScale",                 new x_ite_Fields .SFDouble (1)),
          new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput, "ContextMenu",                  new x_ite_Fields .SFBool (true)),
          new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput, "Debug",                        new x_ite_Fields .SFBool ()),
@@ -110891,7 +110857,7 @@ const RenderingProperties_default_ = RenderingProperties;
 x_ite_Namespace .add ("RenderingProperties", "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__(126);
+/* provided dependency */ var Notification_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -111014,8 +110980,8 @@ const Notification_default_ = Notification;
 x_ite_Namespace .add ("Notification", "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__(318);
-/* provided dependency */ var ContextMenu_$ = __webpack_require__(126);
+/* provided dependency */ var jquery_fullscreen = __webpack_require__(68);
+/* provided dependency */ var ContextMenu_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -113768,7 +113734,7 @@ const DataStorage_default_ = DataStorage;
 x_ite_Namespace .add ("DataStorage", "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__(126);
+/* provided dependency */ var X3DCoreContext_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -113862,8 +113828,8 @@ function X3DCoreContext (element)
    // Get canvas & context.
 
    const
-      browser      = X3DCoreContext_$("<div></div>") .addClass ("x_ite-private-browser") .attr ("tabindex", 0),
-      surface      = X3DCoreContext_$("<div></div>") .addClass ("x_ite-private-surface") .appendTo (browser),
+      browser      = X3DCoreContext_$("<div></div>") .addClass ("x_ite-private-browser") .attr ("part", "browser") .attr ("tabindex", 0),
+      surface      = X3DCoreContext_$("<div></div>") .addClass ("x_ite-private-surface") .attr ("part", "surface") .appendTo (browser),
       splashScreen = X3DCoreContext_$("<div></div>") .hide () .addClass ("x_ite-private-splash-screen") .appendTo (browser),
       spinner      = X3DCoreContext_$("<div></div>") .addClass ("x_ite-private-spinner") .appendTo (splashScreen),
       progress     = X3DCoreContext_$("<div></div>") .addClass ("x_ite-private-progress") .appendTo (splashScreen);
@@ -113898,7 +113864,7 @@ function X3DCoreContext (element)
    this [_mobile]       = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i .test (navigator .userAgent);
    this [_element]      = element;
    this [_surface]      = surface;
-   this [_canvas]       = X3DCoreContext_$("<canvas></canvas>") .addClass ("x_ite-private-canvas") .prependTo (surface);
+   this [_canvas]       = X3DCoreContext_$("<canvas></canvas>") .attr ("part", "canvas") .addClass ("x_ite-private-canvas") .prependTo (surface);
    this [_context]      = Core_Context .create (this [_canvas] [0], WEBGL_VERSION, element .attr ("preserveDrawingBuffer") === "true", this [_mobile]);
    this [_splashScreen] = splashScreen;
 
@@ -114076,6 +114042,12 @@ Object .assign (X3DCoreContext .prototype,
             this .setBrowserOption ("Cache", this .parseBooleanAttribute (newValue, true));
             break;
          }
+         case "colorSpace":
+         case "colorspace":
+         {
+            this .setBrowserOption ("ColorSpace", newValue);
+            break;
+         }
          case "contentScale":
          case "contentscale":
          {
@@ -116342,8 +116314,8 @@ const X3DViewer_default_ = X3DViewer;
 x_ite_Namespace .add ("X3DViewer", "x_ite/Browser/Navigation/X3DViewer", X3DViewer_default_);
 /* harmony default export */ const Navigation_X3DViewer = (X3DViewer_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/ExamineViewer.js
-/* provided dependency */ var jquery_mousewheel = __webpack_require__(644);
-/* provided dependency */ var ExamineViewer_$ = __webpack_require__(126);
+/* provided dependency */ var jquery_mousewheel = __webpack_require__(302);
+/* provided dependency */ var ExamineViewer_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -116406,12 +116378,14 @@ x_ite_Namespace .add ("X3DViewer", "x_ite/Browser/Navigation/X3DViewer", X3DView
 
 typeof jquery_mousewheel; // import plugin
 
-const macOS = /Mac OS X/i .test (navigator .userAgent);
+const
+   macOS  = /Mac OS X/i .test (navigator .userAgent),
+   mobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i .test (navigator .userAgent);
 
 const
-   SPIN_RELEASE_TIME = 20,
-   SPIN_ANGLE        = Math_Algorithm .radians (2),
-   SPIN_FACTOR       = 0.4,
+   SPIN_RELEASE_TIME = mobile ? 20 : 25,
+   SPIN_ANGLE        = Math_Algorithm .radians (mobile ? 3 : 2),
+   SPIN_FACTOR       = mobile ? 0.2 : 0.3,
    SCROLL_FACTOR     = macOS ? 1 / 120 : 1 / 20,
    MOVE_TIME         = 0.2,
    ROTATE_TIME       = 0.2,
@@ -117257,8 +117231,8 @@ const ExamineViewer_default_ = ExamineViewer;
 x_ite_Namespace .add ("ExamineViewer", "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__(644);
-/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(126);
+/* provided dependency */ var X3DFlyViewer_jquery_mousewheel = __webpack_require__(302);
+/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -117315,6 +117289,7 @@ x_ite_Namespace .add ("ExamineViewer", "x_ite/Browser/Navigation/ExamineViewer",
 
 
 
+
 typeof X3DFlyViewer_jquery_mousewheel; // import plugin
 
 const X3DFlyViewer_macOS = /Mac OS X/i .test (navigator .userAgent)
@@ -117354,7 +117329,12 @@ function X3DFlyViewer (executionContext, navigationInfo)
    this .lineVertexBuffer      = gl .createBuffer ();
    this .lineVertexArrayObject = new Rendering_VertexArray (gl);
    this .lineVertexArray       = new Float32Array (8 * 4) .fill (1);
-   this .geometryContext       = new Rendering_GeometryContext ({ geometryType: 2, colorMaterial: true });
+
+   this .geometryContext = new Rendering_GeometryContext ({
+      renderObject: this .getActiveLayer (),
+      geometryType: 2,
+      colorMaterial: true,
+   });
 
    gl .bindBuffer (gl .ELEMENT_ARRAY_BUFFER, this .lineIndexBuffer);
    gl .bufferData (gl .ELEMENT_ARRAY_BUFFER, new Uint8Array ([0, 1, 2, 0, 2, 3, 4, 5, 6, 4, 6, 7]), gl .STATIC_DRAW);
@@ -118267,8 +118247,8 @@ const FlyViewer_default_ = FlyViewer;
 x_ite_Namespace .add ("FlyViewer", "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__(644);
-/* provided dependency */ var PlaneViewer_$ = __webpack_require__(126);
+/* provided dependency */ var PlaneViewer_jquery_mousewheel = __webpack_require__(302);
+/* provided dependency */ var PlaneViewer_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -118599,8 +118579,8 @@ const NoneViewer_default_ = NoneViewer;
 x_ite_Namespace .add ("NoneViewer", "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__(644);
-/* provided dependency */ var LookAtViewer_$ = __webpack_require__(126);
+/* provided dependency */ var LookAtViewer_jquery_mousewheel = __webpack_require__(302);
+/* provided dependency */ var LookAtViewer_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -119188,20 +119168,6 @@ const
    _viewerNode         = Symbol (),
    _headlightContainer = Symbol ();
 
-function getHeadlight (browser)
-{
-   const headlight = new Lighting_DirectionalLight (browser .getPrivateScene ());
-
-   headlight .setup ();
-
-   const headlightContainer = headlight .getLights () .pop ();
-
-   headlightContainer .set (headlight, null, Numbers_Matrix4 .Identity);
-   headlightContainer .dispose = Function .prototype;
-
-   return headlightContainer;
-};
-
 function X3DNavigationContext ()
 {
    this .addChildObjects (Base_X3DConstants .outputOnly, "activeLayer",          new x_ite_Fields .SFNode (),
@@ -119223,9 +119189,22 @@ Object .assign (X3DNavigationContext .prototype,
       this .initialized () .addInterest ("set_world__",    this);
       this .shutdown ()    .addInterest ("remove_world__", this);
 
-      this [_headlightContainer] = getHeadlight (this);
+      this [_headlightContainer] = this .createHeadlight ();
       this [_viewerNode] .setup ();
    },
+   createHeadlight ()
+   {
+      const headlight = new Lighting_DirectionalLight (this .getPrivateScene ());
+
+      headlight .setup ();
+
+      const headlightContainer = headlight .getLights () .pop ();
+
+      headlightContainer .set (headlight, null, Numbers_Matrix4 .Identity);
+      headlightContainer .dispose = Function .prototype;
+
+      return headlightContainer;
+   },
    getHeadlight ()
    {
       return this [_headlightContainer];
@@ -119740,8 +119719,8 @@ const X3DPickingContext_default_ = X3DPickingContext;
 x_ite_Namespace .add ("X3DPickingContext", "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__(644);
-/* provided dependency */ var PointingDevice_$ = __webpack_require__(126);
+/* provided dependency */ var PointingDevice_jquery_mousewheel = __webpack_require__(302);
+/* provided dependency */ var PointingDevice_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -120565,14 +120544,11 @@ Object .assign (X3DPointingDeviceSensorContext .prototype,
 
       let key = "";
 
-      key += numClipPlanes;
-      key += ".";
+      key += numClipPlanes; // Could be more than 9.
+      key += humanoidNode ?.getHumanoidKey () ?? "[]";
       key += shapeNode .getShapeKey ();
       key += geometryType;
-      key += hasNormals;
-      key += ".";
-      key += humanoidNode ?.getHumanoidKey () ?? "";
-      key += ".";
+      key += hasNormals ? 1 : 0;
 
       if (geometryType >= 2)
       {
@@ -121045,7 +121021,7 @@ const MultiSampleFrameBuffer_default_ = MultiSampleFrameBuffer;
 x_ite_Namespace .add ("MultiSampleFrameBuffer", "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__(126);
+/* provided dependency */ var X3DRenderingContext_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -121097,6 +121073,8 @@ x_ite_Namespace .add ("MultiSampleFrameBuffer", "x_ite/Rendering/MultiSampleFram
 
 
 
+
+
 const
    _viewport           = Symbol (),
    _frameBuffer        = Symbol (),
@@ -121110,7 +121088,9 @@ const
 
 function X3DRenderingContext ()
 {
-   this [_viewport]     = new Numbers_Vector4 (0, 0, 300, 150);
+
+   this .addChildObjects (Base_X3DConstants .outputOnly, "viewport", new x_ite_Fields .MFInt32 (0, 0, 300, 150));
+
    this [_frameBuffer]  = new Rendering_MultiSampleFrameBuffer (this, 300, 150, 4);
    this [_localObjects] = [ ]; // shader objects dumpster
    this [_depthShaders] = new Map ();
@@ -121202,7 +121182,7 @@ Object .assign (X3DRenderingContext .prototype,
    },
    getViewport ()
    {
-      return this [_viewport];
+      return this ._viewport;
    },
    getLocalObjects ()
    {
@@ -121260,13 +121240,10 @@ Object .assign (X3DRenderingContext .prototype,
 
       let key = "";
 
-      key += numClipPlanes;
-      key += ".";
+      key += numClipPlanes; // Could be more than 9.
+      key += humanoidNode ?.getHumanoidKey () ?? "[]";
       key += shapeNode .getShapeKey ();
       key += geometryContext .geometryType;
-      key += ".";
-      key += humanoidNode ?.getHumanoidKey () ?? "";
-      key += ".";
 
       if (geometryContext .geometryType >= 2)
       {
@@ -121320,6 +121297,32 @@ Object .assign (X3DRenderingContext .prototype,
 
       return shaderNode;
    },
+   resize (width, height)
+   {
+      return new Promise (resolve =>
+      {
+         const key = Symbol ();
+
+         const test = () =>
+         {
+            if (this ._viewport [2] !== width)
+               return;
+
+            if (this ._viewport [2] !== height)
+               return;
+
+            this ._viewport .removeFieldCallback (key);
+
+            resolve ();
+         }
+
+         this .getElement () .css ({ "width": `${width}px`, "height": `${height}px` });
+
+         this ._viewport .addFieldCallback (key, test);
+
+         test ();
+      });
+   },
    reshape ()
    {
       const
@@ -121330,28 +121333,30 @@ Object .assign (X3DRenderingContext .prototype,
          width        = Math .max (canvas .width () * contentScale, 1),
          height       = Math .max (canvas .height () * contentScale, 1);
 
+      this .addBrowserEvent ();
+
       canvas .prop ("width",  width);
       canvas .prop ("height", height);
 
-      this [_viewport] [2] = width;
-      this [_viewport] [3] = height;
+      this ._viewport [2] = width;
+      this ._viewport [3] = height;
 
-      if (width   !== this [_frameBuffer] .getWidth ()   ||
-          height  !== this [_frameBuffer] .getHeight ()  ||
-          samples !== this [_frameBuffer] .getSamples () ||
-          oit     !== this [_frameBuffer] .getOIT ())
+      if (width   === this [_frameBuffer] .getWidth ()   &&
+          height  === this [_frameBuffer] .getHeight ()  &&
+          samples === this [_frameBuffer] .getSamples () &&
+          oit     === this [_frameBuffer] .getOIT ())
       {
-         this [_frameBuffer] .dispose ();
-         this [_frameBuffer] = new Rendering_MultiSampleFrameBuffer (this, width, height, samples, oit);
-
-         if (this [_transmissionBuffer])
-         {
-            this [_transmissionBuffer] .dispose ();
-            this [_transmissionBuffer] = new Rendering_TextureBuffer (this, width, height, false, true);
-         }
+         return;
       }
 
-      this .addBrowserEvent ();
+      this [_frameBuffer] .dispose ();
+      this [_frameBuffer] = new Rendering_MultiSampleFrameBuffer (this, width, height, samples, oit);
+
+      if (!this [_transmissionBuffer])
+         return;
+
+      this [_transmissionBuffer] .dispose ();
+      this [_transmissionBuffer] = new Rendering_TextureBuffer (this, width, height, false, true);
    },
    onfullscreen ()
    {
@@ -121610,7 +121615,7 @@ Object .assign (X3DShadersContext .prototype,
       vertexShader .setup ();
 
       const fragmentShader = new Shaders_ShaderPart (this .getPrivateScene ());
-      fragmentShader ._type  = "FRAGMENT";
+      fragmentShader ._type = "FRAGMENT";
       fragmentShader ._url .push (encodeURI (fs .startsWith ("data:") ? fs : "data:x-shader/x-fragment," + Shaders_ShaderRegistry .fragment [version] [fs]));
       fragmentShader .setPrivate (true);
       fragmentShader .setName (`${name}FragmentShader`);
@@ -122020,7 +122025,7 @@ const X3DSoundContext_default_ = X3DSoundContext;
 x_ite_Namespace .add ("X3DSoundContext", "x_ite/Browser/Sound/X3DSoundContext", X3DSoundContext_default_);
 /* harmony default export */ const Sound_X3DSoundContext = (X3DSoundContext_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Texturing/KTXDecoder.js
-/* provided dependency */ var KTXDecoder_$ = __webpack_require__(126);
+/* provided dependency */ var KTXDecoder_$ = __webpack_require__(376);
 const KTXDecoder_default_ = class KTXDecoder
 {
    constructor (gl, externalKtxlib, scriptDir)
@@ -123189,7 +123194,8 @@ function X3DBrowserContext (element)
                           Base_X3DConstants .outputOnly, "timeEvents",     new Fields_SFTime (),
                           Base_X3DConstants .outputOnly, "sensorEvents",   new Fields_SFTime (),
                           Base_X3DConstants .outputOnly, "displayEvents",  new Fields_SFTime (),
-                          Base_X3DConstants .outputOnly, "finishedEvents", new Fields_SFTime ());
+                          Base_X3DConstants .outputOnly, "finishedEvents", new Fields_SFTime (),
+                          Base_X3DConstants .outputOnly, "endEvents",      new Fields_SFTime ());
 
    this [X3DBrowserContext_tainted]        = false;
    this [_previousTime]   = 0;
@@ -123274,6 +123280,10 @@ Object .assign (Object .setPrototypeOf (X3DBrowserContext .prototype, Base_X3DBa
    {
       return this ._finishedEvents;
    },
+   endEvents ()
+   {
+      return this ._endEvents;
+   },
    getBrowser ()
    {
       return this;
@@ -123299,6 +123309,21 @@ Object .assign (Object .setPrototypeOf (X3DBrowserContext .prototype, Base_X3DBa
       this [X3DBrowserContext_tainted]   = true;
       this [_animFrame] = requestAnimationFrame (this [_renderCallback]);
    },
+   nextFrame ()
+   {
+      return new Promise (resolve =>
+      {
+         const key = Symbol ();
+
+         this .addBrowserEvent ();
+
+         this ._endEvents .addFieldCallback (key, () =>
+         {
+            this ._endEvents .removeFieldCallback (key);
+            resolve ();
+         });
+      });
+   },
    [_limitFrameRate] (now)
    {
       if (now > this [_previousTime])
@@ -123327,7 +123352,7 @@ Object .assign (Object .setPrototypeOf (X3DBrowserContext .prototype, Base_X3DBa
       this [_systemTime] .stop ();
       this [_browserTime] .start ();
 
-      // time
+      // Time
 
       this .advanceTime ();
 
@@ -123374,6 +123399,9 @@ Object .assign (Object .setPrototypeOf (X3DBrowserContext .prototype, Base_X3DBa
       this .getFrameBuffer () .blit ();
       this [_displayTime] .stop ();
 
+      this .addTaintedField (this ._endEvents);
+      this [X3DBrowserContext_processEvents] ();
+
       // Finish
 
       this [_browserTime] .stop ();
@@ -123611,7 +123639,7 @@ const Components_default_ = Components;
 x_ite_Namespace .add ("Components", "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__(126);
+/* provided dependency */ var DOMIntegration_$ = __webpack_require__(376);
 /*******************************************************************************
  * MIT License
  *
@@ -124879,7 +124907,7 @@ const FieldTypes_default_ = new Configuration_FieldTypesArray (Object .values (x
 x_ite_Namespace .add ("FieldTypes", "x_ite/Configuration/FieldTypes", FieldTypes_default_);
 /* harmony default export */ const FieldTypes = (FieldTypes_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/X3DBrowser.js
-/* provided dependency */ var X3DBrowser_$ = __webpack_require__(126);
+/* provided dependency */ var X3DBrowser_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -125981,7 +126009,7 @@ const X3DBrowser_default_ = X3DBrowser;
 x_ite_Namespace .add ("X3DBrowser", "x_ite/Browser/X3DBrowser", X3DBrowser_default_);
 /* harmony default export */ const Browser_X3DBrowser = (X3DBrowser_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/X3DCanvasElement.js
-/* provided dependency */ var X3DCanvasElement_$ = __webpack_require__(126);
+/* provided dependency */ var X3DCanvasElement_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -126033,13 +126061,19 @@ x_ite_Namespace .add ("X3DBrowser", "x_ite/Browser/X3DBrowser", X3DBrowser_defau
 
 class X3DCanvasElement extends HTMLElement
 {
+   browser;
+
    constructor ()
    {
       try
       {
          super ();
 
-         new Browser_X3DBrowser (this)
+         Object .defineProperty (this, "browser",
+         {
+            value: new Browser_X3DBrowser (this),
+            enumerable: true,
+         });
       }
       catch (error)
       {
@@ -126063,6 +126097,8 @@ class X3DCanvasElement extends HTMLElement
          "baseURL",
          "baseurl",
          "cache",
+         "colorSpace",
+         "colorspace",
          "contentScale",
          "contentscale",
          "contextMenu",
@@ -126123,8 +126159,8 @@ const X3DCanvasElement_default_ = X3DCanvasElement;
 x_ite_Namespace .add ("X3DCanvasElement", "x_ite/X3DCanvasElement", X3DCanvasElement_default_);
 /* harmony default export */ const x_ite_X3DCanvasElement = (X3DCanvasElement_default_);
 ;// CONCATENATED MODULE: ./src/lib/jquery.js
-/* provided dependency */ var jquery_$ = __webpack_require__(126);
-/* provided dependency */ var pako = __webpack_require__(406);
+/* provided dependency */ var jquery_$ = __webpack_require__(376);
+/* provided dependency */ var pako = __webpack_require__(860);
 Object .assign (jquery_$,
 {
    decodeText (input)
@@ -126201,14 +126237,14 @@ const jquery_default_ = jquery_$;
 x_ite_Namespace .add ("jquery", "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__(727);
+/* provided dependency */ var libtess_libtess = __webpack_require__(229);
 const libtess_default_ = libtess_libtess;
 ;
 
 x_ite_Namespace .add ("libtess", "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__(126);
+/* provided dependency */ var X3D_$ = __webpack_require__(376);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -126516,7 +126552,7 @@ Object .assign (X3D,
 
 // Assign X3D to global namespace.
 
-window [Symbol .for ("X_ITE.X3D-10.0.1")] = x_ite_X3D;
+window [Symbol .for ("X_ITE.X3D-10.0.3")] = x_ite_X3D;
 
 customElements .define ("x3d-canvas", x_ite_X3DCanvasElement);