x_ite 8.6.9 → 8.6.11

package/src/x_ite/Components/EnvironmentalEffects/X3DBackgroundNode.js

@@ -49,8 +49,8 @@ import X3DBindableNode from "../Core/X3DBindableNode.js";
 import GeometryContext from "../../Browser/Rendering/GeometryContext.js";
 import VertexArray     from "../../Rendering/VertexArray.js";
 import TraverseType    from "../../Rendering/TraverseType.js";
+import AlphaMode       from "../../Browser/Shape/AlphaMode.js";
 import X3DConstants    from "../../Base/X3DConstants.js";
-import ViewVolume      from "../../../standard/Math/Geometry/ViewVolume.js";
 import Complex         from "../../../standard/Math/Numbers/Complex.js";
 import Vector3         from "../../../standard/Math/Numbers/Vector3.js";
 import Rotation4       from "../../../standard/Math/Numbers/Rotation4.js";
@@ -71,8 +71,6 @@ function X3DBackgroundNode (executionContext)
    this ._skyAngle    .setUnit ("angle");
    this ._groundAngle .setUnit ("angle");
 
-   const browser = this .getBrowser ();
-
    this .hidden                = false;
    this .projectionMatrixArray = new Float32Array (16);
    this .modelMatrix           = new Matrix4 ();
@@ -80,9 +78,12 @@ function X3DBackgroundNode (executionContext)
    this .clipPlanes            = [ ];
    this .colors                = [ ];
    this .sphere                = [ ];
+   this .textureNodes          = new Array (6);
    this .textureBits           = new BitSet ();
    this .sphereContext         = new GeometryContext ({ colorMaterial: true });
+   this .sphereAlphaContext    = new GeometryContext ({ colorMaterial: true, alphaMode: AlphaMode .BLEND });
    this .texturesContext       = new GeometryContext ({ textureNode: true });
+   this .texturesAlphaContext  = new GeometryContext ({ textureNode: true, alphaMode: AlphaMode .BLEND });
 }
 
 X3DBackgroundNode .prototype = Object .assign (Object .create (X3DBindableNode .prototype),
@@ -96,32 +97,22 @@ X3DBackgroundNode .prototype = Object .assign (Object .create (X3DBindableNode .
          browser = this .getBrowser (),
          gl      = browser .getContext ();
 
-      this .colorBuffer       = gl .createBuffer ();
-      this .sphereBuffer      = gl .createBuffer ();
-      this .texCoordBuffers   = new Array (browser .getMaxTextures ()) .fill (gl .createBuffer ());
-      this .frontBuffer       = gl .createBuffer ();
-      this .backBuffer        = gl .createBuffer ();
-      this .leftBuffer        = gl .createBuffer ();
-      this .rightBuffer       = gl .createBuffer ();
-      this .topBuffer         = gl .createBuffer ();
-      this .bottomBuffer      = gl .createBuffer ();
-      this .sphereArrayObject = new VertexArray (gl);
-      this .frontArrayObject  = new VertexArray (gl);
-      this .backArrayObject   = new VertexArray (gl);
-      this .leftArrayObject   = new VertexArray (gl);
-      this .rightArrayObject  = new VertexArray (gl);
-      this .topArrayObject    = new VertexArray (gl);
-      this .bottomArrayObject = new VertexArray (gl);
-
-      this ._groundAngle  .addInterest ("build", this);
-      this ._groundColor  .addInterest ("build", this);
-      this ._skyAngle     .addInterest ("build", this);
-      this ._skyColor     .addInterest ("build", this);
+      this .colorBuffer         = gl .createBuffer ();
+      this .sphereBuffer        = gl .createBuffer ();
+      this .texCoordBuffers     = [gl .createBuffer ()];
+      this .textureBuffers      = Array .from ({length: 6}, () => gl .createBuffer ());
+      this .sphereArrayObject   = new VertexArray (gl);
+      this .textureArrayObjects = Array .from ({length: 6}, () => new VertexArray (gl));
+
+      this ._groundAngle .addInterest ("build", this);
+      this ._groundColor .addInterest ("build", this);
+      this ._skyAngle    .addInterest ("build", this);
+      this ._skyColor    .addInterest ("build", this);
 
       this .build ();
       this .transferRectangle ();
    },
-   getHidden: function ()
+   isHidden: function ()
    {
       return this .hidden;
    },
@@ -131,36 +122,54 @@ X3DBackgroundNode .prototype = Object .assign (Object .create (X3DBindableNode .
 
       this .getBrowser () .addBrowserEvent ();
    },
+   isTransparent: function ()
+   {
+      if (this .hidden)
+         return true;
+
+      if (this ._transparency .getValue () <= 0)
+         return false;
+
+      if (this .textureBits .size !== 6)
+         return true;
+
+      for (const i of this .textureBits)
+      {
+         if (this .textureNodes [i] ._transparent .getValue ())
+            return true;
+      }
+
+      return false;
+   },
    set_frontTexture__: function (value)
    {
-      this .updateTexture ("frontTexture", value, 0);
+      this .updateTexture (0, value);
    },
    set_backTexture__: function (value)
    {
-      this .updateTexture ("backTexture", value, 1);
+      this .updateTexture (1, value);
    },
    set_leftTexture__: function (value)
    {
-      this .updateTexture ("leftTexture", value, 2);
+      this .updateTexture (2, value);
    },
    set_rightTexture__: function (value)
    {
-      this .updateTexture ("rightTexture", value, 3);
+      this .updateTexture (3, value);
    },
    set_topTexture__: function (value)
    {
-      this .updateTexture ("topTexture", value, 4);
+      this .updateTexture (4, value);
    },
    set_bottomTexture__: function (value)
    {
-      this .updateTexture ("bottomTexture", value, 5);
+      this .updateTexture (5, value);
    },
-   updateTexture: function (name, textureNode, index)
+   updateTexture: function (index, textureNode)
    {
-      if (this [name])
-         this [name] ._loadState .removeInterest ("setTextureBit", this);
+      this .textureNodes [index]?._loadState .removeInterest ("setTextureBit", this);
 
-      this [name] = textureNode;
+      this .textureNodes [index] = textureNode;
 
       if (textureNode)
       {
@@ -177,34 +186,6 @@ X3DBackgroundNode .prototype = Object .assign (Object .create (X3DBindableNode .
    {
       this .textureBits .set (bit, loadState .getValue () === X3DConstants .COMPLETE_STATE || textureNode .getWidth ());
    },
-   isTransparent: function ()
-   {
-      if (this .hidden)
-         return true;
-
-      if (this ._transparency .getValue () === 0)
-         return false;
-
-      if (! this .frontTexture  || this .frontTexture  ._transparent .getValue ())
-            return true;
-
-      if (! this .backTexture   || this .backTexture   ._transparent .getValue ())
-            return true;
-
-      if (! this .leftTexture   || this .leftTexture   ._transparent .getValue ())
-            return true;
-
-      if (! this .rightTexture  || this .rightTexture  ._transparent .getValue ())
-            return true;
-
-      if (! this .topTexture    || this .topTexture    ._transparent .getValue ())
-            return true;
-
-      if (! this .bottomTexture || this .bottomTexture ._transparent .getValue ())
-            return true;
-
-      return false;
-   },
    getColor: function (theta, color, angle)
    {
       const index = Algorithm .upperBound (angle, 0, angle .length, theta);
@@ -237,10 +218,10 @@ X3DBackgroundNode .prototype = Object .assign (Object .create (X3DBindableNode .
                              -s, -s,  s, 1,  s, -s,  s, 1, -s, -s, -s, 1, // Bottom
                              -s, -s, -s, 1,  s, -s,  s, 1,  s, -s, -s, 1);
 
-         const c = this ._skyColor [0];
+         const color = this ._skyColor [0];
 
          for (let i = 0, vertices = this .sphere .vertices; i < vertices; ++ i)
-            this .colors .push (c .r, c .g, c .b, 1);
+            this .colors .push (... color, 1);
       }
       else
       {
@@ -337,13 +318,13 @@ X3DBackgroundNode .prototype = Object .assign (Object .create (X3DBindableNode .
 
                // Triangle 1 and 2
 
-               this .colors .push (c1 .r, c1 .g, c1 .b, 1,
-                                   c2 .r, c2 .g, c2 .b, 1,
-                                   c2 .r, c2 .g, c2 .b, 1,
+               this .colors .push (... c1, 1,
+                                   ... c2, 1,
+                                   ... c2, 1,
                                    // Triangle 2
-                                   c1 .r, c1 .g, c1 .b, 1,
-                                   c1 .r, c1 .g, c1 .b, 1,
-                                   c2 .r, c2 .g, c2 .b, 1);
+                                   ... c1, 1,
+                                   ... c1, 1,
+                                   ... c2, 1);
 
                this .sphere .push (y1 .imag, z1 .real, y1 .real, 1,
                                    y3 .imag, z2 .real, y3 .real, 1,
@@ -376,67 +357,76 @@ X3DBackgroundNode .prototype = Object .assign (Object .create (X3DBindableNode .
    {
       const s = SIZE;
 
-      const texCoords = [
+      const texCoords = new Float32Array ([
          1, 1, 0, 1,
          0, 1, 0, 1,
          0, 0, 0, 1,
          1, 1, 0, 1,
          0, 0, 0, 1,
          1, 0, 0, 1,
-      ];
+      ]);
 
-      const frontVertices = [
+      const frontVertices = new Float32Array ([
          s,  s, -s, 1,
         -s,  s, -s, 1,
         -s, -s, -s, 1,
          s,  s, -s, 1,
         -s, -s, -s, 1,
          s, -s, -s, 1,
-      ];
+      ]);
 
-      const backVertices = [
+      const backVertices = new Float32Array ([
          -s,  s,  s, 1,
           s,  s,  s, 1,
           s, -s,  s, 1,
          -s,  s,  s, 1,
           s, -s,  s, 1,
          -s, -s,  s, 1,
-      ];
+      ]);
 
-      const leftVertices = [
+      const leftVertices = new Float32Array ([
          -s,  s, -s, 1,
          -s,  s,  s, 1,
          -s, -s,  s, 1,
          -s,  s, -s, 1,
          -s, -s,  s, 1,
          -s, -s, -s, 1,
-      ];
+      ]);
 
-      const rightVertices = [
+      const rightVertices = new Float32Array ([
          s,  s,  s, 1,
          s,  s, -s, 1,
          s, -s, -s, 1,
          s,  s,  s, 1,
          s, -s, -s, 1,
          s, -s,  s, 1,
-      ];
+      ]);
 
-      const topVertices = [
+      const topVertices = new Float32Array ([
           s, s,  s, 1,
          -s, s,  s, 1,
          -s, s, -s, 1,
           s, s,  s, 1,
          -s, s, -s, 1,
           s, s, -s, 1,
-      ];
+      ]);
 
-      const bottomVertices = [
+      const bottomVertices = new Float32Array ([
           s, -s, -s, 1,
          -s, -s, -s, 1,
          -s, -s,  s, 1,
           s, -s, -s, 1,
          -s, -s,  s, 1,
           s, -s,  s, 1,
+      ]);
+
+      const vertices = [
+         frontVertices,
+         backVertices,
+         leftVertices,
+         rightVertices,
+         topVertices,
+         bottomVertices,
       ];
 
       return function ()
@@ -446,27 +436,15 @@ X3DBackgroundNode .prototype = Object .assign (Object .create (X3DBindableNode .
          // Transfer texCoords.
 
          gl .bindBuffer (gl .ARRAY_BUFFER, this .texCoordBuffers [0]);
-         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (texCoords), gl .DYNAMIC_DRAW);
+         gl .bufferData (gl .ARRAY_BUFFER, texCoords, gl .DYNAMIC_DRAW);
 
          // Transfer rectangle.
 
-         gl .bindBuffer (gl .ARRAY_BUFFER, this .frontBuffer);
-         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (frontVertices), gl .DYNAMIC_DRAW);
-
-         gl .bindBuffer (gl .ARRAY_BUFFER, this .backBuffer);
-         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (backVertices), gl .DYNAMIC_DRAW);
-
-         gl .bindBuffer (gl .ARRAY_BUFFER, this .leftBuffer);
-         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (leftVertices), gl .DYNAMIC_DRAW);
-
-         gl .bindBuffer (gl .ARRAY_BUFFER, this .rightBuffer);
-         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (rightVertices), gl .DYNAMIC_DRAW);
-
-         gl .bindBuffer (gl .ARRAY_BUFFER, this .topBuffer);
-         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (topVertices), gl .DYNAMIC_DRAW);
-
-         gl .bindBuffer (gl .ARRAY_BUFFER, this .bottomBuffer);
-         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (bottomVertices), gl .DYNAMIC_DRAW);
+         for (let i = 0; i < 6; ++ i)
+         {
+            gl .bindBuffer (gl .ARRAY_BUFFER, this .textureBuffers [i]);
+            gl .bufferData (gl .ARRAY_BUFFER, vertices [i], gl .DYNAMIC_DRAW);
+         }
       };
    })(),
    traverse: function (type, renderObject)
@@ -483,21 +461,21 @@ X3DBackgroundNode .prototype = Object .assign (Object .create (X3DBindableNode .
          case TraverseType .DISPLAY:
          {
             const
-               sourceObjects = renderObject .getLocalObjects (),
-               destObjects   = this .clipPlanes;
+               localObjects = renderObject .getLocalObjects (),
+               clipPlanes   = this .clipPlanes;
 
-            let d = 0;
+            let c = 0;
 
-            for (let s = 0, length = sourceObjects .length; s < length; ++ s)
+            for (let l = 0, length = localObjects .length; l < length; ++ l)
             {
-               if (sourceObjects [s] .isClipped)
-                  destObjects [d ++] = sourceObjects [s];
+               if (localObjects [l] .isClipped)
+                  clipPlanes [c ++] = localObjects [l];
             }
 
-            destObjects .length = d;
+            clipPlanes .length = c;
 
-            this .sphereContext   .objectsCount [0] = destObjects .length;
-            this .texturesContext .objectsCount [0] = destObjects .length;
+            this .sphereContext   .objectsCount [0] = clipPlanes .length;
+            this .texturesContext .objectsCount [0] = clipPlanes .length;
             return;
          }
       }
@@ -546,15 +524,15 @@ X3DBackgroundNode .prototype = Object .assign (Object .create (X3DBindableNode .
    })(),
    drawSphere: function (renderObject)
    {
-      const transparency = this ._transparency .getValue ();
+      const transparency = Algorithm .clamp (this ._transparency .getValue (), 0, 1);
 
-      if (transparency >= 1)
+      if (transparency === 1)
          return;
 
       const
          browser    = this .getBrowser (),
          gl         = browser .getContext (),
-         shaderNode = browser .getDefaultMaterial () .getShader (this .sphereContext);
+         shaderNode = browser .getDefaultMaterial () .getShader (transparency ? this .sphereAlphaContext : this .sphereContext);
 
       shaderNode .enable (gl);
       shaderNode .setClipPlanes (gl, this .clipPlanes);
@@ -591,9 +569,10 @@ X3DBackgroundNode .prototype = Object .assign (Object .create (X3DBindableNode .
       return function (renderObject)
       {
          const
-            browser    = this .getBrowser (),
-            gl         = browser .getContext (),
-            shaderNode = browser .getDefaultMaterial () .getShader (this .texturesContext);
+            browser         = this .getBrowser (),
+            gl              = browser .getContext (),
+            shaderNode      = browser .getDefaultMaterial () .getShader (this .texturesContext),
+            alphaShaderNode = browser .getDefaultMaterial () .getShader (this .texturesAlphaContext);
 
          shaderNode .enable (gl);
          shaderNode .setClipPlanes (gl, this .clipPlanes);
@@ -610,37 +589,34 @@ X3DBackgroundNode .prototype = Object .assign (Object .create (X3DBindableNode .
 
          // Draw all textures.
 
-         this .drawRectangle (gl, browser, shaderNode, renderObject, this .frontTexture,  this .frontBuffer,  this .frontArrayObject);
-         this .drawRectangle (gl, browser, shaderNode, renderObject, this .backTexture,   this .backBuffer,   this .backArrayObject);
-         this .drawRectangle (gl, browser, shaderNode, renderObject, this .leftTexture,   this .leftBuffer,   this .leftArrayObject);
-         this .drawRectangle (gl, browser, shaderNode, renderObject, this .rightTexture,  this .rightBuffer,  this .rightArrayObject);
-         this .drawRectangle (gl, browser, shaderNode, renderObject, this .topTexture,    this .topBuffer,    this .topArrayObject);
-         this .drawRectangle (gl, browser, shaderNode, renderObject, this .bottomTexture, this .bottomBuffer, this .bottomArrayObject);
+         for (const i of this .textureBits)
+         {
+            const textureNode = this .textureNodes [i];
+
+            this .drawRectangle (gl, browser, textureNode ._transparent .getValue () ? alphaShaderNode : shaderNode, renderObject, textureNode, this .textureBuffers [i], this .textureArrayObjects [i]);
+         }
       };
    })(),
    drawRectangle: function (gl, browser, shaderNode, renderObject, textureNode, buffer, vertexArray)
    {
-      if (textureNode && (textureNode .checkLoadState () === X3DConstants .COMPLETE_STATE || textureNode .getWidth ()))
-      {
-         textureNode .setShaderUniforms (gl, shaderNode, renderObject);
+      textureNode .setShaderUniforms (gl, shaderNode, renderObject);
 
-         if (vertexArray .enable (gl, shaderNode))
-         {
-            shaderNode .enableTexCoordAttribute (gl, this .texCoordBuffers, 0, 0);
-            shaderNode .enableVertexAttribute (gl, buffer, 0, 0);
-         }
+      if (vertexArray .enable (gl, shaderNode))
+      {
+         shaderNode .enableTexCoordAttribute (gl, this .texCoordBuffers, 0, 0);
+         shaderNode .enableVertexAttribute (gl, buffer, 0, 0);
+      }
 
-         // Draw.
+      // Draw.
 
-         if (textureNode ._transparent .getValue ())
-            gl .enable (gl .BLEND);
-         else
-            gl .disable (gl .BLEND);
+      if (textureNode ._transparent .getValue ())
+         gl .enable (gl .BLEND);
+      else
+         gl .disable (gl .BLEND);
 
-         gl .drawArrays (gl .TRIANGLES, 0, 6);
+      gl .drawArrays (gl .TRIANGLES, 0, 6);
 
-         browser .resetTextureUnits ();
-      }
+      browser .resetTextureUnits ();
    },
 });
 

package/src/x_ite/Components/EnvironmentalEffects/X3DFogObject.js

@@ -108,7 +108,7 @@ X3DFogObject .prototype =
       this .set_color__ ();
       this .set_visibilityRange__ ();
    },
-   getHidden: function ()
+   isHidden: function ()
    {
       return this .hidden;
    },

package/src/x_ite/Components/Geometry3D/ElevationGrid.js

@@ -154,59 +154,39 @@ ElevationGrid .prototype = Object .assign (Object .create (X3DGeometryNode .prot
    },
    set_fogCoord__: function ()
    {
-      if (this .fogCoordNode)
-         this .fogCoordNode .removeInterest ("requestRebuild", this);
+      this .fogCoordNode?.removeInterest ("requestRebuild", this);
 
       this .fogCoordNode = X3DCast (X3DConstants .FogCoordinate, this ._fogCoord);
 
-      if (this .fogCoordNode)
-         this .fogCoordNode .addInterest ("requestRebuild", this);
+      this .fogCoordNode?.addInterest ("requestRebuild", this);
    },
    set_color__: function ()
    {
-      if (this .colorNode)
-      {
-         this .colorNode .removeInterest ("requestRebuild", this);
-         this .colorNode ._transparent .removeInterest ("set_transparent__", this);
-      }
+      this .colorNode?.removeInterest ("requestRebuild", this);
 
       this .colorNode = X3DCast (X3DConstants .X3DColorNode, this ._color);
 
-      if (this .colorNode)
-      {
-         this .colorNode .addInterest ("requestRebuild", this);
-         this .colorNode ._transparent .addInterest ("set_transparent__", this);
+      this .colorNode?.addInterest ("requestRebuild", this);
 
-         this .set_transparent__ ();
-      }
-      else
-         this .setTransparent (false);
-   },
-   set_transparent__: function ()
-   {
-      this .setTransparent (this .colorNode .isTransparent ());
+      this .setTransparent (this .colorNode?.isTransparent () ?? false);
    },
    set_texCoord__: function ()
    {
-      if (this .texCoordNode)
-         this .texCoordNode .removeInterest ("requestRebuild", this);
+      this .texCoordNode?.removeInterest ("requestRebuild", this);
 
       this .texCoordNode = X3DCast (X3DConstants .X3DTextureCoordinateNode, this ._texCoord);
 
-      if (this .texCoordNode)
-         this .texCoordNode .addInterest ("requestRebuild", this);
+      this .texCoordNode?.addInterest ("requestRebuild", this);
 
       this .setTextureCoordinate (this .texCoordNode);
    },
    set_normal__: function ()
    {
-      if (this .normalNode)
-         this .normalNode .removeInterest ("requestRebuild", this);
+      this .normalNode?.removeInterest ("requestRebuild", this);
 
       this .normalNode = X3DCast (X3DConstants .X3DNormalNode, this ._normal);
 
-      if (this .normalNode)
-         this .normalNode .addInterest ("requestRebuild", this);
+      this .normalNode?.addInterest ("requestRebuild", this);
    },
    getColor: function ()
    {
@@ -384,8 +364,7 @@ ElevationGrid .prototype = Object .assign (Object .create (X3DGeometryNode .prot
             for (let a = 0; a < numAttribNodes; ++ a)
                attribNodes [a] .addValue (index, attribArrays [a]);
 
-            if (fogCoordNode)
-               fogCoordNode .addDepth (index, fogDepthArray);
+            fogCoordNode?.addDepth (index, fogDepthArray);
 
             if (colorNode)
             {

package/src/x_ite/Components/Geometry3D/IndexedFaceSet.js

@@ -176,8 +176,7 @@ IndexedFaceSet .prototype = Object .assign (Object .create (X3DComposedGeometryN
          normalArray        = this .getNormals (),
          vertexArray        = this .getVertices ();
 
-      if (texCoordNode)
-         texCoordNode .init (multiTexCoordArray);
+      texCoordNode?.init (multiTexCoordArray);
 
       for (const polygon of polygons)
       {
@@ -192,8 +191,7 @@ IndexedFaceSet .prototype = Object .assign (Object .create (X3DComposedGeometryN
             for (let a = 0; a < numAttribNodes; ++ a)
                attribNodes [a] .addValue (index, attribArrays [a]);
 
-            if (fogCoordNode)
-               fogCoordNode .addDepth (index, fogDepthArray);
+            fogCoordNode?.addDepth (index, fogDepthArray);
 
             if (colorNode)
             {
@@ -203,8 +201,7 @@ IndexedFaceSet .prototype = Object .assign (Object .create (X3DComposedGeometryN
                   colorNode .addColor (this .getColorIndex (face), colorArray);
             }
 
-            if (texCoordNode)
-               texCoordNode .addPoint (this .getTexCoordPerVertexIndex (i), multiTexCoordArray);
+            texCoordNode?.addPoint (this .getTexCoordPerVertexIndex (i), multiTexCoordArray);
 
             if (normalNode)
             {

package/src/x_ite/Components/Geospatial/GeoElevationGrid.js

@@ -122,49 +122,31 @@ GeoElevationGrid .prototype = Object .assign (Object .create (X3DGeometryNode .p
    },
    set_color__: function ()
    {
-      if (this .colorNode)
-      {
-         this .colorNode .removeInterest ("requestRebuild", this);
-         this .colorNode ._transparent .removeInterest ("set_transparent__", this);
-      }
+      this .colorNode?.removeInterest ("requestRebuild", this);
 
       this .colorNode = X3DCast (X3DConstants .X3DColorNode, this ._color);
 
-      if (this .colorNode)
-      {
-         this .colorNode .addInterest ("requestRebuild", this);
-         this .colorNode ._transparent .addInterest ("set_transparent__", this);
+      this .colorNode?.addInterest ("requestRebuild", this);
 
-         this .set_transparent__ ();
-      }
-      else
-         this .setTransparent (false);
-   },
-   set_transparent__: function ()
-   {
-      this .setTransparent (this .colorNode .isTransparent ());
+      this .setTransparent (this .colorNode?.isTransparent () ?? false);
    },
    set_texCoord__: function ()
    {
-      if (this .texCoordNode)
-         this .texCoordNode .removeInterest ("requestRebuild", this);
+      this .texCoordNode?.removeInterest ("requestRebuild", this);
 
       this .texCoordNode = X3DCast (X3DConstants .X3DTextureCoordinateNode, this ._texCoord);
 
-      if (this .texCoordNode)
-         this .texCoordNode .addInterest ("requestRebuild", this);
+      this .texCoordNode?.addInterest ("requestRebuild", this);
 
       this .setTextureCoordinate (this .texCoordNode);
    },
    set_normal__: function ()
    {
-      if (this .normalNode)
-         this .normalNode .removeInterest ("requestRebuild", this);
+      this .normalNode?.removeInterest ("requestRebuild", this);
 
       this .normalNode = X3DCast (X3DConstants .X3DNormalNode, this ._normal);
 
-      if (this .normalNode)
-         this .normalNode .addInterest ("requestRebuild", this);
+      this .normalNode?.addInterest ("requestRebuild", this);
    },
    getColor: function ()
    {

package/src/x_ite/Components/Grouping/X3DGroupingNode.js

@@ -105,7 +105,7 @@ X3DGroupingNode .prototype = Object .assign (Object .create (X3DChildNode .proto
 
       return bbox .set (this ._bboxSize .getValue (), this ._bboxCenter .getValue ());
    },
-   getHidden: function ()
+   isHidden: function ()
    {
       return this .hidden;
    },

package/src/x_ite/Components/NURBS/X3DNurbsSurfaceGeometryNode.js

@@ -89,20 +89,14 @@ X3DNurbsSurfaceGeometryNode .prototype = Object .assign (Object .create (X3DPara
    },
    set_texCoord__: function ()
    {
-      if (this .texCoordNode)
-         this .texCoordNode .removeInterest ("requestRebuild", this);
-
-      if (this .nurbsTexCoordNode)
-         this .nurbsTexCoordNode .removeInterest ("requestRebuild", this);
+      this .texCoordNode     ?.removeInterest ("requestRebuild", this);
+      this .nurbsTexCoordNode?.removeInterest ("requestRebuild", this);
 
       this .texCoordNode      = X3DCast (X3DConstants .X3DTextureCoordinateNode, this ._texCoord);
       this .nurbsTexCoordNode = X3DCast (X3DConstants .NurbsTextureCoordinate,   this ._texCoord);
 
-      if (this .texCoordNode)
-         this .texCoordNode .addInterest ("requestRebuild", this);
-
-      if (this .nurbsTexCoordNode)
-         this .nurbsTexCoordNode .addInterest ("requestRebuild", this);
+      this .texCoordNode     ?.addInterest ("requestRebuild", this);
+      this .nurbsTexCoordNode?.addInterest ("requestRebuild", this);
    },
    set_controlPoint__: function ()
    {