x_ite 5.0.3 → 6.1.0

package/src/x_ite/Components/Texturing/TextureProperties.js

@@ -80,12 +80,12 @@ function (Fields,
          new X3DFieldDefinition (X3DConstants .inputOutput,    "borderWidth",         new Fields .SFInt32 ()),
          new X3DFieldDefinition (X3DConstants .inputOutput,    "anisotropicDegree",   new Fields .SFFloat (1)),
          new X3DFieldDefinition (X3DConstants .initializeOnly, "generateMipMaps",     new Fields .SFBool ()),
-         new X3DFieldDefinition (X3DConstants .inputOutput,    "minificationFilter",  new Fields .SFString ("FASTEST")),
-         new X3DFieldDefinition (X3DConstants .inputOutput,    "magnificationFilter", new Fields .SFString ("FASTEST")),
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "minificationFilter",  new Fields .SFString ("DEFAULT")),
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "magnificationFilter", new Fields .SFString ("DEFAULT")),
          new X3DFieldDefinition (X3DConstants .inputOutput,    "boundaryModeS",       new Fields .SFString ("REPEAT")),
          new X3DFieldDefinition (X3DConstants .inputOutput,    "boundaryModeT",       new Fields .SFString ("REPEAT")),
          new X3DFieldDefinition (X3DConstants .inputOutput,    "boundaryModeR",       new Fields .SFString ("REPEAT")),
-         new X3DFieldDefinition (X3DConstants .inputOutput,    "textureCompression",  new Fields .SFString ("FASTEST")),
+         new X3DFieldDefinition (X3DConstants .inputOutput,    "textureCompression",  new Fields .SFString ("DEFAULT")),
          new X3DFieldDefinition (X3DConstants .inputOutput,    "texturePriority",     new Fields .SFFloat ()),
       ]),
       getTypeName: function ()
@@ -201,7 +201,7 @@ function (Fields,
             const
                browser            = this .getBrowser (),
                gl                 = browser .getContext (),
-               compressedTexture  = browser .getExtension ("WEBGL_compressed_texture_etc"), // TODO: find suitable compression.
+               compressedTexture  = gl .getExtension ("WEBGL_compressed_texture_etc"), // TODO: find suitable compression.
                textureCompression = compressedTexture ? compressedTexture [textureCompressions .get (this ._textureCompression .getValue ())] : undefined;
 
             if (textureCompression !== undefined)

package/src/x_ite/Components/Texturing/X3DSingleTextureNode.js

@@ -78,15 +78,15 @@ function (X3DTextureNode,
       {
          X3DTextureNode .prototype .initialize .call (this);
 
-         this ._textureProperties .addInterest ("set_textureProperties__", this);
+         this ._textureProperties .addInterest ("set_textureProperties__", this, true);
 
          const gl = this .getBrowser () .getContext ();
 
          this .texture = gl .createTexture ();
 
-         this .set_textureProperties__ ();
+         this .set_textureProperties__ (false);
       },
-      set_textureProperties__: function ()
+      set_textureProperties__: function (update)
       {
          if (this .texturePropertiesNode)
             this .texturePropertiesNode .removeInterest ("updateTextureProperties", this);
@@ -98,7 +98,8 @@ function (X3DTextureNode,
 
          this .texturePropertiesNode .addInterest ("updateTextureProperties", this);
 
-         this .updateTextureProperties ();
+         if (update)
+            this .updateTextureProperties ();
       },
       getTexture: function ()
       {

package/src/x_ite/Components/Texturing/X3DTexture2DNode.js

@@ -124,46 +124,37 @@ function (X3DSingleTextureNode,
       },
       setTexture: function (width, height, transparent, data, flipY)
       {
-         try
-         {
-            this .width  = width;
-            this .height = height;
-            this .flipY  = flipY;
-            this .data   = data;
-
-            const gl = this .getBrowser () .getContext ();
-
-            gl .pixelStorei (gl .UNPACK_FLIP_Y_WEBGL, flipY);
-            gl .pixelStorei (gl .UNPACK_ALIGNMENT, 1);
-            gl .bindTexture (gl .TEXTURE_2D, this .getTexture ());
-            gl .texImage2D  (gl .TEXTURE_2D, 0, gl .RGBA, width, height, 0, gl .RGBA, gl .UNSIGNED_BYTE, data);
-
-            this .setTransparent (transparent);
-            this .updateTextureProperties ();
-            this .addNodeEvent ();
-         }
-         catch (error)
-         { }
+         this .width  = width;
+         this .height = height;
+         this .flipY  = flipY;
+         this .data   = data;
+
+         const gl = this .getBrowser () .getContext ();
+
+         gl .pixelStorei (gl .UNPACK_FLIP_Y_WEBGL, flipY);
+         gl .bindTexture (gl .TEXTURE_2D, this .getTexture ());
+         gl .texImage2D  (gl .TEXTURE_2D, 0, gl .RGBA, width, height, 0, gl .RGBA, gl .UNSIGNED_BYTE, data);
+         gl .pixelStorei (gl .UNPACK_FLIP_Y_WEBGL, false);
+
+         this .setTransparent (transparent);
+         this .updateTextureProperties ();
+         this .addNodeEvent ();
       },
       updateTexture: function (data, flipY)
       {
-         try
-         {
-            this .data = data;
+         this .data = data;
 
-            const gl = this .getBrowser () .getContext ();
+         const gl = this .getBrowser () .getContext ();
 
-            gl .pixelStorei (gl .UNPACK_FLIP_Y_WEBGL, flipY);
-            gl .bindTexture (gl .TEXTURE_2D, this .getTexture ());
-            gl .texSubImage2D (gl .TEXTURE_2D, 0, 0, 0, gl .RGBA, gl .UNSIGNED_BYTE, data);
+         gl .pixelStorei (gl .UNPACK_FLIP_Y_WEBGL, flipY);
+         gl .bindTexture (gl .TEXTURE_2D, this .getTexture ());
+         gl .texSubImage2D (gl .TEXTURE_2D, 0, 0, 0, gl .RGBA, gl .UNSIGNED_BYTE, data);
+         gl .pixelStorei (gl .UNPACK_FLIP_Y_WEBGL, false);
 
-            if (this .texturePropertiesNode ._generateMipMaps .getValue ())
-               gl .generateMipmap (gl .TEXTURE_2D);
+         if (this .texturePropertiesNode ._generateMipMaps .getValue ())
+            gl .generateMipmap (gl .TEXTURE_2D);
 
-            this .addNodeEvent ();
-         }
-         catch (error)
-         { }
+         this .addNodeEvent ();
       },
       updateTextureProperties: function ()
       {

package/src/x_ite/Components/Texturing3D/TextureCoordinate3D.js

@@ -162,12 +162,12 @@ function (Fields,
       },
       getTexCoord: function (array)
       {
-         const point = this .point;
+         const
+            point  = this .point,
+            length = this .length;
 
-         for (let i = 0, p = 0, length = this .length; i < length; ++ i, p += 3)
-            array [i] = new Vector4 (point [p], point [p + 1], point [p + 2], 1);
-
-         array .length = this .length;
+         for (let i = 0, p = 0; i < length; ++ i, p += 3)
+            array .push (point [p], point [p + 1], point [p + 2], 1);
 
          return array;
       },

package/src/x_ite/Components/Texturing3D/TextureCoordinate4D.js

@@ -162,12 +162,12 @@ function (Fields,
       },
       getTexCoord: function (array)
       {
-         const point = this .point;
+         const
+            point  = this .point,
+            length = this .length;
 
-         for (let i = 0, p = 0, length = this .length; i < length; ++ i, p += 4)
-            array [i] = new Vector4 (point [p], point [p + 1], point [p + 2], point [p + 3]);
-
-         array .length = this .length;
+         for (let i = 0, p = 0; i < length; ++ i, p += 4)
+            array .push (point [p], point [p + 1], point [p + 2], point [p + 3]);
 
          return array;
       },

package/src/x_ite/Components/Texturing3D/X3DTexture3DNode.js

@@ -134,29 +134,22 @@ function (X3DSingleTextureNode,
       },
       setTexture: function (width, height, depth, transparent, format, data)
       {
-         try
-         {
-            this .width  = width;
-            this .height = height;
-            this .depth  = depth;
-            this .data   = data;
+         this .width  = width;
+         this .height = height;
+         this .depth  = depth;
+         this .data   = data;
 
-            const gl = this .getBrowser () .getContext ();
+         const gl = this .getBrowser () .getContext ();
 
-            if (gl .getVersion () < 2)
-               return;
+         if (gl .getVersion () < 2)
+            return;
 
-            gl .pixelStorei (gl .UNPACK_FLIP_Y_WEBGL, false);
-            gl .pixelStorei (gl .UNPACK_ALIGNMENT, 1);
-            gl .bindTexture (gl .TEXTURE_3D, this .getTexture ());
-            gl .texImage3D  (gl .TEXTURE_3D, 0, format, width, height, depth, 0, format, gl .UNSIGNED_BYTE, data);
+         gl .bindTexture (gl .TEXTURE_3D, this .getTexture ());
+         gl .texImage3D  (gl .TEXTURE_3D, 0, format, width, height, depth, 0, format, gl .UNSIGNED_BYTE, data);
 
-            this .setTransparent (transparent);
-            this .updateTextureProperties ();
-            this .addNodeEvent ();
-         }
-         catch (error)
-         { }
+         this .setTransparent (transparent);
+         this .updateTextureProperties ();
+         this .addNodeEvent ();
       },
       updateTextureProperties: function ()
       {

package/src/x_ite/Components/VolumeRendering/X3DVolumeDataNode.js

@@ -71,14 +71,14 @@ function (Fields,
 
       this .addType (X3DConstants .X3DVolumeDataNode);
 
-      this .proximitySensorNode   = executionContext .createNode ("ProximitySensor", false);
-      this .transformNode         = executionContext .createNode ("Transform", false);
-      this .shapeNode             = executionContext .createNode ("Shape", false);
-      this .appearanceNode        = executionContext .createNode ("Appearance", false);
-      this .textureTransformNode  = executionContext .createNode ("TextureTransform3D", false);
-      this .geometryNode          = executionContext .createNode ("QuadSet", false);
+      this .proximitySensorNode   = executionContext .createNode ("ProximitySensor",     false);
+      this .transformNode         = executionContext .createNode ("Transform",           false);
+      this .shapeNode             = executionContext .createNode ("Shape",               false);
+      this .appearanceNode        = executionContext .createNode ("Appearance",          false);
+      this .textureTransformNode  = executionContext .createNode ("TextureTransform3D",  false);
+      this .geometryNode          = executionContext .createNode ("QuadSet",             false);
       this .textureCoordinateNode = executionContext .createNode ("TextureCoordinate3D", false);
-      this .coordinateNode        = executionContext .createNode ("Coordinate", false);
+      this .coordinateNode        = executionContext .createNode ("Coordinate",          false);
 
       this .setCameraObject (true);
    }
@@ -185,7 +185,7 @@ function (Fields,
       {
          var
             NUM_PLANES = this .getNumPlanes (),
-            size       = this ._dimensions .getValue () .abs (),
+            size       = this ._dimensions .getValue () .magnitude (),
             size1_2    = size / 2,
             points     = [ ];
 

package/src/x_ite/Components.js

@@ -95,8 +95,8 @@ function (DEBUG,
                SupportedNodes .addAbstractType (typeName, component .abstractTypes [typeName]);
          }
 
-         if (component .browser)
-            X3DBrowserContext .addContext (component .browser);
+         if (component .context)
+            X3DBrowserContext .addContext (component .context);
 
          if (component .name)
          {

package/src/x_ite/Fallback.js

@@ -62,7 +62,7 @@ function ($)
       {
          $(function ()
          {
-            const elements = $("X3DCanvas");
+            const elements = $("x3d-canvas, X3DCanvas");
 
             this .show (elements, error);
 
@@ -83,10 +83,16 @@ function ($)
          if (consoleElement .length)
             consoleElement .append (document .createTextNode (error));
 
-         elements .addClass ("x_ite-browser-fallback");
+         // X3DCanvas
          elements .children (".x_ite-private-browser") .hide ();
-         elements .children (":not(.x_ite-private-browser)") .addClass ("x_ite-fallback");
          elements .children (":not(.x_ite-private-browser)") .show ();
+
+         // x3d-canvas
+         elements .each (function (i, e)
+         {
+            if (e .shadowRoot)
+               e .shadowRoot .appendChild (document .createElement ("slot"));
+         });
       },
    };
 

package/src/x_ite/Fields/SFColor.js

@@ -80,6 +80,10 @@ function (Color3,
    SFColor .prototype = Object .assign (Object .create (X3DField .prototype),
    {
       constructor: SFColor,
+      [Symbol .iterator]: function* ()
+      {
+         yield* this .getValue ();
+      },
       copy: function ()
       {
          return new SFColor (this .getValue () .copy ());

package/src/x_ite/Fields/SFColorRGBA.js

@@ -80,6 +80,10 @@ function (X3DField,
    SFColorRGBA .prototype = Object .assign (Object .create (X3DField .prototype),
    {
       constructor: SFColorRGBA,
+      [Symbol .iterator]: function* ()
+      {
+         yield* this .getValue ();
+      },
       copy: function ()
       {
          return new SFColorRGBA (this .getValue () .copy ());

package/src/x_ite/Fields/SFImage.js

@@ -195,19 +195,10 @@ function (X3DField,
       },
       toStream: function (stream)
       {
-         const
-            array = this .array,
-            int   = new SFInt32 ();
-
          stream .string += this .width + " " + this .height + " " + this .comp;
 
-         for (let i = 0, length = this .width * this .height; i < length; ++ i)
-         {
-            stream .string += " 0x";
-
-            int .set (array [i]);
-            int .toXMLStream (stream);
-         }
+         for (const value of this .array)
+            stream .string += " 0x" + value .toString (16);
       },
       toVRMLStream: function (stream)
       {

package/src/x_ite/Fields/SFMatrixPrototypeTemplate.js

@@ -58,6 +58,10 @@ function (X3DField)
    {
       return Object .assign (Object .create (X3DField .prototype),
       {
+         [Symbol .iterator]: function* ()
+         {
+            yield* this .getValue ();
+         },
          copy: function ()
          {
             return new (this .constructor) (this .getValue () .copy ());

package/src/x_ite/Fields/SFRotation.js

@@ -90,6 +90,10 @@ function (SFVec3,
    SFRotation .prototype = Object .assign (Object .create (X3DField .prototype),
    {
       constructor: SFRotation,
+      [Symbol .iterator]: function* ()
+      {
+         yield* this .getValue ();
+      },
       copy: function ()
       {
          return new SFRotation (this .getValue () .copy ());

package/src/x_ite/Fields/SFString.js

@@ -82,6 +82,10 @@ function (X3DField,
    SFString .prototype = Object .assign (Object .create (X3DField .prototype),
    {
       constructor: SFString,
+      [Symbol .iterator]: function* ()
+      {
+         yield* this .getValue ();
+      },
       copy: function ()
       {
          return new SFString (this .getValue ());

package/src/x_ite/Fields/SFVecPrototypeTemplate.js

@@ -60,6 +60,10 @@ function (X3DField,
    {
       return Object .assign (Object .create (X3DField .prototype),
       {
+         [Symbol .iterator]: function* ()
+         {
+            yield* this .getValue ();
+         },
          copy: function ()
          {
             return new (this .constructor) (this .getValue () .copy ());
@@ -76,6 +80,10 @@ function (X3DField,
          {
             this .getValue () .assign (value);
          },
+         abs: function ()
+         {
+            return new (this .constructor) (Type .abs (this .getValue ()));
+         },
          add: function (vector)
          {
             return new (this .constructor) (Type .add (this .getValue (), vector .getValue ()));
@@ -96,14 +104,26 @@ function (X3DField,
          {
             return this .getValue () .dot (vector .getValue ());
          },
+         inverse: function ()
+         {
+            return new (this .constructor) (Type .inverse (this .getValue ()));
+         },
          length: function ()
          {
-            return this .getValue () .abs ();
+            return this .getValue () .magnitude ();
          },
          lerp: function (destination, t)
          {
             return new (this .constructor) (Type .lerp (this .getValue (), destination, t));
          },
+         max: function (vector)
+         {
+            return new (this .constructor) (Type .max (this .getValue (), vector .getValue ()));
+         },
+         min: function (vector)
+         {
+            return new (this .constructor) (Type .min (this .getValue (), vector .getValue ()));
+         },
          multiply: function (value)
          {
             return new (this .constructor) (Type .multiply (this .getValue (), value));
@@ -114,7 +134,7 @@ function (X3DField,
          },
          negate: function ()
          {
-            return new (this .constructor) (Type .negate (this .getValue () .copy ()));
+            return new (this .constructor) (Type .negate (this .getValue ()));
          },
          normalize: function (vector)
          {

package/src/x_ite/Parser/XMLParser.js

@@ -863,7 +863,7 @@ function ($,
                return;
             }
 
-            //console .error (error);
+            console .error (error);
 
             console .error ("XML Parser Error: " + error .message);
          }

package/src/x_ite/Rendering/TextureBuffer.js

@@ -67,14 +67,14 @@ function (ViewVolume,
       this .height  = height;
       this .array   = new Uint8Array (width * height * 4);
 
-      // The frame buffer.
+      // Create frame buffer.
 
       this .lastBuffer = gl .getParameter (gl .FRAMEBUFFER_BINDING);
       this .buffer     = gl .createFramebuffer ();
 
       gl .bindFramebuffer (gl .FRAMEBUFFER, this .buffer);
 
-      // The depth texture
+      // Create color texture.
 
       this .colorTexture = gl .createTexture ();
 
@@ -87,9 +87,9 @@ function (ViewVolume,
 
       gl .framebufferTexture2D (gl .FRAMEBUFFER, gl .COLOR_ATTACHMENT0, gl .TEXTURE_2D, this .colorTexture, 0);
 
-      // The depth buffer
+      // Create depth buffer.
 
-      if (gl .getVersion () >= 2 || browser .getExtension ("WEBGL_depth_texture"))
+      if (gl .getVersion () >= 2 || gl .getExtension ("WEBGL_depth_texture"))
       {
          this .depthTexture = gl .createTexture ();
 
@@ -103,7 +103,7 @@ function (ViewVolume,
          const internalFormat = gl .getVersion () >= 2 ? gl .DEPTH_COMPONENT24 : gl .DEPTH_COMPONENT;
 
          gl .texImage2D (gl .TEXTURE_2D, 0, internalFormat, width, height, 0, gl .DEPTH_COMPONENT, gl .UNSIGNED_INT, null);
-         gl.framebufferTexture2D (gl .FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.TEXTURE_2D, this .depthTexture, 0);
+         gl .framebufferTexture2D (gl .FRAMEBUFFER, gl .DEPTH_ATTACHMENT, gl .TEXTURE_2D, this .depthTexture, 0);
       }
       else
       {
@@ -114,10 +114,11 @@ function (ViewVolume,
          gl .framebufferRenderbuffer (gl .FRAMEBUFFER, gl .DEPTH_ATTACHMENT, gl .RENDERBUFFER, this .depthBuffer);
       }
 
-      // Always check that our framebuffer is ok
+      // Always check that our framebuffer is ok.
 
       const complete = gl .checkFramebufferStatus (gl .FRAMEBUFFER) === gl .FRAMEBUFFER_COMPLETE;
 
+      gl .bindTexture (gl .TEXTURE_2D, null);
       gl .bindFramebuffer (gl .FRAMEBUFFER, this .lastBuffer);
 
       if (complete)
@@ -165,46 +166,39 @@ function (ViewVolume,
 
          return function (projectionMatrix, viewport)
          {
-            try
-            {
-               const
-                  gl     = this .browser .getContext (),
-                  array  = this .array,
-                  width  = this .width,
-                  height = this .height;
+            const
+               gl     = this .browser .getContext (),
+               array  = this .array,
+               width  = this .width,
+               height = this .height;
 
-               let
-                  winx = 0,
-                  winy = 0,
-                  winz = Number .POSITIVE_INFINITY;
+            let
+               winx = 0,
+               winy = 0,
+               winz = Number .POSITIVE_INFINITY;
 
-               invProjectionMatrix .assign (projectionMatrix) .inverse ();
+            invProjectionMatrix .assign (projectionMatrix) .inverse ();
 
-               gl .readPixels (0, 0, width, height, gl .RGBA, gl .UNSIGNED_BYTE, array);
+            gl .readPixels (0, 0, width, height, gl .RGBA, gl .UNSIGNED_BYTE, array);
 
-               for (let wy = 0, i = 0; wy < height; ++ wy)
+            for (let wy = 0, i = 0; wy < height; ++ wy)
+            {
+               for (let wx = 0; wx < width; ++ wx, i += 4)
                {
-                  for (let wx = 0; wx < width; ++ wx, i += 4)
+                  const wz = array [i] / 255 + array [i + 1] / (255 * 255) + array [i + 2] / (255 * 255 * 255) + array [i + 3] / (255 * 255 * 255 * 255);
+
+                  if (wz < winz)
                   {
-                     const wz = array [i] / 255 + array [i + 1] / (255 * 255) + array [i + 2] / (255 * 255 * 255) + array [i + 3] / (255 * 255 * 255 * 255);
-
-                     if (wz < winz)
-                     {
-                        winx = wx;
-                        winy = wy;
-                        winz = wz;
-                     }
+                     winx = wx;
+                     winy = wy;
+                     winz = wz;
                   }
                }
+            }
 
-               ViewVolume .unProjectPointMatrix (winx, winy, winz, invProjectionMatrix, viewport, point);
+            ViewVolume .unProjectPointMatrix (winx, winy, winz, invProjectionMatrix, viewport, point);
 
-               return point .z;
-            }
-            catch (error)
-            {
-               return 0;
-            }
+            return point .z;
          };
       })(),
       bind: function ()
@@ -218,8 +212,21 @@ function (ViewVolume,
       unbind: function ()
       {
          const gl = this .browser .getContext ();
+
          gl .bindFramebuffer (gl .FRAMEBUFFER, this .lastBuffer);
       },
+      delete: function ()
+      {
+         const gl = this .browser .getContext ();
+
+         gl .deleteFramebuffer (this .buffer);
+         gl .deleteTexture (this .colorTexture);
+
+         if (gl .getVersion () >= 2 || gl .getExtension ("WEBGL_depth_texture"))
+            gl .deleteTexture (this .depthTexture);
+         else
+            gl .deleteRenderbuffer (this .depthBuffer);
+       },
    };
 
    for (const key of Reflect .ownKeys (TextureBuffer .prototype))