x_ite 8.12.4 → 8.12.5

package/dist/x_ite.mjs

@@ -1,384 +1,9 @@
-/* X_ITE v8.12.4 */var __webpack_modules__ = ({
+/* X_ITE v8.12.5 */var __webpack_modules__ = ({
 
-/***/ 45:
-/***/ (function(module, exports, __webpack_require__) {
-
-/* provided dependency */ var jQuery = __webpack_require__(864);
-var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;
-
-/**
- * Copyright Marc J. Schmidt. See the LICENSE file at the top-level
- * directory of this distribution and at
- * https://github.com/marcj/css-element-queries/blob/master/LICENSE.
- */
-(function (root, factory) {
-    if (true) {
-        !(__WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
-		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-		(__WEBPACK_AMD_DEFINE_FACTORY__.call(exports, __webpack_require__, exports, module)) :
-		__WEBPACK_AMD_DEFINE_FACTORY__),
-		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
-    } else {}
-}(typeof window !== 'undefined' ? window : this, function () {
-
-    // Make sure it does not throw in a SSR (Server Side Rendering) situation
-    if (typeof window === "undefined") {
-        return null;
-    }
-    // https://github.com/Semantic-Org/Semantic-UI/issues/3855
-    // https://github.com/marcj/css-element-queries/issues/257
-    var globalWindow = typeof window != 'undefined' && window.Math == Math
-        ? window
-        : typeof self != 'undefined' && self.Math == Math
-            ? self
-            : Function('return this')();
-    // Only used for the dirty checking, so the event callback count is limited to max 1 call per fps per sensor.
-    // In combination with the event based resize sensor this saves cpu time, because the sensor is too fast and
-    // would generate too many unnecessary events.
-    var requestAnimationFrame = globalWindow.requestAnimationFrame ||
-        globalWindow.mozRequestAnimationFrame ||
-        globalWindow.webkitRequestAnimationFrame ||
-        function (fn) {
-            return globalWindow.setTimeout(fn, 20);
-        };
-
-    var cancelAnimationFrame = globalWindow.cancelAnimationFrame ||
-        globalWindow.mozCancelAnimationFrame ||
-        globalWindow.webkitCancelAnimationFrame ||
-        function (timer) {
-            globalWindow.clearTimeout(timer);
-        };
-
-    /**
-     * Iterate over each of the provided element(s).
-     *
-     * @param {HTMLElement|HTMLElement[]} elements
-     * @param {Function}                  callback
-     */
-    function forEachElement(elements, callback){
-        var elementsType = Object.prototype.toString.call(elements);
-        var isCollectionTyped = ('[object Array]' === elementsType
-            || ('[object NodeList]' === elementsType)
-            || ('[object HTMLCollection]' === elementsType)
-            || ('[object Object]' === elementsType)
-            || ('undefined' !== typeof jQuery && elements instanceof jQuery) //jquery
-            || ('undefined' !== typeof Elements && elements instanceof Elements) //mootools
-        );
-        var i = 0, j = elements.length;
-        if (isCollectionTyped) {
-            for (; i < j; i++) {
-                callback(elements[i]);
-            }
-        } else {
-            callback(elements);
-        }
-    }
-
-    /**
-    * Get element size
-    * @param {HTMLElement} element
-    * @returns {Object} {width, height}
-    */
-    function getElementSize(element) {
-        if (!element.getBoundingClientRect) {
-            return {
-                width: element.offsetWidth,
-                height: element.offsetHeight
-            }
-        }
-
-        var rect = element.getBoundingClientRect();
-        return {
-            width: Math.round(rect.width),
-            height: Math.round(rect.height)
-        }
-    }
-
-    /**
-     * Apply CSS styles to element.
-     *
-     * @param {HTMLElement} element
-     * @param {Object} style
-     */
-    function setStyle(element, style) {
-        Object.keys(style).forEach(function(key) {
-            element.style[key] = style[key];
-        });
-    }
-
-    /**
-     * Class for dimension change detection.
-     *
-     * @param {Element|Element[]|Elements|jQuery} element
-     * @param {Function} callback
-     *
-     * @constructor
-     */
-    var ResizeSensor = function(element, callback) {
-        //Is used when checking in reset() only for invisible elements
-        var lastAnimationFrameForInvisibleCheck = 0;
-
-        /**
-         *
-         * @constructor
-         */
-        function EventQueue() {
-            var q = [];
-            this.add = function(ev) {
-                q.push(ev);
-            };
-
-            var i, j;
-            this.call = function(sizeInfo) {
-                for (i = 0, j = q.length; i < j; i++) {
-                    q[i].call(this, sizeInfo);
-                }
-            };
-
-            this.remove = function(ev) {
-                var newQueue = [];
-                for(i = 0, j = q.length; i < j; i++) {
-                    if(q[i] !== ev) newQueue.push(q[i]);
-                }
-                q = newQueue;
-            };
-
-            this.length = function() {
-                return q.length;
-            }
-        }
-
-        /**
-         *
-         * @param {HTMLElement} element
-         * @param {Function}    resized
-         */
-        function attachResizeEvent(element, resized) {
-            if (!element) return;
-            if (element.resizedAttached) {
-                element.resizedAttached.add(resized);
-                return;
-            }
-
-            element.resizedAttached = new EventQueue();
-            element.resizedAttached.add(resized);
-
-            element.resizeSensor = document.createElement('div');
-            element.resizeSensor.dir = 'ltr';
-            element.resizeSensor.className = 'resize-sensor';
-
-            var style = {
-                pointerEvents: 'none',
-                position: 'absolute',
-                left: '0px',
-                top: '0px',
-                right: '0px',
-                bottom: '0px',
-                overflow: 'hidden',
-                zIndex: '-1',
-                visibility: 'hidden',
-                maxWidth: '100%'
-            };
-            var styleChild = {
-                position: 'absolute',
-                left: '0px',
-                top: '0px',
-                transition: '0s',
-            };
-
-            setStyle(element.resizeSensor, style);
-
-            var expand = document.createElement('div');
-            expand.className = 'resize-sensor-expand';
-            setStyle(expand, style);
-
-            var expandChild = document.createElement('div');
-            setStyle(expandChild, styleChild);
-            expand.appendChild(expandChild);
-
-            var shrink = document.createElement('div');
-            shrink.className = 'resize-sensor-shrink';
-            setStyle(shrink, style);
-
-            var shrinkChild = document.createElement('div');
-            setStyle(shrinkChild, styleChild);
-            setStyle(shrinkChild, { width: '200%', height: '200%' });
-            shrink.appendChild(shrinkChild);
-
-            element.resizeSensor.appendChild(expand);
-            element.resizeSensor.appendChild(shrink);
-            element.appendChild(element.resizeSensor);
-
-            var computedStyle = window.getComputedStyle(element);
-            var position = computedStyle ? computedStyle.getPropertyValue('position') : null;
-            if ('absolute' !== position && 'relative' !== position && 'fixed' !== position && 'sticky' !== position) {
-                element.style.position = 'relative';
-            }
-
-            var dirty = false;
-
-            //last request animation frame id used in onscroll event
-            var rafId = 0;
-            var size = getElementSize(element);
-            var lastWidth = 0;
-            var lastHeight = 0;
-            var initialHiddenCheck = true;
-            lastAnimationFrameForInvisibleCheck = 0;
-
-            var resetExpandShrink = function () {
-                var width = element.offsetWidth;
-                var height = element.offsetHeight;
-
-                expandChild.style.width = (width + 10) + 'px';
-                expandChild.style.height = (height + 10) + 'px';
-
-                expand.scrollLeft = width + 10;
-                expand.scrollTop = height + 10;
-
-                shrink.scrollLeft = width + 10;
-                shrink.scrollTop = height + 10;
-            };
-
-            var reset = function() {
-                // Check if element is hidden
-                if (initialHiddenCheck) {
-                    var invisible = element.offsetWidth === 0 && element.offsetHeight === 0;
-                    if (invisible) {
-                        // Check in next frame
-                        if (!lastAnimationFrameForInvisibleCheck){
-                            lastAnimationFrameForInvisibleCheck = requestAnimationFrame(function(){
-                                lastAnimationFrameForInvisibleCheck = 0;
-                                reset();
-                            });
-                        }
-
-                        return;
-                    } else {
-                        // Stop checking
-                        initialHiddenCheck = false;
-                    }
-                }
-
-                resetExpandShrink();
-            };
-            element.resizeSensor.resetSensor = reset;
-
-            var onResized = function() {
-                rafId = 0;
-
-                if (!dirty) return;
-
-                lastWidth = size.width;
-                lastHeight = size.height;
-
-                if (element.resizedAttached) {
-                    element.resizedAttached.call(size);
-                }
-            };
-
-            var onScroll = function() {
-                size = getElementSize(element);
-                dirty = size.width !== lastWidth || size.height !== lastHeight;
-
-                if (dirty && !rafId) {
-                    rafId = requestAnimationFrame(onResized);
-                }
-
-                reset();
-            };
-
-            var addEvent = function(el, name, cb) {
-                if (el.attachEvent) {
-                    el.attachEvent('on' + name, cb);
-                } else {
-                    el.addEventListener(name, cb);
-                }
-            };
-
-            addEvent(expand, 'scroll', onScroll);
-            addEvent(shrink, 'scroll', onScroll);
-
-            // Fix for custom Elements and invisible elements
-            lastAnimationFrameForInvisibleCheck = requestAnimationFrame(function(){
-                lastAnimationFrameForInvisibleCheck = 0;
-                reset();
-            });
-        }
-
-        forEachElement(element, function(elem){
-            attachResizeEvent(elem, callback);
-        });
-
-        this.detach = function(ev) {
-            // clean up the unfinished animation frame to prevent a potential endless requestAnimationFrame of reset
-            if (!lastAnimationFrameForInvisibleCheck) {
-                cancelAnimationFrame(lastAnimationFrameForInvisibleCheck);
-                lastAnimationFrameForInvisibleCheck = 0;
-            }
-            ResizeSensor.detach(element, ev);
-        };
-
-        this.reset = function() {
-            element.resizeSensor.resetSensor();
-        };
-    };
-
-    ResizeSensor.reset = function(element) {
-        forEachElement(element, function(elem){
-            elem.resizeSensor.resetSensor();
-        });
-    };
-
-    ResizeSensor.detach = function(element, ev) {
-        forEachElement(element, function(elem){
-            if (!elem) return;
-            if(elem.resizedAttached && typeof ev === "function"){
-                elem.resizedAttached.remove(ev);
-                if(elem.resizedAttached.length()) return;
-            }
-            if (elem.resizeSensor) {
-                if (elem.contains(elem.resizeSensor)) {
-                    elem.removeChild(elem.resizeSensor);
-                }
-                delete elem.resizeSensor;
-                delete elem.resizedAttached;
-            }
-        });
-    };
-
-    if (typeof MutationObserver !== "undefined") {
-        var observer = new MutationObserver(function (mutations) {
-            for (var i in mutations) {
-                if (mutations.hasOwnProperty(i)) {
-                    var items = mutations[i].addedNodes;
-                    for (var j = 0; j < items.length; j++) {
-                        if (items[j].resizeSensor) {
-                            ResizeSensor.reset(items[j]);
-                        }
-                    }
-                }
-            }
-        });
-
-        document.addEventListener("DOMContentLoaded", function (event) {
-            observer.observe(document.body, {
-                childList: true,
-                subtree: true,
-            });
-        });
-    }
-
-    return ResizeSensor;
-
-}));
-
-
-/***/ }),
-
-/***/ 543:
+/***/ 196:
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-/* provided dependency */ var jQuery = __webpack_require__(864);
+/* provided dependency */ var jQuery = __webpack_require__(659);
 /**
  * @preserve jquery.fullscreen 1.1.5
  * https://github.com/code-lts/jquery-fullscreen-plugin
@@ -574,7 +199,7 @@ installFullScreenHandlers();
 
 /***/ }),
 
-/***/ 273:
+/***/ 946:
 /***/ ((module, exports, __webpack_require__) => {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -588,7 +213,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__(864)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+        !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(659)], __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__));
@@ -799,7 +424,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ }),
 
-/***/ 864:
+/***/ 659:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -11523,7 +11148,7 @@ return jQuery;
 
 /***/ }),
 
-/***/ 180:
+/***/ 793:
 /***/ ((module) => {
 
 /**
@@ -16302,7 +15927,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 61:
+/***/ 822:
 /***/ (function(__unused_webpack_module, exports) {
 
 
@@ -19547,7 +19172,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 27:
+/***/ 357:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
@@ -20674,7 +20299,7 @@ Object .defineProperty (Namespace, "add",
       }
       else
       {
-         const X3D = window [Symbol .for ("X_ITE.X3D-8.12.4")];
+         const X3D = window [Symbol .for ("X_ITE.X3D-8.12.5")];
 
          if (X3D)
             X3D [name] = module;
@@ -34394,7 +34019,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__(864);
+/* provided dependency */ var $ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -34531,7 +34156,7 @@ x_ite_Namespace .add ("Legacy", "x_ite/Browser/Legacy", Legacy_default_);
  *
  ******************************************************************************/
 
-const VERSION_default_ = "8.12.4";
+const VERSION_default_ = "8.12.5";
 ;
 
 x_ite_Namespace .add ("VERSION", "x_ite/Browser/VERSION", VERSION_default_);
@@ -38419,7 +38044,7 @@ const X3DProtoDeclarationNode_default_ = X3DProtoDeclarationNode;
 x_ite_Namespace .add ("X3DProtoDeclarationNode", "x_ite/Prototype/X3DProtoDeclarationNode", X3DProtoDeclarationNode_default_);
 /* harmony default export */ const Prototype_X3DProtoDeclarationNode = (X3DProtoDeclarationNode_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/X3DParser.js
-/* provided dependency */ var X3DParser_$ = __webpack_require__(864);
+/* provided dependency */ var X3DParser_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -39244,7 +38869,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/VRMLParser.js
-/* provided dependency */ var VRMLParser_$ = __webpack_require__(864);
+/* provided dependency */ var VRMLParser_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -41789,7 +41414,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__(864);
+/* provided dependency */ var XMLParser_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -43844,7 +43469,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__(864);
+/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -44151,12 +43776,12 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
          }
       }
    },
-   khrLightsPunctualObject (khrLightsPunctual)
+   khrLightsPunctualObject (KHR_lights_punctual)
    {
-      if (!(khrLightsPunctual instanceof Object))
+      if (!(KHR_lights_punctual instanceof Object))
          return;
 
-      this .lightsArray (khrLightsPunctual .lights);
+      this .lightsArray (KHR_lights_punctual .lights);
    },
    lightsArray (lights)
    {
@@ -44223,10 +43848,9 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
          scene     = this .getExecutionContext (),
          lightNode = scene .createNode ("SpotLight", false);
 
-      lightNode ._radius      = this .numberValue (light .range, 0) || 1_000_000_000;
+      lightNode ._radius      = this .numberValue (light .range, 0) || -1;
       lightNode ._cutOffAngle = this .numberValue (light .outerConeAngle, Math .PI / 4);
       lightNode ._beamWidth   = this .numberValue (light .innerConeAngle, 0);
-      lightNode ._attenuation = new Numbers_Vector3 (0, 0, 1);
 
       return lightNode;
    },
@@ -44236,8 +43860,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
          scene     = this .getExecutionContext (),
          lightNode = scene .createNode ("PointLight", false);
 
-      lightNode ._radius      = this .numberValue (light .range, 0) || 1_000_000_000;
-      lightNode ._attenuation = new Numbers_Vector3 (0, 0, 1);
+      lightNode ._radius = this .numberValue (light .range, 0) || -1;
 
       return lightNode;
    },
@@ -44371,6 +43994,42 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
             },
             configurable: true,
          });
+
+         Object .defineProperty (accessor, "normalizedArray",
+         {
+            get: () =>
+            {
+               switch (accessor .componentType)
+               {
+                  case 5120: // Int8Array
+                     var value = Float32Array .from (accessor .array, v => Math .max (v / 127, -1));
+                     break;
+                  case 5121: // Uint8Array
+                     var value = Float32Array .from (accessor .array, v => v / 255);
+                     break;
+                  case 5122: // Int16Array
+                     var value = Float32Array .from (accessor .array, v => Math .max (v / 32767, -1));
+                     break;
+                  case 5123: // Uint16Array
+                     var value = Float32Array .from (accessor .array, v => v / 65535);
+                     break;
+                  case 5124: // Int32Array
+                     var value = Float32Array .from (accessor .array, v => Math .max (v / 2147483647, -1));
+                     break;
+                  case 5125: // Uint32Array
+                     var value = Float32Array .from (accessor .array, v => v / 4294967295);
+                     break;
+                  case 5126: // Float32Array
+                     var value = accessor .array;
+                     break;
+               }
+
+               Object .defineProperty (accessor, "normalizedArray", { value: value });
+
+               return value;
+            },
+            configurable: true,
+         });
       };
    })(),
    sparseObject: (() =>
@@ -44608,7 +44267,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
 
       const texCoordIndices = this .texCoordIndices ("", material);
 
-      this .texCoordIndex         = [... texCoordIndices] .reduce (Math .max, -1);
+      this .texCoordIndex         = Array .from (texCoordIndices) .reduce (Math .max, -1);
       this .textureTransformNodes = [ ];
       this .texCoordMappings      = new Map ();
       material .texCoordMappings  = this .texCoordMappings;
@@ -45410,7 +45069,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
 
       // Add light.
 
-      this .nodeExtensions (node .extensions, transformNode);
+      this .nodeLight (node .extensions ?.KHR_lights_punctual, transformNode);
 
       // Add children.
 
@@ -45419,7 +45078,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
       // Add Shape nodes.
 
       if (shapeNodes)
-         transformNode ._children .push (... shapeNodes);
+         transformNode ._children .push (... this .meshInstancing (node .extensions ?.EXT_mesh_gpu_instancing, shapeNodes));
 
       transformNode .setup ();
 
@@ -45477,19 +45136,12 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
 
       humanoidNode ._skin .push (transformNode);
    },
-   nodeExtensions (extensions, transformNode)
+   nodeLight (KHR_lights_punctual, transformNode)
    {
-      if (!(extensions instanceof Object))
+      if (!(KHR_lights_punctual instanceof Object))
          return;
 
-      this .nodeLight (extensions .KHR_lights_punctual, transformNode);
-   },
-   nodeLight (khrLightsPunctual, transformNode)
-   {
-      if (!(khrLightsPunctual instanceof Object))
-         return;
-
-      const lightNode = this .lightObject (this .lights [khrLightsPunctual .light]);
+      const lightNode = this .lightObject (this .lights [KHR_lights_punctual .light]);
 
       if (!lightNode)
          return;
@@ -45498,16 +45150,81 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
 
       transformNode ._children .push (lightNode);
    },
+   meshInstancing (EXT_mesh_gpu_instancing, shapeNodes)
+   {
+      if (!(EXT_mesh_gpu_instancing instanceof Object))
+         return shapeNodes;
+
+      let
+         attributes  = EXT_mesh_gpu_instancing .attributes,
+         translation = this .accessors [attributes ?.TRANSLATION],
+         rotation    = this .accessors [attributes ?.ROTATION],
+         scale       = this .accessors [attributes ?.SCALE],
+         count       = Math .max (translation ?.count ?? 0, rotation ?.count ?? 0, scale ?.count ?? 0);
+
+      if (!count)
+         return shapeNodes;
+
+      if (translation ?.type !== "VEC3")
+         translation = null;
+
+      if (rotation ?.type !== "VEC4")
+         rotation = null;
+
+      if (scale ?.type !== "VEC3")
+         scale = null;
+
+      const
+         scene          = this .getScene (),
+         transformNodes = [ ],
+         tArray         = translation ?.array,
+         rArray         = rotation ?.normalizedArray,
+         sArray         = scale ?.array;
+
+      for (let i = 0; i < count; ++ i)
+      {
+         const transformNode = scene .createNode ("Transform", false);
+
+         if (translation && i < translation .count)
+         {
+            transformNode ._translation = new Numbers_Vector3 (tArray [i * 3 + 0],
+                                                       tArray [i * 3 + 1],
+                                                       tArray [i * 3 + 2]);
+         }
+
+         if (rotation && i < rotation .count)
+         {
+            transformNode ._rotation = new Numbers_Rotation4 (new Numbers_Quaternion (rArray [i * 4 + 0],
+                                                                      rArray [i * 4 + 1],
+                                                                      rArray [i * 4 + 2],
+                                                                      rArray [i * 4 + 3]));
+         }
+
+         if (scale && i < scale .count)
+         {
+            transformNode ._scale = new Numbers_Vector3 (sArray [i * 3 + 0],
+                                                 sArray [i * 3 + 1],
+                                                 sArray [i * 3 + 2]);
+         }
+
+         transformNode ._children = shapeNodes;
+
+         transformNode .setup ();
+         transformNodes .push (transformNode);
+      }
+
+      return transformNodes;
+   },
    nodeChildrenArray (children)
    {
       if (!(children instanceof Array))
          return [ ];
 
-      const nodes = [... new Set (children
+      const nodes = Array .from (new Set (children
          .map (index => this .nodes [index] ?.childNode)
          .filter (node => node)
          .filter (node => node .getTypeName () !== "HAnimHumanoid" || !node .getCloneCount ())
-      )];
+      ));
 
       return nodes;
    },
@@ -45783,7 +45500,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
       if (!output .array .length)
          return [ ];
 
-      return this .createInterpolator (timeSensorNode, node, target, sampler .interpolation, input .array, output .array, timeSensorNode ._cycleInterval .getValue ());
+      return this .createInterpolator (timeSensorNode, node, target, sampler .interpolation, input .array, output, timeSensorNode ._cycleInterval .getValue ());
    },
    createNavigationInfo ()
    {
@@ -46209,29 +45926,9 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
             opaque         = appearanceNode ._alphaMode .getValue () === "OPAQUE",
             colorNode      = scene .createNode (opaque ? "Color" : typeName, false);
 
-         const array = opaque && typeName !== "Color"
-            ? color .array .filter ((_, i) => (i + 1) % 4)
-            : color .array;
-
-         switch (color .componentType)
-         {
-            case 5120: // Int8Array
-            case 5122: // Int16Array
-            case 5124: // Int32Array
-               break;
-            case 5121: // Uint8Array
-               colorNode ._color = array .map (v => v / 0xff);
-               break;
-            case 5123: // Uint16Array
-               colorNode ._color = array .map (v => v / 0xffff);
-               break;
-            case 5125: // Uint32Array
-               colorNode ._color = array .map (v => v / 0xffffffff);
-               break;
-            case 5126: // Float32Array
-               colorNode ._color = array;
-               break;
-         }
+         colorNode ._color = opaque && typeName !== "Color"
+            ? color .normalizedArray .filter ((_, i) => (i + 1) % 4)
+            : color .normalizedArray;
 
          colorNode .setup ();
 
@@ -46256,13 +45953,11 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
          }
          case 1:
          {
-            return texCoords .textureCoordinateNode = [... material .texCoordMappings .entries ()]
-               .map (([mapping, i]) => this .createTextureCoordinate (texCoords [i], mapping)) [0];
+            return texCoords .textureCoordinateNode = Array .from (material .texCoordMappings .entries (), ([mapping, i]) => this .createTextureCoordinate (texCoords [i], mapping)) [0];
          }
          default:
          {
-            const textureCoordinateNodes = [... material .texCoordMappings .entries ()]
-               .map (([mapping, i]) => this .createTextureCoordinate (texCoords [i], mapping))
+            const textureCoordinateNodes = Array .from (material .texCoordMappings .entries (), ([mapping, i]) => this .createTextureCoordinate (texCoords [i], mapping))
                .filter (node => node)
                .sort ((a, b) => Math_Algorithm .cmp (a ._mapping .getValue (), b ._mapping .getValue ()));
 
@@ -46294,7 +45989,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
          textureCoordinateNode = scene .createNode ("TextureCoordinate", false);
 
       textureCoordinateNode ._mapping = mapping;
-      textureCoordinateNode ._point   = texCoord .array;
+      textureCoordinateNode ._point   = texCoord .normalizedArray;
 
       textureCoordinateNode .setup ();
 
@@ -46312,7 +46007,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
          scene      = this .getExecutionContext (),
          normalNode = scene .createNode ("Normal", false);
 
-      normalNode ._vector = normal .array;
+      normalNode ._vector = normal .normalizedArray;
 
       if ((targets instanceof Array) && (weights instanceof Array))
       {
@@ -46393,7 +46088,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
       const
          start        = skin .coordinateNode ._point .length,
          jointsArray  = joints .array,
-         weightsArray = weights .array,
+         weightsArray = weights .normalizedArray,
          numVertices  = jointsArray .length / 4;
 
       for (let v = 0; v < numVertices; ++ v)
@@ -46511,7 +46206,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
       {
          case "translation":
          {
-            const interpolatorNode = this .createPositionInterpolator (interpolation, times, keyValues, cycleInterval);
+            const interpolatorNode = this .createPositionInterpolator (interpolation, times, keyValues .array, cycleInterval);
 
             scene .addNamedNode (scene .getUniqueName ("TranslationInterpolator"), interpolatorNode);
 
@@ -46522,7 +46217,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
          }
          case "rotation":
          {
-            const interpolatorNode = this .createOrientationInterpolator (interpolation, times, keyValues, cycleInterval);
+            const interpolatorNode = this .createOrientationInterpolator (interpolation, times, keyValues .normalizedArray, cycleInterval);
 
             scene .addNamedNode (scene .getUniqueName ("RotationInterpolator"), interpolatorNode);
 
@@ -46533,7 +46228,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
          }
          case "scale":
          {
-            const interpolatorNode = this .createPositionInterpolator (interpolation, times, keyValues, cycleInterval);
+            const interpolatorNode = this .createPositionInterpolator (interpolation, times, keyValues .array, cycleInterval);
 
             scene .addNamedNode (scene .getUniqueName ("ScaleInterpolator"), interpolatorNode);
 
@@ -46560,7 +46255,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
                if (!geometryNode)
                   continue;
 
-               const coordinateInterpolatorNode = this .createArrayInterpolator ("Coordinate", interpolation, times, keyValues, cycleInterval, targets, attributes, "POSITION");
+               const coordinateInterpolatorNode = this .createArrayInterpolator ("CoordinateInterpolator", interpolation, times, keyValues .normalizedArray, cycleInterval, targets, attributes, "POSITION", false);
 
                if (coordinateInterpolatorNode)
                {
@@ -46570,7 +46265,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
                   scene .addRoute (coordinateInterpolatorNode, "value_changed", geometryNode ._coord, "set_point");
                }
 
-               const normalInterpolatorNode = this .createArrayInterpolator ("Normal", interpolation, times, keyValues, cycleInterval, targets, attributes, "NORMAL");
+               const normalInterpolatorNode = this .createArrayInterpolator ("NormalInterpolator", interpolation, times, keyValues .normalizedArray, cycleInterval, targets, attributes, "NORMAL", true);
 
                if (normalInterpolatorNode)
                {
@@ -46647,8 +46342,9 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
                                            keyValues [i + 2]));
             }
 
-            const samples = [... Array (Math .floor (times .at (-1) * SAMPLES_PER_SECOND)) .keys ()]
-               .map ((_, i, array) => i / (array .length - 1) * times .at (-1));
+            const
+               length  = Math .floor (times .at (-1) * SAMPLES_PER_SECOND),
+               samples = Array .from ({ length: length }, (_, i) => i / (length - 1) * times .at (-1))
 
             for (const t of samples)
             {
@@ -46737,8 +46433,9 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
                                                   keyValues [i + 3]));
             }
 
-            const samples = [... Array (Math .floor (times .at (-1) * SAMPLES_PER_SECOND)) .keys ()]
-               .map ((_, i, array) => i / (array .length - 1) * times .at (-1));
+            const
+               length  = Math .floor (times .at (-1) * SAMPLES_PER_SECOND),
+               samples = Array .from ({ length: length }, (_, i) => i / (length - 1) * times .at (-1))
 
             for (const t of samples)
             {
@@ -46754,7 +46451,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
          }
       }
    },
-   createArrayInterpolator (Type, interpolation, times, weights, cycleInterval, targets, accessors, key)
+   createArrayInterpolator (typeName, interpolation, times, weights, cycleInterval, targets, accessors, key, normalized)
    {
       const
          scene    = this .getExecutionContext (),
@@ -46767,7 +46464,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
       {
          case "STEP":
          {
-            const interpolatorNode = scene .createNode (`${Type}Interpolator`, false);
+            const interpolatorNode = scene .createNode (typeName, false);
 
             // Key
 
@@ -46780,14 +46477,14 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
 
             const w = Array .from (targets .keys (), i => weights [i]);
 
-            for (const value of this .applyMorphTargets (accessor .field, targets, key, w))
+            for (const value of this .applyMorphTargets (accessor .field, targets, key, w, normalized))
                interpolatorNode ._keyValue .push (value);
 
             for (let t = 1, length = times .length; t < length; ++ t)
             {
                const
                   w      = Array .from (targets .keys (), i => weights [t * targets .length + i]),
-                  values = this .applyMorphTargets (accessor .field, targets, key, w);
+                  values = this .applyMorphTargets (accessor .field, targets, key, w, normalized);
 
                for (const value of values)
                   interpolatorNode ._keyValue .push (value);
@@ -46805,7 +46502,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
          default:
          case "LINEAR":
          {
-            const interpolatorNode = scene .createNode (`${Type}Interpolator`, false);
+            const interpolatorNode = scene .createNode (typeName, false);
 
             // Key
 
@@ -46817,7 +46514,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
             {
                const w = Array .from (targets .keys (), i => weights [t * targets .length + i]);
 
-               for (const value of this .applyMorphTargets (accessor .field, targets, key, w))
+               for (const value of this .applyMorphTargets (accessor .field, targets, key, w, normalized))
                   interpolatorNode ._keyValue .push (value);
             }
 
@@ -46829,12 +46526,13 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
          }
          case "CUBICSPLINE":
          {
-            const interpolatorNode = scene .createNode (`${Type}Interpolator`, false);
+            const interpolatorNode = scene .createNode (typeName, false);
 
             // Key
 
-            const samples = [... Array (Math .floor (times .at (-1) * SAMPLES_PER_SECOND)) .keys ()]
-               .map ((_, i, array) => i / (array .length - 1) * times .at (-1));
+            const
+               length  = Math .floor (times .at (-1) * SAMPLES_PER_SECOND),
+               samples = Array .from ({ length: length }, (_, i) => i / (length - 1) * times .at (-1))
 
             // KeyValue
 
@@ -46844,7 +46542,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
 
                const w = Array .from (targets .keys (), i => this .cubicSplineScalarArray (t, times, weights, targets .length, i));
 
-               for (const value of this .applyMorphTargets (accessor .field, targets, key, w))
+               for (const value of this .applyMorphTargets (accessor .field, targets, key, w, normalized))
                   interpolatorNode ._keyValue .push (value);
             }
 
@@ -46860,7 +46558,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
    {
       const value = new Numbers_Vector3 (0, 0, 0);
 
-      return function (array, targets, key, weights)
+      return function (array, targets, key, weights, normalized)
       {
          const vectors = Array .from (array, v => v .getValue () .copy ());
 
@@ -46877,7 +46575,7 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
                continue;
 
             const
-               array  = accessor .array,
+               array  = accessor [normalized ? "normalizedArray" : "array"],
                length = array .length;
 
             for (let a = 0, p = 0; a < length; a += 3, ++ p)
@@ -46967,7 +46665,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__(864);
+/* provided dependency */ var GLB2Parser_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -47119,7 +46817,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__(864);
+/* provided dependency */ var OBJParser_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -50474,8 +50172,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__(864);
-/* provided dependency */ var libtess = __webpack_require__(180);
+/* provided dependency */ var SVGParser_$ = __webpack_require__(659);
+/* provided dependency */ var libtess = __webpack_require__(793);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -53243,7 +52941,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__(864);
+/* provided dependency */ var GoldenGate_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -53580,7 +53278,7 @@ const Plane3_default_ = Plane3;
 x_ite_Namespace .add ("Plane3", "standard/Math/Geometry/Plane3", Plane3_default_);
 /* harmony default export */ const Geometry_Plane3 = (Plane3_default_);
 ;// CONCATENATED MODULE: ./src/standard/Math/Geometry/Triangle3.js
-/* provided dependency */ var Triangle3_libtess = __webpack_require__(180);
+/* provided dependency */ var Triangle3_libtess = __webpack_require__(793);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -60238,6 +59936,7 @@ Object .assign (Object .setPrototypeOf (X3DBackgroundNode .prototype, Core_X3DBi
       gl .uniformMatrix4fv (shaderNode .x3d_ProjectionMatrix, false, this .projectionMatrixArray);
       gl .uniformMatrix4fv (shaderNode .x3d_ModelViewMatrix,  false, this .modelViewMatrixArray);
 
+      gl .uniform3f (shaderNode .x3d_EmissiveColor,                      1, 1, 1)
       gl .uniform1f (shaderNode .x3d_Transparency,                       transparency)
       gl .uniform1i (shaderNode .x3d_TextureCoordinateGeneratorMode [0], 0);
 
@@ -60965,7 +60664,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__(864);
+/* provided dependency */ var ImageTexture_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -65570,7 +65269,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__(864);
+/* provided dependency */ var FileLoader_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -80036,6 +79735,7 @@ Object .assign (DirectionalLightContainer .prototype,
       gl .uniform1f (shaderObject .x3d_LightIntensity [i],        lightNode .getIntensity ());
       gl .uniform1f (shaderObject .x3d_LightAmbientIntensity [i], lightNode .getAmbientIntensity ());
       gl .uniform3f (shaderObject .x3d_LightDirection [i],        direction .x, direction .y, direction .z);
+      gl .uniform1f (shaderObject .x3d_LightRadius [i],           -1);
 
       if (this .shadowBuffer)
       {
@@ -80580,7 +80280,8 @@ Object .assign (Object .setPrototypeOf (PointLight .prototype, Lighting_X3DLight
    },
    getRadius ()
    {
-      return Math .max (0, this ._radius .getValue ());
+      // Negative values mean infinity.
+      return this ._radius .getValue ();
    },
    getLights ()
    {
@@ -80925,7 +80626,8 @@ Object .assign (Object .setPrototypeOf (SpotLight .prototype, Lighting_X3DLightN
    },
    getRadius ()
    {
-      return Math .max (0, this ._radius .getValue ());
+      // Negative values mean infinity.
+      return this ._radius .getValue ();
    },
    getBeamWidth ()
    {
@@ -89079,7 +88781,7 @@ const X3DShaderNode_default_ = X3DShaderNode;
 x_ite_Namespace .add ("X3DShaderNode", "x_ite/Components/Shaders/X3DShaderNode", X3DShaderNode_default_);
 /* harmony default export */ const Shaders_X3DShaderNode = (X3DShaderNode_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Shaders/X3DProgrammableShaderObject.js
-/* provided dependency */ var X3DProgrammableShaderObject_$ = __webpack_require__(864);
+/* provided dependency */ var X3DProgrammableShaderObject_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -92104,16 +91806,16 @@ const ShaderSource_default_ = ShaderSource;
 
 x_ite_Namespace .add ("ShaderSource", "x_ite/Browser/Shaders/ShaderSource", ShaderSource_default_);
 /* harmony default export */ const Shaders_ShaderSource = (ShaderSource_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/include/ClipPlanes1.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/common/ClipPlanes1.glsl.js
 const ClipPlanes1_glsl_default_ = /* glsl */ `#if defined(X3D_CLIP_PLANES)
 uniform vec4 x3d_ClipPlane[X3D_NUM_CLIP_PLANES];void clip(){for(int i=0;i<X3D_NUM_CLIP_PLANES;++i){if(dot(vertex,x3d_ClipPlane[i].xyz)-x3d_ClipPlane[i].w<0.0)discard;}}
 #endif
 `
 ;
 
-x_ite_Namespace .add ("ClipPlanes1.glsl", "assets/shaders/webgl1/include/ClipPlanes1.glsl", ClipPlanes1_glsl_default_);
+x_ite_Namespace .add ("ClipPlanes1.glsl", "assets/shaders/webgl1/common/ClipPlanes1.glsl", ClipPlanes1_glsl_default_);
 /* harmony default export */ const ClipPlanes1_glsl = (ClipPlanes1_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/include/Colors1.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/common/Colors1.glsl.js
 const Colors1_glsl_default_ = /* glsl */ `vec4 SRGBtoLINEAR(const in vec4 srgbIn){
 #if defined(MANUAL_SRGB)
 #if defined(SRGB_FAST_APPROXIMATION)
@@ -92134,9 +91836,9 @@ vec4 Gamma(const in vec4 color){return vec4(pow(color.rgb,vec3(1.0/2.2)),color.a
 `
 ;
 
-x_ite_Namespace .add ("Colors1.glsl", "assets/shaders/webgl1/include/Colors1.glsl", Colors1_glsl_default_);
+x_ite_Namespace .add ("Colors1.glsl", "assets/shaders/webgl1/common/Colors1.glsl", Colors1_glsl_default_);
 /* harmony default export */ const Colors1_glsl = (Colors1_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/include/Fog1.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/common/Fog1.glsl.js
 const Fog1_glsl_default_ = /* glsl */ `#if defined(X3D_FOG)
 uniform x3d_FogParameters x3d_Fog;float getFogInterpolant(){
 #if defined(X3D_FOG_COORDS)
@@ -92154,9 +91856,9 @@ return exp(-dV/max(0.001,visibilityRange-dV));
 `
 ;
 
-x_ite_Namespace .add ("Fog1.glsl", "assets/shaders/webgl1/include/Fog1.glsl", Fog1_glsl_default_);
+x_ite_Namespace .add ("Fog1.glsl", "assets/shaders/webgl1/common/Fog1.glsl", Fog1_glsl_default_);
 /* harmony default export */ const Fog1_glsl = (Fog1_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/include/Fragment1.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/common/Fragment1.glsl.js
 const Fragment1_glsl_default_ = /* glsl */ `#if defined(X3D_NORMAL_TEXTURE)
 #extension GL_OES_standard_derivatives:enable
 #endif
@@ -92257,9 +91959,9 @@ gl_FragDepthEXT=log2(depth)*x3d_LogarithmicFarFactor1_2;
 `
 ;
 
-x_ite_Namespace .add ("Fragment1.glsl", "assets/shaders/webgl1/include/Fragment1.glsl", Fragment1_glsl_default_);
+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/include/Hatch1.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/common/Hatch1.glsl.js
 const Hatch1_glsl_default_ = /* glsl */ `#if(defined(X3D_GEOMETRY_2D)||defined(X3D_GEOMETRY_3D))&&defined(X3D_STYLE_PROPERTIES)
 uniform x3d_FillPropertiesParameters x3d_FillProperties;vec4 getHatchColor(vec4 color){vec4 finalColor=x3d_FillProperties.filled?color:vec4(0.0);
 #if defined(X3D_STYLE_PROPERTIES_TEXTURE)
@@ -92270,14 +91972,14 @@ return finalColor;}
 `
 ;
 
-x_ite_Namespace .add ("Hatch1.glsl", "assets/shaders/webgl1/include/Hatch1.glsl", Hatch1_glsl_default_);
+x_ite_Namespace .add ("Hatch1.glsl", "assets/shaders/webgl1/common/Hatch1.glsl", Hatch1_glsl_default_);
 /* harmony default export */ const Hatch1_glsl = (Hatch1_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/include/Material1.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/common/Material1.glsl.js
 const Material1_glsl_default_ = /* glsl */ `uniform x3d_MaterialParameters x3d_Material;
 #if defined(X3D_LIGHTING)
 #pragma X3D include "SpotFactor.glsl"
 #pragma X3D include "Shadow.glsl"
-uniform x3d_LightSourceParameters x3d_LightSource[X3D_NUM_LIGHTS];vec3 getMaterialColor(const in vec3 vertex,const in vec3 N,const in vec3 ambientColor,const in vec3 diffuseColor,const in vec3 specularColor,const in float shininess){vec3 V=normalize(-vertex);vec3 finalColor=vec3(0.0);for(int i=0;i<X3D_NUM_LIGHTS;++i){x3d_LightSourceParameters light=x3d_LightSource[i];vec3 vL=light.location-vertex;float dL=length(light.matrix*vL);bool di=light.type==x3d_DirectionalLight;if(di||dL<=light.radius){vec3 d=light.direction;vec3 c=light.attenuation;vec3 L=di?-d:normalize(vL);vec3 H=normalize(L+V);float lightAngle=max(dot(N,L),0.0);vec3 diffuseTerm=diffuseColor*lightAngle;float specularFactor=shininess>0.0?pow(max(dot(N,H),0.0),shininess*128.0):1.0;vec3 specularTerm=specularColor*specularFactor;float attenuationFactor=di?1.0:1.0/max(dot(c,vec3(1.0,dL,dL*dL)),1.0);float spotFactor=light.type==x3d_SpotLight?getSpotFactor(light.cutOffAngle,light.beamWidth,L,d):1.0;float attenuationSpotFactor=attenuationFactor*spotFactor;vec3 ambientTerm=light.ambientIntensity*ambientColor;vec3 diffuseSpecularTerm=light.intensity*(diffuseTerm+specularTerm);
+uniform x3d_LightSourceParameters x3d_LightSource[X3D_NUM_LIGHTS];vec3 getMaterialColor(const in vec3 vertex,const in vec3 N,const in vec3 ambientColor,const in vec3 diffuseColor,const in vec3 specularColor,const in float shininess){vec3 V=normalize(-vertex);vec3 finalColor=vec3(0.0);for(int i=0;i<X3D_NUM_LIGHTS;++i){x3d_LightSourceParameters light=x3d_LightSource[i];vec3 vL=light.location-vertex;float dL=length(light.matrix*vL);bool di=light.type==x3d_DirectionalLight;if(di||dL<=light.radius||light.radius<0.0){vec3 d=light.direction;vec3 c=light.attenuation;vec3 L=di?-d:normalize(vL);vec3 H=normalize(L+V);float lightAngle=max(dot(N,L),0.0);vec3 diffuseTerm=diffuseColor*lightAngle;float specularFactor=shininess>0.0?pow(max(dot(N,H),0.0),shininess*128.0):1.0;vec3 specularTerm=specularColor*specularFactor;float attenuationFactor=di?1.0:1.0/max(dot(c,vec3(1.0,dL,dL*dL)),1.0);float spotFactor=light.type==x3d_SpotLight?getSpotFactor(light.cutOffAngle,light.beamWidth,L,d):1.0;float attenuationSpotFactor=attenuationFactor*spotFactor;vec3 ambientTerm=light.ambientIntensity*ambientColor;vec3 diffuseSpecularTerm=light.intensity*(diffuseTerm+specularTerm);
 #if defined(X3D_FRAGMENT_SHADER)&&defined(X3D_SHADOWS)
 if(lightAngle>0.0&&light.shadowIntensity>0.0)diffuseSpecularTerm=mix(diffuseSpecularTerm,light.shadowColor,getShadowIntensity(i,light));
 #endif
@@ -92286,9 +91988,9 @@ finalColor+=attenuationSpotFactor*light.color*(ambientTerm+diffuseSpecularTerm);
 `
 ;
 
-x_ite_Namespace .add ("Material1.glsl", "assets/shaders/webgl1/include/Material1.glsl", Material1_glsl_default_);
+x_ite_Namespace .add ("Material1.glsl", "assets/shaders/webgl1/common/Material1.glsl", Material1_glsl_default_);
 /* harmony default export */ const Material1_glsl = (Material1_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/include/Normal1.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/common/Normal1.glsl.js
 const Normal1_glsl_default_ = /* glsl */ `#if defined(X3D_NORMAL_TEXTURE)
 mat3 getTBNMatrix(const in vec2 texCoord){vec3 pos_dx=dFdx(vertex);vec3 pos_dy=dFdy(vertex);vec3 tex_dx=dFdx(vec3(texCoord,0.0));vec3 tex_dy=dFdy(vec3(texCoord,0.0));vec3 t=(tex_dy.t*pos_dx-tex_dx.t*pos_dy)/(tex_dx.s*tex_dy.t-tex_dy.s*tex_dx.t);vec3 N=normalize(normal);vec3 T=normalize(t-N*dot(N,t));vec3 B=normalize(cross(N,T));mat3 tbn=mat3(T,B,N);return tbn;}
 #endif
@@ -92311,16 +92013,16 @@ return normalize(normal)*facing;
 `
 ;
 
-x_ite_Namespace .add ("Normal1.glsl", "assets/shaders/webgl1/include/Normal1.glsl", Normal1_glsl_default_);
+x_ite_Namespace .add ("Normal1.glsl", "assets/shaders/webgl1/common/Normal1.glsl", Normal1_glsl_default_);
 /* harmony default export */ const Normal1_glsl = (Normal1_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/include/Perlin1.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/common/Perlin1.glsl.js
 const Perlin1_glsl_default_ = /* glsl */ `float rand(const in vec2 co){return fract(sin(dot(co.xy,vec2(12.9898,78.233)))*43758.5453);}float rand(const in vec2 co,const in float l){return rand(vec2(rand(co),l));}float rand(const in vec2 co,const in float l,const in float t){return rand(vec2(rand(co,l),t));}float perlin(const in vec2 p,const in float dim,const in float time){const float M_PI=3.14159265358979323846;vec2 pos=floor(p*dim);vec2 posx=pos+vec2(1.0,0.0);vec2 posy=pos+vec2(0.0,1.0);vec2 posxy=pos+vec2(1.0);float c=rand(pos,dim,time);float cx=rand(posx,dim,time);float cy=rand(posy,dim,time);float cxy=rand(posxy,dim,time);vec2 d=fract(p*dim);d=-0.5*cos(d*M_PI)+0.5;float ccx=mix(c,cx,d.x);float cycxy=mix(cy,cxy,d.x);float center=mix(ccx,cycxy,d.y);return center*2.0-1.0;}vec3 perlin(const in vec3 p){return vec3(perlin(p.xy,1.0,0.0),perlin(p.yz,1.0,0.0),perlin(p.zx,1.0,0.0));}
 `
 ;
 
-x_ite_Namespace .add ("Perlin1.glsl", "assets/shaders/webgl1/include/Perlin1.glsl", Perlin1_glsl_default_);
+x_ite_Namespace .add ("Perlin1.glsl", "assets/shaders/webgl1/common/Perlin1.glsl", Perlin1_glsl_default_);
 /* harmony default export */ const Perlin1_glsl = (Perlin1_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/include/Point1.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/common/Point1.glsl.js
 const Point1_glsl_default_ = /* glsl */ `#if defined(X3D_GEOMETRY_0D)&&defined(X3D_STYLE_PROPERTIES)
 #if defined(X3D_TEXTURE)||defined(X3D_MATERIAL_TEXTURES)
 void setPointTexCoords(){vec4 texCoord=vec4(gl_PointCoord.x,1.0-gl_PointCoord.y,0.0,1.0);
@@ -92346,9 +92048,9 @@ varying float pointSize;vec4 getPointColor(in vec4 color){if(pointSize>1.0)color
 `
 ;
 
-x_ite_Namespace .add ("Point1.glsl", "assets/shaders/webgl1/include/Point1.glsl", Point1_glsl_default_);
+x_ite_Namespace .add ("Point1.glsl", "assets/shaders/webgl1/common/Point1.glsl", Point1_glsl_default_);
 /* harmony default export */ const Point1_glsl = (Point1_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/include/PointSize1.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/common/PointSize1.glsl.js
 const PointSize1_glsl_default_ = /* glsl */ `#if defined(X3D_GEOMETRY_0D)&&defined(X3D_STYLE_PROPERTIES)
 uniform x3d_PointPropertiesParameters x3d_PointProperties;varying float pointSize;float getPointSize(const in vec3 vertex){float pointSizeMinValue=x3d_PointProperties.pointSizeMinValue;float pointSizeMaxValue=x3d_PointProperties.pointSizeMaxValue;vec3 attenuation=x3d_PointProperties.attenuation;float dL=length(vertex);float pointSize=0.0;pointSize=x3d_PointProperties.pointSizeScaleFactor;pointSize/=dot(attenuation,vec3(1.0,dL,dL*dL));pointSize=clamp(pointSize,pointSizeMinValue,pointSizeMaxValue);
 #if defined(X3D_TEXTURE)||defined(X3D_MATERIAL_TEXTURE)
@@ -92361,9 +92063,9 @@ return pointSize+1.0-step(pointSize,1.0);
 `
 ;
 
-x_ite_Namespace .add ("PointSize1.glsl", "assets/shaders/webgl1/include/PointSize1.glsl", PointSize1_glsl_default_);
+x_ite_Namespace .add ("PointSize1.glsl", "assets/shaders/webgl1/common/PointSize1.glsl", PointSize1_glsl_default_);
 /* harmony default export */ const PointSize1_glsl = (PointSize1_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/include/Shadow1.glsl.js
+;// 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
@@ -92409,16 +92111,16 @@ vec4 shadowCoord=light.shadowMatrix*vec4(vertex,1.0);shadowCoord.z-=light.shadow
 `
 ;
 
-x_ite_Namespace .add ("Shadow1.glsl", "assets/shaders/webgl1/include/Shadow1.glsl", Shadow1_glsl_default_);
+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/include/SpotFactor1.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/common/SpotFactor1.glsl.js
 const SpotFactor1_glsl_default_ = /* glsl */ `float getSpotFactor(const in float cutOffAngle,const in float beamWidth,const in vec3 L,const in vec3 d){float spotAngle=acos(clamp(dot(-L,d),-1.0,1.0));if(spotAngle>=cutOffAngle)return 0.0;else if(spotAngle<=beamWidth)return 1.0;return(spotAngle-cutOffAngle)/(beamWidth-cutOffAngle);}
 `
 ;
 
-x_ite_Namespace .add ("SpotFactor1.glsl", "assets/shaders/webgl1/include/SpotFactor1.glsl", SpotFactor1_glsl_default_);
+x_ite_Namespace .add ("SpotFactor1.glsl", "assets/shaders/webgl1/common/SpotFactor1.glsl", SpotFactor1_glsl_default_);
 /* harmony default export */ const SpotFactor1_glsl = (SpotFactor1_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/include/Texture1.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/common/Texture1.glsl.js
 const Texture1_glsl_default_ = /* glsl */ `#if defined(X3D_TEXTURE)||defined(X3D_MATERIAL_TEXTURES)
 #pragma X3D include "Perlin.glsl"
 uniform mat4 x3d_TextureMatrix[X3D_NUM_TEXTURE_TRANSFORMS];mat4 getTextureMatrix(const in int i){
@@ -92505,9 +92207,16 @@ return textureColor;}
 #if defined(X3D_MULTI_TEXTURING)
 uniform vec4 x3d_MultiTextureColor;uniform x3d_MultiTextureParameters x3d_MultiTexture[X3D_NUM_TEXTURES];
 #endif
+#if defined(X3D_PHYSICAL_MATERIAL)
+vec4 sRGBToLinear(const in vec4 srgbIn);
+#endif
 int minI(const in int a,const in int b){return a<b?a:b;}vec4 getTextureColor(const in vec4 diffuseColor,const in vec4 specularColor){
 #if defined(X3D_MULTI_TEXTURING)
-vec4 currentColor=diffuseColor;for(int i=0;i<X3D_NUM_TEXTURES;++i){vec3 texCoord=getTexCoord(minI(i,X3D_NUM_TEXTURE_TRANSFORMS-1),minI(i,X3D_NUM_TEXTURE_COORDINATES-1));vec4 textureColor=getTexture(i,texCoord);x3d_MultiTextureParameters multiTexture=x3d_MultiTexture[i];vec4 arg1=textureColor;vec4 arg2=currentColor;int source=multiTexture.source;if(source==x3d_Diffuse){arg1=diffuseColor;}else if(source==x3d_Specular){arg1=specularColor;}else if(source==x3d_Factor){arg1=x3d_MultiTextureColor;}int function=multiTexture.function;if(function==x3d_Complement){arg1=1.0-arg1;}else if(function==x3d_AlphaReplicate){arg1.a=arg2.a;}int mode=multiTexture.mode;int alphaMode=multiTexture.alphaMode;if(mode==x3d_Replace){currentColor.rgb=arg1.rgb;}else if(mode==x3d_Modulate){currentColor.rgb=arg1.rgb*arg2.rgb;}else if(mode==x3d_Modulate2X){currentColor.rgb=(arg1.rgb*arg2.rgb)*2.0;}else if(mode==x3d_Modulate4X){currentColor.rgb=(arg1.rgb*arg2.rgb)*4.0;}else if(mode==x3d_Add){currentColor.rgb=arg1.rgb+arg2.rgb;}else if(mode==x3d_AddSigned){currentColor.rgb=arg1.rgb+arg2.rgb-0.5;}else if(mode==x3d_AddSigned2X){currentColor.rgb=(arg1.rgb+arg2.rgb-0.5)*2.0;}else if(mode==x3d_AddSmooth){currentColor.rgb=arg1.rgb+(1.0-arg1.rgb)*arg2.rgb;}else if(mode==x3d_Subtract){currentColor.rgb=arg1.rgb-arg2.rgb;}else if(mode==x3d_BlendDiffuseAlpha){currentColor.rgb=arg1.rgb*diffuseColor.a+arg2.rgb*(1.0-diffuseColor.a);}else if(mode==x3d_BlendTextureAlpha){currentColor.rgb=arg1.rgb*arg1.a+arg2.rgb*(1.0-arg1.a);}else if(mode==x3d_BlendFactorAlpha){currentColor.rgb=arg1.rgb*x3d_MultiTextureColor.a+arg2.rgb*(1.0-x3d_MultiTextureColor.a);}else if(mode==x3d_BlendCurrentAlpha){currentColor.rgb=arg1.rgb*arg2.a+arg2.rgb*(1.0-arg2.a);}else if(mode==x3d_ModulateAlphaAddColor){currentColor.rgb=arg1.rgb+arg1.a*arg2.rgb;}else if(mode==x3d_ModulateInvAlphaAddColor){currentColor.rgb=(1.0-arg1.a)*arg2.rgb+arg1.rgb;}else if(mode==x3d_ModulateInvColorAddAlpha){currentColor.rgb=(1.0-arg1.rgb)*arg2.rgb+arg1.a;}else if(mode==x3d_DotProduct3){currentColor.rgb=vec3(dot(arg1.rgb*2.0-1.0,arg2.rgb*2.0-1.0));}else if(mode==x3d_SelectArg1){currentColor.rgb=arg1.rgb;}else if(mode==x3d_SelectArg2){currentColor.rgb=arg2.rgb;}else if(mode==x3d_Off);if(alphaMode==x3d_Replace){currentColor.a=arg1.a;}else if(alphaMode==x3d_Modulate){currentColor.a=arg1.a*arg2.a;}else if(alphaMode==x3d_Modulate2X){currentColor.a=(arg1.a*arg2.a)*2.0;}else if(alphaMode==x3d_Modulate4X){currentColor.a=(arg1.a*arg2.a)*4.0;}else if(alphaMode==x3d_Add){currentColor.a=arg1.a+arg2.a;}else if(alphaMode==x3d_AddSigned){currentColor.a=arg1.a+arg2.a-0.5;}else if(alphaMode==x3d_AddSigned2X){currentColor.a=(arg1.a+arg2.a-0.5)*2.0;}else if(alphaMode==x3d_AddSmooth){currentColor.a=arg1.a+(1.0-arg1.a)*arg2.a;}else if(alphaMode==x3d_Subtract){currentColor.a=arg1.a-arg2.a;}else if(alphaMode==x3d_BlendDiffuseAlpha){currentColor.a=arg1.a*diffuseColor.a+arg2.a*(1.0-diffuseColor.a);}else if(alphaMode==x3d_BlendTextureAlpha){currentColor.a=arg1.a*arg1.a+arg2.a*(1.0-arg1.a);}else if(alphaMode==x3d_BlendFactorAlpha){currentColor.a=arg1.a*x3d_MultiTextureColor.a+arg2.a*(1.0-x3d_MultiTextureColor.a);}else if(alphaMode==x3d_BlendCurrentAlpha){currentColor.a=arg1.a*arg2.a+arg2.a*(1.0-arg2.a);}else if(alphaMode==x3d_ModulateAlphaAddColor){currentColor.a=arg1.a+arg1.a*arg2.a;}else if(alphaMode==x3d_ModulateInvAlphaAddColor){currentColor.a=(1.0-arg1.a)*arg2.a+arg1.a;}else if(alphaMode==x3d_ModulateInvColorAddAlpha){currentColor.a=(1.0-arg1.a)*arg2.a+arg1.a;}else if(alphaMode==x3d_DotProduct3){currentColor.a=dot(arg1.rgb*2.0-1.0,arg2.rgb*2.0-1.0);}else if(alphaMode==x3d_SelectArg1){currentColor.a=arg1.a;}else if(alphaMode==x3d_SelectArg2){currentColor.a=arg2.a;}else if(alphaMode==x3d_Off);}return currentColor;
+vec4 currentColor=diffuseColor;for(int i=0;i<X3D_NUM_TEXTURES;++i){vec3 texCoord=getTexCoord(minI(i,X3D_NUM_TEXTURE_TRANSFORMS-1),minI(i,X3D_NUM_TEXTURE_COORDINATES-1));vec4 textureColor=getTexture(i,texCoord);
+#if defined(X3D_PHYSICAL_MATERIAL)
+textureColor=sRGBToLinear(textureColor);
+#endif
+x3d_MultiTextureParameters multiTexture=x3d_MultiTexture[i];vec4 arg1=textureColor;vec4 arg2=currentColor;int source=multiTexture.source;if(source==x3d_Diffuse){arg1=diffuseColor;}else if(source==x3d_Specular){arg1=specularColor;}else if(source==x3d_Factor){arg1=x3d_MultiTextureColor;}int function=multiTexture.function;if(function==x3d_Complement){arg1=1.0-arg1;}else if(function==x3d_AlphaReplicate){arg1.a=arg2.a;}int mode=multiTexture.mode;int alphaMode=multiTexture.alphaMode;if(mode==x3d_Replace){currentColor.rgb=arg1.rgb;}else if(mode==x3d_Modulate){currentColor.rgb=arg1.rgb*arg2.rgb;}else if(mode==x3d_Modulate2X){currentColor.rgb=(arg1.rgb*arg2.rgb)*2.0;}else if(mode==x3d_Modulate4X){currentColor.rgb=(arg1.rgb*arg2.rgb)*4.0;}else if(mode==x3d_Add){currentColor.rgb=arg1.rgb+arg2.rgb;}else if(mode==x3d_AddSigned){currentColor.rgb=arg1.rgb+arg2.rgb-0.5;}else if(mode==x3d_AddSigned2X){currentColor.rgb=(arg1.rgb+arg2.rgb-0.5)*2.0;}else if(mode==x3d_AddSmooth){currentColor.rgb=arg1.rgb+(1.0-arg1.rgb)*arg2.rgb;}else if(mode==x3d_Subtract){currentColor.rgb=arg1.rgb-arg2.rgb;}else if(mode==x3d_BlendDiffuseAlpha){currentColor.rgb=arg1.rgb*diffuseColor.a+arg2.rgb*(1.0-diffuseColor.a);}else if(mode==x3d_BlendTextureAlpha){currentColor.rgb=arg1.rgb*arg1.a+arg2.rgb*(1.0-arg1.a);}else if(mode==x3d_BlendFactorAlpha){currentColor.rgb=arg1.rgb*x3d_MultiTextureColor.a+arg2.rgb*(1.0-x3d_MultiTextureColor.a);}else if(mode==x3d_BlendCurrentAlpha){currentColor.rgb=arg1.rgb*arg2.a+arg2.rgb*(1.0-arg2.a);}else if(mode==x3d_ModulateAlphaAddColor){currentColor.rgb=arg1.rgb+arg1.a*arg2.rgb;}else if(mode==x3d_ModulateInvAlphaAddColor){currentColor.rgb=(1.0-arg1.a)*arg2.rgb+arg1.rgb;}else if(mode==x3d_ModulateInvColorAddAlpha){currentColor.rgb=(1.0-arg1.rgb)*arg2.rgb+arg1.a;}else if(mode==x3d_DotProduct3){currentColor.rgb=vec3(dot(arg1.rgb*2.0-1.0,arg2.rgb*2.0-1.0));}else if(mode==x3d_SelectArg1){currentColor.rgb=arg1.rgb;}else if(mode==x3d_SelectArg2){currentColor.rgb=arg2.rgb;}else if(mode==x3d_Off);if(alphaMode==x3d_Replace){currentColor.a=arg1.a;}else if(alphaMode==x3d_Modulate){currentColor.a=arg1.a*arg2.a;}else if(alphaMode==x3d_Modulate2X){currentColor.a=(arg1.a*arg2.a)*2.0;}else if(alphaMode==x3d_Modulate4X){currentColor.a=(arg1.a*arg2.a)*4.0;}else if(alphaMode==x3d_Add){currentColor.a=arg1.a+arg2.a;}else if(alphaMode==x3d_AddSigned){currentColor.a=arg1.a+arg2.a-0.5;}else if(alphaMode==x3d_AddSigned2X){currentColor.a=(arg1.a+arg2.a-0.5)*2.0;}else if(alphaMode==x3d_AddSmooth){currentColor.a=arg1.a+(1.0-arg1.a)*arg2.a;}else if(alphaMode==x3d_Subtract){currentColor.a=arg1.a-arg2.a;}else if(alphaMode==x3d_BlendDiffuseAlpha){currentColor.a=arg1.a*diffuseColor.a+arg2.a*(1.0-diffuseColor.a);}else if(alphaMode==x3d_BlendTextureAlpha){currentColor.a=arg1.a*arg1.a+arg2.a*(1.0-arg1.a);}else if(alphaMode==x3d_BlendFactorAlpha){currentColor.a=arg1.a*x3d_MultiTextureColor.a+arg2.a*(1.0-x3d_MultiTextureColor.a);}else if(alphaMode==x3d_BlendCurrentAlpha){currentColor.a=arg1.a*arg2.a+arg2.a*(1.0-arg2.a);}else if(alphaMode==x3d_ModulateAlphaAddColor){currentColor.a=arg1.a+arg1.a*arg2.a;}else if(alphaMode==x3d_ModulateInvAlphaAddColor){currentColor.a=(1.0-arg1.a)*arg2.a+arg1.a;}else if(alphaMode==x3d_ModulateInvColorAddAlpha){currentColor.a=(1.0-arg1.a)*arg2.a+arg1.a;}else if(alphaMode==x3d_DotProduct3){currentColor.a=dot(arg1.rgb*2.0-1.0,arg2.rgb*2.0-1.0);}else if(alphaMode==x3d_SelectArg1){currentColor.a=arg1.a;}else if(alphaMode==x3d_SelectArg2){currentColor.a=arg2.a;}else if(alphaMode==x3d_Off);}return currentColor;
 #else
 vec3 texCoord=getTexCoord(0,0);
 #if defined(X3D_TEXTURE0_2D)
@@ -92517,6 +92226,9 @@ vec4 textureColor=textureCube(x3d_TextureCube[0],texCoord.stp);
 #else
 vec4 textureColor=vec4(0.0);
 #endif
+#if defined(X3D_PHYSICAL_MATERIAL)
+textureColor=sRGBToLinear(textureColor);
+#endif
 return diffuseColor*textureColor;
 #endif
 }
@@ -92534,9 +92246,9 @@ return color;}vec4 getProjectiveTextureColor(in vec4 currentColor){vec3 N=gl_Fro
 `
 ;
 
-x_ite_Namespace .add ("Texture1.glsl", "assets/shaders/webgl1/include/Texture1.glsl", Texture1_glsl_default_);
+x_ite_Namespace .add ("Texture1.glsl", "assets/shaders/webgl1/common/Texture1.glsl", Texture1_glsl_default_);
 /* harmony default export */ const Texture1_glsl = (Texture1_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/include/Vertex1.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/common/Vertex1.glsl.js
 const Vertex1_glsl_default_ = /* glsl */ `uniform mat4 x3d_ProjectionMatrix;uniform mat4 x3d_ModelViewMatrix;
 #if defined(X3D_FOG)&&defined(X3D_FOG_COORDS)
 attribute float x3d_FogDepth;
@@ -92644,41 +92356,18 @@ depth=1.0+gl_Position.w;
 `
 ;
 
-x_ite_Namespace .add ("Vertex1.glsl", "assets/shaders/webgl1/include/Vertex1.glsl", Vertex1_glsl_default_);
+x_ite_Namespace .add ("Vertex1.glsl", "assets/shaders/webgl1/common/Vertex1.glsl", Vertex1_glsl_default_);
 /* harmony default export */ const Vertex1_glsl = (Vertex1_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/ClipPlanes2.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/ClipPlanes2.glsl.js
 const ClipPlanes2_glsl_default_ = /* glsl */ `#if defined(X3D_CLIP_PLANES)
 uniform vec4 x3d_ClipPlane[X3D_NUM_CLIP_PLANES];void clip(){for(int i=0;i<X3D_NUM_CLIP_PLANES;++i){if(dot(vertex,x3d_ClipPlane[i].xyz)-x3d_ClipPlane[i].w<0.0)discard;}}
 #endif
 `
 ;
 
-x_ite_Namespace .add ("ClipPlanes2.glsl", "assets/shaders/webgl2/include/ClipPlanes2.glsl", ClipPlanes2_glsl_default_);
+x_ite_Namespace .add ("ClipPlanes2.glsl", "assets/shaders/webgl2/common/ClipPlanes2.glsl", ClipPlanes2_glsl_default_);
 /* harmony default export */ const ClipPlanes2_glsl = (ClipPlanes2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Colors2.glsl.js
-const Colors2_glsl_default_ = /* glsl */ `vec4 SRGBtoLINEAR(const in vec4 srgbIn){
-#if defined(MANUAL_SRGB)
-#if defined(SRGB_FAST_APPROXIMATION)
-vec3 linOut=pow(srgbIn.xyz,vec3(2.2));
-#else 
-vec3 bLess=step(vec3(0.04045),srgbIn.xyz);vec3 linOut=mix(srgbIn.xyz/vec3(12.92),pow((srgbIn.xyz+vec3(0.055))/vec3(1.055),vec3(2.4)),bLess);
-#endif 
-return vec4(linOut,srgbIn.w);
-#else 
-return srgbIn;
-#endif 
-}
-#if defined(MANUAL_SRGB)
-vec4 Gamma(const in vec4 color){return vec4(pow(color.rgb,vec3(1.0/2.2)),color.a);}
-#else
-#define Gamma(color)(color)
-#endif
-`
-;
-
-x_ite_Namespace .add ("Colors2.glsl", "assets/shaders/webgl2/include/Colors2.glsl", Colors2_glsl_default_);
-/* harmony default export */ const Colors2_glsl = (Colors2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Fog2.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/Fog2.glsl.js
 const Fog2_glsl_default_ = /* glsl */ `#if defined(X3D_FOG)
 uniform x3d_FogParameters x3d_Fog;float getFogInterpolant(){
 #if defined(X3D_FOG_COORDS)
@@ -92696,9 +92385,9 @@ return exp(-dV/max(0.001,visibilityRange-dV));
 `
 ;
 
-x_ite_Namespace .add ("Fog2.glsl", "assets/shaders/webgl2/include/Fog2.glsl", Fog2_glsl_default_);
+x_ite_Namespace .add ("Fog2.glsl", "assets/shaders/webgl2/common/Fog2.glsl", Fog2_glsl_default_);
 /* harmony default export */ const Fog2_glsl = (Fog2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Fragment2.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/Fragment2.glsl.js
 const Fragment2_glsl_default_ = /* glsl */ `#if defined(X3D_ALPHA_MODE_MASK)
 uniform float x3d_AlphaCutoff;
 #endif
@@ -92812,9 +92501,9 @@ gl_FragDepth=log2(depth)*x3d_LogarithmicFarFactor1_2;
 `
 ;
 
-x_ite_Namespace .add ("Fragment2.glsl", "assets/shaders/webgl2/include/Fragment2.glsl", Fragment2_glsl_default_);
+x_ite_Namespace .add ("Fragment2.glsl", "assets/shaders/webgl2/common/Fragment2.glsl", Fragment2_glsl_default_);
 /* harmony default export */ const Fragment2_glsl = (Fragment2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Hatch2.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/Hatch2.glsl.js
 const Hatch2_glsl_default_ = /* glsl */ `#if(defined(X3D_GEOMETRY_2D)||defined(X3D_GEOMETRY_3D))&&defined(X3D_STYLE_PROPERTIES)
 uniform x3d_FillPropertiesParameters x3d_FillProperties;vec4 getHatchColor(vec4 color){vec4 finalColor=x3d_FillProperties.filled?color:vec4(0.0);
 #if defined(X3D_STYLE_PROPERTIES_TEXTURE)
@@ -92825,21 +92514,21 @@ return finalColor;}
 `
 ;
 
-x_ite_Namespace .add ("Hatch2.glsl", "assets/shaders/webgl2/include/Hatch2.glsl", Hatch2_glsl_default_);
+x_ite_Namespace .add ("Hatch2.glsl", "assets/shaders/webgl2/common/Hatch2.glsl", Hatch2_glsl_default_);
 /* harmony default export */ const Hatch2_glsl = (Hatch2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Line22.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/Line22.glsl.js
 const Line22_glsl_default_ = /* glsl */ `struct Line2{vec2 point;vec2 direction;};Line2 line2(const in vec2 point1,const in vec2 point2){return Line2(point1,normalize(point2-point1));}vec2 closest_point(const in Line2 line,const in vec2 point){vec2 r=point-line.point;float d=dot(r,line.direction);return line.direction*d+line.point;}
 `
 ;
 
-x_ite_Namespace .add ("Line22.glsl", "assets/shaders/webgl2/include/Line22.glsl", Line22_glsl_default_);
+x_ite_Namespace .add ("Line22.glsl", "assets/shaders/webgl2/common/Line22.glsl", Line22_glsl_default_);
 /* harmony default export */ const Line22_glsl = (Line22_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Material2.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/Material2.glsl.js
 const Material2_glsl_default_ = /* glsl */ `uniform x3d_MaterialParameters x3d_Material;
 #if defined(X3D_LIGHTING)
 #pragma X3D include "SpotFactor.glsl"
 #pragma X3D include "Shadow.glsl"
-uniform x3d_LightSourceParameters x3d_LightSource[X3D_NUM_LIGHTS];vec3 getMaterialColor(const in vec3 vertex,const in vec3 N,const in vec3 ambientColor,const in vec3 diffuseColor,const in vec3 specularColor,const in float shininess){vec3 V=normalize(-vertex);vec3 finalColor=vec3(0.0);for(int i=0;i<X3D_NUM_LIGHTS;++i){x3d_LightSourceParameters light=x3d_LightSource[i];vec3 vL=light.location-vertex;float dL=length(light.matrix*vL);bool di=light.type==x3d_DirectionalLight;if(di||dL<=light.radius){vec3 d=light.direction;vec3 c=light.attenuation;vec3 L=di?-d:normalize(vL);vec3 H=normalize(L+V);float lightAngle=max(dot(N,L),0.0);vec3 diffuseTerm=diffuseColor*lightAngle;float specularFactor=shininess>0.0?pow(max(dot(N,H),0.0),shininess*128.0):1.0;vec3 specularTerm=specularColor*specularFactor;float attenuationFactor=di?1.0:1.0/max(dot(c,vec3(1.0,dL,dL*dL)),1.0);float spotFactor=light.type==x3d_SpotLight?getSpotFactor(light.cutOffAngle,light.beamWidth,L,d):1.0;float attenuationSpotFactor=attenuationFactor*spotFactor;vec3 ambientTerm=light.ambientIntensity*ambientColor;vec3 diffuseSpecularTerm=light.intensity*(diffuseTerm+specularTerm);
+uniform x3d_LightSourceParameters x3d_LightSource[X3D_NUM_LIGHTS];vec3 getMaterialColor(const in vec3 vertex,const in vec3 N,const in vec3 ambientColor,const in vec3 diffuseColor,const in vec3 specularColor,const in float shininess){vec3 V=normalize(-vertex);vec3 finalColor=vec3(0.0);for(int i=0;i<X3D_NUM_LIGHTS;++i){x3d_LightSourceParameters light=x3d_LightSource[i];vec3 vL=light.location-vertex;float dL=length(light.matrix*vL);if(dL<=light.radius||light.radius<0.0){bool di=light.type==x3d_DirectionalLight;vec3 d=light.direction;vec3 c=light.attenuation;vec3 L=di?-d:normalize(vL);vec3 H=normalize(L+V);float lightAngle=max(dot(N,L),0.0);vec3 diffuseTerm=diffuseColor*lightAngle;float specularFactor=shininess>0.0?pow(max(dot(N,H),0.0),shininess*128.0):1.0;vec3 specularTerm=specularColor*specularFactor;float attenuationFactor=di?1.0:1.0/max(dot(c,vec3(1.0,dL,dL*dL)),1.0);float spotFactor=light.type==x3d_SpotLight?getSpotFactor(light.cutOffAngle,light.beamWidth,L,d):1.0;float attenuationSpotFactor=attenuationFactor*spotFactor;vec3 ambientTerm=light.ambientIntensity*ambientColor;vec3 diffuseSpecularTerm=light.intensity*(diffuseTerm+specularTerm);
 #if defined(X3D_FRAGMENT_SHADER)&&defined(X3D_SHADOWS)
 if(lightAngle>0.0&&light.shadowIntensity>0.0)diffuseSpecularTerm=mix(diffuseSpecularTerm,light.shadowColor,getShadowIntensity(i,light));
 #endif
@@ -92848,11 +92537,11 @@ finalColor+=attenuationSpotFactor*light.color*(ambientTerm+diffuseSpecularTerm);
 `
 ;
 
-x_ite_Namespace .add ("Material2.glsl", "assets/shaders/webgl2/include/Material2.glsl", Material2_glsl_default_);
+x_ite_Namespace .add ("Material2.glsl", "assets/shaders/webgl2/common/Material2.glsl", Material2_glsl_default_);
 /* harmony default export */ const Material2_glsl = (Material2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Normal2.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/Normal2.glsl.js
 const Normal2_glsl_default_ = /* glsl */ `#if defined(X3D_NORMAL_TEXTURE)
-mat3 getTBNMatrix(const in vec2 texCoord){vec3 pos_dx=dFdx(vertex);vec3 pos_dy=dFdy(vertex);vec3 tex_dx=dFdx(vec3(texCoord,0.0));vec3 tex_dy=dFdy(vec3(texCoord,0.0));vec3 t=(tex_dy.t*pos_dx-tex_dx.t*pos_dy)/(tex_dx.s*tex_dy.t-tex_dy.s*tex_dx.t);vec3 N=normalize(normal);vec3 T=normalize(t-N*dot(N,t));vec3 B=normalize(cross(N,T));mat3 tbn=mat3(T,B,N);return tbn;}
+mat3 getTBNMatrix(const in vec2 texCoord){vec3 pos_dx=dFdx(vertex);vec3 pos_dy=dFdy(vertex);vec2 tex_dx=dFdx(texCoord);vec2 tex_dy=dFdy(texCoord);vec3 t=(tex_dy.t*pos_dx-tex_dx.t*pos_dy)/(tex_dx.s*tex_dy.t-tex_dy.s*tex_dx.t);vec3 N=normalize(normal);vec3 T=normalize(t-N*dot(N,t));vec3 B=normalize(cross(N,T));mat3 tbn=mat3(T,B,N);return tbn;}
 #endif
 #if defined(X3D_NORMAL_TEXTURE)
 uniform x3d_NormalTextureParameters x3d_NormalTexture;
@@ -92875,9 +92564,9 @@ return normalize(normal)*facing;
 `
 ;
 
-x_ite_Namespace .add ("Normal2.glsl", "assets/shaders/webgl2/include/Normal2.glsl", Normal2_glsl_default_);
+x_ite_Namespace .add ("Normal2.glsl", "assets/shaders/webgl2/common/Normal2.glsl", Normal2_glsl_default_);
 /* harmony default export */ const Normal2_glsl = (Normal2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Particle2.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/Particle2.glsl.js
 const Particle2_glsl_default_ = /* glsl */ `#if defined(X3D_PARTICLE_SYSTEM)
 #if defined(X3D_TEX_COORD_RAMP)
 uniform sampler2D x3d_TexCoordRamp;in vec4 x3d_Particle;vec4 getParticleTexCoord(const in vec4 texCoord){const int map[6]=int[6](0,1,2,0,2,3);int index0=int(x3d_Particle[3]);return texelFetch(x3d_TexCoordRamp,index0+map[gl_VertexID % 6],0);}
@@ -92892,16 +92581,16 @@ in mat4 x3d_ParticleMatrix;vec4 getParticleVertex(const in vec4 vertex){return x
 `
 ;
 
-x_ite_Namespace .add ("Particle2.glsl", "assets/shaders/webgl2/include/Particle2.glsl", Particle2_glsl_default_);
+x_ite_Namespace .add ("Particle2.glsl", "assets/shaders/webgl2/common/Particle2.glsl", Particle2_glsl_default_);
 /* harmony default export */ const Particle2_glsl = (Particle2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Perlin2.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/Perlin2.glsl.js
 const Perlin2_glsl_default_ = /* glsl */ `float rand(const in vec2 co){return fract(sin(dot(co.xy,vec2(12.9898,78.233)))*43758.5453);}float rand(const in vec2 co,const in float l){return rand(vec2(rand(co),l));}float rand(const in vec2 co,const in float l,const in float t){return rand(vec2(rand(co,l),t));}float perlin(const in vec2 p,const in float dim,const in float time){const float M_PI=3.14159265358979323846;vec2 pos=floor(p*dim);vec2 posx=pos+vec2(1.0,0.0);vec2 posy=pos+vec2(0.0,1.0);vec2 posxy=pos+vec2(1.0);float c=rand(pos,dim,time);float cx=rand(posx,dim,time);float cy=rand(posy,dim,time);float cxy=rand(posxy,dim,time);vec2 d=fract(p*dim);d=-0.5*cos(d*M_PI)+0.5;float ccx=mix(c,cx,d.x);float cycxy=mix(cy,cxy,d.x);float center=mix(ccx,cycxy,d.y);return center*2.0-1.0;}vec3 perlin(const in vec3 p){return vec3(perlin(p.xy,1.0,0.0),perlin(p.yz,1.0,0.0),perlin(p.zx,1.0,0.0));}
 `
 ;
 
-x_ite_Namespace .add ("Perlin2.glsl", "assets/shaders/webgl2/include/Perlin2.glsl", Perlin2_glsl_default_);
+x_ite_Namespace .add ("Perlin2.glsl", "assets/shaders/webgl2/common/Perlin2.glsl", Perlin2_glsl_default_);
 /* harmony default export */ const Perlin2_glsl = (Perlin2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Point2.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/Point2.glsl.js
 const Point2_glsl_default_ = /* glsl */ `#if defined(X3D_GEOMETRY_0D)&&defined(X3D_STYLE_PROPERTIES)
 #if defined(X3D_TEXTURE)||defined(X3D_MATERIAL_TEXTURES)
 void setPointTexCoords(){vec4 texCoord=vec4(gl_PointCoord.x,1.0-gl_PointCoord.y,0.0,1.0);
@@ -92927,9 +92616,9 @@ in float pointSize;vec4 getPointColor(in vec4 color){if(pointSize>1.0)color.a*=c
 `
 ;
 
-x_ite_Namespace .add ("Point2.glsl", "assets/shaders/webgl2/include/Point2.glsl", Point2_glsl_default_);
+x_ite_Namespace .add ("Point2.glsl", "assets/shaders/webgl2/common/Point2.glsl", Point2_glsl_default_);
 /* harmony default export */ const Point2_glsl = (Point2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/PointSize2.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/PointSize2.glsl.js
 const PointSize2_glsl_default_ = /* glsl */ `#if defined(X3D_GEOMETRY_0D)&&defined(X3D_STYLE_PROPERTIES)
 uniform x3d_PointPropertiesParameters x3d_PointProperties;out float pointSize;float getPointSize(const in vec3 vertex){float pointSizeMinValue=x3d_PointProperties.pointSizeMinValue;float pointSizeMaxValue=x3d_PointProperties.pointSizeMaxValue;vec3 attenuation=x3d_PointProperties.attenuation;float dL=length(vertex);float pointSize=0.0;pointSize=x3d_PointProperties.pointSizeScaleFactor;pointSize/=dot(attenuation,vec3(1.0,dL,dL*dL));pointSize=clamp(pointSize,pointSizeMinValue,pointSizeMaxValue);
 #if defined(X3D_TEXTURE)||defined(X3D_MATERIAL_TEXTURE)
@@ -92942,9 +92631,9 @@ return pointSize+1.0-step(pointSize,1.0);
 `
 ;
 
-x_ite_Namespace .add ("PointSize2.glsl", "assets/shaders/webgl2/include/PointSize2.glsl", PointSize2_glsl_default_);
+x_ite_Namespace .add ("PointSize2.glsl", "assets/shaders/webgl2/common/PointSize2.glsl", PointSize2_glsl_default_);
 /* harmony default export */ const PointSize2_glsl = (PointSize2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Shadow2.glsl.js
+;// 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){
 #if X3D_NUM_LIGHTS>0
@@ -92990,9 +92679,9 @@ vec4 shadowCoord=light.shadowMatrix*vec4(vertex,1.0);shadowCoord.z-=light.shadow
 `
 ;
 
-x_ite_Namespace .add ("Shadow2.glsl", "assets/shaders/webgl2/include/Shadow2.glsl", Shadow2_glsl_default_);
+x_ite_Namespace .add ("Shadow2.glsl", "assets/shaders/webgl2/common/Shadow2.glsl", Shadow2_glsl_default_);
 /* harmony default export */ const Shadow2_glsl = (Shadow2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Skin2.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/Skin2.glsl.js
 const Skin2_glsl_default_ = /* glsl */ `#if defined(X3D_SKINNING)
 in float x3d_CoordIndex;uniform sampler2D x3d_JointsTexture;uniform sampler2D x3d_DisplacementsTexture;uniform sampler2D x3d_JointMatricesTexture;mat4 getJointMatrix(const in int joint){vec4 a=texelFetch(x3d_JointMatricesTexture,joint*8,0);vec4 b=texelFetch(x3d_JointMatricesTexture,joint*8+1,0);vec4 c=texelFetch(x3d_JointMatricesTexture,joint*8+2,0);vec4 d=texelFetch(x3d_JointMatricesTexture,joint*8+3,0);return mat4(a,b,c,d);}mat3 getDisplacementJointMatrix(const in int joint){mat4 m=getJointMatrix(joint);return mat3(m[0].xyz,m[1].xyz,m[2].xyz);}
 #if defined(X3D_NORMALS)
@@ -93018,16 +92707,16 @@ skinNormal+=(getJointNormalMatrix(joint)*normal-normal)*weight;
 `
 ;
 
-x_ite_Namespace .add ("Skin2.glsl", "assets/shaders/webgl2/include/Skin2.glsl", Skin2_glsl_default_);
+x_ite_Namespace .add ("Skin2.glsl", "assets/shaders/webgl2/common/Skin2.glsl", Skin2_glsl_default_);
 /* harmony default export */ const Skin2_glsl = (Skin2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/SpotFactor2.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/SpotFactor2.glsl.js
 const SpotFactor2_glsl_default_ = /* glsl */ `float getSpotFactor(const in float cutOffAngle,const in float beamWidth,const in vec3 L,const in vec3 d){float spotAngle=acos(clamp(dot(-L,d),-1.0,1.0));if(spotAngle>=cutOffAngle)return 0.0;else if(spotAngle<=beamWidth)return 1.0;return(spotAngle-cutOffAngle)/(beamWidth-cutOffAngle);}
 `
 ;
 
-x_ite_Namespace .add ("SpotFactor2.glsl", "assets/shaders/webgl2/include/SpotFactor2.glsl", SpotFactor2_glsl_default_);
+x_ite_Namespace .add ("SpotFactor2.glsl", "assets/shaders/webgl2/common/SpotFactor2.glsl", SpotFactor2_glsl_default_);
 /* harmony default export */ const SpotFactor2_glsl = (SpotFactor2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Stipple2.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/Stipple2.glsl.js
 const Stipple2_glsl_default_ = /* glsl */ `#if defined(X3D_GEOMETRY_1D)&&defined(X3D_STYLE_PROPERTIES)
 #pragma X3D include "Line2.glsl"
 uniform x3d_LinePropertiesParameters x3d_LineProperties;flat in float lengthSoFar;flat in vec2 startPoint;in vec2 midPoint;void stipple(){vec2 point=closest_point(line2(startPoint,midPoint),gl_FragCoord.xy);float s=(lengthSoFar+length(point-startPoint))*x3d_LineProperties.lineStippleScale;
@@ -93047,9 +92736,9 @@ if(x3d_LineProperties.linetype==16)return;int linetype=x3d_LineProperties.linety
 `
 ;
 
-x_ite_Namespace .add ("Stipple2.glsl", "assets/shaders/webgl2/include/Stipple2.glsl", Stipple2_glsl_default_);
+x_ite_Namespace .add ("Stipple2.glsl", "assets/shaders/webgl2/common/Stipple2.glsl", Stipple2_glsl_default_);
 /* harmony default export */ const Stipple2_glsl = (Stipple2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Texture2.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/Texture2.glsl.js
 const Texture2_glsl_default_ = /* glsl */ `#if defined(X3D_TEXTURE)||defined(X3D_MATERIAL_TEXTURES)
 #pragma X3D include "Perlin.glsl"
 vec4 texCoords[X3D_NUM_TEXTURE_COORDINATES];void setTexCoords(){
@@ -93100,9 +92789,16 @@ return texture(x3d_TextureCube[1],texCoord.stp);
 #if defined(X3D_MULTI_TEXTURING)
 uniform vec4 x3d_MultiTextureColor;uniform x3d_MultiTextureParameters x3d_MultiTexture[X3D_NUM_TEXTURES];
 #endif
+#if defined(X3D_PHYSICAL_MATERIAL)
+vec4 sRGBToLinear(const in vec4 srgbIn);
+#endif
 vec4 getTextureColor(const in vec4 diffuseColor,const in vec4 specularColor){
 #if defined(X3D_MULTI_TEXTURING)
-vec4 currentColor=diffuseColor;for(int i=0;i<X3D_NUM_TEXTURES;++i){vec3 texCoord=getTexCoord(min(i,X3D_NUM_TEXTURE_TRANSFORMS-1),min(i,X3D_NUM_TEXTURE_COORDINATES-1));vec4 textureColor=getTexture(i,texCoord);x3d_MultiTextureParameters multiTexture=x3d_MultiTexture[i];vec4 arg1=textureColor;vec4 arg2=currentColor;int source=multiTexture.source;switch(source){case x3d_Diffuse:{arg1=diffuseColor;break;}case x3d_Specular:{arg1=specularColor;break;}case x3d_Factor:{arg1=x3d_MultiTextureColor;break;}}int function=multiTexture.function;switch(function){case x3d_Complement:{arg1=1.0-arg1;break;}case x3d_AlphaReplicate:{arg1.a=arg2.a;break;}}int mode=multiTexture.mode;int alphaMode=multiTexture.alphaMode;switch(mode){case x3d_Replace:{currentColor.rgb=arg1.rgb;break;}case x3d_Modulate:{currentColor.rgb=arg1.rgb*arg2.rgb;break;}case x3d_Modulate2X:{currentColor.rgb=(arg1.rgb*arg2.rgb)*2.0;break;}case x3d_Modulate4X:{currentColor.rgb=(arg1.rgb*arg2.rgb)*4.0;break;}case x3d_Add:{currentColor.rgb=arg1.rgb+arg2.rgb;break;}case x3d_AddSigned:{currentColor.rgb=arg1.rgb+arg2.rgb-0.5;break;}case x3d_AddSigned2X:{currentColor.rgb=(arg1.rgb+arg2.rgb-0.5)*2.0;break;}case x3d_AddSmooth:{currentColor.rgb=arg1.rgb+(1.0-arg1.rgb)*arg2.rgb;break;}case x3d_Subtract:{currentColor.rgb=arg1.rgb-arg2.rgb;break;}case x3d_BlendDiffuseAlpha:{currentColor.rgb=arg1.rgb*diffuseColor.a+arg2.rgb*(1.0-diffuseColor.a);break;}case x3d_BlendTextureAlpha:{currentColor.rgb=arg1.rgb*arg1.a+arg2.rgb*(1.0-arg1.a);break;}case x3d_BlendFactorAlpha:{currentColor.rgb=arg1.rgb*x3d_MultiTextureColor.a+arg2.rgb*(1.0-x3d_MultiTextureColor.a);break;}case x3d_BlendCurrentAlpha:{currentColor.rgb=arg1.rgb*arg2.a+arg2.rgb*(1.0-arg2.a);break;}case x3d_ModulateAlphaAddColor:{currentColor.rgb=arg1.rgb+arg1.a*arg2.rgb;break;}case x3d_ModulateInvAlphaAddColor:{currentColor.rgb=(1.0-arg1.a)*arg2.rgb+arg1.rgb;break;}case x3d_ModulateInvColorAddAlpha:{currentColor.rgb=(1.0-arg1.rgb)*arg2.rgb+arg1.a;break;}case x3d_DotProduct3:{currentColor.rgb=vec3(dot(arg1.rgb*2.0-1.0,arg2.rgb*2.0-1.0));break;}case x3d_SelectArg1:{currentColor.rgb=arg1.rgb;break;}case x3d_SelectArg2:{currentColor.rgb=arg2.rgb;break;}case x3d_Off:{break;}}switch(alphaMode){case x3d_Replace:{currentColor.a=arg1.a;break;}case x3d_Modulate:{currentColor.a=arg1.a*arg2.a;break;}case x3d_Modulate2X:{currentColor.a=(arg1.a*arg2.a)*2.0;break;}case x3d_Modulate4X:{currentColor.a=(arg1.a*arg2.a)*4.0;break;}case x3d_Add:{currentColor.a=arg1.a+arg2.a;break;}case x3d_AddSigned:{currentColor.a=arg1.a+arg2.a-0.5;break;}case x3d_AddSigned2X:{currentColor.a=(arg1.a+arg2.a-0.5)*2.0;break;}case x3d_AddSmooth:{currentColor.a=arg1.a+(1.0-arg1.a)*arg2.a;break;}case x3d_Subtract:{currentColor.a=arg1.a-arg2.a;break;}case x3d_BlendDiffuseAlpha:{currentColor.a=arg1.a*diffuseColor.a+arg2.a*(1.0-diffuseColor.a);break;}case x3d_BlendTextureAlpha:{currentColor.a=arg1.a*arg1.a+arg2.a*(1.0-arg1.a);break;}case x3d_BlendFactorAlpha:{currentColor.a=arg1.a*x3d_MultiTextureColor.a+arg2.a*(1.0-x3d_MultiTextureColor.a);break;}case x3d_BlendCurrentAlpha:{currentColor.a=arg1.a*arg2.a+arg2.a*(1.0-arg2.a);break;}case x3d_ModulateAlphaAddColor:{currentColor.a=arg1.a+arg1.a*arg2.a;break;}case x3d_ModulateInvAlphaAddColor:{currentColor.a=(1.0-arg1.a)*arg2.a+arg1.a;break;}case x3d_ModulateInvColorAddAlpha:{currentColor.a=(1.0-arg1.a)*arg2.a+arg1.a;break;}case x3d_DotProduct3:{currentColor.a=dot(arg1.rgb*2.0-1.0,arg2.rgb*2.0-1.0);break;}case x3d_SelectArg1:{currentColor.a=arg1.a;break;}case x3d_SelectArg2:{currentColor.a=arg2.a;break;}case x3d_Off:{break;}}}return currentColor;
+vec4 currentColor=diffuseColor;for(int i=0;i<X3D_NUM_TEXTURES;++i){vec3 texCoord=getTexCoord(min(i,X3D_NUM_TEXTURE_TRANSFORMS-1),min(i,X3D_NUM_TEXTURE_COORDINATES-1));vec4 textureColor=getTexture(i,texCoord);
+#if defined(X3D_PHYSICAL_MATERIAL)
+textureColor=sRGBToLinear(textureColor);
+#endif
+x3d_MultiTextureParameters multiTexture=x3d_MultiTexture[i];vec4 arg1=textureColor;vec4 arg2=currentColor;int source=multiTexture.source;switch(source){case x3d_Diffuse:{arg1=diffuseColor;break;}case x3d_Specular:{arg1=specularColor;break;}case x3d_Factor:{arg1=x3d_MultiTextureColor;break;}}int function=multiTexture.function;switch(function){case x3d_Complement:{arg1=1.0-arg1;break;}case x3d_AlphaReplicate:{arg1.a=arg2.a;break;}}int mode=multiTexture.mode;int alphaMode=multiTexture.alphaMode;switch(mode){case x3d_Replace:{currentColor.rgb=arg1.rgb;break;}case x3d_Modulate:{currentColor.rgb=arg1.rgb*arg2.rgb;break;}case x3d_Modulate2X:{currentColor.rgb=(arg1.rgb*arg2.rgb)*2.0;break;}case x3d_Modulate4X:{currentColor.rgb=(arg1.rgb*arg2.rgb)*4.0;break;}case x3d_Add:{currentColor.rgb=arg1.rgb+arg2.rgb;break;}case x3d_AddSigned:{currentColor.rgb=arg1.rgb+arg2.rgb-0.5;break;}case x3d_AddSigned2X:{currentColor.rgb=(arg1.rgb+arg2.rgb-0.5)*2.0;break;}case x3d_AddSmooth:{currentColor.rgb=arg1.rgb+(1.0-arg1.rgb)*arg2.rgb;break;}case x3d_Subtract:{currentColor.rgb=arg1.rgb-arg2.rgb;break;}case x3d_BlendDiffuseAlpha:{currentColor.rgb=arg1.rgb*diffuseColor.a+arg2.rgb*(1.0-diffuseColor.a);break;}case x3d_BlendTextureAlpha:{currentColor.rgb=arg1.rgb*arg1.a+arg2.rgb*(1.0-arg1.a);break;}case x3d_BlendFactorAlpha:{currentColor.rgb=arg1.rgb*x3d_MultiTextureColor.a+arg2.rgb*(1.0-x3d_MultiTextureColor.a);break;}case x3d_BlendCurrentAlpha:{currentColor.rgb=arg1.rgb*arg2.a+arg2.rgb*(1.0-arg2.a);break;}case x3d_ModulateAlphaAddColor:{currentColor.rgb=arg1.rgb+arg1.a*arg2.rgb;break;}case x3d_ModulateInvAlphaAddColor:{currentColor.rgb=(1.0-arg1.a)*arg2.rgb+arg1.rgb;break;}case x3d_ModulateInvColorAddAlpha:{currentColor.rgb=(1.0-arg1.rgb)*arg2.rgb+arg1.a;break;}case x3d_DotProduct3:{currentColor.rgb=vec3(dot(arg1.rgb*2.0-1.0,arg2.rgb*2.0-1.0));break;}case x3d_SelectArg1:{currentColor.rgb=arg1.rgb;break;}case x3d_SelectArg2:{currentColor.rgb=arg2.rgb;break;}case x3d_Off:{break;}}switch(alphaMode){case x3d_Replace:{currentColor.a=arg1.a;break;}case x3d_Modulate:{currentColor.a=arg1.a*arg2.a;break;}case x3d_Modulate2X:{currentColor.a=(arg1.a*arg2.a)*2.0;break;}case x3d_Modulate4X:{currentColor.a=(arg1.a*arg2.a)*4.0;break;}case x3d_Add:{currentColor.a=arg1.a+arg2.a;break;}case x3d_AddSigned:{currentColor.a=arg1.a+arg2.a-0.5;break;}case x3d_AddSigned2X:{currentColor.a=(arg1.a+arg2.a-0.5)*2.0;break;}case x3d_AddSmooth:{currentColor.a=arg1.a+(1.0-arg1.a)*arg2.a;break;}case x3d_Subtract:{currentColor.a=arg1.a-arg2.a;break;}case x3d_BlendDiffuseAlpha:{currentColor.a=arg1.a*diffuseColor.a+arg2.a*(1.0-diffuseColor.a);break;}case x3d_BlendTextureAlpha:{currentColor.a=arg1.a*arg1.a+arg2.a*(1.0-arg1.a);break;}case x3d_BlendFactorAlpha:{currentColor.a=arg1.a*x3d_MultiTextureColor.a+arg2.a*(1.0-x3d_MultiTextureColor.a);break;}case x3d_BlendCurrentAlpha:{currentColor.a=arg1.a*arg2.a+arg2.a*(1.0-arg2.a);break;}case x3d_ModulateAlphaAddColor:{currentColor.a=arg1.a+arg1.a*arg2.a;break;}case x3d_ModulateInvAlphaAddColor:{currentColor.a=(1.0-arg1.a)*arg2.a+arg1.a;break;}case x3d_ModulateInvColorAddAlpha:{currentColor.a=(1.0-arg1.a)*arg2.a+arg1.a;break;}case x3d_DotProduct3:{currentColor.a=dot(arg1.rgb*2.0-1.0,arg2.rgb*2.0-1.0);break;}case x3d_SelectArg1:{currentColor.a=arg1.a;break;}case x3d_SelectArg2:{currentColor.a=arg2.a;break;}case x3d_Off:{break;}}}return currentColor;
 #else
 vec3 texCoord=getTexCoord(0,0);
 #if defined(X3D_TEXTURE0_2D)
@@ -93112,6 +92808,9 @@ vec4 textureColor=texture(x3d_Texture3D[0],texCoord.stp);
 #elif defined(X3D_TEXTURE0_CUBE)
 vec4 textureColor=texture(x3d_TextureCube[0],texCoord.stp);
 #endif
+#if defined(X3D_PHYSICAL_MATERIAL)
+textureColor=sRGBToLinear(textureColor);
+#endif
 return diffuseColor*textureColor;
 #endif
 }
@@ -93129,18 +92828,18 @@ case 1:return texture(x3d_ProjectiveTexture[1],texCoord);
 `
 ;
 
-x_ite_Namespace .add ("Texture2.glsl", "assets/shaders/webgl2/include/Texture2.glsl", Texture2_glsl_default_);
+x_ite_Namespace .add ("Texture2.glsl", "assets/shaders/webgl2/common/Texture2.glsl", Texture2_glsl_default_);
 /* harmony default export */ const Texture2_glsl = (Texture2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Utils2.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/Utils2.glsl.js
 const Utils2_glsl_default_ = /* glsl */ `#if defined(X3D_SKINNING)||defined(X3D_PARTICLE_SYSTEM)
 vec4 texelFetch(const in sampler2D _sampler,const in int index,const in int lod){int x=textureSize(_sampler,lod).x;ivec2 p=ivec2(index % x,index/x);vec4 t=texelFetch(_sampler,p,lod);return t;}
 #endif
 `
 ;
 
-x_ite_Namespace .add ("Utils2.glsl", "assets/shaders/webgl2/include/Utils2.glsl", Utils2_glsl_default_);
+x_ite_Namespace .add ("Utils2.glsl", "assets/shaders/webgl2/common/Utils2.glsl", Utils2_glsl_default_);
 /* harmony default export */ const Utils2_glsl = (Utils2_glsl_default_);
-;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/include/Vertex2.glsl.js
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/common/Vertex2.glsl.js
 const Vertex2_glsl_default_ = /* glsl */ `uniform mat4 x3d_ProjectionMatrix;uniform mat4 x3d_ModelViewMatrix;
 #if defined(X3D_GEOMETRY_1D)&&defined(X3D_STYLE_PROPERTIES)
 in vec3 x3d_LineStipple;
@@ -93266,11 +92965,11 @@ depth=1.0+gl_Position.w;
 `
 ;
 
-x_ite_Namespace .add ("Vertex2.glsl", "assets/shaders/webgl2/include/Vertex2.glsl", Vertex2_glsl_default_);
+x_ite_Namespace .add ("Vertex2.glsl", "assets/shaders/webgl2/common/Vertex2.glsl", Vertex2_glsl_default_);
 /* harmony default export */ const Vertex2_glsl = (Vertex2_glsl_default_);
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/Default1.vs.js
 const Default1_vs_default_ = /* glsl */ `precision highp float;precision highp int;precision highp sampler2D;precision highp samplerCube;
-#pragma X3D include "include/Vertex.glsl"
+#pragma X3D include "common/Vertex.glsl"
 void main(){vertex_main();}
 `
 ;
@@ -93279,8 +92978,8 @@ x_ite_Namespace .add ("Default1.vs", "assets/shaders/webgl1/Default1.vs", Defaul
 /* harmony default export */ const Default1_vs = (Default1_vs_default_);
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/Depth1.fs.js
 const Depth1_fs_default_ = /* glsl */ `precision highp float;precision highp int;precision highp sampler2D;varying vec3 vertex;
-#pragma X3D include "include/ClipPlanes.glsl"
-#pragma X3D include "include/Point.glsl"
+#pragma X3D include "common/ClipPlanes.glsl"
+#pragma X3D include "common/Point.glsl"
 void main(){
 #if defined(X3D_CLIP_PLANES)
 clip();
@@ -93296,7 +92995,7 @@ x_ite_Namespace .add ("Depth1.fs", "assets/shaders/webgl1/Depth1.fs", Depth1_fs_
 /* harmony default export */ const Depth1_fs = (Depth1_fs_default_);
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/Depth1.vs.js
 const Depth1_vs_default_ = /* glsl */ `precision highp float;precision highp int;uniform mat4 x3d_ProjectionMatrix;uniform mat4 x3d_ModelViewMatrix;attribute vec4 x3d_Vertex;varying vec3 vertex;
-#pragma X3D include "include/PointSize.glsl"
+#pragma X3D include "common/PointSize.glsl"
 void main(){vec4 position=x3d_ModelViewMatrix*x3d_Vertex;vertex=position.xyz;
 #if defined(X3D_GEOMETRY_0D)
 #if defined(X3D_STYLE_PROPERTIES)
@@ -93313,7 +93012,7 @@ x_ite_Namespace .add ("Depth1.vs", "assets/shaders/webgl1/Depth1.vs", Depth1_vs_
 /* harmony default export */ const Depth1_vs = (Depth1_vs_default_);
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/Gouraud1.fs.js
 const Gouraud1_fs_default_ = /* glsl */ `precision highp float;precision highp int;precision highp sampler2D;precision highp samplerCube;
-#pragma X3D include "include/Fragment.glsl"
+#pragma X3D include "common/Fragment.glsl"
 varying vec4 frontColor;
 #if!defined(X3D_GEOMETRY_0D)&&!defined(X3D_GEOMETRY_1D)
 varying vec4 backColor;
@@ -93338,8 +93037,8 @@ x_ite_Namespace .add ("Gouraud1.fs", "assets/shaders/webgl1/Gouraud1.fs", Gourau
 /* harmony default export */ const Gouraud1_fs = (Gouraud1_fs_default_);
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/Gouraud1.vs.js
 const Gouraud1_vs_default_ = /* glsl */ `precision highp float;precision highp int;precision highp sampler2D;precision highp samplerCube;
-#pragma X3D include "include/Vertex.glsl"
-#pragma X3D include "include/Material.glsl"
+#pragma X3D include "common/Vertex.glsl"
+#pragma X3D include "common/Material.glsl"
 varying vec4 frontColor;
 #if!defined(X3D_GEOMETRY_0D)&&!defined(X3D_GEOMETRY_1D)
 varying vec4 backColor;
@@ -93367,112 +93066,51 @@ 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 */ `#extension GL_EXT_shader_texture_lod:enable
-precision highp float;precision highp int;precision highp sampler2D;precision highp samplerCube;
-#pragma X3D include "include/Fragment.glsl"
-#pragma X3D include "include/Colors.glsl"
-#pragma X3D include "include/Normal.glsl"
-#pragma X3D include "include/SpotFactor.glsl"
-#pragma X3D include "include/Shadow.glsl"
+const PBR1_fs_default_ = /* glsl */ `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_LIGHTING)
 uniform x3d_LightSourceParameters x3d_LightSource[X3D_NUM_LIGHTS];
 #endif
 uniform x3d_PhysicalMaterialParameters x3d_Material;
-#if defined(USE_IBL)
-uniform samplerCube diffuseEnvironmentTexture;uniform samplerCube specularEnvironmentTexture;uniform sampler2D brdfLUT;
-#endif
-#if defined(X3D_BASE_TEXTURE)
-uniform x3d_BaseTextureParameters x3d_BaseTexture;
-#endif
-vec4 getBaseColor(){float alpha=1.0-x3d_Material.transparency;
-#if defined(X3D_COLOR_MATERIAL)
-vec4 baseParameter=vec4(color.rgb,color.a*alpha);
-#else
-vec4 baseParameter=vec4(x3d_Material.baseColor,alpha);
-#endif
-#if defined(X3D_BASE_TEXTURE)
-vec3 texCoord=getTexCoord(x3d_BaseTexture.textureTransformMapping,x3d_BaseTexture.textureCoordinateMapping);
-#if defined(X3D_BASE_TEXTURE_2D)
-return baseParameter*SRGBtoLINEAR(texture2D(x3d_BaseTexture.texture2D,texCoord.st));
-#elif defined(X3D_BASE_TEXTURE_CUBE)
-return baseParameter*SRGBtoLINEAR(textureCube(x3d_BaseTexture.textureCube,texCoord));
-#endif
-#elif defined(X3D_TEXTURE)
-return getTextureColor(baseParameter,vec4(vec3(1.0),alpha));
-#else
-return baseParameter;
-#endif
-}
-#if defined(X3D_EMISSIVE_TEXTURE)
-uniform x3d_EmissiveTextureParameters x3d_EmissiveTexture;
-#endif
-vec3 getEmissiveColor(){vec3 emissiveParameter=x3d_Material.emissiveColor;
-#if defined(X3D_EMISSIVE_TEXTURE)
-vec3 texCoord=getTexCoord(x3d_EmissiveTexture.textureTransformMapping,x3d_EmissiveTexture.textureCoordinateMapping);
-#if defined(X3D_EMISSIVE_TEXTURE_2D)
-return emissiveParameter*SRGBtoLINEAR(texture2D(x3d_EmissiveTexture.texture2D,texCoord.st)).rgb;
-#elif defined(X3D_EMISSIVE_TEXTURE_CUBE)
-return emissiveParameter*SRGBtoLINEAR(textureCube(x3d_EmissiveTexture.textureCube,texCoord)).rgb;
-#endif
-#else
-return emissiveParameter.rgb;
+#pragma X3D include "pbr/BDRF.glsl"
+#pragma X3D include "pbr/ToneMapping.glsl"
+#pragma X3D include "pbr/MaterialInfo.glsl"
+#pragma X3D include "pbr/Punctual.glsl"
+vec4 getMaterialColor(){vec4 baseColor=getBaseColor();vec3 n=getNormalVector(x3d_Material.normalScale);vec3 v=normalize(-vertex);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_METALLIC_ROUGHNESS_TEXTURE)
-uniform x3d_MetallicRoughnessTextureParameters x3d_MetallicRoughnessTexture;
+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=max(max(materialInfo.f0.r,materialInfo.f0.g),materialInfo.f0.b);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_USE_IBL)
 #endif
-vec2 getMetallicRoughness(){float metallic=x3d_Material.metallic;float perceptualRoughness=x3d_Material.roughness;
-#if defined(X3D_METALLIC_ROUGHNESS_TEXTURE)
-vec3 texCoord=getTexCoord(x3d_MetallicRoughnessTexture.textureTransformMapping,x3d_MetallicRoughnessTexture.textureCoordinateMapping);
-#if defined(X3D_METALLIC_ROUGHNESS_TEXTURE_2D)
-vec4 mrSample=texture2D(x3d_MetallicRoughnessTexture.texture2D,texCoord.st);
-#elif defined(X3D_METALLIC_ROUGHNESS_TEXTURE_CUBE)
-vec4 mrSample=textureCube(x3d_MetallicRoughnessTexture.textureCube,texCoord);
-#endif
-metallic*=mrSample.b;perceptualRoughness*=mrSample.g;return vec2(metallic,perceptualRoughness);
-#else
-return vec2(metallic,perceptualRoughness);
+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 NdotV=clamp(dot(n,v),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,pointToLight,distanceToLight);
+#if defined(X3D_SHADOWS)
+if(light.shadowIntensity>0.0)intensity=mix(intensity,light.shadowColor,getShadowIntensity(i,light));
 #endif
-}
-#if defined(X3D_OCCLUSION_TEXTURE)
-uniform x3d_OcclusionTextureParameters x3d_OcclusionTexture;
+f_diffuse+=intensity*NdotL*BRDF_lambertian(materialInfo.f0,materialInfo.f90,materialInfo.c_diff,materialInfo.specularWeight,VdotH);f_specular+=intensity*NdotL*BRDF_specularGGX(materialInfo.f0,materialInfo.f90,materialInfo.alphaRoughness,materialInfo.specularWeight,VdotH,NdotL,NdotV,NdotH);}}}
 #endif
-float getOcclusionFactor(){
+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)
-vec3 texCoord=getTexCoord(x3d_OcclusionTexture.textureTransformMapping,x3d_OcclusionTexture.textureCoordinateMapping);
-#if defined(X3D_OCCLUSION_TEXTURE_2D)
-return texture2D(x3d_OcclusionTexture.texture2D,texCoord.st).r;
-#elif defined(X3D_OCCLUSION_TEXTURE_CUBE)
-return textureCube(x3d_OcclusionTexture.textureCube,texCoord).r;
-#endif
+float ao=getOcclusionFactor();diffuse=f_diffuse+mix(f_diffuse_ibl,f_diffuse_ibl*ao,x3d_Material.occlusionStrength);specular=f_specular+mix(f_specular_ibl,f_specular_ibl*ao,x3d_Material.occlusionStrength);sheen=f_sheen+mix(f_sheen_ibl,f_sheen_ibl*ao,x3d_Material.occlusionStrength);clearcoat=f_clearcoat+mix(f_clearcoat_ibl,f_clearcoat_ibl*ao,x3d_Material.occlusionStrength);
 #else
-return 1.0;
+diffuse=f_diffuse_ibl+f_diffuse;specular=f_specular_ibl+f_specular;sheen=f_sheen_ibl+f_sheen;clearcoat=f_clearcoat_ibl+f_clearcoat;
 #endif
-}struct PBRInfo{float NdotL;float NdotV;float NdotH;float LdotH;float VdotH;float perceptualRoughness;float metalness;vec3 reflectance0;vec3 reflectance90;float alphaRoughness;vec3 diffuseColor;vec3 specularColor;};const float M_PI=3.141592653589793;const float c_MinRoughness=0.04;
-#if defined(USE_IBL)
-vec3 getIBLContribution(const in PBRInfo pbrInputs,vec3 n,const in vec3 reflection){float mipCount=9.0;float lod=pbrInputs.perceptualRoughness*mipCount;vec3 brdf=SRGBtoLINEAR(texture2D(brdfLUT,vec2(pbrInputs.NdotV,1.0-pbrInputs.perceptualRoughness))).rgb;vec3 diffuseLight=SRGBtoLINEAR(textureCube(diffuseEnvironmentTexture,n)).rgb;
-#if defined(USE_TEX_LOD)
-vec3 specularLight=SRGBtoLINEAR(textureCubeLodEXT(specularEnvironmentTexture,reflection,lod)).rgb;
+vec3 color=vec3(0.0);
+#if defined(X3D_MATERIAL_UNLIT)
+color=baseColor.rgb;
 #else
-vec3 specularLight=SRGBtoLINEAR(textureCube(specularEnvironmentTexture,reflection)).rgb;
-#endif
-vec3 diffuse=diffuseLight*pbrInputs.diffuseColor;vec3 specular=specularLight*(pbrInputs.specularColor*brdf.x+brdf.y);return diffuse+specular;}
+color=f_emissive+diffuse+specular;color=sheen+color*albedoSheenScaling;color=color*(1.0-clearcoatFactor*clearcoatFresnel)+clearcoat;
 #endif
-vec3 diffuse(const in PBRInfo pbrInputs){return pbrInputs.diffuseColor/M_PI;}vec3 specularReflection(const in PBRInfo pbrInputs){return pbrInputs.reflectance0+(pbrInputs.reflectance90-pbrInputs.reflectance0)*pow(clamp(1.0-pbrInputs.VdotH,0.0,1.0),5.0);}float geometricOcclusion(const in PBRInfo pbrInputs){float NdotL=pbrInputs.NdotL;float NdotV=pbrInputs.NdotV;float r=pbrInputs.alphaRoughness;float attenuationL=2.0*NdotL/(NdotL+sqrt(r*r+(1.0-r*r)*(NdotL*NdotL)));float attenuationV=2.0*NdotV/(NdotV+sqrt(r*r+(1.0-r*r)*(NdotV*NdotV)));return attenuationL*attenuationV;}float microfacetDistribution(const in PBRInfo pbrInputs){float roughnessSq=pbrInputs.alphaRoughness*pbrInputs.alphaRoughness;float f=(pbrInputs.NdotH*roughnessSq-pbrInputs.NdotH)*pbrInputs.NdotH+1.0;return roughnessSq/(M_PI*f*f);}vec4 getMaterialColor(){vec2 metallicRoughness=getMetallicRoughness();float perceptualRoughness=clamp(metallicRoughness[1],c_MinRoughness,1.0);float metallic=clamp(metallicRoughness[0],0.0,1.0);float alphaRoughness=perceptualRoughness*perceptualRoughness;vec4 baseColor=getBaseColor();float alpha=baseColor.a;vec3 f0=vec3(0.04);vec3 diffuseColor=baseColor.rgb*(vec3(1.0)-f0);diffuseColor*=1.0-metallic;vec3 specularColor=mix(f0,baseColor.rgb,metallic);float reflectance=max(max(specularColor.r,specularColor.g),specularColor.b);float reflectance90=clamp(reflectance*25.0,0.0,1.0);vec3 specularEnvironmentR0=specularColor.rgb;vec3 specularEnvironmentR90=vec3(1.0,1.0,1.0)*reflectance90;vec3 n=getNormalVector(x3d_Material.normalScale);vec3 v=normalize(-vertex);vec3 finalColor=vec3(0.0);
-#if defined(X3D_LIGHTING)
-for(int i=0;i<X3D_NUM_LIGHTS;i++){x3d_LightSourceParameters light=x3d_LightSource[i];vec3 vL=light.location-vertex;float dL=length(light.matrix*vL);bool di=light.type==x3d_DirectionalLight;if(di||dL<=light.radius){vec3 d=light.direction;vec3 c=light.attenuation;vec3 L=di?-d:normalize(vL);vec3 l=normalize(L);vec3 h=normalize(l+v);float NdotL=clamp(dot(n,l),0.001,1.0);float NdotV=abs(dot(n,v))+0.001;float NdotH=clamp(dot(n,h),0.0,1.0);float LdotH=clamp(dot(l,h),0.0,1.0);float VdotH=clamp(dot(v,h),0.0,1.0);PBRInfo pbrInputs=PBRInfo(NdotL,NdotV,NdotH,LdotH,VdotH,perceptualRoughness,metallic,specularEnvironmentR0,specularEnvironmentR90,alphaRoughness,diffuseColor,specularColor);vec3 F=specularReflection(pbrInputs);float G=geometricOcclusion(pbrInputs);float D=microfacetDistribution(pbrInputs);float attenuationFactor=di?1.0:1.0/max(dot(c,vec3(1.0,dL,dL*dL)),1.0);float spotFactor=light.type==x3d_SpotLight?getSpotFactor(light.cutOffAngle,light.beamWidth,L,d):1.0;float attenuationSpotFactor=attenuationFactor*spotFactor;vec3 diffuseContrib=(1.0-F)*diffuse(pbrInputs);vec3 specContrib=F*G*D/(4.0*NdotL*NdotV);vec3 diffuseSpecContrib=light.intensity*(diffuseContrib+specContrib);
-#if defined(X3D_SHADOWS)
-if(NdotL>0.001&&light.shadowIntensity>0.0)diffuseSpecContrib=mix(diffuseSpecContrib,light.shadowColor,getShadowIntensity(i,light));
-#endif
-vec3 color=NdotL*attenuationSpotFactor*light.color*diffuseSpecContrib;finalColor+=color;}}
-#endif
-#if defined(USE_IBL)
-vec3 reflection=-normalize(reflect(v,n));finalColor+=getIBLContribution(pbrInputs,n,reflection);
-#endif
-#if defined(X3D_OCCLUSION_TEXTURE)
-finalColor=mix(finalColor,finalColor*getOcclusionFactor(),x3d_Material.occlusionStrength);
+#if defined(X3D_LINEAR_OUTPUT)
+return vec4(color.rgb,baseColor.a);
+#else
+return vec4(toneMap(color),baseColor.a);
 #endif
-finalColor+=getEmissiveColor();return Gamma(vec4(finalColor,alpha));}void main(){fragment_main();}
+}void main(){fragment_main();}
 `
 ;
 
@@ -93480,9 +93118,9 @@ x_ite_Namespace .add ("PBR1.fs", "assets/shaders/webgl1/PBR1.fs", PBR1_fs_defaul
 /* harmony default export */ const PBR1_fs = (PBR1_fs_default_);
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/Phong1.fs.js
 const Phong1_fs_default_ = /* glsl */ `precision highp float;precision highp int;precision highp sampler2D;precision highp samplerCube;
-#pragma X3D include "include/Fragment.glsl"
-#pragma X3D include "include/Material.glsl"
-#pragma X3D include "include/Normal.glsl"
+#pragma X3D include "common/Fragment.glsl"
+#pragma X3D include "common/Material.glsl"
+#pragma X3D include "common/Normal.glsl"
 #if defined(X3D_AMBIENT_TEXTURE)
 uniform x3d_AmbientTextureParameters x3d_AmbientTexture;
 #endif
@@ -93510,16 +93148,14 @@ vec4 diffuseParameter=vec4(x3d_Material.diffuseColor,alpha);
 #if defined(X3D_DIFFUSE_TEXTURE)
 vec3 texCoord=getTexCoord(x3d_DiffuseTexture.textureTransformMapping,x3d_DiffuseTexture.textureCoordinateMapping);
 #if defined(X3D_DIFFUSE_TEXTURE_2D)
-return diffuseParameter*texture2D(x3d_DiffuseTexture.texture2D,texCoord.st);
+diffuseParameter*=texture2D(x3d_DiffuseTexture.texture2D,texCoord.st);
 #elif defined(X3D_DIFFUSE_TEXTURE_CUBE)
-return diffuseParameter*textureCube(x3d_DiffuseTexture.textureCube,texCoord);
+diffuseParameter*=textureCube(x3d_DiffuseTexture.textureCube,texCoord);
 #endif
 #elif defined(X3D_TEXTURE)
-return getTextureColor(diffuseParameter,vec4(x3d_Material.specularColor,alpha));
-#else
-return diffuseParameter;
+diffuseParameter=getTextureColor(diffuseParameter,vec4(x3d_Material.specularColor,alpha));
 #endif
-}
+return diffuseParameter;}
 #if defined(X3D_SPECULAR_TEXTURE)
 uniform x3d_SpecularTextureParameters x3d_SpecularTexture;
 #endif
@@ -93527,14 +93163,12 @@ vec3 getSpecularColor(){vec3 specularParameter=x3d_Material.specularColor;
 #if defined(X3D_SPECULAR_TEXTURE)
 vec3 texCoord=getTexCoord(x3d_SpecularTexture.textureTransformMapping,x3d_SpecularTexture.textureCoordinateMapping);
 #if defined(X3D_SPECULAR_TEXTURE_2D)
-return specularParameter*texture2D(x3d_SpecularTexture.texture2D,texCoord.st).rgb;
+specularParameter*=texture2D(x3d_SpecularTexture.texture2D,texCoord.st).rgb;
 #elif defined(X3D_SPECULAR_TEXTURE_CUBE)
-return specularParameter*textureCube(x3d_SpecularTexture.textureCube,texCoord).rgb;
+specularParameter*=textureCube(x3d_SpecularTexture.textureCube,texCoord).rgb;
 #endif
-#else
-return specularParameter;
 #endif
-}
+return specularParameter;}
 #if defined(X3D_EMISSIVE_TEXTURE)
 uniform x3d_EmissiveTextureParameters x3d_EmissiveTexture;
 #endif
@@ -93542,14 +93176,12 @@ vec3 getEmissiveColor(){vec3 emissiveParameter=x3d_Material.emissiveColor;
 #if defined(X3D_EMISSIVE_TEXTURE)
 vec3 texCoord=getTexCoord(x3d_EmissiveTexture.textureTransformMapping,x3d_EmissiveTexture.textureCoordinateMapping);
 #if defined(X3D_EMISSIVE_TEXTURE_2D)
-return emissiveParameter*texture2D(x3d_EmissiveTexture.texture2D,texCoord.st).rgb;
+emissiveParameter*=texture2D(x3d_EmissiveTexture.texture2D,texCoord.st).rgb;
 #elif defined(X3D_EMISSIVE_TEXTURE_CUBE)
-return emissiveParameter*textureCube(x3d_EmissiveTexture.textureCube,texCoord).rgb;
+emissiveParameter*=textureCube(x3d_EmissiveTexture.textureCube,texCoord).rgb;
 #endif
-#else
-return emissiveParameter;
 #endif
-}
+return emissiveParameter;}
 #if defined(X3D_SHININESS_TEXTURE)
 uniform x3d_ShininessTextureParameters x3d_ShininessTexture;
 #endif
@@ -93557,14 +93189,12 @@ float getShininessFactor(){float shininess=x3d_Material.shininess;
 #if defined(X3D_SHININESS_TEXTURE)
 vec3 texCoord=getTexCoord(x3d_ShininessTexture.textureTransformMapping,x3d_ShininessTexture.textureCoordinateMapping);
 #if defined(X3D_SHININESS_TEXTURE_2D)
-return shininess*texture2D(x3d_ShininessTexture.texture2D,texCoord.st).a;
+shininess*=texture2D(x3d_ShininessTexture.texture2D,texCoord.st).a;
 #elif defined(X3D_SHININESS_TEXTURE_CUBE)
-return shininess*textureCube(x3d_ShininessTexture.textureCube,texCoord).a;
+shininess*=textureCube(x3d_ShininessTexture.textureCube,texCoord).a;
 #endif
-#else
-return shininess;
 #endif
-}
+return shininess;}
 #if defined(X3D_OCCLUSION_TEXTURE)
 uniform x3d_OcclusionTextureParameters x3d_OcclusionTexture;
 #endif
@@ -93605,8 +93235,8 @@ varying vec4 texCoord0;
 #else
 vec4 texCoord0=vec4(0.0,0.0,0.0,1.0);
 #endif
-#pragma X3D include "include/ClipPlanes.glsl"
-#pragma X3D include "include/Point.glsl"
+#pragma X3D include "common/ClipPlanes.glsl"
+#pragma X3D include "common/Point.glsl"
 uniform float x3d_Id;void main(){
 #if defined(X3D_CLIP_PLANES)
 clip();
@@ -93629,7 +93259,7 @@ varying vec3 vertex;varying vec3 normal;
 #if!defined(X3D_GEOMETRY_0D)&&!defined(X3D_GEOMETRY_1D)
 varying vec4 texCoord0;
 #endif
-#pragma X3D include "include/PointSize.glsl"
+#pragma X3D include "common/PointSize.glsl"
 void main(){
 #if defined(X3D_GEOMETRY_0D)
 #if defined(X3D_STYLE_PROPERTIES)
@@ -93650,7 +93280,7 @@ x_ite_Namespace .add ("Pointing1.vs", "assets/shaders/webgl1/Pointing1.vs", Poin
 /* harmony default export */ const Pointing1_vs = (Pointing1_vs_default_);
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/Unlit1.fs.js
 const Unlit1_fs_default_ = /* glsl */ `precision highp float;precision highp int;precision highp sampler2D;precision highp samplerCube;
-#pragma X3D include "include/Fragment.glsl"
+#pragma X3D include "common/Fragment.glsl"
 uniform x3d_UnlitMaterialParameters x3d_Material;
 #if defined(X3D_EMISSIVE_TEXTURE)
 uniform x3d_EmissiveTextureParameters x3d_EmissiveTexture;
@@ -93664,16 +93294,14 @@ vec4 emissiveParameter=vec4(x3d_Material.emissiveColor,alpha);
 #if defined(X3D_EMISSIVE_TEXTURE)
 vec3 texCoord=getTexCoord(x3d_EmissiveTexture.textureTransformMapping,x3d_EmissiveTexture.textureCoordinateMapping);
 #if defined(X3D_EMISSIVE_TEXTURE_2D)
-return emissiveParameter*texture2D(x3d_EmissiveTexture.texture2D,texCoord.st);
+emissiveParameter*=texture2D(x3d_EmissiveTexture.texture2D,texCoord.st);
 #elif defined(X3D_EMISSIVE_TEXTURE_CUBE)
-return emissiveParameter*textureCube(x3d_EmissiveTexture.textureCube,texCoord);
+emissiveParameter*=textureCube(x3d_EmissiveTexture.textureCube,texCoord);
 #endif
 #elif defined(X3D_TEXTURE)
-return getTextureColor(emissiveParameter,vec4(vec3(1.0),alpha));
-#else
-return emissiveParameter;
+emissiveParameter=getTextureColor(emissiveParameter,vec4(vec3(1.0),alpha));
 #endif
-}vec4 getMaterialColor(){return getEmissiveColor();}void main(){fragment_main();}
+return emissiveParameter;}vec4 getMaterialColor(){return getEmissiveColor();}void main(){fragment_main();}
 `
 ;
 
@@ -93698,7 +93326,7 @@ x_ite_Namespace .add ("Compose2.vs", "assets/shaders/webgl2/Compose2.vs", Compos
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/Default2.vs.js
 const Default2_vs_default_ = /* glsl */ `#version 300 es
 precision highp float;precision highp int;precision highp sampler2D;precision highp sampler3D;precision highp samplerCube;
-#pragma X3D include "include/Vertex.glsl"
+#pragma X3D include "common/Vertex.glsl"
 void main(){vertex_main();}
 `
 ;
@@ -93708,8 +93336,8 @@ x_ite_Namespace .add ("Default2.vs", "assets/shaders/webgl2/Default2.vs", Defaul
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/Depth2.fs.js
 const Depth2_fs_default_ = /* glsl */ `#version 300 es
 precision highp float;precision highp int;precision highp sampler2D;in vec3 vertex;out vec4 x3d_FragColor;
-#pragma X3D include "include/ClipPlanes.glsl"
-#pragma X3D include "include/Point.glsl"
+#pragma X3D include "common/ClipPlanes.glsl"
+#pragma X3D include "common/Point.glsl"
 void main(){
 #if defined(X3D_CLIP_PLANES)
 clip();
@@ -93726,10 +93354,10 @@ x_ite_Namespace .add ("Depth2.fs", "assets/shaders/webgl2/Depth2.fs", Depth2_fs_
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/Depth2.vs.js
 const Depth2_vs_default_ = /* glsl */ `#version 300 es
 precision highp float;precision highp int;precision highp sampler2D;uniform mat4 x3d_ProjectionMatrix;uniform mat4 x3d_ModelViewMatrix;in vec4 x3d_Vertex;out vec3 vertex;
-#pragma X3D include "include/Utils.glsl"
-#pragma X3D include "include/Skin.glsl"
-#pragma X3D include "include/Particle.glsl"
-#pragma X3D include "include/PointSize.glsl"
+#pragma X3D include "common/Utils.glsl"
+#pragma X3D include "common/Skin.glsl"
+#pragma X3D include "common/Particle.glsl"
+#pragma X3D include "common/PointSize.glsl"
 void main(){vec4 x3d_TransformedVertex=getParticleVertex(getSkinVertex(x3d_Vertex,vec3(0.0)));vec4 position=x3d_ModelViewMatrix*x3d_TransformedVertex;vertex=position.xyz;
 #if defined(X3D_GEOMETRY_0D)
 #if defined(X3D_STYLE_PROPERTIES)
@@ -93747,7 +93375,7 @@ x_ite_Namespace .add ("Depth2.vs", "assets/shaders/webgl2/Depth2.vs", Depth2_vs_
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/Gouraud2.fs.js
 const Gouraud2_fs_default_ = /* glsl */ `#version 300 es
 precision highp float;precision highp int;precision highp sampler2D;precision highp sampler3D;precision highp samplerCube;
-#pragma X3D include "include/Fragment.glsl"
+#pragma X3D include "common/Fragment.glsl"
 in vec4 frontColor;
 #if!defined(X3D_GEOMETRY_0D)&&!defined(X3D_GEOMETRY_1D)
 in vec4 backColor;
@@ -93773,8 +93401,8 @@ x_ite_Namespace .add ("Gouraud2.fs", "assets/shaders/webgl2/Gouraud2.fs", Gourau
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/Gouraud2.vs.js
 const Gouraud2_vs_default_ = /* glsl */ `#version 300 es
 precision highp float;precision highp int;precision highp sampler2D;precision highp sampler3D;precision highp samplerCube;
-#pragma X3D include "include/Vertex.glsl"
-#pragma X3D include "include/Material.glsl"
+#pragma X3D include "common/Vertex.glsl"
+#pragma X3D include "common/Material.glsl"
 out vec4 frontColor;
 #if!defined(X3D_GEOMETRY_0D)&&!defined(X3D_GEOMETRY_1D)
 out vec4 backColor;
@@ -93820,118 +93448,50 @@ x_ite_Namespace .add ("LineTransform2.vs", "assets/shaders/webgl2/LineTransform2
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/PBR2.fs.js
 const PBR2_fs_default_ = /* glsl */ `#version 300 es
 precision highp float;precision highp int;precision highp sampler2D;precision highp sampler3D;precision highp samplerCube;
-#pragma X3D include "include/Fragment.glsl"
-#pragma X3D include "include/Colors.glsl"
-#pragma X3D include "include/Normal.glsl"
-#pragma X3D include "include/SpotFactor.glsl"
-#pragma X3D include "include/Shadow.glsl"
+#pragma X3D include "common/Fragment.glsl"
+#pragma X3D include "common/Normal.glsl"
+#pragma X3D include "common/Shadow.glsl"
 #if defined(X3D_LIGHTING)
 uniform x3d_LightSourceParameters x3d_LightSource[X3D_NUM_LIGHTS];
 #endif
 uniform x3d_PhysicalMaterialParameters x3d_Material;
-#if defined(USE_IBL)
-uniform samplerCube diffuseEnvironmentTexture;uniform samplerCube specularEnvironmentTexture;uniform sampler2D brdfLUT;
-#endif
-#if defined(X3D_BASE_TEXTURE)
-uniform x3d_BaseTextureParameters x3d_BaseTexture;
-#endif
-vec4 getBaseColor(){float alpha=1.0-x3d_Material.transparency;
-#if defined(X3D_COLOR_MATERIAL)
-vec4 baseParameter=vec4(color.rgb,color.a*alpha);
-#else
-vec4 baseParameter=vec4(x3d_Material.baseColor,alpha);
-#endif
-#if defined(X3D_BASE_TEXTURE)
-vec3 texCoord=getTexCoord(x3d_BaseTexture.textureTransformMapping,x3d_BaseTexture.textureCoordinateMapping);
-#if defined(X3D_BASE_TEXTURE_2D)
-return baseParameter*SRGBtoLINEAR(texture(x3d_BaseTexture.texture2D,texCoord.st));
-#elif defined(X3D_BASE_TEXTURE_3D)
-return baseParameter*SRGBtoLINEAR(texture(x3d_BaseTexture.texture3D,texCoord));
-#elif defined(X3D_BASE_TEXTURE_CUBE)
-return baseParameter*SRGBtoLINEAR(texture(x3d_BaseTexture.textureCube,texCoord));
-#endif
-#elif defined(X3D_TEXTURE)
-return getTextureColor(baseParameter,vec4(vec3(1.0),alpha));
-#else
-return baseParameter;
-#endif
-}
-#if defined(X3D_EMISSIVE_TEXTURE)
-uniform x3d_EmissiveTextureParameters x3d_EmissiveTexture;
-#endif
-vec3 getEmissiveColor(){vec3 emissiveParameter=x3d_Material.emissiveColor;
-#if defined(X3D_EMISSIVE_TEXTURE)
-vec3 texCoord=getTexCoord(x3d_EmissiveTexture.textureTransformMapping,x3d_EmissiveTexture.textureCoordinateMapping);
-#if defined(X3D_EMISSIVE_TEXTURE_2D)
-return emissiveParameter*SRGBtoLINEAR(texture(x3d_EmissiveTexture.texture2D,texCoord.st)).rgb;
-#elif defined(X3D_EMISSIVE_TEXTURE_3D)
-return emissiveParameter*SRGBtoLINEAR(texture(x3d_EmissiveTexture.texture3D,texCoord)).rgb;
-#elif defined(X3D_EMISSIVE_TEXTURE_CUBE)
-return emissiveParameter*SRGBtoLINEAR(texture(x3d_EmissiveTexture.textureCube,texCoord)).rgb;
+#pragma X3D include "pbr/BDRF.glsl"
+#pragma X3D include "pbr/ToneMapping.glsl"
+#pragma X3D include "pbr/MaterialInfo.glsl"
+#pragma X3D include "pbr/Punctual.glsl"
+vec4 getMaterialColor(){vec4 baseColor=getBaseColor();vec3 n=getNormalVector(x3d_Material.normalScale);vec3 v=normalize(-vertex);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
-#else
-return emissiveParameter.rgb;
+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=max(max(materialInfo.f0.r,materialInfo.f0.g),materialInfo.f0.b);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_USE_IBL)
 #endif
-}
-#if defined(X3D_METALLIC_ROUGHNESS_TEXTURE)
-uniform x3d_MetallicRoughnessTextureParameters x3d_MetallicRoughnessTexture;
-#endif
-vec2 getMetallicRoughness(){float metallic=x3d_Material.metallic;float perceptualRoughness=x3d_Material.roughness;
-#if defined(X3D_METALLIC_ROUGHNESS_TEXTURE)
-vec3 texCoord=getTexCoord(x3d_MetallicRoughnessTexture.textureTransformMapping,x3d_MetallicRoughnessTexture.textureCoordinateMapping);
-#if defined(X3D_METALLIC_ROUGHNESS_TEXTURE_2D)
-vec4 mrSample=texture(x3d_MetallicRoughnessTexture.texture2D,texCoord.st);
-#elif defined(X3D_METALLIC_ROUGHNESS_TEXTURE_3D)
-vec4 mrSample=texture(x3d_MetallicRoughnessTexture.texture3D,texCoord);
-#elif defined(X3D_METALLIC_ROUGHNESS_TEXTURE_CUBE)
-vec4 mrSample=texture(x3d_MetallicRoughnessTexture.textureCube,texCoord);
+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 NdotV=clamp(dot(n,v),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,pointToLight,distanceToLight);
+#if defined(X3D_SHADOWS)
+if(light.shadowIntensity>0.0)intensity=mix(intensity,light.shadowColor,getShadowIntensity(i,light));
 #endif
-metallic*=mrSample.b;perceptualRoughness*=mrSample.g;return vec2(metallic,perceptualRoughness);
-#else
-return vec2(metallic,perceptualRoughness);
+f_diffuse+=intensity*NdotL*BRDF_lambertian(materialInfo.f0,materialInfo.f90,materialInfo.c_diff,materialInfo.specularWeight,VdotH);f_specular+=intensity*NdotL*BRDF_specularGGX(materialInfo.f0,materialInfo.f90,materialInfo.alphaRoughness,materialInfo.specularWeight,VdotH,NdotL,NdotV,NdotH);}}}
 #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)
-uniform x3d_OcclusionTextureParameters x3d_OcclusionTexture;
-#endif
-float getOcclusionFactor(){
-#if defined(X3D_OCCLUSION_TEXTURE)
-vec3 texCoord=getTexCoord(x3d_OcclusionTexture.textureTransformMapping,x3d_OcclusionTexture.textureCoordinateMapping);
-#if defined(X3D_OCCLUSION_TEXTURE_2D)
-return texture(x3d_OcclusionTexture.texture2D,texCoord.st).r;
-#elif defined(X3D_OCCLUSION_TEXTURE_3D)
-return texture(x3d_OcclusionTexture.texture3D,texCoord).r;
-#elif defined(X3D_OCCLUSION_TEXTURE_CUBE)
-return texture(x3d_OcclusionTexture.textureCube,texCoord).r;
-#endif
+float ao=getOcclusionFactor();diffuse=f_diffuse+mix(f_diffuse_ibl,f_diffuse_ibl*ao,x3d_Material.occlusionStrength);specular=f_specular+mix(f_specular_ibl,f_specular_ibl*ao,x3d_Material.occlusionStrength);sheen=f_sheen+mix(f_sheen_ibl,f_sheen_ibl*ao,x3d_Material.occlusionStrength);clearcoat=f_clearcoat+mix(f_clearcoat_ibl,f_clearcoat_ibl*ao,x3d_Material.occlusionStrength);
 #else
-return 1.0;
+diffuse=f_diffuse_ibl+f_diffuse;specular=f_specular_ibl+f_specular;sheen=f_sheen_ibl+f_sheen;clearcoat=f_clearcoat_ibl+f_clearcoat;
 #endif
-}struct PBRInfo{float NdotL;float NdotV;float NdotH;float LdotH;float VdotH;float perceptualRoughness;float metalness;vec3 reflectance0;vec3 reflectance90;float alphaRoughness;vec3 diffuseColor;vec3 specularColor;};const float M_PI=3.141592653589793;const float c_MinRoughness=0.04;
-#if defined(USE_IBL)
-vec3 getIBLContribution(const in PBRInfo pbrInputs,vec3 n,const in vec3 reflection){float mipCount=9.0;float lod=pbrInputs.perceptualRoughness*mipCount;vec3 brdf=SRGBtoLINEAR(texture(brdfLUT,vec2(pbrInputs.NdotV,1.0-pbrInputs.perceptualRoughness))).rgb;vec3 diffuseLight=SRGBtoLINEAR(textureCube(diffuseEnvironmentTexture,n)).rgb;
-#if defined(USE_TEX_LOD)
-vec3 specularLight=SRGBtoLINEAR(textureCubeLodEXT(specularEnvironmentTexture,reflection,lod)).rgb;
+vec3 color=vec3(0.0);
+#if defined(X3D_MATERIAL_UNLIT)
+color=baseColor.rgb;
 #else
-vec3 specularLight=SRGBtoLINEAR(textureCube(specularEnvironmentTexture,reflection)).rgb;
-#endif
-vec3 diffuse=diffuseLight*pbrInputs.diffuseColor;vec3 specular=specularLight*(pbrInputs.specularColor*brdf.x+brdf.y);return diffuse+specular;}
-#endif
-vec3 diffuse(const in PBRInfo pbrInputs){return pbrInputs.diffuseColor/M_PI;}vec3 specularReflection(const in PBRInfo pbrInputs){return pbrInputs.reflectance0+(pbrInputs.reflectance90-pbrInputs.reflectance0)*pow(clamp(1.0-pbrInputs.VdotH,0.0,1.0),5.0);}float geometricOcclusion(const in PBRInfo pbrInputs){float NdotL=pbrInputs.NdotL;float NdotV=pbrInputs.NdotV;float r=pbrInputs.alphaRoughness;float attenuationL=2.0*NdotL/(NdotL+sqrt(r*r+(1.0-r*r)*(NdotL*NdotL)));float attenuationV=2.0*NdotV/(NdotV+sqrt(r*r+(1.0-r*r)*(NdotV*NdotV)));return attenuationL*attenuationV;}float microfacetDistribution(const in PBRInfo pbrInputs){float roughnessSq=pbrInputs.alphaRoughness*pbrInputs.alphaRoughness;float f=(pbrInputs.NdotH*roughnessSq-pbrInputs.NdotH)*pbrInputs.NdotH+1.0;return roughnessSq/(M_PI*f*f);}vec4 getMaterialColor(){vec2 metallicRoughness=getMetallicRoughness();float perceptualRoughness=clamp(metallicRoughness[1],c_MinRoughness,1.0);float metallic=clamp(metallicRoughness[0],0.0,1.0);float alphaRoughness=perceptualRoughness*perceptualRoughness;vec4 baseColor=getBaseColor();float alpha=baseColor.a;vec3 f0=vec3(0.04);vec3 diffuseColor=baseColor.rgb*(vec3(1.0)-f0);diffuseColor*=1.0-metallic;vec3 specularColor=mix(f0,baseColor.rgb,metallic);float reflectance=max(max(specularColor.r,specularColor.g),specularColor.b);float reflectance90=clamp(reflectance*25.0,0.0,1.0);vec3 specularEnvironmentR0=specularColor.rgb;vec3 specularEnvironmentR90=vec3(1.0,1.0,1.0)*reflectance90;vec3 n=getNormalVector(x3d_Material.normalScale);vec3 v=normalize(-vertex);vec3 finalColor=vec3(0.0);
-#if defined(X3D_LIGHTING)
-for(int i=0;i<X3D_NUM_LIGHTS;i++){x3d_LightSourceParameters light=x3d_LightSource[i];vec3 vL=light.location-vertex;float dL=length(light.matrix*vL);bool di=light.type==x3d_DirectionalLight;if(di||dL<=light.radius){vec3 d=light.direction;vec3 c=light.attenuation;vec3 L=di?-d:normalize(vL);vec3 l=normalize(L);vec3 h=normalize(l+v);float NdotL=clamp(dot(n,l),0.001,1.0);float NdotV=abs(dot(n,v))+0.001;float NdotH=clamp(dot(n,h),0.0,1.0);float LdotH=clamp(dot(l,h),0.0,1.0);float VdotH=clamp(dot(v,h),0.0,1.0);PBRInfo pbrInputs=PBRInfo(NdotL,NdotV,NdotH,LdotH,VdotH,perceptualRoughness,metallic,specularEnvironmentR0,specularEnvironmentR90,alphaRoughness,diffuseColor,specularColor);vec3 F=specularReflection(pbrInputs);float G=geometricOcclusion(pbrInputs);float D=microfacetDistribution(pbrInputs);float attenuationFactor=di?1.0:1.0/max(dot(c,vec3(1.0,dL,dL*dL)),1.0);float spotFactor=light.type==x3d_SpotLight?getSpotFactor(light.cutOffAngle,light.beamWidth,L,d):1.0;float attenuationSpotFactor=attenuationFactor*spotFactor;vec3 diffuseContrib=(1.0-F)*diffuse(pbrInputs);vec3 specContrib=F*G*D/(4.0*NdotL*NdotV);vec3 diffuseSpecContrib=light.intensity*(diffuseContrib+specContrib);
-#if defined(X3D_SHADOWS)
-if(NdotL>0.001&&light.shadowIntensity>0.0)diffuseSpecContrib=mix(diffuseSpecContrib,light.shadowColor,getShadowIntensity(i,light));
+color=f_emissive+diffuse+specular;color=sheen+color*albedoSheenScaling;color=color*(1.0-clearcoatFactor*clearcoatFresnel)+clearcoat;
 #endif
-vec3 color=NdotL*attenuationSpotFactor*light.color*diffuseSpecContrib;finalColor+=color;}}
-#endif
-#if defined(USE_IBL)
-vec3 reflection=-normalize(reflect(v,n));finalColor+=getIBLContribution(pbrInputs,n,reflection);
-#endif
-#if defined(X3D_OCCLUSION_TEXTURE)
-finalColor=mix(finalColor,finalColor*getOcclusionFactor(),x3d_Material.occlusionStrength);
+#if defined(X3D_LINEAR_OUTPUT)
+return vec4(color.rgb,baseColor.a);
+#else
+return vec4(toneMap(color),baseColor.a);
 #endif
-finalColor+=getEmissiveColor();return Gamma(vec4(finalColor,alpha));}void main(){fragment_main();}
+}void main(){fragment_main();}
 `
 ;
 
@@ -93940,9 +93500,9 @@ x_ite_Namespace .add ("PBR2.fs", "assets/shaders/webgl2/PBR2.fs", PBR2_fs_defaul
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/Phong2.fs.js
 const Phong2_fs_default_ = /* glsl */ `#version 300 es
 precision highp float;precision highp int;precision highp sampler2D;precision highp sampler3D;precision highp samplerCube;
-#pragma X3D include "include/Fragment.glsl"
-#pragma X3D include "include/Material.glsl"
-#pragma X3D include "include/Normal.glsl"
+#pragma X3D include "common/Fragment.glsl"
+#pragma X3D include "common/Material.glsl"
+#pragma X3D include "common/Normal.glsl"
 #if defined(X3D_AMBIENT_TEXTURE)
 uniform x3d_AmbientTextureParameters x3d_AmbientTexture;
 #endif
@@ -93950,16 +93510,14 @@ vec3 getAmbientColor(const in vec3 diffuseColor){vec3 ambientParameter=x3d_Mater
 #if defined(X3D_AMBIENT_TEXTURE)
 vec3 texCoord=getTexCoord(x3d_AmbientTexture.textureTransformMapping,x3d_AmbientTexture.textureCoordinateMapping);
 #if defined(X3D_AMBIENT_TEXTURE_2D)
-return ambientParameter*texture(x3d_AmbientTexture.texture2D,texCoord.st).rgb;
+ambientParameter*=texture(x3d_AmbientTexture.texture2D,texCoord.st).rgb;
 #elif defined(X3D_AMBIENT_TEXTURE_3D)
-return ambientParameter*texture(x3d_AmbientTexture.texture3D,texCoord).rgb;
+ambientParameter*=texture(x3d_AmbientTexture.texture3D,texCoord).rgb;
 #elif defined(X3D_AMBIENT_TEXTURE_CUBE)
-return ambientParameter*texture(x3d_AmbientTexture.textureCube,texCoord).rgb;
+ambientParameter*=texture(x3d_AmbientTexture.textureCube,texCoord).rgb;
 #endif
-#else
-return ambientParameter;
 #endif
-}
+return ambientParameter;}
 #if defined(X3D_DIFFUSE_TEXTURE)
 uniform x3d_DiffuseTextureParameters x3d_DiffuseTexture;
 #endif
@@ -93972,18 +93530,16 @@ vec4 diffuseParameter=vec4(x3d_Material.diffuseColor,alpha);
 #if defined(X3D_DIFFUSE_TEXTURE)
 vec3 texCoord=getTexCoord(x3d_DiffuseTexture.textureTransformMapping,x3d_DiffuseTexture.textureCoordinateMapping);
 #if defined(X3D_DIFFUSE_TEXTURE_2D)
-return diffuseParameter*texture(x3d_DiffuseTexture.texture2D,texCoord.st);
+diffuseParameter*=texture(x3d_DiffuseTexture.texture2D,texCoord.st);
 #elif defined(X3D_DIFFUSE_TEXTURE_3D)
-return diffuseParameter*texture(x3d_DiffuseTexture.texture3D,texCoord);
+diffuseParameter*=texture(x3d_DiffuseTexture.texture3D,texCoord);
 #elif defined(X3D_DIFFUSE_TEXTURE_CUBE)
-return diffuseParameter*texture(x3d_DiffuseTexture.textureCube,texCoord);
+diffuseParameter*=texture(x3d_DiffuseTexture.textureCube,texCoord);
 #endif
 #elif defined(X3D_TEXTURE)
-return getTextureColor(diffuseParameter,vec4(x3d_Material.specularColor,alpha));
-#else
-return diffuseParameter;
+diffuseParameter=getTextureColor(diffuseParameter,vec4(x3d_Material.specularColor,alpha));
 #endif
-}
+return diffuseParameter;}
 #if defined(X3D_SPECULAR_TEXTURE)
 uniform x3d_SpecularTextureParameters x3d_SpecularTexture;
 #endif
@@ -93991,16 +93547,14 @@ vec3 getSpecularColor(){vec3 specularParameter=x3d_Material.specularColor;
 #if defined(X3D_SPECULAR_TEXTURE)
 vec3 texCoord=getTexCoord(x3d_SpecularTexture.textureTransformMapping,x3d_SpecularTexture.textureCoordinateMapping);
 #if defined(X3D_SPECULAR_TEXTURE_2D)
-return specularParameter*texture(x3d_SpecularTexture.texture2D,texCoord.st).rgb;
+specularParameter*=texture(x3d_SpecularTexture.texture2D,texCoord.st).rgb;
 #elif defined(X3D_SPECULAR_TEXTURE_3D)
-return specularParameter*texture(x3d_SpecularTexture.texture3D,texCoord).rgb;
+specularParameter*=texture(x3d_SpecularTexture.texture3D,texCoord).rgb;
 #elif defined(X3D_SPECULAR_TEXTURE_CUBE)
-return specularParameter*texture(x3d_SpecularTexture.textureCube,texCoord).rgb;
+specularParameter*=texture(x3d_SpecularTexture.textureCube,texCoord).rgb;
 #endif
-#else
-return specularParameter;
 #endif
-}
+return specularParameter;}
 #if defined(X3D_EMISSIVE_TEXTURE)
 uniform x3d_EmissiveTextureParameters x3d_EmissiveTexture;
 #endif
@@ -94008,16 +93562,14 @@ vec3 getEmissiveColor(){vec3 emissiveParameter=x3d_Material.emissiveColor;
 #if defined(X3D_EMISSIVE_TEXTURE)
 vec3 texCoord=getTexCoord(x3d_EmissiveTexture.textureTransformMapping,x3d_EmissiveTexture.textureCoordinateMapping);
 #if defined(X3D_EMISSIVE_TEXTURE_2D)
-return emissiveParameter*texture(x3d_EmissiveTexture.texture2D,texCoord.st).rgb;
+emissiveParameter*=texture(x3d_EmissiveTexture.texture2D,texCoord.st).rgb;
 #elif defined(X3D_EMISSIVE_TEXTURE_3D)
-return emissiveParameter*texture(x3d_EmissiveTexture.texture3D,texCoord).rgb;
+emissiveParameter*=texture(x3d_EmissiveTexture.texture3D,texCoord).rgb;
 #elif defined(X3D_EMISSIVE_TEXTURE_CUBE)
-return emissiveParameter*texture(x3d_EmissiveTexture.textureCube,texCoord).rgb;
+emissiveParameter*=texture(x3d_EmissiveTexture.textureCube,texCoord).rgb;
 #endif
-#else
-return emissiveParameter;
 #endif
-}
+return emissiveParameter;}
 #if defined(X3D_SHININESS_TEXTURE)
 uniform x3d_ShininessTextureParameters x3d_ShininessTexture;
 #endif
@@ -94025,16 +93577,14 @@ float getShininessFactor(){float shininess=x3d_Material.shininess;
 #if defined(X3D_SHININESS_TEXTURE)
 vec3 texCoord=getTexCoord(x3d_ShininessTexture.textureTransformMapping,x3d_ShininessTexture.textureCoordinateMapping);
 #if defined(X3D_SHININESS_TEXTURE_2D)
-return shininess*texture(x3d_ShininessTexture.texture2D,texCoord.st).a;
+shininess*=texture(x3d_ShininessTexture.texture2D,texCoord.st).a;
 #elif defined(X3D_SHININESS_TEXTURE_3D)
-return shininess*texture(x3d_ShininessTexture.texture3D,texCoord).a;
+shininess*=texture(x3d_ShininessTexture.texture3D,texCoord).a;
 #elif defined(X3D_SHININESS_TEXTURE_CUBE)
-return shininess*texture(x3d_ShininessTexture.textureCube,texCoord).a;
+shininess*=texture(x3d_ShininessTexture.textureCube,texCoord).a;
 #endif
-#else
-return shininess;
 #endif
-}
+return shininess;}
 #if defined(X3D_OCCLUSION_TEXTURE)
 uniform x3d_OcclusionTextureParameters x3d_OcclusionTexture;
 #endif
@@ -94078,8 +93628,8 @@ in vec4 texCoord0;
 vec4 texCoord0=vec4(0.0,0.0,0.0,1.0);
 #endif
 layout(location=0)out vec4 x3d_FragData0;layout(location=1)out vec4 x3d_FragData1;layout(location=2)out vec4 x3d_FragData2;
-#pragma X3D include "include/ClipPlanes.glsl"
-#pragma X3D include "include/Point.glsl"
+#pragma X3D include "common/ClipPlanes.glsl"
+#pragma X3D include "common/Point.glsl"
 #pragma X3D include "Stipple.glsl"
 uniform float x3d_Id;void main(){
 #if defined(X3D_CLIP_PLANES)
@@ -94113,10 +93663,10 @@ out vec4 texCoord0;
 #if defined(X3D_GEOMETRY_1D)&&defined(X3D_STYLE_PROPERTIES)
 flat out float lengthSoFar;flat out vec2 startPoint;out vec2 midPoint;
 #endif
-#pragma X3D include "include/Utils.glsl"
-#pragma X3D include "include/Skin.glsl"
-#pragma X3D include "include/Particle.glsl"
-#pragma X3D include "include/PointSize.glsl"
+#pragma X3D include "common/Utils.glsl"
+#pragma X3D include "common/Skin.glsl"
+#pragma X3D include "common/Particle.glsl"
+#pragma X3D include "common/PointSize.glsl"
 void main(){
 #if defined(X3D_GEOMETRY_1D)&&defined(X3D_STYLE_PROPERTIES)
 lengthSoFar=x3d_LineStipple.z;startPoint=x3d_LineStipple.xy;midPoint=x3d_LineStipple.xy;
@@ -94141,7 +93691,7 @@ x_ite_Namespace .add ("Pointing2.vs", "assets/shaders/webgl2/Pointing2.vs", Poin
 ;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/Unlit2.fs.js
 const Unlit2_fs_default_ = /* glsl */ `#version 300 es
 precision highp float;precision highp int;precision highp sampler2D;precision highp sampler3D;precision highp samplerCube;
-#pragma X3D include "include/Fragment.glsl"
+#pragma X3D include "common/Fragment.glsl"
 uniform x3d_UnlitMaterialParameters x3d_Material;
 #if defined(X3D_EMISSIVE_TEXTURE)
 uniform x3d_EmissiveTextureParameters x3d_EmissiveTexture;
@@ -94155,23 +93705,297 @@ vec4 emissiveParameter=vec4(x3d_Material.emissiveColor,alpha);
 #if defined(X3D_EMISSIVE_TEXTURE)
 vec3 texCoord=getTexCoord(x3d_EmissiveTexture.textureTransformMapping,x3d_EmissiveTexture.textureCoordinateMapping);
 #if defined(X3D_EMISSIVE_TEXTURE_2D)
-return emissiveParameter*texture(x3d_EmissiveTexture.texture2D,texCoord.st);
+emissiveParameter*=texture(x3d_EmissiveTexture.texture2D,texCoord.st);
 #elif defined(X3D_EMISSIVE_TEXTURE_3D)
-return emissiveParameter*texture(x3d_EmissiveTexture.texture3D,texCoord);
+emissiveParameter*=texture(x3d_EmissiveTexture.texture3D,texCoord);
 #elif defined(X3D_EMISSIVE_TEXTURE_CUBE)
-return emissiveParameter*texture(x3d_EmissiveTexture.textureCube,texCoord);
+emissiveParameter*=texture(x3d_EmissiveTexture.textureCube,texCoord);
 #endif
 #elif defined(X3D_TEXTURE)
-return getTextureColor(emissiveParameter,vec4(vec3(1.0),alpha));
-#else
-return emissiveParameter;
+emissiveParameter=getTextureColor(emissiveParameter,vec4(vec3(1.0),alpha));
 #endif
-}vec4 getMaterialColor(){return getEmissiveColor();}void main(){fragment_main();}
+return emissiveParameter;}vec4 getMaterialColor(){return getEmissiveColor();}void main(){fragment_main();}
 `
 ;
 
 x_ite_Namespace .add ("Unlit2.fs", "assets/shaders/webgl2/Unlit2.fs", Unlit2_fs_default_);
 /* harmony default export */ const Unlit2_fs = (Unlit2_fs_default_);
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/pbr/BDRF1.glsl.js
+const BDRF1_glsl_default_ = /* glsl */ `const float M_PI=3.14159265359;vec3 F_Schlick(vec3 f0,vec3 f90,float VdotH){return f0+(f90-f0)*pow(clamp(1.0-VdotH,0.0,1.0),5.0);}float V_GGX(float NdotL,float NdotV,float alphaRoughness){float alphaRoughnessSq=alphaRoughness*alphaRoughness;float GGXV=NdotL*sqrt(NdotV*NdotV*(1.0-alphaRoughnessSq)+alphaRoughnessSq);float GGXL=NdotV*sqrt(NdotL*NdotL*(1.0-alphaRoughnessSq)+alphaRoughnessSq);float GGX=GGXV+GGXL;if(GGX>0.0){return 0.5/GGX;}return 0.0;}float D_GGX(float NdotH,float alphaRoughness){float alphaRoughnessSq=alphaRoughness*alphaRoughness;float f=(NdotH*NdotH)*(alphaRoughnessSq-1.0)+1.0;return alphaRoughnessSq/(M_PI*f*f);}vec3 BRDF_lambertian(vec3 f0,vec3 f90,vec3 diffuseColor,float specularWeight,float VdotH){return(1.0-specularWeight*F_Schlick(f0,f90,VdotH))*(diffuseColor/M_PI);}vec3 BRDF_specularGGX(vec3 f0,vec3 f90,float alphaRoughness,float specularWeight,float VdotH,float NdotL,float NdotV,float NdotH){vec3 F=F_Schlick(f0,f90,VdotH);float Vis=V_GGX(NdotL,NdotV,alphaRoughness);float D=D_GGX(NdotH,alphaRoughness);return specularWeight*F*Vis*D;}
+`
+;
+
+x_ite_Namespace .add ("BDRF1.glsl", "assets/shaders/webgl1/pbr/BDRF1.glsl", BDRF1_glsl_default_);
+/* harmony default export */ const BDRF1_glsl = (BDRF1_glsl_default_);
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/pbr/Punctual1.glsl.js
+const Punctual1_glsl_default_ = /* glsl */ `#if defined(X3D_LIGHTING)
+float getAttenuation(const in vec3 attenuation,const in float distanceToLight){return 1.0/max(dot(attenuation,vec3(1.0,distanceToLight,distanceToLight*distanceToLight)),1.0);}float getRangeAttenuation(const in float range,const in float _distance){if(range<=0.0){return 1.0/pow(_distance,2.0);}return max(min(1.0-pow(_distance/range,4.0),1.0),0.0)/pow(_distance,2.0);}float getSpotAttenuation(const in vec3 pointToLight,const in vec3 spotDirection,const in float outerConeCos,const in float innerConeCos){float actualCos=dot(normalize(spotDirection),normalize(-pointToLight));if(actualCos>outerConeCos){if(actualCos<innerConeCos){return smoothstep(outerConeCos,innerConeCos,actualCos);}return 1.0;}return 0.0;}vec3 getLightIntensity(const in x3d_LightSourceParameters light,const in vec3 pointToLight,const in float distanceToLight){float attenuation=1.0;float rangeAttenuation=1.0;float spotAttenuation=1.0;if(light.type!=x3d_DirectionalLight){attenuation=getAttenuation(light.attenuation,distanceToLight);rangeAttenuation=getRangeAttenuation(light.radius,length(pointToLight));}if(light.type==x3d_SpotLight){spotAttenuation=getSpotAttenuation(pointToLight,light.direction,cos(light.cutOffAngle),cos(light.beamWidth));}return attenuation*rangeAttenuation*spotAttenuation*light.intensity*light.color;}
+#endif
+`
+;
+
+x_ite_Namespace .add ("Punctual1.glsl", "assets/shaders/webgl1/pbr/Punctual1.glsl", Punctual1_glsl_default_);
+/* harmony default export */ const Punctual1_glsl = (Punctual1_glsl_default_);
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/pbr/MaterialInfo1.glsl.js
+const MaterialInfo1_glsl_default_ = /* glsl */ `struct MaterialInfo{float ior;float perceptualRoughness;vec3 f0;float alphaRoughness;vec3 c_diff;vec3 f90;float metallic;vec3 baseColor;float sheenRoughnessFactor;vec3 sheenColorFactor;vec3 clearcoatF0;vec3 clearcoatF90;float clearcoatFactor;vec3 clearcoatNormal;float clearcoatRoughness;float specularWeight;float transmissionFactor;float thickness;vec3 attenuationColor;float attenuationDistance;float iridescenceFactor;float iridescenceIor;float iridescenceThickness;vec3 anisotropicT;vec3 anisotropicB;float anisotropyStrength;};
+#if defined(X3D_MATERIAL_SPECULAR_GLOSSINESS)
+#if defined(X3D_DIFFUSE_TEXTURE)
+uniform x3d_DiffuseTextureParameters x3d_DiffuseTexture;
+#endif
+#elif defined(X3D_MATERIAL_METALLIC_ROUGHNESS)
+#if defined(X3D_BASE_TEXTURE)
+uniform x3d_BaseTextureParameters x3d_BaseTexture;
+#endif
+#endif
+vec4 getBaseColor(){float alpha=1.0-x3d_Material.transparency;
+#if defined(X3D_MATERIAL_SPECULAR_GLOSSINESS)
+vec4 baseColor=vec4(x3d_Material.diffuseColor,alpha);
+#elif defined(X3D_MATERIAL_METALLIC_ROUGHNESS)
+vec4 baseColor=vec4(x3d_Material.baseColor,alpha);
+#endif
+#if defined(X3D_COLOR_MATERIAL)
+baseColor*=color;
+#endif
+#if defined(X3D_MATERIAL_SPECULAR_GLOSSINESS)
+#if defined(X3D_DIFFUSE_TEXTURE)
+vec3 texCoord=getTexCoord(x3d_Diffuse.textureTransformMapping,x3d_Diffuse.textureCoordinateMapping);
+#if defined(X3D_DIFFUSE_TEXTURE_2D)
+baseColor*=sRGBToLinear(texture2D(x3d_Diffuse.texture2D,texCoord.st));
+#elif defined(X3D_DIFFUSE_TEXTURE_CUBE)
+baseColor*=sRGBToLinear(textureCube(x3d_Diffuse.textureCube,texCoord));
+#endif
+#elif defined(X3D_TEXTURE)
+baseColor=getTextureColor(baseColor,vec4(vec3(1.0),alpha));
+#endif
+#elif defined(X3D_MATERIAL_METALLIC_ROUGHNESS)
+#if defined(X3D_BASE_TEXTURE)
+vec3 texCoord=getTexCoord(x3d_BaseTexture.textureTransformMapping,x3d_BaseTexture.textureCoordinateMapping);
+#if defined(X3D_BASE_TEXTURE_2D)
+baseColor*=sRGBToLinear(texture2D(x3d_BaseTexture.texture2D,texCoord.st));
+#elif defined(X3D_BASE_TEXTURE_CUBE)
+baseColor*=sRGBToLinear(textureCube(x3d_BaseTexture.textureCube,texCoord));
+#endif
+#elif defined(X3D_TEXTURE)
+baseColor=getTextureColor(baseColor,vec4(vec3(1.0),alpha));
+#endif
+#endif
+return baseColor;}
+#if defined(X3D_MATERIAL_METALLIC_ROUGHNESS)
+#if defined(X3D_METALLIC_ROUGHNESS_TEXTURE)
+uniform x3d_MetallicRoughnessTextureParameters x3d_MetallicRoughnessTexture;
+#endif
+MaterialInfo getMetallicRoughnessInfo(MaterialInfo info){info.metallic=x3d_Material.metallic;info.perceptualRoughness=x3d_Material.roughness;
+#if defined(X3D_METALLIC_ROUGHNESS_TEXTURE)
+vec3 texCoord=getTexCoord(x3d_MetallicRoughnessTexture.textureTransformMapping,x3d_MetallicRoughnessTexture.textureCoordinateMapping);
+#if defined(X3D_METALLIC_ROUGHNESS_TEXTURE_2D)
+vec4 mrSample=texture2D(x3d_MetallicRoughnessTexture.texture2D,texCoord.st);
+#elif defined(X3D_METALLIC_ROUGHNESS_TEXTURE_CUBE)
+vec4 mrSample=textureCube(x3d_MetallicRoughnessTexture.textureCube,texCoord);
+#endif
+info.metallic*=mrSample.b;info.perceptualRoughness*=mrSample.g;
+#endif
+info.c_diff=mix(info.baseColor.rgb,vec3(0.0),info.metallic);info.f0=mix(info.f0,info.baseColor.rgb,info.metallic);return info;}
+#endif
+#if defined(X3D_EMISSIVE_TEXTURE)
+uniform x3d_EmissiveTextureParameters x3d_EmissiveTexture;
+#endif
+vec3 getEmissiveColor(){vec3 emissiveParameter=x3d_Material.emissiveColor;
+#if defined(X3D_EMISSIVE_TEXTURE)
+vec3 texCoord=getTexCoord(x3d_EmissiveTexture.textureTransformMapping,x3d_EmissiveTexture.textureCoordinateMapping);
+#if defined(X3D_EMISSIVE_TEXTURE_2D)
+emissiveParameter*=sRGBToLinear(texture2D(x3d_EmissiveTexture.texture2D,texCoord.st)).rgb;
+#elif defined(X3D_EMISSIVE_TEXTURE_CUBE)
+emissiveParameter*=sRGBToLinear(textureCube(x3d_EmissiveTexture.textureCube,texCoord)).rgb;
+#endif
+#endif
+return emissiveParameter.rgb;}
+#if defined(X3D_OCCLUSION_TEXTURE)
+uniform x3d_OcclusionTextureParameters x3d_OcclusionTexture;
+#endif
+float getOcclusionFactor(){
+#if defined(X3D_OCCLUSION_TEXTURE)
+vec3 texCoord=getTexCoord(x3d_OcclusionTexture.textureTransformMapping,x3d_OcclusionTexture.textureCoordinateMapping);
+#if defined(X3D_OCCLUSION_TEXTURE_2D)
+return texture2D(x3d_OcclusionTexture.texture2D,texCoord.st).r;
+#elif defined(X3D_OCCLUSION_TEXTURE_CUBE)
+return textureCube(x3d_OcclusionTexture.textureCube,texCoord).r;
+#endif
+#else
+return 1.0;
+#endif
+}
+`
+;
+
+x_ite_Namespace .add ("MaterialInfo1.glsl", "assets/shaders/webgl1/pbr/MaterialInfo1.glsl", MaterialInfo1_glsl_default_);
+/* harmony default export */ const MaterialInfo1_glsl = (MaterialInfo1_glsl_default_);
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl1/pbr/ToneMapping1.glsl.js
+const ToneMapping1_glsl_default_ = /* glsl */ `const float exposure=1.0;const float GAMMA=2.2;const float INV_GAMMA=1.0/GAMMA;vec3 linearTosRGB(const in vec3 color){return pow(color,vec3(INV_GAMMA));}vec3 sRGBToLinear(const in vec3 srgbIn){return vec3(pow(srgbIn.xyz,vec3(GAMMA)));}vec4 sRGBToLinear(const in vec4 srgbIn){return vec4(sRGBToLinear(srgbIn.xyz),srgbIn.w);}
+#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
+#if defined(X3D_TONEMAP_ACES_HILL)||defined(X3D_TONEMAP_ACES_HILL_EXPOSURE_BOOST)
+const mat3 ACESInputMat=mat3(0.59719,0.07600,0.02840,0.35458,0.90834,0.13383,0.04823,0.01566,0.83777);const mat3 ACESOutputMat=mat3(1.60475,-0.10208,-0.00327,-0.53108,1.10813,-0.07276,-0.07367,-0.00605,1.07602);vec3 RRTAndODTFit(const in vec3 color){vec3 a=color*(color+0.0245786)-0.000090537;vec3 b=color*(0.983729*color+0.4329510)+0.238081;return a/b;}vec3 toneMapACES_Hill(in vec3 color){color=ACESInputMat*color;color=RRTAndODTFit(color);color=ACESOutputMat*color;color=clamp(color,0.0,1.0);return color;}
+#endif
+vec3 toneMap(in vec3 color){color*=exposure;
+#if defined(X3D_TONEMAP_ACES_NARKOWICZ)
+color=toneMapACES_Narkowicz(color);
+#endif
+#if defined(X3D_TONEMAP_ACES_HILL)
+color=toneMapACES_Hill(color);
+#endif
+#if defined(X3D_TONEMAP_ACES_HILL_EXPOSURE_BOOST)
+color/=0.6;color=toneMapACES_Hill(color);
+#endif
+return linearTosRGB(color);}
+`
+;
+
+x_ite_Namespace .add ("ToneMapping1.glsl", "assets/shaders/webgl1/pbr/ToneMapping1.glsl", ToneMapping1_glsl_default_);
+/* harmony default export */ const ToneMapping1_glsl = (ToneMapping1_glsl_default_);
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/pbr/BDRF2.glsl.js
+const BDRF2_glsl_default_ = /* glsl */ `const float M_PI=3.14159265359;vec3 F_Schlick(vec3 f0,vec3 f90,float VdotH){return f0+(f90-f0)*pow(clamp(1.0-VdotH,0.0,1.0),5.0);}float V_GGX(float NdotL,float NdotV,float alphaRoughness){float alphaRoughnessSq=alphaRoughness*alphaRoughness;float GGXV=NdotL*sqrt(NdotV*NdotV*(1.0-alphaRoughnessSq)+alphaRoughnessSq);float GGXL=NdotV*sqrt(NdotL*NdotL*(1.0-alphaRoughnessSq)+alphaRoughnessSq);float GGX=GGXV+GGXL;if(GGX>0.0){return 0.5/GGX;}return 0.0;}float D_GGX(float NdotH,float alphaRoughness){float alphaRoughnessSq=alphaRoughness*alphaRoughness;float f=(NdotH*NdotH)*(alphaRoughnessSq-1.0)+1.0;return alphaRoughnessSq/(M_PI*f*f);}vec3 BRDF_lambertian(vec3 f0,vec3 f90,vec3 diffuseColor,float specularWeight,float VdotH){return(1.0-specularWeight*F_Schlick(f0,f90,VdotH))*(diffuseColor/M_PI);}vec3 BRDF_specularGGX(vec3 f0,vec3 f90,float alphaRoughness,float specularWeight,float VdotH,float NdotL,float NdotV,float NdotH){vec3 F=F_Schlick(f0,f90,VdotH);float Vis=V_GGX(NdotL,NdotV,alphaRoughness);float D=D_GGX(NdotH,alphaRoughness);return specularWeight*F*Vis*D;}
+`
+;
+
+x_ite_Namespace .add ("BDRF2.glsl", "assets/shaders/webgl2/pbr/BDRF2.glsl", BDRF2_glsl_default_);
+/* harmony default export */ const BDRF2_glsl = (BDRF2_glsl_default_);
+;// CONCATENATED MODULE: ./src/assets/shaders/webgl2/pbr/Punctual2.glsl.js
+const Punctual2_glsl_default_ = /* glsl */ `#if defined(X3D_LIGHTING)
+float getAttenuation(const in vec3 attenuation,const in float distanceToLight){return 1.0/max(dot(attenuation,vec3(1.0,distanceToLight,distanceToLight*distanceToLight)),1.0);}float getRangeAttenuation(const in float range,const in float _distance){if(range<=0.0){return 1.0/pow(_distance,2.0);}return max(min(1.0-pow(_distance/range,4.0),1.0),0.0)/pow(_distance,2.0);}float getSpotAttenuation(const in vec3 pointToLight,const in vec3 spotDirection,const in float outerConeCos,const in float innerConeCos){float actualCos=dot(normalize(spotDirection),normalize(-pointToLight));if(actualCos>outerConeCos){if(actualCos<innerConeCos){return smoothstep(outerConeCos,innerConeCos,actualCos);}return 1.0;}return 0.0;}vec3 getLightIntensity(const in x3d_LightSourceParameters light,const in vec3 pointToLight,const in float distanceToLight){float attenuation=1.0;float rangeAttenuation=1.0;float spotAttenuation=1.0;if(light.type!=x3d_DirectionalLight){attenuation=getAttenuation(light.attenuation,distanceToLight);rangeAttenuation=getRangeAttenuation(light.radius,length(pointToLight));}if(light.type==x3d_SpotLight){spotAttenuation=getSpotAttenuation(pointToLight,light.direction,cos(light.cutOffAngle),cos(light.beamWidth));}return attenuation*rangeAttenuation*spotAttenuation*light.intensity*light.color;}
+#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
+const MaterialInfo2_glsl_default_ = /* glsl */ `struct MaterialInfo{float ior;float perceptualRoughness;vec3 f0;float alphaRoughness;vec3 c_diff;vec3 f90;float metallic;vec3 baseColor;float sheenRoughnessFactor;vec3 sheenColorFactor;vec3 clearcoatF0;vec3 clearcoatF90;float clearcoatFactor;vec3 clearcoatNormal;float clearcoatRoughness;float specularWeight;float transmissionFactor;float thickness;vec3 attenuationColor;float attenuationDistance;float iridescenceFactor;float iridescenceIor;float iridescenceThickness;vec3 anisotropicT;vec3 anisotropicB;float anisotropyStrength;};
+#if defined(X3D_MATERIAL_SPECULAR_GLOSSINESS)
+#if defined(X3D_DIFFUSE_TEXTURE)
+uniform x3d_DiffuseTextureParameters x3d_DiffuseTexture;
+#endif
+#elif defined(X3D_MATERIAL_METALLIC_ROUGHNESS)
+#if defined(X3D_BASE_TEXTURE)
+uniform x3d_BaseTextureParameters x3d_BaseTexture;
+#endif
+#endif
+vec4 getBaseColor(){float alpha=1.0-x3d_Material.transparency;
+#if defined(X3D_MATERIAL_SPECULAR_GLOSSINESS)
+vec4 baseColor=vec4(x3d_Material.diffuseColor,alpha);
+#elif defined(X3D_MATERIAL_METALLIC_ROUGHNESS)
+vec4 baseColor=vec4(x3d_Material.baseColor,alpha);
+#endif
+#if defined(X3D_COLOR_MATERIAL)
+baseColor*=color;
+#endif
+#if defined(X3D_MATERIAL_SPECULAR_GLOSSINESS)
+#if defined(X3D_DIFFUSE_TEXTURE)
+vec3 texCoord=getTexCoord(x3d_Diffuse.textureTransformMapping,x3d_Diffuse.textureCoordinateMapping);
+#if defined(X3D_DIFFUSE_TEXTURE_2D)
+baseColor*=sRGBToLinear(texture(x3d_Diffuse.texture2D,texCoord.st));
+#elif defined(X3D_DIFFUSE_TEXTURE_3D)
+baseColor*=sRGBToLinear(texture(x3d_Diffuse.texture3D,texCoord));
+#elif defined(X3D_DIFFUSE_TEXTURE_CUBE)
+baseColor*=sRGBToLinear(texture(x3d_Diffuse.textureCube,texCoord));
+#endif
+#elif defined(X3D_TEXTURE)
+baseColor=getTextureColor(baseColor,vec4(vec3(1.0),alpha));
+#endif
+#elif defined(X3D_MATERIAL_METALLIC_ROUGHNESS)
+#if defined(X3D_BASE_TEXTURE)
+vec3 texCoord=getTexCoord(x3d_BaseTexture.textureTransformMapping,x3d_BaseTexture.textureCoordinateMapping);
+#if defined(X3D_BASE_TEXTURE_2D)
+baseColor*=sRGBToLinear(texture(x3d_BaseTexture.texture2D,texCoord.st));
+#elif defined(X3D_BASE_TEXTURE_3D)
+baseColor*=sRGBToLinear(texture(x3d_BaseTexture.texture3D,texCoord));
+#elif defined(X3D_BASE_TEXTURE_CUBE)
+baseColor*=sRGBToLinear(texture(x3d_BaseTexture.textureCube,texCoord));
+#endif
+#elif defined(X3D_TEXTURE)
+baseColor=getTextureColor(baseColor,vec4(vec3(1.0),alpha));
+#endif
+#endif
+return baseColor;}
+#if defined(X3D_MATERIAL_METALLIC_ROUGHNESS)
+#if defined(X3D_METALLIC_ROUGHNESS_TEXTURE)
+uniform x3d_MetallicRoughnessTextureParameters x3d_MetallicRoughnessTexture;
+#endif
+MaterialInfo getMetallicRoughnessInfo(MaterialInfo info){info.metallic=x3d_Material.metallic;info.perceptualRoughness=x3d_Material.roughness;
+#if defined(X3D_METALLIC_ROUGHNESS_TEXTURE)
+vec3 texCoord=getTexCoord(x3d_MetallicRoughnessTexture.textureTransformMapping,x3d_MetallicRoughnessTexture.textureCoordinateMapping);
+#if defined(X3D_METALLIC_ROUGHNESS_TEXTURE_2D)
+vec4 mrSample=texture(x3d_MetallicRoughnessTexture.texture2D,texCoord.st);
+#elif defined(X3D_METALLIC_ROUGHNESS_TEXTURE_3D)
+vec4 mrSample=texture(x3d_MetallicRoughnessTexture.texture3D,texCoord);
+#elif defined(X3D_METALLIC_ROUGHNESS_TEXTURE_CUBE)
+vec4 mrSample=texture(x3d_MetallicRoughnessTexture.textureCube,texCoord);
+#endif
+info.metallic*=mrSample.b;info.perceptualRoughness*=mrSample.g;
+#endif
+info.c_diff=mix(info.baseColor.rgb,vec3(0.0),info.metallic);info.f0=mix(info.f0,info.baseColor.rgb,info.metallic);return info;}
+#endif
+#if defined(X3D_EMISSIVE_TEXTURE)
+uniform x3d_EmissiveTextureParameters x3d_EmissiveTexture;
+#endif
+vec3 getEmissiveColor(){vec3 emissiveParameter=x3d_Material.emissiveColor;
+#if defined(X3D_EMISSIVE_TEXTURE)
+vec3 texCoord=getTexCoord(x3d_EmissiveTexture.textureTransformMapping,x3d_EmissiveTexture.textureCoordinateMapping);
+#if defined(X3D_EMISSIVE_TEXTURE_2D)
+emissiveParameter*=sRGBToLinear(texture(x3d_EmissiveTexture.texture2D,texCoord.st)).rgb;
+#elif defined(X3D_EMISSIVE_TEXTURE_3D)
+emissiveParameter*=sRGBToLinear(texture(x3d_EmissiveTexture.texture3D,texCoord)).rgb;
+#elif defined(X3D_EMISSIVE_TEXTURE_CUBE)
+emissiveParameter*=sRGBToLinear(texture(x3d_EmissiveTexture.textureCube,texCoord)).rgb;
+#endif
+#endif
+return emissiveParameter.rgb;}
+#if defined(X3D_OCCLUSION_TEXTURE)
+uniform x3d_OcclusionTextureParameters x3d_OcclusionTexture;
+#endif
+float getOcclusionFactor(){
+#if defined(X3D_OCCLUSION_TEXTURE)
+vec3 texCoord=getTexCoord(x3d_OcclusionTexture.textureTransformMapping,x3d_OcclusionTexture.textureCoordinateMapping);
+#if defined(X3D_OCCLUSION_TEXTURE_2D)
+return texture(x3d_OcclusionTexture.texture2D,texCoord.st).r;
+#elif defined(X3D_OCCLUSION_TEXTURE_3D)
+return texture(x3d_OcclusionTexture.texture3D,texCoord).r;
+#elif defined(X3D_OCCLUSION_TEXTURE_CUBE)
+return texture(x3d_OcclusionTexture.textureCube,texCoord).r;
+#endif
+#else
+return 1.0;
+#endif
+}
+`
+;
+
+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/ToneMapping2.glsl.js
+const ToneMapping2_glsl_default_ = /* glsl */ `const float exposure=1.0;const float GAMMA=2.2;const float INV_GAMMA=1.0/GAMMA;vec3 linearTosRGB(const in vec3 color){return pow(color,vec3(INV_GAMMA));}vec3 sRGBToLinear(const in vec3 srgbIn){return vec3(pow(srgbIn.xyz,vec3(GAMMA)));}vec4 sRGBToLinear(const in vec4 srgbIn){return vec4(sRGBToLinear(srgbIn.xyz),srgbIn.w);}
+#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
+#if defined(X3D_TONEMAP_ACES_HILL)||defined(X3D_TONEMAP_ACES_HILL_EXPOSURE_BOOST)
+const mat3 ACESInputMat=mat3(0.59719,0.07600,0.02840,0.35458,0.90834,0.13383,0.04823,0.01566,0.83777);const mat3 ACESOutputMat=mat3(1.60475,-0.10208,-0.00327,-0.53108,1.10813,-0.07276,-0.07367,-0.00605,1.07602);vec3 RRTAndODTFit(const in vec3 color){vec3 a=color*(color+0.0245786)-0.000090537;vec3 b=color*(0.983729*color+0.4329510)+0.238081;return a/b;}vec3 toneMapACES_Hill(in vec3 color){color=ACESInputMat*color;color=RRTAndODTFit(color);color=ACESOutputMat*color;color=clamp(color,0.0,1.0);return color;}
+#endif
+vec3 toneMap(in vec3 color){color*=exposure;
+#if defined(X3D_TONEMAP_ACES_NARKOWICZ)
+color=toneMapACES_Narkowicz(color);
+#endif
+#if defined(X3D_TONEMAP_ACES_HILL)
+color=toneMapACES_Hill(color);
+#endif
+#if defined(X3D_TONEMAP_ACES_HILL_EXPOSURE_BOOST)
+color/=0.6;color=toneMapACES_Hill(color);
+#endif
+return linearTosRGB(color);}
+`
+;
+
+x_ite_Namespace .add ("ToneMapping2.glsl", "assets/shaders/webgl2/pbr/ToneMapping2.glsl", ToneMapping2_glsl_default_);
+/* harmony default export */ const ToneMapping2_glsl = (ToneMapping2_glsl_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Shaders/ShaderRegistry.js
 /*******************************************************************************
  *
@@ -94256,7 +94080,6 @@ x_ite_Namespace .add ("Unlit2.fs", "assets/shaders/webgl2/Unlit2.fs", Unlit2_fs_
 
 
 
-
 /* WebGL 1 */
 
 
@@ -94285,6 +94108,18 @@ x_ite_Namespace .add ("Unlit2.fs", "assets/shaders/webgl2/Unlit2.fs", Unlit2_fs_
 
 
 
+/* PBR 1 */
+
+
+
+
+
+/* PBR 2 */
+
+
+
+
+
 const ShaderRegistry = {
    includes: {
       1: {
@@ -94302,10 +94137,14 @@ const ShaderRegistry = {
          SpotFactor: SpotFactor1_glsl,
          Texture: Texture1_glsl,
          Vertex: Vertex1_glsl,
+         // PBR
+         BDRF: BDRF1_glsl,
+         MaterialInfo: MaterialInfo1_glsl,
+         Punctual: Punctual1_glsl,
+         ToneMapping: ToneMapping1_glsl,
       },
       2: {
          ClipPlanes: ClipPlanes2_glsl,
-         Colors: Colors2_glsl,
          Fog: Fog2_glsl,
          Fragment: Fragment2_glsl,
          Hatch: Hatch2_glsl,
@@ -94323,6 +94162,11 @@ const ShaderRegistry = {
          Texture: Texture2_glsl,
          Utils: Utils2_glsl,
          Vertex: Vertex2_glsl,
+         // PBR
+         BDRF: BDRF2_glsl,
+         MaterialInfo: MaterialInfo2_glsl,
+         Punctual: Punctual2_glsl,
+         ToneMapping: ToneMapping2_glsl,
       },
    },
    vertex: {
@@ -94471,7 +94315,7 @@ 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__(864);
+/* provided dependency */ var ShaderPart_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -95128,7 +94972,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__(864);
+/* provided dependency */ var Appearance_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -97133,7 +96977,7 @@ Object .assign (Object .setPrototypeOf (PhysicalMaterial .prototype, Shape_X3DOn
 
       if (geometryContext .hasNormals)
       {
-         options .push ("X3D_PHYSICAL_MATERIAL", "MANUAL_SRGB");
+         options .push ("X3D_PHYSICAL_MATERIAL", "X3D_MATERIAL_METALLIC_ROUGHNESS");
 
          if (+this .getTextureBits ())
          {
@@ -98409,7 +98253,7 @@ const Components_Shape_default_ = {
 x_ite_Namespace .add ("Shape", "x_ite/Components/Shape", Components_Shape_default_);
 /* harmony default export */ const Components_Shape = (Components_Shape_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Sound/X3DSoundProcessingNode.js
-/* provided dependency */ var X3DSoundProcessingNode_$ = __webpack_require__(864);
+/* provided dependency */ var X3DSoundProcessingNode_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -99049,7 +98893,7 @@ const X3DSoundSourceNode_default_ = X3DSoundSourceNode;
 x_ite_Namespace .add ("X3DSoundSourceNode", "x_ite/Components/Sound/X3DSoundSourceNode", X3DSoundSourceNode_default_);
 /* harmony default export */ const Sound_X3DSoundSourceNode = (X3DSoundSourceNode_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Sound/AudioClip.js
-/* provided dependency */ var AudioClip_$ = __webpack_require__(864);
+/* provided dependency */ var AudioClip_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -99351,7 +99195,7 @@ const X3DSoundNode_default_ = X3DSoundNode;
 x_ite_Namespace .add ("X3DSoundNode", "x_ite/Components/Sound/X3DSoundNode", X3DSoundNode_default_);
 /* harmony default export */ const Sound_X3DSoundNode = (X3DSoundNode_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Sound/X3DSoundDestinationNode.js
-/* provided dependency */ var X3DSoundDestinationNode_$ = __webpack_require__(864);
+/* provided dependency */ var X3DSoundDestinationNode_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -101001,7 +100845,7 @@ const ListenerPointSource_default_ = ListenerPointSource;
 x_ite_Namespace .add ("ListenerPointSource", "x_ite/Components/Sound/ListenerPointSource", ListenerPointSource_default_);
 /* harmony default export */ const Sound_ListenerPointSource = (ListenerPointSource_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Sound/MicrophoneSource.js
-/* provided dependency */ var MicrophoneSource_$ = __webpack_require__(864);
+/* provided dependency */ var MicrophoneSource_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -102539,7 +102383,7 @@ const Components_Sound_default_ = {
 
 x_ite_Namespace .add ("Sound", "x_ite/Components/Sound", Components_Sound_default_);
 /* harmony default export */ const Components_Sound = (Components_Sound_default_);
-;// CONCATENATED MODULE: ./src/x_ite/Browser/Texturing/GIFMedia.js
+;// CONCATENATED MODULE: ./src/x_ite/Browser/Texturing/GifMedia.js
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -102664,14 +102508,14 @@ function GifMedia (gif, movieTexture)
    });
 }
 
-const GIFMedia_default_ = GifMedia;
+const GifMedia_default_ = GifMedia;
 ;
 
-x_ite_Namespace .add ("GIFMedia", "x_ite/Browser/Texturing/GIFMedia", GIFMedia_default_);
-/* harmony default export */ const GIFMedia = (GIFMedia_default_);
+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__(864);
-/* provided dependency */ var SuperGif = __webpack_require__(27);
+/* provided dependency */ var MovieTexture_$ = __webpack_require__(659);
+/* provided dependency */ var SuperGif = __webpack_require__(357);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -102875,7 +102719,7 @@ Object .assign (Object .setPrototypeOf (MovieTexture .prototype, Texturing_X3DTe
       {
          this .gif = gif;
 
-         GIFMedia (gif, this);
+         Texturing_GifMedia (gif, this);
 
          gif .pause ();
 
@@ -102905,10 +102749,7 @@ Object .assign (Object .setPrototypeOf (MovieTexture .prototype, Texturing_X3DTe
       if (this .checkLoadState () !== Base_X3DConstants .COMPLETE_STATE)
          return;
 
-      if (this .gif)
-         this .updateTexture (this .gif .currentFrame .data, true);
-      else
-         this .updateTexture (this .video [0], true);
+      this .updateTexture (this .gif ?.currentFrame .data ?? this .video [0], true);
    },
    traverse: Texturing_X3DTexture2DNode .prototype .traverse,
    dispose ()
@@ -103842,7 +103683,7 @@ const MultiTextureTransform_default_ = MultiTextureTransform;
 x_ite_Namespace .add ("MultiTextureTransform", "x_ite/Components/Texturing/MultiTextureTransform", MultiTextureTransform_default_);
 /* harmony default export */ const Texturing_MultiTextureTransform = (MultiTextureTransform_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Texturing/PixelTexture.js
-/* provided dependency */ var PixelTexture_$ = __webpack_require__(864);
+/* provided dependency */ var PixelTexture_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -105996,7 +105837,7 @@ const gettext_default_ = gettext;
 x_ite_Namespace .add ("gettext", "locale/gettext", gettext_default_);
 /* harmony default export */ const locale_gettext = (gettext_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/BrowserTimings.js
-/* provided dependency */ var BrowserTimings_$ = __webpack_require__(864);
+/* provided dependency */ var BrowserTimings_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -106426,7 +106267,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__(864);
+/* provided dependency */ var BrowserOptions_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -107019,7 +106860,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__(864);
+/* provided dependency */ var Notification_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -107142,8 +106983,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__(543);
-/* provided dependency */ var ContextMenu_$ = __webpack_require__(864);
+/* provided dependency */ var jquery_fullscreen = __webpack_require__(196);
+/* provided dependency */ var ContextMenu_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -109895,7 +109736,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__(864);
+/* provided dependency */ var X3DCoreContext_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -111941,8 +111782,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__(273);
-/* provided dependency */ var ExamineViewer_$ = __webpack_require__(864);
+/* provided dependency */ var jquery_mousewheel = __webpack_require__(946);
+/* provided dependency */ var ExamineViewer_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -112814,8 +112655,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__(273);
-/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(864);
+/* provided dependency */ var X3DFlyViewer_jquery_mousewheel = __webpack_require__(946);
+/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -113526,7 +113367,7 @@ Object .assign (Object .setPrototypeOf (X3DFlyViewer .prototype, Navigation_X3DV
 
          gl .uniformMatrix4fv (shaderNode .x3d_ProjectionMatrix, false, projectionMatrixArray);
          gl .uniformMatrix4fv (shaderNode .x3d_ModelViewMatrix,  false, modelViewMatrixArray);
-         gl .uniform3f        (shaderNode .x3d_EmissiveColor, 0, 0, 0);
+         gl .uniform3f        (shaderNode .x3d_EmissiveColor, 1, 1, 1);
          gl .uniform1f        (shaderNode .x3d_Transparency,  0);
 
          if (this .lineVertexArrayObject .enable (shaderNode))
@@ -113819,8 +113660,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__(273);
-/* provided dependency */ var PlaneViewer_$ = __webpack_require__(864);
+/* provided dependency */ var PlaneViewer_jquery_mousewheel = __webpack_require__(946);
+/* provided dependency */ var PlaneViewer_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -114151,8 +113992,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__(273);
-/* provided dependency */ var LookAtViewer_$ = __webpack_require__(864);
+/* provided dependency */ var LookAtViewer_jquery_mousewheel = __webpack_require__(946);
+/* provided dependency */ var LookAtViewer_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -115291,8 +115132,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__(273);
-/* provided dependency */ var PointingDevice_$ = __webpack_require__(864);
+/* provided dependency */ var PointingDevice_jquery_mousewheel = __webpack_require__(946);
+/* provided dependency */ var PointingDevice_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -116480,6 +116321,12 @@ Object .assign (MultiSampleFrameBuffer .prototype,
                            0, 0, width, height,
                            gl .COLOR_BUFFER_BIT, samples && !oit ? gl .LINEAR : gl .NEAREST);
    },
+   unbind ()
+   {
+      const { context: gl, lastBuffer } = this;
+
+      gl .bindFramebuffer (gl .FRAMEBUFFER, lastBuffer .pop ());
+   },
    bindForOrderIndependentTransparency ()
    {
       const { context: gl, lastBuffer, oitFrameBuffer } = this;
@@ -116492,12 +116339,6 @@ Object .assign (MultiSampleFrameBuffer .prototype,
       gl .clear (gl .COLOR_BUFFER_BIT);
       gl .blendFuncSeparate (gl .ONE, gl .ONE, gl .ZERO, gl .ONE_MINUS_SRC_ALPHA);
    },
-   unbind ()
-   {
-      const { context: gl, lastBuffer } = this;
-
-      gl .bindFramebuffer (gl .FRAMEBUFFER, lastBuffer .pop ());
-   },
    compose ()
    {
       const { context: gl, width, height, samples, program } = this;
@@ -116585,8 +116426,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__(864);
-/* provided dependency */ var ResizeSensor = __webpack_require__(45);
+/* provided dependency */ var X3DRenderingContext_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -116673,10 +116513,8 @@ Object .assign (X3DRenderingContext .prototype,
 
       X3DRenderingContext_$(document) .on ('webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', this .onfullscreen .bind (this));
 
-      //https://github.com/sdecima/javascript-detect-element-resize
-      this [_resizer] = new ResizeSensor (this .getSurface (), this .reshape .bind (this));
-
-		this .getSurface () .css ("position", ""); // Reset position, set from ResizeSensor.
+      this [_resizer] = new ResizeObserver (this .reshape .bind (this));
+      this [_resizer] .observe (this .getSurface () [0]);
 
       this .reshape ();
    },
@@ -118874,7 +118712,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__(864);
+/* provided dependency */ var DOMIntegration_$ = __webpack_require__(659);
 /*******************************************************************************
  * MIT License
  *
@@ -120012,7 +119850,7 @@ const SupportedProfiles_default_ = SupportedProfiles;
 x_ite_Namespace .add ("SupportedProfiles", "x_ite/Configuration/SupportedProfiles", SupportedProfiles_default_);
 /* harmony default export */ const Configuration_SupportedProfiles = (SupportedProfiles_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/X3DBrowser.js
-/* provided dependency */ var X3DBrowser_$ = __webpack_require__(864);
+/* provided dependency */ var X3DBrowser_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -121093,7 +120931,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__(864);
+/* provided dependency */ var X3DCanvasElement_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -121225,8 +121063,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__(864);
-/* provided dependency */ var pako = __webpack_require__(61);
+/* provided dependency */ var jquery_$ = __webpack_require__(659);
+/* provided dependency */ var pako = __webpack_require__(822);
 Object .assign (jquery_$,
 {
    decodeText (input)
@@ -121303,14 +121141,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__(180);
+/* provided dependency */ var libtess_libtess = __webpack_require__(793);
 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__(864);
+/* provided dependency */ var X3D_$ = __webpack_require__(659);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -121704,7 +121542,7 @@ x_ite_Namespace .add ("shim", "shim", shim_default_);
 
 // Assign X3D to global namespace.
 
-window [Symbol .for ("X_ITE.X3D-8.12.4")] = x_ite_X3D;
+window [Symbol .for ("X_ITE.X3D-8.12.5")] = x_ite_X3D;
 
 customElements .define ("x3d-canvas", x_ite_X3DCanvasElement);