x_ite 8.6.5 → 8.6.6

package/docs/_config.yml

@@ -20,7 +20,7 @@ timezone:
 # ↓ --------------------------
 
 title: X_ITE X3D Browser               # the main title
-version: 8.6.5                         # x_ite latest version
+version: 8.6.6                         # x_ite latest version
 size: 288                              # size in kb
 x3d_latest_version: 4.0                # x3d latest version
 

package/docs/_posts/components/Navigation/NavigationInfo.md

@@ -36,13 +36,18 @@ Metadata are not part of the X3D world and not interpreted by the X3D browser, b
 
 Setting set_bind true makes this node active setting set_bind false makes this node inactive. Thus setting set_bind true/false will pop/push (enable/disable) this node.
 
-### MFString [in, out] **type** [ "EXAMINE", "ANY" ] <small>["EXAMINE","WALK","FLY","LOOKAT","EXPLORE","ANY","NONE"]</small>
+### MFString [in, out] **type** [ "EXAMINE", "ANY" ] <small>["EXAMINE","WALK","FLY","PLANE_create3000.github.io","LOOKAT","EXPLORE","ANY","NONE"]</small>
 
-Enter one or more quoted SFString values: "EXAMINE" "WALK" "FLY" "LOOKAT" "EXPLORE" "ANY" "NONE".
+Enter one or more quoted SFString values: "EXAMINE" "WALK" "FLY" "PLANE_create3000.github.io" "LOOKAT" "EXPLORE" "ANY" "NONE".
+
+The PLANE viewer is primarily designed to use with OrthoViewpoint and 2D scenes. You can zoom, which will change the viewport size (center of zoom is mouse pointer), and you can move the scene along the viewport plane.
 
 #### Hints
 
-- For inspection of simple objects, usability often improves with type="EXAMINE" "ANY". Types WALK and FLY force strict camera-to-object collision detection. See Collision node for further details on camera-to-object collision detection. MFString arrays can have multiple values, so separate each individual string by quote marks "https://www.web3d.org" "https://www.web3d.org/about" "etc." ] Interchange profile hint: this field may be ignored, applying the default value regardless.
+- For inspection of simple objects, usability often improves with type="EXAMINE" "ANY".
+- Types WALK and FLY force strict camera-to-object collision detection.
+- See Collision node for further details on camera-to-object collision detection.
+- MFString arrays can have multiple values, so separate each individual string by quote marks "https://www.web3d.org" "https://www.web3d.org/about" "etc." ]
 
 ### MFFloat [in, out] **avatarSize** [ 0.25, 1.6, 0.75 ] <small>[0,∞)</small>
 

package/docs/_posts/laboratory/x3d-file-converter.md

@@ -114,6 +114,8 @@ $(() =>
                url     = URL .createObjectURL (file);
 
             Browser .endUpdate ();
+            Browser .setBrowserOption ("PrimitiveQuality", "HIGH");
+            Browser .setBrowserOption ("TextureQuality",   "HIGH");
 
             await Browser .loadURL (new X3D .MFString (url));
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "x_ite",
-	"version": "8.6.5",
+	"version": "8.6.6",
 	"description": "X_ITE X3D Browser, view and manipulate X3D and VRML scenes in HTML.",
 	"homepage": "https://create3000.github.io/x_ite/",
 	"author": "Holger Seelig <holger.seelig@gmail.com>",

package/src/x_ite/Base/Events.js

@@ -45,20 +45,13 @@
  *
  ******************************************************************************/
 
-const _stack = Symbol ();
-
-function Events ()
-{
-   this [_stack] = [ ];
-}
-
-Events .prototype =
+const Events = Object .assign ([ ],
 {
    create: function (field)
    {
-      if (this [_stack] .length)
+      if (this .length)
       {
-         const event = this [_stack] .pop ();
+         const event = this .pop ();
 
          event .field = field;
          event .clear ();
@@ -74,9 +67,9 @@ Events .prototype =
    },
    copy: function (event)
    {
-      if (this [_stack] .length)
+      if (this .length)
       {
-         const copy = this [_stack] .pop ();
+         const copy = this .pop ();
 
          copy .field = event .field;
          copy .clear ();
@@ -95,19 +88,13 @@ Events .prototype =
 
       return copy;
    },
-   push: function (event)
-   {
-      this [_stack] .push (event);
-   },
    clear: function ()
    {
-      this [_stack] .length = 0;
+      this .length = 0;
    },
-};
-
-for (const key of Reflect .ownKeys (Events .prototype))
-   Object .defineProperty (Events .prototype, key, { enumerable: false });
+});
 
-const events = new Events ();
+for (const key of Reflect .ownKeys (Events))
+   Object .defineProperty (Events, key, { enumerable: false });
 
-export default events;
+export default Events;

package/src/x_ite/Base/X3DObject.js

@@ -83,13 +83,16 @@ X3DObject .prototype =
    },
    getInterestId: function (callbackName, object)
    {
+      if (typeof callbackName === "symbol")
+         return X3DObject .getId (object) + ".Symbol(" + SymbolId (callbackName) + ")";
+
       return X3DObject .getId (object) + "." + String (callbackName);
    },
    hasInterest: function (callbackName, object)
    {
       return this [_interests] .has (this .getInterestId (callbackName, object));
    },
-   addInterest: function (callbackName, object)
+   addInterest: function (callbackName, object, ... args)
    {
       if (this [_interests] === X3DObject .prototype [_interests])
       {
@@ -101,19 +104,7 @@ X3DObject .prototype =
          interestId = this .getInterestId (callbackName, object),
          callback   = object [callbackName];
 
-      if (arguments .length > 2)
-      {
-         const args = Array .prototype .slice .call (arguments, 2);
-
-         args .unshift (object);
-         args .push (this);
-
-         this [_interests] .set (interestId, Function .prototype .bind .apply (callback, args));
-      }
-      else
-      {
-         this [_interests] .set (interestId, callback .bind (object, this));
-      }
+      this [_interests] .set (interestId, callback .bind (object, ... args, this));
    },
    removeInterest: function (callbackName, object)
    {
@@ -185,9 +176,31 @@ X3DObject .prototype =
 for (const key of Reflect .ownKeys (X3DObject .prototype))
    Object .defineProperty (X3DObject .prototype, key, { enumerable: false });
 
-X3DObject .getId = (function ()
+Object .assign (X3DObject,
+{
+   getId: (function ()
+   {
+      const map = new WeakMap ();
+
+      let counter = 0;
+
+      return function (object)
+      {
+         const id = map .get (object);
+
+         if (id !== undefined)
+            return id;
+
+         map .set (object, ++ counter);
+
+         return counter;
+      };
+   })(),
+});
+
+const SymbolId = (function ()
 {
-   const map = new WeakMap ();
+   const map = new Map ();
 
    let counter = 0;
 

package/src/x_ite/Browser/VERSION.js

@@ -45,4 +45,4 @@
  *
  ******************************************************************************/
 
-export default "8.6.5";
+export default "8.6.6";

package/src/x_ite/Components/Shape/Material.js

@@ -211,8 +211,8 @@ Material .prototype = Object .assign (Object .create (X3DOneSidedMaterialNode .p
    },
    set_transparent__: function ()
    {
-      this .setTransparent (Boolean (this .getTransparency () ||
-                            (this .diffuseTextureNode && this .diffuseTextureNode .isTransparent ())));
+      this .setTransparent (!!(this .getTransparency () ||
+                              (this .diffuseTextureNode && this .diffuseTextureNode .isTransparent ())));
    },
    getTextureIndices: (function ()
    {

package/src/x_ite/Components/Shape/PhysicalMaterial.js

@@ -170,8 +170,8 @@ PhysicalMaterial .prototype = Object .assign (Object .create (X3DOneSidedMateria
    },
    set_transparent__: function ()
    {
-      this .setTransparent (Boolean (this .getTransparency () ||
-                            (this .baseTextureNode && this .baseTextureNode .isTransparent ())));
+      this .setTransparent (!!(this .getTransparency () ||
+                              (this .baseTextureNode && this .baseTextureNode .isTransparent ())));
    },
    getTextureIndices: (function ()
    {

package/src/x_ite/Components/Shape/UnlitMaterial.js

@@ -102,8 +102,8 @@ UnlitMaterial .prototype = Object .assign (Object .create (X3DOneSidedMaterialNo
    },
    set_transparent__: function ()
    {
-      this .setTransparent (Boolean (this .getTransparency () ||
-                            (this .getEmissiveTexture () && this .getEmissiveTexture () .isTransparent ())));
+      this .setTransparent (!!(this .getTransparency () ||
+                              (this .getEmissiveTexture () && this .getEmissiveTexture () .isTransparent ())));
    },
    getMaterialKey: function ()
    {

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

@@ -168,6 +168,9 @@ ImageTexture .prototype = Object .assign (Object .create (X3DTexture2DNode .prot
             width  = image .width,
             height = image .height;
 
+         // https://developer.mozilla.org/en-US/docs/Web/API/createImageBitmap
+         // createImageBitmap
+
          // Scale image if needed and flip vertically.
 
          if (gl .getVersion () >= 2 || (Algorithm .isPowerOfTwo (width) && Algorithm .isPowerOfTwo (height)))