x_ite 5.0.3 → 6.1.0

package/src/x_ite/Browser/Shape/X3DShapeContext.js

@@ -69,6 +69,7 @@ function (Appearance,
 "use strict";
 
    const
+      _lineStippleScale          = Symbol (),
       _linetypeTextures          = Symbol (),
       _hatchStyleTextures        = Symbol (),
       _defaultAppearance         = Symbol (),
@@ -76,12 +77,15 @@ function (Appearance,
       _defaultLineProperties     = Symbol (),
       _defaultFillProperties     = Symbol (),
       _defaultMaterial           = Symbol (),
-      _lineFillTextureProperties = Symbol ();
+      _lineFillTextureProperties = Symbol (),
+      _lineTransformShaderNode   = Symbol (),
+      _lineTransformFeedback     = Symbol ();
 
    function X3DShapeContext ()
    {
       this [_linetypeTextures]   = [ ];
       this [_hatchStyleTextures] = [ ];
+      this [_lineStippleScale]   = 1 / (this .getPixelPerPoint () * 32); // 32px
    }
 
    X3DShapeContext .prototype =
@@ -110,6 +114,10 @@ function (Appearance,
 
          return this [_defaultPointProperties];
       },
+      getLineStippleScale: function ()
+      {
+         return this [_lineStippleScale];
+      },
       getDefaultLineProperties: function ()
       {
          this [_defaultLineProperties] = new LineProperties (this .getPrivateScene ());
@@ -148,11 +156,8 @@ function (Appearance,
 
          return this [_defaultMaterial];
       },
-      getLinetype: function (index)
+      getLinetypeTexture: function (index)
       {
-         if (index < 1 || index > 15)
-            index = 1;
-
          let linetypeTexture = this [_linetypeTextures] [index];
 
          if (linetypeTexture)
@@ -166,11 +171,8 @@ function (Appearance,
 
          return linetypeTexture;
       },
-      getHatchStyle: function (index)
+      getHatchStyleTexture: function (index)
       {
-         if (index < 1 || index > 19)
-            index = 1;
-
          let hatchStyleTexture = this [_hatchStyleTextures] [index];
 
          if (hatchStyleTexture)
@@ -187,6 +189,10 @@ function (Appearance,
       getLineFillTextureProperties: function ()
       {
          this [_lineFillTextureProperties] = new TextureProperties (this .getPrivateScene ());
+
+         this [_lineFillTextureProperties] ._minificationFilter  = "NEAREST_PIXEL";
+         this [_lineFillTextureProperties] ._magnificationFilter = "NEAREST_PIXEL";
+
          this [_lineFillTextureProperties] .setup ();
 
          this .getLineFillTextureProperties = function () { return this [_lineFillTextureProperties]; };
@@ -195,6 +201,41 @@ function (Appearance,
 
          return this [_lineFillTextureProperties];
       },
+      getLineTransformShader: function ()
+      {
+         this [_lineTransformShaderNode] = this .createShader ("LineTransformShader", "LineTransform");
+
+         this [_lineTransformShaderNode] .setUniforms ([
+            "viewport",
+            "modelViewProjectionMatrix",
+            "invModelViewProjectionMatrix",
+            "scale",
+         ]);
+
+         this [_lineTransformShaderNode] .setTransformFeedbackVaryings ([
+            "fogDepth0", "color0", "texCoord0", "vertex0",
+            "fogDepth1", "color1", "texCoord1", "vertex1",
+            "fogDepth2", "color2", "texCoord2", "vertex2",
+         ]);
+
+         this .getLineTransformShader = function () { return this [_lineTransformShaderNode]; };
+
+         Object .defineProperty (this, "getLineTransformShader", { enumerable: false });
+
+         return this [_lineTransformShaderNode];
+      },
+      getLineTransformFeedback: function ()
+      {
+         const gl = this .getContext ();
+
+         this [_lineTransformFeedback] = gl .createTransformFeedback ();
+
+         this .getLineTransformFeedback = function () { return this [_lineTransformFeedback]; };
+
+         Object .defineProperty (this, "getLineTransformFeedback", { enumerable: false });
+
+         return this [_lineTransformFeedback];
+      },
    };
 
    return X3DShapeContext;

package/src/x_ite/Browser/Text/X3DTextContext.js

@@ -66,7 +66,7 @@ function ($,
    function X3DTextContext ()
    {
       this [_fontCache]  = new Map ();
-      this [_glyphCache] = new Map (); // [font] [primitveQuality] [glyphIndex]
+      this [_glyphCache] = new Map (); // [font] [primitiveQuality] [glyphIndex]
    }
 
    X3DTextContext .prototype =
@@ -102,30 +102,21 @@ function ($,
       setFont: function (deferred, error, font)
       {
          if (error)
-         {
             deferred .reject (error);
-         }
          else
-         {
-//				// Workaround to initialize composite glyphs.
-//				for (let i = 0, length = font .numGlyphs; i < length; ++ i)
-//					font .glyphs .get (i) .getPath (0, 0, 1);
-
-            // Resolve callbacks.
             deferred .resolve (font);
-         }
       },
-      getGlyph: function (font, primitveQuality, glyphIndex)
+      getGlyph: function (font, primitiveQuality, glyphIndex)
       {
          let cachedFont = this [_glyphCache] .get (font);
 
          if (!cachedFont)
             this [_glyphCache] .set (font, cachedFont = [ ]);
 
-         let cachedQuality = cachedFont [primitveQuality];
+         let cachedQuality = cachedFont [primitiveQuality];
 
          if (!cachedQuality)
-            cachedQuality = cachedFont [primitveQuality] = [ ];
+            cachedQuality = cachedFont [primitiveQuality] = [ ];
 
          let cachedGlyph = cachedQuality [glyphIndex];
 

package/src/x_ite/Browser/Text/X3DTextGeometry.js

@@ -84,6 +84,7 @@ function (TextAlignment,
 
    function X3DTextGeometry (text, fontStyle)
    {
+      this .browser        = text .getBrowser ();
       this .text           = text;
       this .fontStyle      = fontStyle;
       this .glyphs         = [ ];
@@ -100,7 +101,7 @@ function (TextAlignment,
       constructor: X3DTextGeometry,
       getBrowser: function ()
       {
-         return this .text .getBrowser ();
+         return this .browser;
       },
       getText: function ()
       {

package/src/x_ite/Browser/Texturing/X3DTexturingContext.js

@@ -51,10 +51,12 @@ define ([
    "x_ite/Components/Texturing/TextureProperties",
    "x_ite/Components/Texturing/TextureTransform",
    "x_ite/Components/Texturing/TextureCoordinate",
+   "x_ite/Browser/Core/TextureQuality",
 ],
 function (TextureProperties,
           TextureTransform,
-          TextureCoordinate)
+          TextureCoordinate,
+          TextureQuality)
 {
 "use strict";
 
@@ -66,9 +68,6 @@ function (TextureProperties,
       _maxCombinedTextureUnits  = Symbol (),
       _textureMemory            = Symbol (),
       _combinedTextureUnits     = Symbol (),
-      _texture2DUnit            = Symbol (),
-      _texture3DUnit            = Symbol (),
-      _textureCubeUnit          = Symbol (),
       _texture2DUnits           = Symbol (),
       _texture3DUnits           = Symbol (),
       _textureCubeUnits         = Symbol (),
@@ -102,6 +101,8 @@ function (TextureProperties,
       {
          const gl = this .getContext ();
 
+         gl .pixelStorei (gl .UNPACK_ALIGNMENT, 1);
+
          this [_maxTextureSize]          = gl .getParameter (gl .MAX_TEXTURE_SIZE);
          this [_maxCombinedTextureUnits] = gl .getParameter (gl .MAX_COMBINED_TEXTURE_IMAGE_UNITS);
          this [_textureMemory]           = NaN;
@@ -109,12 +110,9 @@ function (TextureProperties,
          // Get texture Units
 
          this [_combinedTextureUnits] = [...Array (this [_maxCombinedTextureUnits]) .keys ()];
-         this [_texture2DUnit]        = this [_combinedTextureUnits] .pop ();
-         this [_texture3DUnit]        = this [_combinedTextureUnits] .pop ();
-         this [_textureCubeUnit]      = this [_combinedTextureUnits] .pop ();
-         this [_texture2DUnits]       = [this [_texture2DUnit]];
-         this [_texture3DUnits]       = [this [_texture3DUnit]];
-         this [_textureCubeUnits]     = [this [_textureCubeUnit]];
+         this [_texture2DUnits]       = [this [_combinedTextureUnits] .pop ()];
+         this [_texture3DUnits]       = [this [_combinedTextureUnits] .pop ()];
+         this [_textureCubeUnits]     = [this [_combinedTextureUnits] .pop ()];
 
          // Default Texture 2D Unit
 
@@ -122,11 +120,9 @@ function (TextureProperties,
 
          this [_defaultTexture2D] = gl .createTexture ();
 
+         gl .activeTexture (gl .TEXTURE0 + this [_texture2DUnits] [0]);
          gl .bindTexture (gl .TEXTURE_2D, this [_defaultTexture2D]);
-         gl .texImage2D  (gl .TEXTURE_2D, 0, gl .RGBA, 1, 1, 0, gl .RGBA, gl .UNSIGNED_BYTE, defaultData);
-
-         gl .activeTexture (gl .TEXTURE0 + this [_texture2DUnit]);
-         gl .bindTexture (gl .TEXTURE_2D, this [_defaultTexture2D]);
+         gl .texImage2D (gl .TEXTURE_2D, 0, gl .RGBA, 1, 1, 0, gl .RGBA, gl .UNSIGNED_BYTE, defaultData);
 
          // Default Texture 3D Unit
 
@@ -134,31 +130,31 @@ function (TextureProperties,
          {
             this [_defaultTexture3D] = gl .createTexture ();
 
+            gl .activeTexture (gl .TEXTURE0 + this [_texture3DUnits] [0]);
             gl .bindTexture (gl .TEXTURE_3D, this [_defaultTexture3D]);
-            gl .texImage3D  (gl .TEXTURE_3D, 0, gl .RGBA, 1, 1, 1, 0, gl .RGBA, gl .UNSIGNED_BYTE, defaultData);
-
-            gl .activeTexture (gl .TEXTURE0 + this [_texture3DUnit]);
-            gl .bindTexture (gl .TEXTURE_3D, this [_defaultTexture3D]);
+            gl .texImage3D (gl .TEXTURE_3D, 0, gl .RGBA, 1, 1, 1, 0, gl .RGBA, gl .UNSIGNED_BYTE, defaultData);
          }
 
          // Default Texture Cube Unit
 
          this [_defaultTextureCube] = gl .createTexture ();
 
+         gl .activeTexture (gl .TEXTURE0 + this [_textureCubeUnits] [0]);
          gl .bindTexture (gl .TEXTURE_CUBE_MAP, this [_defaultTextureCube]);
-         gl .texImage2D  (gl .TEXTURE_CUBE_MAP_POSITIVE_Z, 0, gl .RGBA, 1, 1, 0, gl .RGBA, gl .UNSIGNED_BYTE, defaultData);
-         gl .texImage2D  (gl .TEXTURE_CUBE_MAP_NEGATIVE_Z, 0, gl .RGBA, 1, 1, 0, gl .RGBA, gl .UNSIGNED_BYTE, defaultData);
-         gl .texImage2D  (gl .TEXTURE_CUBE_MAP_NEGATIVE_X, 0, gl .RGBA, 1, 1, 0, gl .RGBA, gl .UNSIGNED_BYTE, defaultData);
-         gl .texImage2D  (gl .TEXTURE_CUBE_MAP_POSITIVE_X, 0, gl .RGBA, 1, 1, 0, gl .RGBA, gl .UNSIGNED_BYTE, defaultData);
-         gl .texImage2D  (gl .TEXTURE_CUBE_MAP_POSITIVE_Y, 0, gl .RGBA, 1, 1, 0, gl .RGBA, gl .UNSIGNED_BYTE, defaultData);
-         gl .texImage2D  (gl .TEXTURE_CUBE_MAP_NEGATIVE_Y, 0, gl .RGBA, 1, 1, 0, gl .RGBA, gl .UNSIGNED_BYTE, defaultData);
-
-         gl .activeTexture (gl .TEXTURE0 + this [_textureCubeUnit]);
-         gl .bindTexture (gl .TEXTURE_CUBE_MAP, this [_defaultTextureCube]);
+         gl .texImage2D (gl .TEXTURE_CUBE_MAP_POSITIVE_Z, 0, gl .RGBA, 1, 1, 0, gl .RGBA, gl .UNSIGNED_BYTE, defaultData);
+         gl .texImage2D (gl .TEXTURE_CUBE_MAP_NEGATIVE_Z, 0, gl .RGBA, 1, 1, 0, gl .RGBA, gl .UNSIGNED_BYTE, defaultData);
+         gl .texImage2D (gl .TEXTURE_CUBE_MAP_NEGATIVE_X, 0, gl .RGBA, 1, 1, 0, gl .RGBA, gl .UNSIGNED_BYTE, defaultData);
+         gl .texImage2D (gl .TEXTURE_CUBE_MAP_POSITIVE_X, 0, gl .RGBA, 1, 1, 0, gl .RGBA, gl .UNSIGNED_BYTE, defaultData);
+         gl .texImage2D (gl .TEXTURE_CUBE_MAP_POSITIVE_Y, 0, gl .RGBA, 1, 1, 0, gl .RGBA, gl .UNSIGNED_BYTE, defaultData);
+         gl .texImage2D (gl .TEXTURE_CUBE_MAP_NEGATIVE_Y, 0, gl .RGBA, 1, 1, 0, gl .RGBA, gl .UNSIGNED_BYTE, defaultData);
 
          // Init texture units.
 
          this .resetTextureUnits ();
+
+         // Set texture quality.
+
+         this .setTextureQuality (this .getBrowserOptions () .getTextureQuality ());
       },
       getMaxTextures: function ()
       {
@@ -182,7 +178,7 @@ function (TextureProperties,
          {
             -- this [_texture2DUnitIndex];
 
-            return this [_texture2DUnits] .shift ();
+            return this [_texture2DUnits] .pop ();
          }
          else
          {
@@ -194,9 +190,9 @@ function (TextureProperties,
          if (textureUnit === undefined)
             return;
 
-         this [_texture2DUnitIndex] = Math .max (this [_texture2DUnitIndex] + 1, 1);
+         ++ this [_texture2DUnitIndex];
 
-         this [_texture2DUnits] .unshift (textureUnit);
+         this [_texture2DUnits] .push (textureUnit);
       },
       getTexture2DUnit: function ()
       {
@@ -251,15 +247,15 @@ function (TextureProperties,
       },
       getDefaultTexture2DUnit: function ()
       {
-         return this [_texture2DUnit];
+         return this [_texture2DUnits] [0];
       },
       getDefaultTexture3DUnit: function ()
       {
-         return this [_texture3DUnit];
+         return this [_texture3DUnits] [0];
       },
       getDefaultTextureCubeUnit: function ()
       {
-         return this [_textureCubeUnit];
+         return this [_textureCubeUnits] [0];
       },
       getTextureMemory: function ()
       {
@@ -277,7 +273,7 @@ function (TextureProperties,
       {
          this [_defaultTextureProperties] = new TextureProperties (this .getPrivateScene ());
          this [_defaultTextureProperties] ._magnificationFilter = "NICEST";
-         this [_defaultTextureProperties] ._minificationFilter  = "AVG_PIXEL_AVG_MIPMAP";
+         this [_defaultTextureProperties] ._minificationFilter  = "NEAREST_PIXEL_AVG_MIPMAP";
          this [_defaultTextureProperties] ._textureCompression  = "NICEST";
          this [_defaultTextureProperties] ._generateMipMaps     = true;
 
@@ -311,6 +307,47 @@ function (TextureProperties,
 
          return this [_defaultTextureCoordinate];
       },
+      setTextureQuality: function (textureQuality)
+      {
+         const textureProperties = this .getDefaultTextureProperties ();
+
+         switch (textureQuality)
+         {
+            case TextureQuality .LOW:
+            {
+               textureProperties ._magnificationFilter = "AVG_PIXEL";
+               textureProperties ._minificationFilter  = "AVG_PIXEL";
+               textureProperties ._textureCompression  = "FASTEST";
+               textureProperties ._generateMipMaps     = true;
+
+               //glHint (GL_GENERATE_MIPMAP_HINT,        GL_FASTEST);
+               //glHint (GL_PERSPECTIVE_CORRECTION_HINT, GL_FASTEST);
+               break;
+            }
+            case TextureQuality .MEDIUM:
+            {
+               textureProperties ._magnificationFilter = "NICEST";
+               textureProperties ._minificationFilter  = "NEAREST_PIXEL_AVG_MIPMAP";
+               textureProperties ._textureCompression  = "NICEST";
+               textureProperties ._generateMipMaps     = true;
+
+               //glHint (GL_GENERATE_MIPMAP_HINT,        GL_FASTEST);
+               //glHint (GL_PERSPECTIVE_CORRECTION_HINT, GL_FASTEST);
+               break;
+            }
+            case TextureQuality .HIGH:
+            {
+               textureProperties ._magnificationFilter = "NICEST";
+               textureProperties ._minificationFilter  = "NICEST";
+               textureProperties ._textureCompression  = "NICEST";
+               textureProperties ._generateMipMaps     = true;
+
+               //glHint (GL_GENERATE_MIPMAP_HINT,        GL_NICEST);
+               //glHint (GL_PERSPECTIVE_CORRECTION_HINT, GL_NICEST);
+               break;
+            }
+         }
+      },
    };
 
    return X3DTexturingContext;

package/src/x_ite/Browser/Texturing3D/DICOMParser.js

@@ -110,8 +110,8 @@ function (dicomParser,
          this .getTansferSyntax ();
          this .getPixelData ();
 
-         if (DEBUG)
-            console .log (this);
+         // if (DEBUG)
+         //    console .log (this);
 
          return this .dicom;
       },

package/src/x_ite/Browser/Time/X3DTimeContext.js

@@ -93,7 +93,7 @@ function (Vector3)
          return function (now)
          {
             const
-               time     = (now + performance .timeOrigin) / 1000,
+               time     = (performance .timeOrigin + now) / 1000,
                interval = time - this [_currentTime];
 
             this [_currentTime]      = time;
@@ -106,10 +106,12 @@ function (Vector3)
                lastPosition .assign (this [_currentPosition]);
                this [_currentPosition] .set (cameraSpaceMatrix [12], cameraSpaceMatrix [13], cameraSpaceMatrix [14]);
 
-               this [_currentSpeed] = lastPosition .subtract (this [_currentPosition]) .abs () * this [_currentFrameRate];
+               this [_currentSpeed] = lastPosition .subtract (this [_currentPosition]) .magnitude () * this [_currentFrameRate];
             }
             else
+            {
                this [_currentSpeed] = 0;
+            }
          };
       })(),
    };

package/src/x_ite/Browser/VERSION.js

@@ -49,5 +49,5 @@
 
 define (function ()
 {
-   return "5.0.3";
+   return "6.1.0";
 });

package/src/x_ite/Browser/X3DBrowser.js

@@ -417,7 +417,7 @@ function ($,
 
          // arguments .length === 1
 
-         if (!(url instanceof Fields .MFString))
+         if (! (url instanceof Fields .MFString))
             throw new Error ("Browser.createX3DFromURL: url must be of type MFString.");
 
          const
@@ -465,12 +465,12 @@ function ($,
             {
                if (loader !== this [_loader])
                {
-                  reject ();
+                  reject ("Loading of X3D file aborted.");
                   return;
                }
 
                if (! this .getBrowserOptions () .getSplashScreen ())
-                  this .getCanvas () .fadeIn (0);
+                  this .getCanvas () .show ();
 
                if (scene)
                {
@@ -486,7 +486,7 @@ function ($,
 
                   setTimeout (function () { this .getSplashScreen () .find (".x_ite-private-spinner-text") .text (_ ("Failed loading world.")); } .bind (this), 31);
 
-                  reject ();
+                  reject ("Couldn't load X3D file.");
                }
             }
             .bind (this),
@@ -494,7 +494,7 @@ function ($,
             {
                if (loader !== this [_loader])
                {
-                  reject ();
+                  reject ("Change viewpoint aborted.");
                   return;
                }
 
@@ -509,7 +509,7 @@ function ($,
             {
                if (loader !== this [_loader])
                {
-                  reject ();
+                  reject ("Loading of file aborted.");
                   return;
                }
 
@@ -771,6 +771,7 @@ function ($,
          this .setLive (true);
          this .getExecutionContext () .setLive (true);
          this .advanceTime (performance .now ());
+         this .addBrowserEvent ();
       },
       endUpdate: function ()
       {

package/src/x_ite/Browser/X3DBrowserContext.js

@@ -104,6 +104,7 @@ function ($,
       _world           = Symbol (),
       _changedTime     = Symbol (),
       _renderCallback  = Symbol (),
+      _previousTime    = Symbol (),
       _systemTime      = Symbol (),
       _systemStartTime = Symbol (),
       _browserTime     = Symbol (),
@@ -147,6 +148,7 @@ function ($,
                              "finished",      new SFTime ());
 
       this [_changedTime]     = 0;
+      this [_previousTime]    = 0;
       this [_renderCallback]  = this .traverse .bind (this);
       this [_systemTime]      = 0;
       this [_systemStartTime] = 0;
@@ -206,6 +208,10 @@ function ($,
             if (context .prototype .initialize)
                context .prototype .initialize .call (this);
          }
+
+         // Process events from context creation. This will setup nodes like
+         // geometry option nodes before any node is created.
+         this .processEvents ();
       },
       initialized: function ()
       {
@@ -255,14 +261,32 @@ function ($,
 
          this [_changedTime] = this .getCurrentTime ();
 
-         this .requestAnimationFrame ();
+         requestAnimationFrame (this [_renderCallback]);
       },
-      requestAnimationFrame: function ()
+      limitFrameRate: function (now)
       {
-         window .requestAnimationFrame (this [_renderCallback]);
+         if (now === this [_previousTime])
+         {
+            requestAnimationFrame (this [_renderCallback]);
+
+            return true;
+         }
+         else
+         {
+            this [_previousTime] = now;
+
+            return false;
+         }
       },
       traverse: function (now)
       {
+         // Limit frame rate.
+
+         if (this .limitFrameRate (now))
+            return;
+
+         // Start rendering.
+
          const gl = this .getContext ();
 
          const t0 = performance .now ();
@@ -287,9 +311,6 @@ function ($,
          this ._sensorEvents .processInterests ();
          this .processEvents ();
 
-         // XXX: The depth buffer must be cleared here, although it is cleared in each layer, otherwise there is a
-         // XXX: phantom image in the depth buffer at least in Firefox.
-
          const t3 = performance .now ();
          gl .clearColor (0, 0, 0, 0);
          gl .clear (gl .COLOR_BUFFER_BIT);
@@ -334,12 +355,20 @@ function ($,
 
          contexts .push (context);
 
-         Object .assign (X3DBrowserContext .prototype, context .prototype);
+         for (const key of Object .keys (context .prototype) .concat (Object .getOwnPropertySymbols (context .prototype)))
+         {
+            if (X3DBrowserContext .prototype .hasOwnProperty (key))
+               continue;
 
-         for (const key of Reflect .ownKeys (context .prototype))
-            Object .defineProperty (X3DBrowserContext .prototype, key, { enumerable: false });
+            Object .defineProperty (X3DBrowserContext .prototype, key,
+            {
+               value: context .prototype [key],
+               enumerable: false,
+               writable: true,
+            });
+         }
 
-         $("X3DCanvas") .each (function (i, canvas)
+         $("x3d-canvas, X3DCanvas") .each (function (i, canvas)
          {
             const browser = X3D .getBrowser (canvas);
 
@@ -347,6 +376,10 @@ function ($,
 
             if (context .prototype .initialize)
                context .prototype .initialize .call (browser);
+
+            // Process events from context creation. This will setup nodes like
+            // geometry option nodes before any node is created.
+            browser .processEvents ();
          });
       },
    });

package/src/x_ite/Components/Core/X3DNode.js

@@ -140,6 +140,8 @@ function (Fields,
                         }
                      }
                   }
+
+                  destinationField .setModificationTime (sourceField .getModificationTime ());
                }
                catch (error)
                {
@@ -173,6 +175,8 @@ function (Fields,
                      }
                   }
                }
+
+               destinationField .setModificationTime (sourceField .getModificationTime ());
             }
 
             copy .setup ();

package/src/x_ite/Components/Core/X3DPrototypeInstance.js

@@ -49,14 +49,12 @@
 
 define ([
    "x_ite/Base/X3DChildObject",
-   "x_ite/Base/FieldDefinitionArray",
    "x_ite/Components/Core/X3DNode",
    "x_ite/Execution/X3DExecutionContext",
    "x_ite/Base/X3DConstants",
    "x_ite/InputOutput/Generator",
 ],
 function (X3DChildObject,
-          FieldDefinitionArray,
           X3DNode,
           X3DExecutionContext,
           X3DConstants,

package/src/x_ite/Components/CubeMapTexturing/ComposedCubeMapTexture.js

@@ -193,7 +193,6 @@ function (Fields,
          const gl = this .getBrowser () .getContext ();
 
          gl .bindTexture (this .getTarget (), this .getTexture ());
-         gl .pixelStorei (gl .UNPACK_FLIP_Y_WEBGL, false);
 
          if (this .isComplete ())
          {
@@ -202,14 +201,12 @@ function (Fields,
             for (let i = 0; i < 6; ++ i)
             {
                const
-                  gl      = this .getBrowser () .getContext (),
                   texture = textures [i],
                   width   = texture .getWidth (),
                   height  = texture .getHeight (),
                   data    = texture .getData ();
 
                gl .pixelStorei (gl .UNPACK_FLIP_Y_WEBGL, !texture .getFlipY ());
-               gl .pixelStorei (gl .UNPACK_ALIGNMENT, 1);
 
                if (data instanceof Uint8Array)
                {
@@ -217,10 +214,12 @@ function (Fields,
                }
                else
                {
-                  gl .texImage2D  (this .getTargets () [i], 0, gl .RGBA, gl .RGBA, gl .UNSIGNED_BYTE, data);
+                  gl .texImage2D (this .getTargets () [i], 0, gl .RGBA, gl .RGBA, gl .UNSIGNED_BYTE, data);
                }
             }
 
+            gl .pixelStorei (gl .UNPACK_FLIP_Y_WEBGL, false);
+
             this .updateTextureProperties ();
          }
          else

package/src/x_ite/Components/CubeMapTexturing/GeneratedCubeMapTexture.js

@@ -219,7 +219,6 @@ function (Fields,
             renderer .getProjectionMatrix () .pushMatrix (projectionMatrix);
 
             gl .bindTexture (this .getTarget (), this .getTexture ());
-            gl .pixelStorei (gl .UNPACK_FLIP_Y_WEBGL, false);
 
             for (let i = 0; i < 6; ++ i)
             {
@@ -231,17 +230,7 @@ function (Fields,
                renderer .getCameraSpaceMatrix () .rotate (rotations [i]);
                renderer .getCameraSpaceMatrix () .scale (scales [i]);
 
-               try
-               {
-                  renderer .getViewMatrix () .pushMatrix (invCameraSpaceMatrix .assign (renderer .getCameraSpaceMatrix () .get ()) .inverse ());
-               }
-               catch (error)
-               {
-                  console .error (error);
-
-                  renderer .getViewMatrix () .pushMatrix (Matrix4 .Identity);
-               }
-
+               renderer .getViewMatrix () .pushMatrix (invCameraSpaceMatrix .assign (renderer .getCameraSpaceMatrix () .get ()) .inverse ());
                renderer .getModelViewMatrix () .pushMatrix (invCameraSpaceMatrix);
 
                // Setup headlight if enabled.