x_ite 9.0.2 → 9.1.0

package/dist/assets/components/CubeMapTexturing.js

@@ -1,11 +1,11 @@
-/* X_ITE v9.0.2 */(() => { // webpackBootstrap
+/* X_ITE v9.1.0 */(() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
 /***/ 355:
 /***/ ((module) => {
 
-module.exports = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("lib/jquery");
+module.exports = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("lib/jquery");
 
 /***/ })
 
@@ -73,10 +73,10 @@ var __webpack_exports__ = {};
 // UNUSED EXPORTS: default
 
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"x_ite/Components\")"
-const Components_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("x_ite/Components");
+const Components_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("x_ite/Components");
 var Components_default = /*#__PURE__*/__webpack_require__.n(Components_namespaceObject);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"x_ite/Namespace\")"
-const Namespace_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("x_ite/Namespace");
+const Namespace_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("x_ite/Namespace");
 var Namespace_default = /*#__PURE__*/__webpack_require__.n(Namespace_namespaceObject);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/CubeMapTexturing/Panorama1.fs.js
 const __default__ = /* glsl */ `precision highp float;precision highp int;precision highp sampler2D;const float M_PI=3.1415926535897932384626433832795;varying vec2 texCoord;uniform sampler2D x3d_PanoramaTexture;uniform int x3d_CurrentFace;vec3 uvToXYZ(const in int face,const in vec2 uv){vec3 xyz;if(face==0)xyz=vec3(1.0,uv.y,uv.x);else if(face==1)xyz=vec3(-1.0,uv.y,-uv.x);else if(face==2)xyz=vec3(uv.x,uv.y,-1.0);else if(face==3)xyz=vec3(-uv.x,uv.y,1.0);else if(face==4)xyz=vec3(uv.y,-1.0,uv.x);else xyz=vec3(-uv.y,1.0,uv.x);return xyz;}vec2 dirToUV(const in vec3 dir){return vec2(0.5+0.5*atan(dir.z,dir.x)/M_PI,1.0-acos(dir.y)/M_PI);}vec3 panoramaToCubeMap(const in int face,const in vec2 texCoord){vec3 scan=uvToXYZ(face,texCoord);vec3 direction=normalize(scan);vec2 src=dirToUV(direction);return texture2D(x3d_PanoramaTexture,src).rgb;}void main(){gl_FragColor=vec4(panoramaToCubeMap(x3d_CurrentFace,texCoord),1.0);}`
@@ -164,19 +164,19 @@ const X3DCubeMapTexturingContext_default_ = X3DCubeMapTexturingContext;
 Namespace_default().add ("X3DCubeMapTexturingContext", "x_ite/Browser/CubeMapTexturing/X3DCubeMapTexturingContext", X3DCubeMapTexturingContext_default_);
 /* harmony default export */ const CubeMapTexturing_X3DCubeMapTexturingContext = (X3DCubeMapTexturingContext_default_);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"x_ite/Fields\")"
-const Fields_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("x_ite/Fields");
+const Fields_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("x_ite/Fields");
 var Fields_default = /*#__PURE__*/__webpack_require__.n(Fields_namespaceObject);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"x_ite/Base/X3DFieldDefinition\")"
-const X3DFieldDefinition_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("x_ite/Base/X3DFieldDefinition");
+const X3DFieldDefinition_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("x_ite/Base/X3DFieldDefinition");
 var X3DFieldDefinition_default = /*#__PURE__*/__webpack_require__.n(X3DFieldDefinition_namespaceObject);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"x_ite/Base/FieldDefinitionArray\")"
-const FieldDefinitionArray_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("x_ite/Base/FieldDefinitionArray");
+const FieldDefinitionArray_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("x_ite/Base/FieldDefinitionArray");
 var FieldDefinitionArray_default = /*#__PURE__*/__webpack_require__.n(FieldDefinitionArray_namespaceObject);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"x_ite/Components/Texturing/X3DSingleTextureNode\")"
-const X3DSingleTextureNode_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("x_ite/Components/Texturing/X3DSingleTextureNode");
+const X3DSingleTextureNode_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("x_ite/Components/Texturing/X3DSingleTextureNode");
 var X3DSingleTextureNode_default = /*#__PURE__*/__webpack_require__.n(X3DSingleTextureNode_namespaceObject);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"x_ite/Base/X3DConstants\")"
-const X3DConstants_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("x_ite/Base/X3DConstants");
+const X3DConstants_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("x_ite/Base/X3DConstants");
 var X3DConstants_default = /*#__PURE__*/__webpack_require__.n(X3DConstants_namespaceObject);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/CubeMapTexturing/X3DEnvironmentTextureNode.js
 /*******************************************************************************
@@ -320,9 +320,9 @@ Object .defineProperties (X3DEnvironmentTextureNode,
       value: "X3DEnvironmentTextureNode",
       enumerable: true,
    },
-   componentName:
+   componentInfo:
    {
-      value: "CubeMapTexturing",
+      value: Object .freeze ({ name: "CubeMapTexturing", level: 1 }),
       enumerable: true,
    },
 });
@@ -333,10 +333,10 @@ const X3DEnvironmentTextureNode_default_ = X3DEnvironmentTextureNode;
 Namespace_default().add ("X3DEnvironmentTextureNode", "x_ite/Components/CubeMapTexturing/X3DEnvironmentTextureNode", X3DEnvironmentTextureNode_default_);
 /* harmony default export */ const CubeMapTexturing_X3DEnvironmentTextureNode = (X3DEnvironmentTextureNode_default_);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"x_ite/Base/X3DCast\")"
-const X3DCast_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("x_ite/Base/X3DCast");
+const X3DCast_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("x_ite/Base/X3DCast");
 var X3DCast_default = /*#__PURE__*/__webpack_require__.n(X3DCast_namespaceObject);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"standard/Utility/BitSet\")"
-const BitSet_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("standard/Utility/BitSet");
+const BitSet_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("standard/Utility/BitSet");
 var BitSet_default = /*#__PURE__*/__webpack_require__.n(BitSet_namespaceObject);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/CubeMapTexturing/ComposedCubeMapTexture.js
 /*******************************************************************************
@@ -400,7 +400,11 @@ function ComposedCubeMapTexture (executionContext)
 
    this .addType ((X3DConstants_default()).ComposedCubeMapTexture);
 
-   if (executionContext .getSpecificationVersion () < 4.0)
+   this .addChildObjects ((X3DConstants_default()).inputOutput, "update", new (Fields_default()).SFTime ());
+
+   // Legacy
+
+   if (executionContext .getSpecificationVersion () <= 3.3)
    {
       this .addAlias ("front",  this ._frontTexture);
       this .addAlias ("back",   this ._backTexture);
@@ -410,7 +414,7 @@ function ComposedCubeMapTexture (executionContext)
       this .addAlias ("bottom", this ._bottomTexture);
    }
 
-   this .addChildObjects ((X3DConstants_default()).inputOutput, "update", new (Fields_default()).SFTime ());
+   // Private properties
 
    this .textureNodes = [null, null, null, null, null, null];
    this .textureBits  = new (BitSet_default()) ();
@@ -538,7 +542,7 @@ Object .assign (Object .setPrototypeOf (ComposedCubeMapTexture .prototype, CubeM
                   gl .copyTexSubImage2D (this .getTargets () [i], 0, 0, size - y - 1, 0, y, size, 1);
             }
          }
-         
+
          this .setTransparent (textureNodes .some (textureNode => textureNode .isTransparent ()));
          this .setLinear (textureNodes .some (textureNode => textureNode .isLinear ()));
          this .updateTextureParameters ();
@@ -557,9 +561,9 @@ Object .defineProperties (ComposedCubeMapTexture,
       value: "ComposedCubeMapTexture",
       enumerable: true,
    },
-   componentName:
+   componentInfo:
    {
-      value: "CubeMapTexturing",
+      value: Object .freeze ({ name: "CubeMapTexturing", level: 1 }),
       enumerable: true,
    },
    containerField:
@@ -569,7 +573,7 @@ Object .defineProperties (ComposedCubeMapTexture,
    },
    specificationRange:
    {
-      value: Object .freeze (["3.1", "Infinity"]),
+      value: Object .freeze ({ from: "3.1", to: "Infinity" }),
       enumerable: true,
    },
    fieldDefinitions:
@@ -603,13 +607,13 @@ const ComposedCubeMapTexture_default_ = ComposedCubeMapTexture;
 Namespace_default().add ("ComposedCubeMapTexture", "x_ite/Components/CubeMapTexturing/ComposedCubeMapTexture", ComposedCubeMapTexture_default_);
 /* harmony default export */ const CubeMapTexturing_ComposedCubeMapTexture = (ComposedCubeMapTexture_default_);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"x_ite/Base/X3DBaseNode\")"
-const X3DBaseNode_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("x_ite/Base/X3DBaseNode");
+const X3DBaseNode_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("x_ite/Base/X3DBaseNode");
 var X3DBaseNode_default = /*#__PURE__*/__webpack_require__.n(X3DBaseNode_namespaceObject);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"x_ite/Rendering/X3DRenderObject\")"
-const X3DRenderObject_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("x_ite/Rendering/X3DRenderObject");
+const X3DRenderObject_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("x_ite/Rendering/X3DRenderObject");
 var X3DRenderObject_default = /*#__PURE__*/__webpack_require__.n(X3DRenderObject_namespaceObject);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"x_ite/Rendering/TraverseType\")"
-const TraverseType_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("x_ite/Rendering/TraverseType");
+const TraverseType_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("x_ite/Rendering/TraverseType");
 var TraverseType_default = /*#__PURE__*/__webpack_require__.n(TraverseType_namespaceObject);
 ;// CONCATENATED MODULE: ./src/x_ite/Rendering/DependentRenderer.js
 /*******************************************************************************
@@ -749,28 +753,28 @@ const DependentRenderer_default_ = DependentRenderer;
 Namespace_default().add ("DependentRenderer", "x_ite/Rendering/DependentRenderer", DependentRenderer_default_);
 /* harmony default export */ const Rendering_DependentRenderer = (DependentRenderer_default_);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"x_ite/Rendering/TextureBuffer\")"
-const TextureBuffer_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("x_ite/Rendering/TextureBuffer");
+const TextureBuffer_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("x_ite/Rendering/TextureBuffer");
 var TextureBuffer_default = /*#__PURE__*/__webpack_require__.n(TextureBuffer_namespaceObject);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"standard/Math/Geometry/Camera\")"
-const Camera_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("standard/Math/Geometry/Camera");
+const Camera_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("standard/Math/Geometry/Camera");
 var Camera_default = /*#__PURE__*/__webpack_require__.n(Camera_namespaceObject);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"standard/Math/Geometry/ViewVolume\")"
-const ViewVolume_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("standard/Math/Geometry/ViewVolume");
+const ViewVolume_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("standard/Math/Geometry/ViewVolume");
 var ViewVolume_default = /*#__PURE__*/__webpack_require__.n(ViewVolume_namespaceObject);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"standard/Math/Numbers/Rotation4\")"
-const Rotation4_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("standard/Math/Numbers/Rotation4");
+const Rotation4_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("standard/Math/Numbers/Rotation4");
 var Rotation4_default = /*#__PURE__*/__webpack_require__.n(Rotation4_namespaceObject);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"standard/Math/Numbers/Vector3\")"
-const Vector3_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("standard/Math/Numbers/Vector3");
+const Vector3_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("standard/Math/Numbers/Vector3");
 var Vector3_default = /*#__PURE__*/__webpack_require__.n(Vector3_namespaceObject);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"standard/Math/Numbers/Vector4\")"
-const Vector4_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("standard/Math/Numbers/Vector4");
+const Vector4_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("standard/Math/Numbers/Vector4");
 var Vector4_default = /*#__PURE__*/__webpack_require__.n(Vector4_namespaceObject);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"standard/Math/Numbers/Matrix4\")"
-const Matrix4_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("standard/Math/Numbers/Matrix4");
+const Matrix4_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("standard/Math/Numbers/Matrix4");
 var Matrix4_default = /*#__PURE__*/__webpack_require__.n(Matrix4_namespaceObject);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"standard/Math/Algorithm\")"
-const Algorithm_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("standard/Math/Algorithm");
+const Algorithm_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("standard/Math/Algorithm");
 var Algorithm_default = /*#__PURE__*/__webpack_require__.n(Algorithm_namespaceObject);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/CubeMapTexturing/GeneratedCubeMapTexture.js
 /*******************************************************************************
@@ -1041,9 +1045,9 @@ Object .defineProperties (GeneratedCubeMapTexture,
       value: "GeneratedCubeMapTexture",
       enumerable: true,
    },
-   componentName:
+   componentInfo:
    {
-      value: "CubeMapTexturing",
+      value: Object .freeze ({ name: "CubeMapTexturing", level: 3 }),
       enumerable: true,
    },
    containerField:
@@ -1053,7 +1057,7 @@ Object .defineProperties (GeneratedCubeMapTexture,
    },
    specificationRange:
    {
-      value: Object .freeze (["3.0", "Infinity"]),
+      value: Object .freeze ({ from: "3.0", to: "Infinity" }),
       enumerable: true,
    },
    fieldDefinitions:
@@ -1075,13 +1079,13 @@ const GeneratedCubeMapTexture_default_ = GeneratedCubeMapTexture;
 Namespace_default().add ("GeneratedCubeMapTexture", "x_ite/Components/CubeMapTexturing/GeneratedCubeMapTexture", GeneratedCubeMapTexture_default_);
 /* harmony default export */ const CubeMapTexturing_GeneratedCubeMapTexture = (GeneratedCubeMapTexture_default_);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"x_ite/Components/Networking/X3DUrlObject\")"
-const X3DUrlObject_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("x_ite/Components/Networking/X3DUrlObject");
+const X3DUrlObject_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("x_ite/Components/Networking/X3DUrlObject");
 var X3DUrlObject_default = /*#__PURE__*/__webpack_require__.n(X3DUrlObject_namespaceObject);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"standard/Math/Numbers/Vector2\")"
-const Vector2_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("standard/Math/Numbers/Vector2");
+const Vector2_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("standard/Math/Numbers/Vector2");
 var Vector2_default = /*#__PURE__*/__webpack_require__.n(Vector2_namespaceObject);
 ;// CONCATENATED MODULE: external "window [Symbol .for (\"X_ITE.X3D\")] .require (\"x_ite/DEVELOPMENT\")"
-const DEVELOPMENT_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.0.2")] .require ("x_ite/DEVELOPMENT");
+const DEVELOPMENT_namespaceObject = window [Symbol .for ("X_ITE.X3D-9.1.0")] .require ("x_ite/DEVELOPMENT");
 var DEVELOPMENT_default = /*#__PURE__*/__webpack_require__.n(DEVELOPMENT_namespaceObject);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/CubeMapTexturing/ImageCubeMapTexture.js
 /* provided dependency */ var $ = __webpack_require__(355);
@@ -1141,7 +1145,6 @@ var DEVELOPMENT_default = /*#__PURE__*/__webpack_require__.n(DEVELOPMENT_namespa
 
 
 
-
 const defaultData = new Uint8Array ([ 255, 255, 255, 255 ]);
 
 function ImageCubeMapTexture (executionContext)
@@ -1152,7 +1155,6 @@ function ImageCubeMapTexture (executionContext)
    this .addType ((X3DConstants_default()).ImageCubeMapTexture);
 
    this .image    = $("<img></img>");
-   this .canvas   = $("<canvas></canvas>");
    this .urlStack = new (Fields_default()).MFString ();
 }
 
@@ -1203,18 +1205,12 @@ Object .assign (Object .setPrototypeOf (ImageCubeMapTexture .prototype, CubeMapT
 
       this .URL = new URL (this .urlStack .shift (), this .getExecutionContext () .getBaseURL ());
 
-      if (this .URL .protocol !== "data:")
-      {
-         if (!this .getCache ())
-            this .URL .searchParams .set ("_", Date .now ());
-      }
-
-      if (this .URL .pathname .match (/\.ktx2?(?:\.gz)?$/))
+      if (this .URL .pathname .match (/\.ktx2?(?:\.gz)?$/) || this .URL .href .match (/^data:image\/ktx2[;,]/))
       {
          this .setLinear (true);
 
          this .getBrowser () .getKTXDecoder ()
-            .then (decoder => decoder .loadKTXFromURL (this .URL))
+            .then (decoder => decoder .loadKTXFromURL (this .URL, this .getCache ()))
             .then (texture => this .setKTXTexture (texture))
             .catch (error => this .setError ({ type: error .message }));
       }
@@ -1222,6 +1218,12 @@ Object .assign (Object .setPrototypeOf (ImageCubeMapTexture .prototype, CubeMapT
       {
          this .setLinear (false);
 
+         if (this .URL .protocol !== "data:")
+         {
+            if (!this .getCache ())
+               this .URL .searchParams .set ("_", Date .now ());
+         }
+
          this .image .attr ("src", this .URL .href);
       }
    },
@@ -1247,9 +1249,7 @@ Object .assign (Object .setPrototypeOf (ImageCubeMapTexture .prototype, CubeMapT
       {
          this .setTexture (texture);
          this .setTransparent (false);
-         this .setLevels (texture .levels);
          this .setSize (texture .baseWidth);
-         this .setGenerateMipMaps (false);
          this .updateTextureParameters ();
 
          this .setLoadState ((X3DConstants_default()).COMPLETE_STATE);
@@ -1270,16 +1270,16 @@ Object .assign (Object .setPrototypeOf (ImageCubeMapTexture .prototype, CubeMapT
 
       try
       {
-         const aspectRatio = this .image .prop ("width") / this .image .prop ("height");
+         // Create texture.
 
-         if (Math .abs (aspectRatio - 4/3) < 0.01)
-            this .skyBoxToCubeMap ();
+         const
+            gl      = this .getBrowser () .getContext (),
+            texture = gl .createTexture ();
 
-         if (Math .abs (aspectRatio - 2/1) < 0.01)
-            this .panoramaToCubeMap ();
+         gl .bindTexture (gl .TEXTURE_2D, texture);
+         gl .texImage2D (gl .TEXTURE_2D, 0, gl .RGBA, gl .RGBA, gl .UNSIGNED_BYTE, this .image [0]);
 
-         this .setGenerateMipMaps (true);
-         this .updateTextureParameters ();
+         this .imageToCubeMap (texture, this .image .prop ("width"), this .image .prop ("height"), false);
 
          // Update load state.
 
@@ -1291,6 +1291,18 @@ Object .assign (Object .setPrototypeOf (ImageCubeMapTexture .prototype, CubeMapT
          this .setError ({ type: error .message });
       }
    },
+   imageToCubeMap (texture, width, height)
+   {
+      const aspectRatio = width / height;
+
+      if (Math .abs (aspectRatio - 4/3) < 0.01)
+         this .skyBoxToCubeMap (texture, width, height);
+
+      if (Math .abs (aspectRatio - 2/1) < 0.01)
+         this .panoramaToCubeMap (texture, width, height);
+
+      this .updateTextureParameters ();
+   },
    skyBoxToCubeMap: (function ()
    {
       const offsets = [
@@ -1310,44 +1322,26 @@ Object .assign (Object .setPrototypeOf (ImageCubeMapTexture .prototype, CubeMapT
       //     | b |
       //     -----
 
-      return function ()
+      return function (skyBoxTexture, width, height)
       {
          const
-            image  = this .image [0],
-            canvas = this .canvas [0],
-            cx     = canvas .getContext ("2d", { willReadFrequently: true });
-
-         let
-            width     = image .width,
-            height    = image .height,
-            width1_4  = Math .floor (width / 4),
-            height1_3 = Math .floor (height / 3);
-
-         // Scale image.
-
-         if (!Algorithm_default().isPowerOfTwo (width1_4) || !Algorithm_default().isPowerOfTwo (height1_3) || width1_4 * 4 !== width || height1_3 * 3 !== height)
-         {
-            width1_4  = Algorithm_default().nextPowerOfTwo (width1_4);
-            height1_3 = Algorithm_default().nextPowerOfTwo (height1_3);
-            width     = width1_4  * 4;
-            height    = height1_3 * 3;
+            gl          = this .getBrowser () .getContext (),
+            framebuffer = gl .createFramebuffer (),
+            width1_4    = width / 4,
+            height1_3   = height / 3,
+            data        = new Uint8Array (width1_4 * height1_3 * 4);
 
-            canvas .width  = width;
-            canvas .height = height;
+         // Init cube map texture.
 
-            cx .drawImage (image, 0, 0, image .width, image .height, 0, 0, width, height);
-         }
-         else
-         {
-            canvas .width  = width;
-            canvas .height = height;
+         gl .bindTexture (this .getTarget (), this .getTexture ());
 
-            cx .drawImage (image, 0, 0);
-         }
+         for (let i = 0; i < 6; ++ i)
+            gl .texImage2D  (this .getTargets () [i], 0, gl .RGBA, width1_4, height1_3, 0, gl .RGBA, gl .UNSIGNED_BYTE, null);
 
          // Extract images.
 
-         const gl = this .getBrowser () .getContext ();
+         gl .bindFramebuffer (gl .FRAMEBUFFER, framebuffer);
+         gl .framebufferTexture2D (gl .FRAMEBUFFER, gl .COLOR_ATTACHMENT0, gl .TEXTURE_2D, skyBoxTexture, 0);
 
          let transparent = false;
 
@@ -1355,43 +1349,43 @@ Object .assign (Object .setPrototypeOf (ImageCubeMapTexture .prototype, CubeMapT
 
          for (let i = 0; i < 6; ++ i)
          {
-            const data = cx .getImageData (offsets [i] .x * width1_4, offsets [i] .y * height1_3, width1_4, height1_3) .data;
+            gl .copyTexSubImage2D (this .getTargets () [i], 0, 0, 0, offsets [i] .x * width1_4, offsets [i] .y * height1_3, width1_4, height1_3);
 
             // Determine image alpha.
 
             if (!transparent)
-               transparent = this .isImageTransparent (data);
-
-            // Transfer image.
+            {
+               gl .readPixels (offsets [i] .x * width1_4, offsets [i] .y * height1_3, width1_4, height1_3, gl .RGBA, gl .UNSIGNED_BYTE, data);
 
-            gl .texImage2D (this .getTargets () [i], 0, gl .RGBA, width1_4, height1_3, false, gl .RGBA, gl .UNSIGNED_BYTE, new Uint8Array (data .buffer));
+               transparent = this .isImageTransparent (data);
+            }
          }
 
+         gl .deleteFramebuffer (framebuffer);
+         gl .deleteTexture (skyBoxTexture);
+
          // Update size and transparent field.
 
          this .setTransparent (transparent);
          this .setSize (width1_4);
       };
    })(),
-   panoramaToCubeMap ()
+   panoramaToCubeMap (panoramaTexture, width, height)
    {
       // Mercator Projection
 
       const
-         browser         = this .getBrowser (),
-         gl              = browser .getContext (),
-         shaderNode      = browser .getPanoramaShader (),
-         framebuffer     = gl .createFramebuffer (),
-         panoramaTexture = gl .createTexture (),
-         textureUnit     = browser .getTextureCubeUnit (),
-         size            = this .image .prop ("height") / 2,
-         data            = new Uint8Array (size * size * 4);
+         browser     = this .getBrowser (),
+         gl          = browser .getContext (),
+         shaderNode  = browser .getPanoramaShader (),
+         framebuffer = gl .createFramebuffer (),
+         textureUnit = browser .getTextureCubeUnit (),
+         size        = height / 2,
+         data        = new Uint8Array (size * size * 4);
 
-      // Create panorama texture.
+      // Adjust panorama texture.
 
       gl .bindTexture (gl .TEXTURE_2D, panoramaTexture);
-      gl .texImage2D (gl .TEXTURE_2D, 0, gl .RGBA, gl .RGBA, gl .UNSIGNED_BYTE, this .image [0]);
-
       gl .texParameteri (gl .TEXTURE_2D, gl .TEXTURE_WRAP_S, gl .MIRRORED_REPEAT);
       gl .texParameteri (gl .TEXTURE_2D, gl .TEXTURE_WRAP_T, gl .MIRRORED_REPEAT);
       gl .texParameteri (gl .TEXTURE_2D, gl .TEXTURE_MIN_FILTER, gl .LINEAR);
@@ -1462,9 +1456,9 @@ Object .defineProperties (ImageCubeMapTexture,
       value: "ImageCubeMapTexture",
       enumerable: true,
    },
-   componentName:
+   componentInfo:
    {
-      value: "CubeMapTexturing",
+      value: Object .freeze ({ name: "CubeMapTexturing", level: 2 }),
       enumerable: true,
    },
    containerField:
@@ -1474,7 +1468,7 @@ Object .defineProperties (ImageCubeMapTexture,
    },
    specificationRange:
    {
-      value: Object .freeze (["3.0", "Infinity"]),
+      value: Object .freeze ({ from: "3.0", to: "Infinity" }),
       enumerable: true,
    },
    fieldDefinitions:

package/dist/assets/components/CubeMapTexturing.min.js

@@ -1 +1 @@
-/* X_ITE v9.0.2 */(()=>{"use strict";var e={355:e=>{e.exports=window[Symbol.for("X_ITE.X3D-9.0.2")].require("lib/jquery")}},t={};function r(i){var a=t[i];if(void 0!==a)return a.exports;var n=t[i]={exports:{}};return e[i](n,n.exports,r),n.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{const e=window[Symbol.for("X_ITE.X3D-9.0.2")].require("x_ite/Components");var t=r.n(e);const i=window[Symbol.for("X_ITE.X3D-9.0.2")].require("x_ite/Namespace");var a=r.n(i);const n="precision highp float;precision highp int;precision highp sampler2D;const float M_PI=3.1415926535897932384626433832795;varying vec2 texCoord;uniform sampler2D x3d_PanoramaTexture;uniform int x3d_CurrentFace;vec3 uvToXYZ(const in int face,const in vec2 uv){vec3 xyz;if(face==0)xyz=vec3(1.0,uv.y,uv.x);else if(face==1)xyz=vec3(-1.0,uv.y,-uv.x);else if(face==2)xyz=vec3(uv.x,uv.y,-1.0);else if(face==3)xyz=vec3(-uv.x,uv.y,1.0);else if(face==4)xyz=vec3(uv.y,-1.0,uv.x);else xyz=vec3(-uv.y,1.0,uv.x);return xyz;}vec2 dirToUV(const in vec3 dir){return vec2(0.5+0.5*atan(dir.z,dir.x)/M_PI,1.0-acos(dir.y)/M_PI);}vec3 panoramaToCubeMap(const in int face,const in vec2 texCoord){vec3 scan=uvToXYZ(face,texCoord);vec3 direction=normalize(scan);vec2 src=dirToUV(direction);return texture2D(x3d_PanoramaTexture,src).rgb;}void main(){gl_FragColor=vec4(panoramaToCubeMap(x3d_CurrentFace,texCoord),1.0);}";a().add("Panorama1.fs","x_ite/Browser/CubeMapTexturing/Panorama1.fs",n);const s=n,o="#version 300 es\nprecision highp float;precision highp int;precision highp sampler2D;const float M_PI=3.1415926535897932384626433832795;in vec2 texCoord;out vec4 x3d_FragColor;uniform sampler2D x3d_PanoramaTexture;uniform int x3d_CurrentFace;vec3 uvToXYZ(const in int face,const in vec2 uv){switch(face){case 0:return vec3(1.0,uv.y,uv.x);case 1:return vec3(-1.0,uv.y,-uv.x);case 2:return vec3(uv.x,uv.y,-1.0);case 3:return vec3(-uv.x,uv.y,1.0);case 4:return vec3(uv.y,-1.0,uv.x);default:return vec3(-uv.y,1.0,uv.x);}}vec2 dirToUV(const in vec3 dir){return vec2(0.5+0.5*atan(dir.z,dir.x)/M_PI,1.0-acos(dir.y)/M_PI);}vec3 panoramaToCubeMap(const in int face,const in vec2 texCoord){vec3 scan=uvToXYZ(face,texCoord);vec3 direction=normalize(scan);vec2 src=dirToUV(direction);return texture(x3d_PanoramaTexture,src).rgb;}void main(){x3d_FragColor=vec4(panoramaToCubeMap(x3d_CurrentFace,texCoord),1.0);}";a().add("Panorama2.fs","x_ite/Browser/CubeMapTexturing/Panorama2.fs",o);const u=o,d=Symbol();function h(){}Object.assign(h.prototype,{getPanoramaShader(){return this[d]?this[d]:this[d]=this.createShader("Panorama","FullScreen","data:x-shader/x-fragment,"+["",s,u][this.getContext().getVersion()],[],["x3d_PanoramaTexture","x3d_CurrentFace"])}});const c=h;a().add("X3DCubeMapTexturingContext","x_ite/Browser/CubeMapTexturing/X3DCubeMapTexturingContext",c);const p=c,x=window[Symbol.for("X_ITE.X3D-9.0.2")].require("x_ite/Fields");var T=r.n(x);const l=window[Symbol.for("X_ITE.X3D-9.0.2")].require("x_ite/Base/X3DFieldDefinition");var g=r.n(l);const m=window[Symbol.for("X_ITE.X3D-9.0.2")].require("x_ite/Base/FieldDefinitionArray");var _=r.n(m);const f=window[Symbol.for("X_ITE.X3D-9.0.2")].require("x_ite/Components/Texturing/X3DSingleTextureNode");var w=r.n(f);const b=window[Symbol.for("X_ITE.X3D-9.0.2")].require("x_ite/Base/X3DConstants");var E=r.n(b);function v(e){w().call(this,e),this.addType(E().X3DEnvironmentTextureNode);const t=this.getBrowser().getContext();this.target=t.TEXTURE_CUBE_MAP,this.targets=[t.TEXTURE_CUBE_MAP_POSITIVE_Z,t.TEXTURE_CUBE_MAP_NEGATIVE_Z,t.TEXTURE_CUBE_MAP_NEGATIVE_X,t.TEXTURE_CUBE_MAP_POSITIVE_X,t.TEXTURE_CUBE_MAP_POSITIVE_Y,t.TEXTURE_CUBE_MAP_NEGATIVE_Y],this.size=1}Object.assign(Object.setPrototypeOf(v.prototype,w().prototype),{getTarget(){return this.target},getTextureType:()=>4,getTargets(){return this.targets},getSize(){return this.size},setSize(e){this.size=e},clearTexture:(()=>{const e=new Uint8Array([255,255,255,255]);return function(){const t=this.getBrowser().getContext();t.bindTexture(this.getTarget(),this.getTexture());for(const r of this.getTargets())t.texImage2D(r,0,t.RGBA,1,1,0,t.RGBA,t.UNSIGNED_BYTE,e);this.setSize(1),this.setTransparent(!1),this.updateTextureParameters()}})(),updateTextureParameters(){w().prototype.updateTextureParameters.call(this,this.target,this._textureProperties.getValue(),this.texturePropertiesNode,this.size,this.size,!1,!1,!1)},setShaderUniforms(e,t,r,i=t.x3d_Texture[0]){const a=this.getBrowser().getTextureCubeUnit();e.activeTexture(e.TEXTURE0+a),e.bindTexture(e.TEXTURE_CUBE_MAP,this.getTexture()),e.uniform1i(i.textureCube,a)}}),Object.defineProperties(v,{typeName:{value:"X3DEnvironmentTextureNode",enumerable:!0},componentName:{value:"CubeMapTexturing",enumerable:!0}});const y=v;a().add("X3DEnvironmentTextureNode","x_ite/Components/CubeMapTexturing/X3DEnvironmentTextureNode",y);const C=y,M=window[Symbol.for("X_ITE.X3D-9.0.2")].require("x_ite/Base/X3DCast");var S=r.n(M);const I=window[Symbol.for("X_ITE.X3D-9.0.2")].require("standard/Utility/BitSet");var R=r.n(I);function X(e){C.call(this,e),this.addType(E().ComposedCubeMapTexture),e.getSpecificationVersion()<4&&(this.addAlias("front",this._frontTexture),this.addAlias("back",this._backTexture),this.addAlias("left",this._leftTexture),this.addAlias("right",this._rightTexture),this.addAlias("top",this._topTexture),this.addAlias("bottom",this._bottomTexture)),this.addChildObjects(E().inputOutput,"update",new(T().SFTime)),this.textureNodes=[null,null,null,null,null,null],this.textureBits=new(R())}Object.assign(Object.setPrototypeOf(X.prototype,C.prototype),{initialize(){C.prototype.initialize.call(this);const e=this.getBrowser().getContext();this.frameBuffer=e.createFramebuffer(),this.clearTexture(),this._frontTexture.addInterest("set_texture__",this,0),this._backTexture.addInterest("set_texture__",this,1),this._leftTexture.addInterest("set_texture__",this,2),this._rightTexture.addInterest("set_texture__",this,3),this._topTexture.addInterest("set_texture__",this,5),this._bottomTexture.addInterest("set_texture__",this,4),this._update.addInterest("update",this),this.set_texture__(0,this._frontTexture),this.set_texture__(1,this._backTexture),this.set_texture__(2,this._leftTexture),this.set_texture__(3,this._rightTexture),this.set_texture__(4,this._topTexture),this.set_texture__(5,this._bottomTexture)},set_texture__(e,t){let r=this.textureNodes[e];r?.removeInterest(`set_loadState${e}__`,this),r=this.textureNodes[e]=S()(E().X3DTexture2DNode,t),r?.addInterest(`set_loadState${e}__`,this,e,r),this.set_loadState__(e,r)},set_loadState__(e,t){this.setTextureBit(e,t?.checkLoadState()),this._update.addEvent()},setTextureBit(e,t){this.textureBits.set(e,t===E().COMPLETE_STATE)},isComplete(){if(63!=+this.textureBits)return!1;const e=this.textureNodes,t=e[0].getWidth();for(const r of e){if(r.getWidth()!==t)return!1;if(r.getHeight()!==t)return!1}return!0},update(){if(this.isComplete()){const e=this.getBrowser().getContext(),t=this.textureNodes,r=t[0].getWidth();if(r!==this.getSize()){const t=new Uint8Array(r*r*4);e.bindTexture(this.getTarget(),this.getTexture());for(let i=0;i<6;++i)e.texImage2D(this.getTargets()[i],0,e.RGBA,r,r,0,e.RGBA,e.UNSIGNED_BYTE,t);this.setSize(r),this.updateTextureParameters()}e.bindFramebuffer(e.FRAMEBUFFER,this.frameBuffer);for(let i=0;i<6;++i){const a=t[i];if(e.bindTexture(e.TEXTURE_2D,a.getTexture()),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,a.getTexture(),0),e.bindTexture(this.getTarget(),this.getTexture()),1===a.getTextureType())e.copyTexSubImage2D(this.getTargets()[i],0,0,0,0,0,r,r);else for(let t=0;t<r;++t)e.copyTexSubImage2D(this.getTargets()[i],0,0,r-t-1,0,t,r,1)}this.setTransparent(t.some((e=>e.isTransparent()))),this.setLinear(t.some((e=>e.isLinear()))),this.updateTextureParameters()}else this.clearTexture()}}),Object.defineProperties(X,{typeName:{value:"ComposedCubeMapTexture",enumerable:!0},componentName:{value:"CubeMapTexturing",enumerable:!0},containerField:{value:"texture",enumerable:!0},specificationRange:{value:Object.freeze(["3.1","Infinity"]),enumerable:!0},fieldDefinitions:{value:new(_())([new(g())(E().inputOutput,"metadata",new(T().SFNode)),new(g())(E().inputOutput,"description",new(T().SFString)),new(g())(E().inputOutput,"frontTexture",new(T().SFNode)),new(g())(E().inputOutput,"backTexture",new(T().SFNode)),new(g())(E().inputOutput,"leftTexture",new(T().SFNode)),new(g())(E().inputOutput,"rightTexture",new(T().SFNode)),new(g())(E().inputOutput,"topTexture",new(T().SFNode)),new(g())(E().inputOutput,"bottomTexture",new(T().SFNode)),new(g())(E().initializeOnly,"textureProperties",new(T().SFNode))]),enumerable:!0}});for(let e=0;e<6;++e)X.prototype[`set_loadState${e}__`]=function(e,t){this.set_loadState__(e,t)};const D=X;a().add("ComposedCubeMapTexture","x_ite/Components/CubeMapTexturing/ComposedCubeMapTexture",D);const O=D,N=window[Symbol.for("X_ITE.X3D-9.0.2")].require("x_ite/Base/X3DBaseNode");var P=r.n(N);const U=window[Symbol.for("X_ITE.X3D-9.0.2")].require("x_ite/Rendering/X3DRenderObject");var B=r.n(U);const A=window[Symbol.for("X_ITE.X3D-9.0.2")].require("x_ite/Rendering/TraverseType");var F=r.n(A);function z(e){P().call(this,e),B().call(this,e),this.renderObject=null}Object.assign(Object.setPrototypeOf(z.prototype,P().prototype),B().prototype,{initialize(){P().prototype.initialize.call(this),B().prototype.initialize.call(this)},isIndependent:()=>!1,setRenderer(e){this.renderObject=e},getLayer(){return this.renderObject.getLayer()},getBackground(){return this.renderObject.getBackground()},getFog(){return this.renderObject.getFog()},getNavigationInfo(){return this.renderObject.getNavigationInfo()},getViewpoint(){return this.renderObject.getViewpoint()},getLightContainer(){return this.renderObject.getLights()[this.lightIndex++]},render(e,t,r){switch(e){case F().COLLISION:case F().SHADOW:B().prototype.render.call(this,e,t,r);break;case F().DISPLAY:this.lightIndex=0,B().prototype.render.call(this,e,t,r);for(const e of this.renderObject.getLights())e.modelViewMatrix.pop()}}});for(const e of Object.keys(z.prototype))Object.defineProperty(z.prototype,e,{enumerable:!1});const L=z;a().add("DependentRenderer","x_ite/Rendering/DependentRenderer",L);const V=L,j=window[Symbol.for("X_ITE.X3D-9.0.2")].require("x_ite/Rendering/TextureBuffer");var G=r.n(j);const q=window[Symbol.for("X_ITE.X3D-9.0.2")].require("standard/Math/Geometry/Camera");var k=r.n(q);const Y=window[Symbol.for("X_ITE.X3D-9.0.2")].require("standard/Math/Geometry/ViewVolume");var W=r.n(Y);const H=window[Symbol.for("X_ITE.X3D-9.0.2")].require("standard/Math/Numbers/Rotation4");var $=r.n(H);const Z=window[Symbol.for("X_ITE.X3D-9.0.2")].require("standard/Math/Numbers/Vector3");var K=r.n(Z);const J=window[Symbol.for("X_ITE.X3D-9.0.2")].require("standard/Math/Numbers/Vector4");var Q=r.n(J);const ee=window[Symbol.for("X_ITE.X3D-9.0.2")].require("standard/Math/Numbers/Matrix4");var te=r.n(ee);const re=window[Symbol.for("X_ITE.X3D-9.0.2")].require("standard/Math/Algorithm");var ie=r.n(re);function ae(e){C.call(this,e),this.addType(E().GeneratedCubeMapTexture),this.dependentRenderer=new V(e),this.projectionMatrix=new(te()),this.modelMatrix=new(te()),this.viewVolume=new(W())}Object.assign(Object.setPrototypeOf(ae.prototype,C.prototype),{initialize(){C.prototype.initialize.call(this),this._size.addInterest("set_size__",this),this.dependentRenderer.setup(),this.set_size__()},set_size__(){const e=this.getBrowser().getContext(),t=e.getVersion()>=2?this._size.getValue():ie().nextPowerOfTwo(this._size.getValue());if(t>0){const r=new Uint8Array(t*t*4);e.bindTexture(this.getTarget(),this.getTexture());for(const i of this.getTargets())e.texImage2D(i,0,e.RGBA,t,t,0,e.RGBA,e.UNSIGNED_BYTE,r);this.updateTextureParameters(),this.viewport=new(Q())(0,0,t,t),this.frameBuffer=new(G())(this.getBrowser(),t,t),this.setSize(t)}else this.frameBuffer=null,this.setSize(0)},traverse(e,t){"NONE"!==this._update.getValue()&&t.isIndependent()&&this.frameBuffer&&(t.getGeneratedCubeMapTextures().push(this),this.modelMatrix.assign(t.getModelViewMatrix().get()).multRight(t.getCameraSpaceMatrix().get()))},renderTexture:(()=>{const e=[new($())(K().zAxis,new(K())(0,0,-1)),new($())(K().zAxis,new(K())(0,0,1)),new($())(K().zAxis,new(K())(1,0,0)),new($())(K().zAxis,new(K())(-1,0,0)),new($())(K().zAxis,new(K())(0,-1,0)),new($())(K().zAxis,new(K())(0,1,0))],t=[new(K())(-1,-1,1),new(K())(-1,-1,1),new(K())(-1,-1,1),new(K())(-1,-1,1),new(K())(1,1,1),new(K())(1,1,1)],r=new(te());return function(i){this.dependentRenderer.setRenderer(i);const a=this.dependentRenderer,n=this.getBrowser(),s=i.getLayer(),o=n.getContext(),u=a.getBackground(),d=a.getNavigationInfo(),h=a.getViewpoint(),c=n.getHeadlight(),p=d._headlight.getValue(),x=d.getNearValue(),T=d.getFarValue(h),l=k().perspective(ie().radians(90),x,T,1,1,this.projectionMatrix),g=this.frameBuffer.getWidth(),m=this.frameBuffer.getHeight();this.setTransparent(u.isTransparent()),this.frameBuffer.bind(),a.getViewVolumes().push(this.viewVolume.set(l,this.viewport,this.viewport)),a.getProjectionMatrix().pushMatrix(l),o.bindTexture(this.getTarget(),this.getTexture());for(let i=0;i<6;++i)o.clear(o.COLOR_BUFFER_BIT),a.getCameraSpaceMatrix().pushMatrix(this.modelMatrix),a.getCameraSpaceMatrix().rotate(e[i]),a.getCameraSpaceMatrix().scale(t[i]),a.getViewMatrix().pushMatrix(r.assign(a.getCameraSpaceMatrix().get()).inverse()),a.getModelViewMatrix().pushMatrix(r),p&&(c.modelViewMatrix.pushMatrix(r),c.modelViewMatrix.multLeft(h.getCameraSpaceMatrix())),s.traverse(F().DISPLAY,a),p&&c.modelViewMatrix.pop(),a.getModelViewMatrix().pop(),a.getCameraSpaceMatrix().pop(),a.getViewMatrix().pop(),o.bindTexture(this.getTarget(),this.getTexture()),o.copyTexSubImage2D(this.getTargets()[i],0,0,0,0,0,g,m);this.updateTextureParameters(),a.getProjectionMatrix().pop(),a.getViewVolumes().pop(),"NEXT_FRAME_ONLY"===this._update.getValue()&&(this._update="NONE")}})(),setShaderUniforms:(()=>{const e=new Float32Array(16);return function(t,r,i,a){C.prototype.setShaderUniforms.call(this,t,r,i,a),i===this.dependentRenderer&&t.uniformMatrix4fv(r.x3d_ModelViewMatrix,!1,e)}})()}),Object.defineProperties(ae,{typeName:{value:"GeneratedCubeMapTexture",enumerable:!0},componentName:{value:"CubeMapTexturing",enumerable:!0},containerField:{value:"texture",enumerable:!0},specificationRange:{value:Object.freeze(["3.0","Infinity"]),enumerable:!0},fieldDefinitions:{value:new(_())([new(g())(E().inputOutput,"metadata",new(T().SFNode)),new(g())(E().inputOutput,"description",new(T().SFString)),new(g())(E().inputOutput,"update",new(T().SFString)("NONE")),new(g())(E().initializeOnly,"size",new(T().SFInt32)(128)),new(g())(E().initializeOnly,"textureProperties",new(T().SFNode))]),enumerable:!0}});const ne=ae;a().add("GeneratedCubeMapTexture","x_ite/Components/CubeMapTexturing/GeneratedCubeMapTexture",ne);const se=ne,oe=window[Symbol.for("X_ITE.X3D-9.0.2")].require("x_ite/Components/Networking/X3DUrlObject");var ue=r.n(oe);const de=window[Symbol.for("X_ITE.X3D-9.0.2")].require("standard/Math/Numbers/Vector2");var he=r.n(de);const ce=window[Symbol.for("X_ITE.X3D-9.0.2")].require("x_ite/DEVELOPMENT");var pe=r.n(ce),xe=r(355);const Te=new Uint8Array([255,255,255,255]);function le(e){C.call(this,e),ue().call(this,e),this.addType(E().ImageCubeMapTexture),this.image=xe("<img></img>"),this.canvas=xe("<canvas></canvas>"),this.urlStack=new(T().MFString)}Object.assign(Object.setPrototypeOf(le.prototype,C.prototype),ue().prototype,{initialize(){C.prototype.initialize.call(this),ue().prototype.initialize.call(this);const e=this.getBrowser().getContext();e.bindTexture(this.getTarget(),this.getTexture());for(let t=0;t<6;++t)e.texImage2D(this.getTargets()[t],0,e.RGBA,1,1,0,e.RGBA,e.UNSIGNED_BYTE,Te);this.image.on("load",this.setImage.bind(this)),this.image.on("abort error",this.setError.bind(this)),this.image.prop("crossOrigin","Anonymous"),this.requestImmediateLoad().catch(Function.prototype)},unloadData(){this.clearTexture()},loadData(){this.urlStack.setValue(this._url),this.loadNext()},loadNext(){if(0===this.urlStack.length)return this.clearTexture(),void this.setLoadState(E().FAILED_STATE);this.URL=new URL(this.urlStack.shift(),this.getExecutionContext().getBaseURL()),"data:"!==this.URL.protocol&&(this.getCache()||this.URL.searchParams.set("_",Date.now())),this.URL.pathname.match(/\.ktx2?(?:\.gz)?$/)?(this.setLinear(!0),this.getBrowser().getKTXDecoder().then((e=>e.loadKTXFromURL(this.URL))).then((e=>this.setKTXTexture(e))).catch((e=>this.setError({type:e.message})))):(this.setLinear(!1),this.image.attr("src",this.URL.href))},setError(e){"data:"!==this.URL.protocol&&console.warn(`Error loading image '${decodeURI(this.URL.href)}'`,e.type),this.loadNext()},setKTXTexture(e){if(e.target!==this.getTarget())return this.setError({type:"Invalid KTX texture target, must be 'TEXTURE_CUBE_MAP'."});pe()&&"data:"!==this.URL.protocol&&console.info(`Done loading image cube map texture '${decodeURI(this.URL.href)}'`);try{this.setTexture(e),this.setTransparent(!1),this.setLevels(e.levels),this.setSize(e.baseWidth),this.setGenerateMipMaps(!1),this.updateTextureParameters(),this.setLoadState(E().COMPLETE_STATE)}catch(e){this.setError({type:e.message})}},setImage(){pe()&&"data:"!==this.URL.protocol&&console.info(`Done loading image cube map texture '${decodeURI(this.URL.href)}'`);try{const e=this.image.prop("width")/this.image.prop("height");Math.abs(e-4/3)<.01&&this.skyBoxToCubeMap(),Math.abs(e-2)<.01&&this.panoramaToCubeMap(),this.setGenerateMipMaps(!0),this.updateTextureParameters(),this.setLoadState(E().COMPLETE_STATE)}catch(e){this.setError({type:e.message})}},skyBoxToCubeMap:function(){const e=[new(he())(1,1),new(he())(3,1),new(he())(0,1),new(he())(2,1),new(he())(1,0),new(he())(1,2)];return function(){const t=this.image[0],r=this.canvas[0],i=r.getContext("2d",{willReadFrequently:!0});let a=t.width,n=t.height,s=Math.floor(a/4),o=Math.floor(n/3);ie().isPowerOfTwo(s)&&ie().isPowerOfTwo(o)&&4*s===a&&3*o===n?(r.width=a,r.height=n,i.drawImage(t,0,0)):(s=ie().nextPowerOfTwo(s),o=ie().nextPowerOfTwo(o),a=4*s,n=3*o,r.width=a,r.height=n,i.drawImage(t,0,0,t.width,t.height,0,0,a,n));const u=this.getBrowser().getContext();let d=!1;u.bindTexture(this.getTarget(),this.getTexture());for(let t=0;t<6;++t){const r=i.getImageData(e[t].x*s,e[t].y*o,s,o).data;d||(d=this.isImageTransparent(r)),u.texImage2D(this.getTargets()[t],0,u.RGBA,s,o,!1,u.RGBA,u.UNSIGNED_BYTE,new Uint8Array(r.buffer))}this.setTransparent(d),this.setSize(s)}}(),panoramaToCubeMap(){const e=this.getBrowser(),t=e.getContext(),r=e.getPanoramaShader(),i=t.createFramebuffer(),a=t.createTexture(),n=e.getTextureCubeUnit(),s=this.image.prop("height")/2,o=new Uint8Array(s*s*4);t.bindTexture(t.TEXTURE_2D,a),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,this.image[0]),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.MIRRORED_REPEAT),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.MIRRORED_REPEAT),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.LINEAR),t.bindTexture(this.getTarget(),this.getTexture());for(let e=0;e<6;++e)t.texImage2D(this.getTargets()[e],0,t.RGBA,s,s,0,t.RGBA,t.UNSIGNED_BYTE,null);t.useProgram(r.getProgram()),t.activeTexture(t.TEXTURE0+n),t.bindTexture(t.TEXTURE_2D,a),t.uniform1i(r.x3d_PanoramaTexture,n),t.bindFramebuffer(t.FRAMEBUFFER,i),t.viewport(0,0,s,s),t.disable(t.DEPTH_TEST),t.enable(t.CULL_FACE),t.frontFace(t.CCW),t.clearColor(0,0,0,0),t.bindVertexArray(e.getFullscreenVertexArrayObject());let u=!1;for(let e=0;e<6;++e)t.framebufferTexture2D(t.FRAMEBUFFER,t.COLOR_ATTACHMENT0,this.getTargets()[e],this.getTexture(),0),t.clear(t.COLOR_BUFFER_BIT),t.uniform1i(r.x3d_CurrentFace,e),t.drawArrays(t.TRIANGLES,0,6),u||(t.readPixels(0,0,s,s,t.RGBA,t.UNSIGNED_BYTE,o),u=this.isImageTransparent(o));t.enable(t.DEPTH_TEST),t.deleteFramebuffer(i),t.deleteTexture(a),e.resetTextureUnits(),this.setTransparent(u),this.setSize(s)},dispose(){ue().prototype.dispose.call(this),C.prototype.dispose.call(this)}}),Object.defineProperties(le,{typeName:{value:"ImageCubeMapTexture",enumerable:!0},componentName:{value:"CubeMapTexturing",enumerable:!0},containerField:{value:"texture",enumerable:!0},specificationRange:{value:Object.freeze(["3.0","Infinity"]),enumerable:!0},fieldDefinitions:{value:new(_())([new(g())(E().inputOutput,"metadata",new(T().SFNode)),new(g())(E().inputOutput,"description",new(T().SFString)),new(g())(E().inputOutput,"load",new(T().SFBool)(!0)),new(g())(E().inputOutput,"url",new(T().MFString)),new(g())(E().inputOutput,"autoRefresh",new(T().SFTime)),new(g())(E().inputOutput,"autoRefreshTimeLimit",new(T().SFTime)(3600)),new(g())(E().initializeOnly,"textureProperties",new(T().SFNode))]),enumerable:!0}});const ge=le;a().add("ImageCubeMapTexture","x_ite/Components/CubeMapTexturing/ImageCubeMapTexture",ge);const me=ge;t().add({name:"CubeMapTexturing",concreteNodes:[O,se,me],abstractNodes:[C],browserContext:p});const _e=void 0;a().add("CubeMapTexturing","assets/components/CubeMapTexturing",_e)})()})();
+/* X_ITE v9.1.0 */(()=>{"use strict";var e={355:e=>{e.exports=window[Symbol.for("X_ITE.X3D-9.1.0")].require("lib/jquery")}},t={};function r(i){var n=t[i];if(void 0!==n)return n.exports;var a=t[i]={exports:{}};return e[i](a,a.exports,r),a.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{const e=window[Symbol.for("X_ITE.X3D-9.1.0")].require("x_ite/Components");var t=r.n(e);const i=window[Symbol.for("X_ITE.X3D-9.1.0")].require("x_ite/Namespace");var n=r.n(i);const a="precision highp float;precision highp int;precision highp sampler2D;const float M_PI=3.1415926535897932384626433832795;varying vec2 texCoord;uniform sampler2D x3d_PanoramaTexture;uniform int x3d_CurrentFace;vec3 uvToXYZ(const in int face,const in vec2 uv){vec3 xyz;if(face==0)xyz=vec3(1.0,uv.y,uv.x);else if(face==1)xyz=vec3(-1.0,uv.y,-uv.x);else if(face==2)xyz=vec3(uv.x,uv.y,-1.0);else if(face==3)xyz=vec3(-uv.x,uv.y,1.0);else if(face==4)xyz=vec3(uv.y,-1.0,uv.x);else xyz=vec3(-uv.y,1.0,uv.x);return xyz;}vec2 dirToUV(const in vec3 dir){return vec2(0.5+0.5*atan(dir.z,dir.x)/M_PI,1.0-acos(dir.y)/M_PI);}vec3 panoramaToCubeMap(const in int face,const in vec2 texCoord){vec3 scan=uvToXYZ(face,texCoord);vec3 direction=normalize(scan);vec2 src=dirToUV(direction);return texture2D(x3d_PanoramaTexture,src).rgb;}void main(){gl_FragColor=vec4(panoramaToCubeMap(x3d_CurrentFace,texCoord),1.0);}";n().add("Panorama1.fs","x_ite/Browser/CubeMapTexturing/Panorama1.fs",a);const s=a,o="#version 300 es\nprecision highp float;precision highp int;precision highp sampler2D;const float M_PI=3.1415926535897932384626433832795;in vec2 texCoord;out vec4 x3d_FragColor;uniform sampler2D x3d_PanoramaTexture;uniform int x3d_CurrentFace;vec3 uvToXYZ(const in int face,const in vec2 uv){switch(face){case 0:return vec3(1.0,uv.y,uv.x);case 1:return vec3(-1.0,uv.y,-uv.x);case 2:return vec3(uv.x,uv.y,-1.0);case 3:return vec3(-uv.x,uv.y,1.0);case 4:return vec3(uv.y,-1.0,uv.x);default:return vec3(-uv.y,1.0,uv.x);}}vec2 dirToUV(const in vec3 dir){return vec2(0.5+0.5*atan(dir.z,dir.x)/M_PI,1.0-acos(dir.y)/M_PI);}vec3 panoramaToCubeMap(const in int face,const in vec2 texCoord){vec3 scan=uvToXYZ(face,texCoord);vec3 direction=normalize(scan);vec2 src=dirToUV(direction);return texture(x3d_PanoramaTexture,src).rgb;}void main(){x3d_FragColor=vec4(panoramaToCubeMap(x3d_CurrentFace,texCoord),1.0);}";n().add("Panorama2.fs","x_ite/Browser/CubeMapTexturing/Panorama2.fs",o);const u=o,d=Symbol();function h(){}Object.assign(h.prototype,{getPanoramaShader(){return this[d]?this[d]:this[d]=this.createShader("Panorama","FullScreen","data:x-shader/x-fragment,"+["",s,u][this.getContext().getVersion()],[],["x3d_PanoramaTexture","x3d_CurrentFace"])}});const c=h;n().add("X3DCubeMapTexturingContext","x_ite/Browser/CubeMapTexturing/X3DCubeMapTexturingContext",c);const T=c,x=window[Symbol.for("X_ITE.X3D-9.1.0")].require("x_ite/Fields");var p=r.n(x);const l=window[Symbol.for("X_ITE.X3D-9.1.0")].require("x_ite/Base/X3DFieldDefinition");var g=r.n(l);const m=window[Symbol.for("X_ITE.X3D-9.1.0")].require("x_ite/Base/FieldDefinitionArray");var _=r.n(m);const f=window[Symbol.for("X_ITE.X3D-9.1.0")].require("x_ite/Components/Texturing/X3DSingleTextureNode");var b=r.n(f);const w=window[Symbol.for("X_ITE.X3D-9.1.0")].require("x_ite/Base/X3DConstants");var E=r.n(w);function v(e){b().call(this,e),this.addType(E().X3DEnvironmentTextureNode);const t=this.getBrowser().getContext();this.target=t.TEXTURE_CUBE_MAP,this.targets=[t.TEXTURE_CUBE_MAP_POSITIVE_Z,t.TEXTURE_CUBE_MAP_NEGATIVE_Z,t.TEXTURE_CUBE_MAP_NEGATIVE_X,t.TEXTURE_CUBE_MAP_POSITIVE_X,t.TEXTURE_CUBE_MAP_POSITIVE_Y,t.TEXTURE_CUBE_MAP_NEGATIVE_Y],this.size=1}Object.assign(Object.setPrototypeOf(v.prototype,b().prototype),{getTarget(){return this.target},getTextureType:()=>4,getTargets(){return this.targets},getSize(){return this.size},setSize(e){this.size=e},clearTexture:(()=>{const e=new Uint8Array([255,255,255,255]);return function(){const t=this.getBrowser().getContext();t.bindTexture(this.getTarget(),this.getTexture());for(const r of this.getTargets())t.texImage2D(r,0,t.RGBA,1,1,0,t.RGBA,t.UNSIGNED_BYTE,e);this.setSize(1),this.setTransparent(!1),this.updateTextureParameters()}})(),updateTextureParameters(){b().prototype.updateTextureParameters.call(this,this.target,this._textureProperties.getValue(),this.texturePropertiesNode,this.size,this.size,!1,!1,!1)},setShaderUniforms(e,t,r,i=t.x3d_Texture[0]){const n=this.getBrowser().getTextureCubeUnit();e.activeTexture(e.TEXTURE0+n),e.bindTexture(e.TEXTURE_CUBE_MAP,this.getTexture()),e.uniform1i(i.textureCube,n)}}),Object.defineProperties(v,{typeName:{value:"X3DEnvironmentTextureNode",enumerable:!0},componentInfo:{value:Object.freeze({name:"CubeMapTexturing",level:1}),enumerable:!0}});const y=v;n().add("X3DEnvironmentTextureNode","x_ite/Components/CubeMapTexturing/X3DEnvironmentTextureNode",y);const C=y,S=window[Symbol.for("X_ITE.X3D-9.1.0")].require("x_ite/Base/X3DCast");var M=r.n(S);const R=window[Symbol.for("X_ITE.X3D-9.1.0")].require("standard/Utility/BitSet");var I=r.n(R);function D(e){C.call(this,e),this.addType(E().ComposedCubeMapTexture),this.addChildObjects(E().inputOutput,"update",new(p().SFTime)),e.getSpecificationVersion()<=3.3&&(this.addAlias("front",this._frontTexture),this.addAlias("back",this._backTexture),this.addAlias("left",this._leftTexture),this.addAlias("right",this._rightTexture),this.addAlias("top",this._topTexture),this.addAlias("bottom",this._bottomTexture)),this.textureNodes=[null,null,null,null,null,null],this.textureBits=new(I())}Object.assign(Object.setPrototypeOf(D.prototype,C.prototype),{initialize(){C.prototype.initialize.call(this);const e=this.getBrowser().getContext();this.frameBuffer=e.createFramebuffer(),this.clearTexture(),this._frontTexture.addInterest("set_texture__",this,0),this._backTexture.addInterest("set_texture__",this,1),this._leftTexture.addInterest("set_texture__",this,2),this._rightTexture.addInterest("set_texture__",this,3),this._topTexture.addInterest("set_texture__",this,5),this._bottomTexture.addInterest("set_texture__",this,4),this._update.addInterest("update",this),this.set_texture__(0,this._frontTexture),this.set_texture__(1,this._backTexture),this.set_texture__(2,this._leftTexture),this.set_texture__(3,this._rightTexture),this.set_texture__(4,this._topTexture),this.set_texture__(5,this._bottomTexture)},set_texture__(e,t){let r=this.textureNodes[e];r?.removeInterest(`set_loadState${e}__`,this),r=this.textureNodes[e]=M()(E().X3DTexture2DNode,t),r?.addInterest(`set_loadState${e}__`,this,e,r),this.set_loadState__(e,r)},set_loadState__(e,t){this.setTextureBit(e,t?.checkLoadState()),this._update.addEvent()},setTextureBit(e,t){this.textureBits.set(e,t===E().COMPLETE_STATE)},isComplete(){if(63!=+this.textureBits)return!1;const e=this.textureNodes,t=e[0].getWidth();for(const r of e){if(r.getWidth()!==t)return!1;if(r.getHeight()!==t)return!1}return!0},update(){if(this.isComplete()){const e=this.getBrowser().getContext(),t=this.textureNodes,r=t[0].getWidth();if(r!==this.getSize()){const t=new Uint8Array(r*r*4);e.bindTexture(this.getTarget(),this.getTexture());for(let i=0;i<6;++i)e.texImage2D(this.getTargets()[i],0,e.RGBA,r,r,0,e.RGBA,e.UNSIGNED_BYTE,t);this.setSize(r),this.updateTextureParameters()}e.bindFramebuffer(e.FRAMEBUFFER,this.frameBuffer);for(let i=0;i<6;++i){const n=t[i];if(e.bindTexture(e.TEXTURE_2D,n.getTexture()),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,n.getTexture(),0),e.bindTexture(this.getTarget(),this.getTexture()),1===n.getTextureType())e.copyTexSubImage2D(this.getTargets()[i],0,0,0,0,0,r,r);else for(let t=0;t<r;++t)e.copyTexSubImage2D(this.getTargets()[i],0,0,r-t-1,0,t,r,1)}this.setTransparent(t.some((e=>e.isTransparent()))),this.setLinear(t.some((e=>e.isLinear()))),this.updateTextureParameters()}else this.clearTexture()}}),Object.defineProperties(D,{typeName:{value:"ComposedCubeMapTexture",enumerable:!0},componentInfo:{value:Object.freeze({name:"CubeMapTexturing",level:1}),enumerable:!0},containerField:{value:"texture",enumerable:!0},specificationRange:{value:Object.freeze({from:"3.1",to:"Infinity"}),enumerable:!0},fieldDefinitions:{value:new(_())([new(g())(E().inputOutput,"metadata",new(p().SFNode)),new(g())(E().inputOutput,"description",new(p().SFString)),new(g())(E().inputOutput,"frontTexture",new(p().SFNode)),new(g())(E().inputOutput,"backTexture",new(p().SFNode)),new(g())(E().inputOutput,"leftTexture",new(p().SFNode)),new(g())(E().inputOutput,"rightTexture",new(p().SFNode)),new(g())(E().inputOutput,"topTexture",new(p().SFNode)),new(g())(E().inputOutput,"bottomTexture",new(p().SFNode)),new(g())(E().initializeOnly,"textureProperties",new(p().SFNode))]),enumerable:!0}});for(let e=0;e<6;++e)D.prototype[`set_loadState${e}__`]=function(e,t){this.set_loadState__(e,t)};const X=D;n().add("ComposedCubeMapTexture","x_ite/Components/CubeMapTexturing/ComposedCubeMapTexture",X);const O=X,U=window[Symbol.for("X_ITE.X3D-9.1.0")].require("x_ite/Base/X3DBaseNode");var B=r.n(U);const A=window[Symbol.for("X_ITE.X3D-9.1.0")].require("x_ite/Rendering/X3DRenderObject");var N=r.n(A);const F=window[Symbol.for("X_ITE.X3D-9.1.0")].require("x_ite/Rendering/TraverseType");var P=r.n(F);function z(e){B().call(this,e),N().call(this,e),this.renderObject=null}Object.assign(Object.setPrototypeOf(z.prototype,B().prototype),N().prototype,{initialize(){B().prototype.initialize.call(this),N().prototype.initialize.call(this)},isIndependent:()=>!1,setRenderer(e){this.renderObject=e},getLayer(){return this.renderObject.getLayer()},getBackground(){return this.renderObject.getBackground()},getFog(){return this.renderObject.getFog()},getNavigationInfo(){return this.renderObject.getNavigationInfo()},getViewpoint(){return this.renderObject.getViewpoint()},getLightContainer(){return this.renderObject.getLights()[this.lightIndex++]},render(e,t,r){switch(e){case P().COLLISION:case P().SHADOW:N().prototype.render.call(this,e,t,r);break;case P().DISPLAY:this.lightIndex=0,N().prototype.render.call(this,e,t,r);for(const e of this.renderObject.getLights())e.modelViewMatrix.pop()}}});for(const e of Object.keys(z.prototype))Object.defineProperty(z.prototype,e,{enumerable:!1});const L=z;n().add("DependentRenderer","x_ite/Rendering/DependentRenderer",L);const V=L,j=window[Symbol.for("X_ITE.X3D-9.1.0")].require("x_ite/Rendering/TextureBuffer");var G=r.n(j);const q=window[Symbol.for("X_ITE.X3D-9.1.0")].require("standard/Math/Geometry/Camera");var k=r.n(q);const Y=window[Symbol.for("X_ITE.X3D-9.1.0")].require("standard/Math/Geometry/ViewVolume");var H=r.n(Y);const W=window[Symbol.for("X_ITE.X3D-9.1.0")].require("standard/Math/Numbers/Rotation4");var $=r.n(W);const Z=window[Symbol.for("X_ITE.X3D-9.1.0")].require("standard/Math/Numbers/Vector3");var K=r.n(Z);const J=window[Symbol.for("X_ITE.X3D-9.1.0")].require("standard/Math/Numbers/Vector4");var Q=r.n(J);const ee=window[Symbol.for("X_ITE.X3D-9.1.0")].require("standard/Math/Numbers/Matrix4");var te=r.n(ee);const re=window[Symbol.for("X_ITE.X3D-9.1.0")].require("standard/Math/Algorithm");var ie=r.n(re);function ne(e){C.call(this,e),this.addType(E().GeneratedCubeMapTexture),this.dependentRenderer=new V(e),this.projectionMatrix=new(te()),this.modelMatrix=new(te()),this.viewVolume=new(H())}Object.assign(Object.setPrototypeOf(ne.prototype,C.prototype),{initialize(){C.prototype.initialize.call(this),this._size.addInterest("set_size__",this),this.dependentRenderer.setup(),this.set_size__()},set_size__(){const e=this.getBrowser().getContext(),t=e.getVersion()>=2?this._size.getValue():ie().nextPowerOfTwo(this._size.getValue());if(t>0){const r=new Uint8Array(t*t*4);e.bindTexture(this.getTarget(),this.getTexture());for(const i of this.getTargets())e.texImage2D(i,0,e.RGBA,t,t,0,e.RGBA,e.UNSIGNED_BYTE,r);this.updateTextureParameters(),this.viewport=new(Q())(0,0,t,t),this.frameBuffer=new(G())(this.getBrowser(),t,t),this.setSize(t)}else this.frameBuffer=null,this.setSize(0)},traverse(e,t){"NONE"!==this._update.getValue()&&t.isIndependent()&&this.frameBuffer&&(t.getGeneratedCubeMapTextures().push(this),this.modelMatrix.assign(t.getModelViewMatrix().get()).multRight(t.getCameraSpaceMatrix().get()))},renderTexture:(()=>{const e=[new($())(K().zAxis,new(K())(0,0,-1)),new($())(K().zAxis,new(K())(0,0,1)),new($())(K().zAxis,new(K())(1,0,0)),new($())(K().zAxis,new(K())(-1,0,0)),new($())(K().zAxis,new(K())(0,-1,0)),new($())(K().zAxis,new(K())(0,1,0))],t=[new(K())(-1,-1,1),new(K())(-1,-1,1),new(K())(-1,-1,1),new(K())(-1,-1,1),new(K())(1,1,1),new(K())(1,1,1)],r=new(te());return function(i){this.dependentRenderer.setRenderer(i);const n=this.dependentRenderer,a=this.getBrowser(),s=i.getLayer(),o=a.getContext(),u=n.getBackground(),d=n.getNavigationInfo(),h=n.getViewpoint(),c=a.getHeadlight(),T=d._headlight.getValue(),x=d.getNearValue(),p=d.getFarValue(h),l=k().perspective(ie().radians(90),x,p,1,1,this.projectionMatrix),g=this.frameBuffer.getWidth(),m=this.frameBuffer.getHeight();this.setTransparent(u.isTransparent()),this.frameBuffer.bind(),n.getViewVolumes().push(this.viewVolume.set(l,this.viewport,this.viewport)),n.getProjectionMatrix().pushMatrix(l),o.bindTexture(this.getTarget(),this.getTexture());for(let i=0;i<6;++i)o.clear(o.COLOR_BUFFER_BIT),n.getCameraSpaceMatrix().pushMatrix(this.modelMatrix),n.getCameraSpaceMatrix().rotate(e[i]),n.getCameraSpaceMatrix().scale(t[i]),n.getViewMatrix().pushMatrix(r.assign(n.getCameraSpaceMatrix().get()).inverse()),n.getModelViewMatrix().pushMatrix(r),T&&(c.modelViewMatrix.pushMatrix(r),c.modelViewMatrix.multLeft(h.getCameraSpaceMatrix())),s.traverse(P().DISPLAY,n),T&&c.modelViewMatrix.pop(),n.getModelViewMatrix().pop(),n.getCameraSpaceMatrix().pop(),n.getViewMatrix().pop(),o.bindTexture(this.getTarget(),this.getTexture()),o.copyTexSubImage2D(this.getTargets()[i],0,0,0,0,0,g,m);this.updateTextureParameters(),n.getProjectionMatrix().pop(),n.getViewVolumes().pop(),"NEXT_FRAME_ONLY"===this._update.getValue()&&(this._update="NONE")}})(),setShaderUniforms:(()=>{const e=new Float32Array(16);return function(t,r,i,n){C.prototype.setShaderUniforms.call(this,t,r,i,n),i===this.dependentRenderer&&t.uniformMatrix4fv(r.x3d_ModelViewMatrix,!1,e)}})()}),Object.defineProperties(ne,{typeName:{value:"GeneratedCubeMapTexture",enumerable:!0},componentInfo:{value:Object.freeze({name:"CubeMapTexturing",level:3}),enumerable:!0},containerField:{value:"texture",enumerable:!0},specificationRange:{value:Object.freeze({from:"3.0",to:"Infinity"}),enumerable:!0},fieldDefinitions:{value:new(_())([new(g())(E().inputOutput,"metadata",new(p().SFNode)),new(g())(E().inputOutput,"description",new(p().SFString)),new(g())(E().inputOutput,"update",new(p().SFString)("NONE")),new(g())(E().initializeOnly,"size",new(p().SFInt32)(128)),new(g())(E().initializeOnly,"textureProperties",new(p().SFNode))]),enumerable:!0}});const ae=ne;n().add("GeneratedCubeMapTexture","x_ite/Components/CubeMapTexturing/GeneratedCubeMapTexture",ae);const se=ae,oe=window[Symbol.for("X_ITE.X3D-9.1.0")].require("x_ite/Components/Networking/X3DUrlObject");var ue=r.n(oe);const de=window[Symbol.for("X_ITE.X3D-9.1.0")].require("standard/Math/Numbers/Vector2");var he=r.n(de);const ce=window[Symbol.for("X_ITE.X3D-9.1.0")].require("x_ite/DEVELOPMENT");var Te=r.n(ce),xe=r(355);const pe=new Uint8Array([255,255,255,255]);function le(e){C.call(this,e),ue().call(this,e),this.addType(E().ImageCubeMapTexture),this.image=xe("<img></img>"),this.urlStack=new(p().MFString)}Object.assign(Object.setPrototypeOf(le.prototype,C.prototype),ue().prototype,{initialize(){C.prototype.initialize.call(this),ue().prototype.initialize.call(this);const e=this.getBrowser().getContext();e.bindTexture(this.getTarget(),this.getTexture());for(let t=0;t<6;++t)e.texImage2D(this.getTargets()[t],0,e.RGBA,1,1,0,e.RGBA,e.UNSIGNED_BYTE,pe);this.image.on("load",this.setImage.bind(this)),this.image.on("abort error",this.setError.bind(this)),this.image.prop("crossOrigin","Anonymous"),this.requestImmediateLoad().catch(Function.prototype)},unloadData(){this.clearTexture()},loadData(){this.urlStack.setValue(this._url),this.loadNext()},loadNext(){if(0===this.urlStack.length)return this.clearTexture(),void this.setLoadState(E().FAILED_STATE);this.URL=new URL(this.urlStack.shift(),this.getExecutionContext().getBaseURL()),this.URL.pathname.match(/\.ktx2?(?:\.gz)?$/)||this.URL.href.match(/^data:image\/ktx2[;,]/)?(this.setLinear(!0),this.getBrowser().getKTXDecoder().then((e=>e.loadKTXFromURL(this.URL,this.getCache()))).then((e=>this.setKTXTexture(e))).catch((e=>this.setError({type:e.message})))):(this.setLinear(!1),"data:"!==this.URL.protocol&&(this.getCache()||this.URL.searchParams.set("_",Date.now())),this.image.attr("src",this.URL.href))},setError(e){"data:"!==this.URL.protocol&&console.warn(`Error loading image '${decodeURI(this.URL.href)}'`,e.type),this.loadNext()},setKTXTexture(e){if(e.target!==this.getTarget())return this.setError({type:"Invalid KTX texture target, must be 'TEXTURE_CUBE_MAP'."});Te()&&"data:"!==this.URL.protocol&&console.info(`Done loading image cube map texture '${decodeURI(this.URL.href)}'`);try{this.setTexture(e),this.setTransparent(!1),this.setSize(e.baseWidth),this.updateTextureParameters(),this.setLoadState(E().COMPLETE_STATE)}catch(e){this.setError({type:e.message})}},setImage(){Te()&&"data:"!==this.URL.protocol&&console.info(`Done loading image cube map texture '${decodeURI(this.URL.href)}'`);try{const e=this.getBrowser().getContext(),t=e.createTexture();e.bindTexture(e.TEXTURE_2D,t),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,this.image[0]),this.imageToCubeMap(t,this.image.prop("width"),this.image.prop("height"),!1),this.setLoadState(E().COMPLETE_STATE)}catch(e){this.setError({type:e.message})}},imageToCubeMap(e,t,r){const i=t/r;Math.abs(i-4/3)<.01&&this.skyBoxToCubeMap(e,t,r),Math.abs(i-2)<.01&&this.panoramaToCubeMap(e,t,r),this.updateTextureParameters()},skyBoxToCubeMap:function(){const e=[new(he())(1,1),new(he())(3,1),new(he())(0,1),new(he())(2,1),new(he())(1,0),new(he())(1,2)];return function(t,r,i){const n=this.getBrowser().getContext(),a=n.createFramebuffer(),s=r/4,o=i/3,u=new Uint8Array(s*o*4);n.bindTexture(this.getTarget(),this.getTexture());for(let e=0;e<6;++e)n.texImage2D(this.getTargets()[e],0,n.RGBA,s,o,0,n.RGBA,n.UNSIGNED_BYTE,null);n.bindFramebuffer(n.FRAMEBUFFER,a),n.framebufferTexture2D(n.FRAMEBUFFER,n.COLOR_ATTACHMENT0,n.TEXTURE_2D,t,0);let d=!1;n.bindTexture(this.getTarget(),this.getTexture());for(let t=0;t<6;++t)n.copyTexSubImage2D(this.getTargets()[t],0,0,0,e[t].x*s,e[t].y*o,s,o),d||(n.readPixels(e[t].x*s,e[t].y*o,s,o,n.RGBA,n.UNSIGNED_BYTE,u),d=this.isImageTransparent(u));n.deleteFramebuffer(a),n.deleteTexture(t),this.setTransparent(d),this.setSize(s)}}(),panoramaToCubeMap(e,t,r){const i=this.getBrowser(),n=i.getContext(),a=i.getPanoramaShader(),s=n.createFramebuffer(),o=i.getTextureCubeUnit(),u=r/2,d=new Uint8Array(u*u*4);n.bindTexture(n.TEXTURE_2D,e),n.texParameteri(n.TEXTURE_2D,n.TEXTURE_WRAP_S,n.MIRRORED_REPEAT),n.texParameteri(n.TEXTURE_2D,n.TEXTURE_WRAP_T,n.MIRRORED_REPEAT),n.texParameteri(n.TEXTURE_2D,n.TEXTURE_MIN_FILTER,n.LINEAR),n.texParameteri(n.TEXTURE_2D,n.TEXTURE_MAG_FILTER,n.LINEAR),n.bindTexture(this.getTarget(),this.getTexture());for(let e=0;e<6;++e)n.texImage2D(this.getTargets()[e],0,n.RGBA,u,u,0,n.RGBA,n.UNSIGNED_BYTE,null);n.useProgram(a.getProgram()),n.activeTexture(n.TEXTURE0+o),n.bindTexture(n.TEXTURE_2D,e),n.uniform1i(a.x3d_PanoramaTexture,o),n.bindFramebuffer(n.FRAMEBUFFER,s),n.viewport(0,0,u,u),n.disable(n.DEPTH_TEST),n.enable(n.CULL_FACE),n.frontFace(n.CCW),n.clearColor(0,0,0,0),n.bindVertexArray(i.getFullscreenVertexArrayObject());let h=!1;for(let e=0;e<6;++e)n.framebufferTexture2D(n.FRAMEBUFFER,n.COLOR_ATTACHMENT0,this.getTargets()[e],this.getTexture(),0),n.clear(n.COLOR_BUFFER_BIT),n.uniform1i(a.x3d_CurrentFace,e),n.drawArrays(n.TRIANGLES,0,6),h||(n.readPixels(0,0,u,u,n.RGBA,n.UNSIGNED_BYTE,d),h=this.isImageTransparent(d));n.enable(n.DEPTH_TEST),n.deleteFramebuffer(s),n.deleteTexture(e),i.resetTextureUnits(),this.setTransparent(h),this.setSize(u)},dispose(){ue().prototype.dispose.call(this),C.prototype.dispose.call(this)}}),Object.defineProperties(le,{typeName:{value:"ImageCubeMapTexture",enumerable:!0},componentInfo:{value:Object.freeze({name:"CubeMapTexturing",level:2}),enumerable:!0},containerField:{value:"texture",enumerable:!0},specificationRange:{value:Object.freeze({from:"3.0",to:"Infinity"}),enumerable:!0},fieldDefinitions:{value:new(_())([new(g())(E().inputOutput,"metadata",new(p().SFNode)),new(g())(E().inputOutput,"description",new(p().SFString)),new(g())(E().inputOutput,"load",new(p().SFBool)(!0)),new(g())(E().inputOutput,"url",new(p().MFString)),new(g())(E().inputOutput,"autoRefresh",new(p().SFTime)),new(g())(E().inputOutput,"autoRefreshTimeLimit",new(p().SFTime)(3600)),new(g())(E().initializeOnly,"textureProperties",new(p().SFNode))]),enumerable:!0}});const ge=le;n().add("ImageCubeMapTexture","x_ite/Components/CubeMapTexturing/ImageCubeMapTexture",ge);const me=ge;t().add({name:"CubeMapTexturing",concreteNodes:[O,se,me],abstractNodes:[C],browserContext:T});const _e=void 0;n().add("CubeMapTexturing","assets/components/CubeMapTexturing",_e)})()})();