x_ite 8.9.6 → 8.10.1

package/src/x_ite/Base/X3DBaseNode.js

@@ -88,9 +88,9 @@ function X3DBaseNode (executionContext, browser = executionContext .getBrowser (
 
    // Create fields.
 
-   this .addChildObjects ("name_changed",     new Fields .SFTime (),
-                          "typeName_changed", new Fields .SFTime (),
-                          "parents_changed",  new Fields .SFTime ())
+   this .addChildObjects (X3DConstants .outputOnly, "name_changed",     new Fields .SFTime (),
+                          X3DConstants .outputOnly, "typeName_changed", new Fields .SFTime (),
+                          X3DConstants .outputOnly, "parents_changed",  new Fields .SFTime ())
 
    for (const fieldDefinition of this [_fieldDefinitions])
       this .addPredefinedField (fieldDefinition);
@@ -144,6 +144,64 @@ Object .assign (Object .setPrototypeOf (X3DBaseNode .prototype, X3DChildObject .
    {
       return this [_type];
    },
+   create (executionContext = this [_executionContext])
+   {
+      return new (this .constructor) (executionContext);
+   },
+   copy (executionContext)
+   {
+      const copy = this .create (executionContext);
+
+      for (const field of this [_predefinedFields])
+         copy .getPredefinedFields () .get (field .getName ()) .assign (field);
+
+      if (this .canUserDefinedFields ())
+      {
+         for (const field of this [_userDefinedFields])
+            copy .addUserDefinedField (field .getAccessType (), field .getName (), field .copy ());
+      }
+
+      copy .setup ();
+
+      return copy;
+   },
+   // replaceWith (replacement, cache = false)
+   // {
+   //    cache = cache && SFNodeCache .get (this);
+
+   //    for (const parent of new Set (this .getParents ()))
+   //    {
+   //       if (parent instanceof Fields .SFNode && parent !== cache)
+   //          parent .setValue (replacement)
+   //    }
+   // },
+   setup ()
+   {
+      Object .freeze (this [_type]);
+
+      this [_fieldDefinitions]  .addParent (this);
+      this [_predefinedFields]  .addParent (this);
+      this [_userDefinedFields] .addParent (this);
+
+      for (const field of this [_childObjects])
+         field .setTainted (false);
+
+      for (const field of this [_predefinedFields])
+         field .setTainted (false);
+
+      for (const field of this [_userDefinedFields])
+         field .setTainted (false);
+
+      this .initialize ();
+
+      this [_initialized] = true;
+   },
+   initialize ()
+   { },
+   isInitialized ()
+   {
+      return this [_initialized];
+   },
    getInnerNode ()
    {
       return this;
@@ -180,7 +238,7 @@ Object .assign (Object .setPrototypeOf (X3DBaseNode .prototype, X3DChildObject .
 
          // Add isLive event.
 
-         this .addChildObjects ("live", new Fields .SFBool (this .getLiveState ()));
+         this .addChildObjects (X3DConstants .outputOnly, "live", new Fields .SFBool (this .getLiveState ()));
 
          // Event processing is done manually and immediately, so:
          this ._live .removeParent (this);
@@ -234,66 +292,19 @@ Object .assign (Object .setPrototypeOf (X3DBaseNode .prototype, X3DChildObject .
          }
       }
    },
-   create (executionContext = this [_executionContext])
+   addChildObjects (/* accessType, name, field, ... */)
    {
-      return new (this .constructor) (executionContext);
+      for (let i = 0, length = arguments .length; i < length; i += 3)
+         this .addChildObject (arguments [i], arguments [i + 1], arguments [i + 2]);
    },
-   setup ()
-   {
-      Object .freeze (this [_type]);
-
-      this [_fieldDefinitions]  .addParent (this);
-      this [_predefinedFields]  .addParent (this);
-      this [_userDefinedFields] .addParent (this);
-
-      for (const field of this [_childObjects])
-         field .setTainted (false);
-
-      for (const field of this [_predefinedFields])
-         field .setTainted (false);
-
-      for (const field of this [_userDefinedFields])
-         field .setTainted (false);
-
-      this .initialize ();
-
-      this [_initialized] = true;
-   },
-   initialize ()
-   { },
-   isInitialized ()
-   {
-      return this [_initialized];
-   },
-   copy (executionContext)
-   {
-      const copy = this .create (executionContext);
-
-      for (const field of this [_predefinedFields])
-         copy .getPredefinedFields () .get (field .getName ()) .assign (field);
-
-      if (this .canUserDefinedFields ())
-      {
-         for (const field of this [_userDefinedFields])
-            copy .addUserDefinedField (field .getAccessType (), field .getName (), field .copy ());
-      }
-
-      copy .setup ();
-
-      return copy;
-   },
-   addChildObjects (/* name, field, ... */)
-   {
-      for (let i = 0, length = arguments .length; i < length; i += 2)
-         this .addChildObject (arguments [i], arguments [i + 1]);
-   },
-   addChildObject (name, field)
+   addChildObject (accessType, name, field)
    {
       this [_childObjects] .push (field);
 
       field .setTainted (true);
       field .addParent (this);
       field .setName (name);
+      field .setAccessType (accessType);
 
       Object .defineProperty (this, `_${name}`,
       {
@@ -502,6 +513,12 @@ Object .assign (Object .setPrototypeOf (X3DBaseNode .prototype, X3DChildObject .
       if (field .isTainted ())
          return;
 
+      // if (this .getTypeName () === "IndexedQuadSet")
+      // {
+      //    console .log (field .getName ());
+      //    console .trace ();
+      // }
+
       field .setTainted (true);
 
       this .addEventObject (field, Events .create (field));

package/src/x_ite/Base/X3DObjectArrayField.js

@@ -160,10 +160,9 @@ Object .assign (Object .setPrototypeOf (X3DObjectArrayField .prototype, X3DArray
    {
       const
          target = this [_target],
-         copy   = target .create (),
-         array  = target .getValue ();
+         copy   = target .create ();
 
-      copy .push (... array);
+      copy .assign (target);
       copy .setModificationTime (0);
 
       return copy;
@@ -330,10 +329,13 @@ Object .assign (Object .setPrototypeOf (X3DObjectArrayField .prototype, X3DArray
       const
          target = this [_target],
          values = target .getValue () .splice (index, deleteCount),
-         result = new (target .constructor) (... values);
+         result = new (target .constructor) ();
 
       for (const value of values)
+      {
+         result .push (value);
          target .removeChildObject (value);
+      }
 
       target .addEvent ();
 

package/src/x_ite/Browser/Core/Context.js

@@ -106,7 +106,7 @@ const extensions = [
 
 const Context =
 {
-   create (canvas, version, preserveDrawingBuffer)
+   create (canvas, version, preserveDrawingBuffer, mobile)
    {
       const options = { preserveDrawingBuffer: preserveDrawingBuffer };
 
@@ -143,6 +143,11 @@ const Context =
       if (!gl)
          throw new Error ("Couldn't create WebGL context.");
 
+      // Load extensions.
+
+      for (const extension of extensions)
+         gl .getExtension (extension);
+
       // Feature detection:
 
       // If the aliased lineWidth ranges are both 1, gl .lineWidth is probably not possible,
@@ -185,10 +190,15 @@ const Context =
          }
       }
 
-      // Load extensions.
+      if (mobile)
+      {
+         const color_buffer_half_float = gl .getExtension ("EXT_color_buffer_half_float");
 
-      for (const extension of extensions)
-         gl .getExtension (extension);
+         Object .defineProperty (gl, "RGBA32F",
+         {
+            value: gl .getVersion () === 1 ? color_buffer_half_float .RGBA16F_EXT : gl .RGBA16F,
+         });
+      }
 
       // Async functions
 

package/src/x_ite/Browser/Core/Notification.js

@@ -45,8 +45,9 @@
  *
  ******************************************************************************/
 
-import SFString    from "../../Fields/SFString.js";
-import X3DBaseNode from "../../Base/X3DBaseNode.js";
+import SFString     from "../../Fields/SFString.js";
+import X3DBaseNode  from "../../Base/X3DBaseNode.js";
+import X3DConstants from "../../Base/X3DConstants.js";
 
 $.fn.textWidth = function (string)
 {
@@ -65,7 +66,7 @@ function Notification (executionContext)
 {
    X3DBaseNode .call (this, executionContext);
 
-   this .addChildObjects ("string", new SFString ());
+   this .addChildObjects (X3DConstants .inputOutput, "string", new SFString ());
 }
 
 Object .assign (Object .setPrototypeOf (Notification .prototype, X3DBaseNode .prototype),

package/src/x_ite/Browser/Core/X3DCoreContext.js

@@ -45,6 +45,7 @@
  *
  ******************************************************************************/
 
+import X3DConstants        from "../../Base/X3DConstants.js";
 import Fields              from "../../Fields.js";
 import Context             from "./Context.js";
 import BrowserTimings      from "./BrowserTimings.js";
@@ -121,15 +122,14 @@ function X3DCoreContext (element)
    $("<div></div>") .addClass ("x_ite-private-spinner-text") .appendTo (progress);
 
    this [_instanceId]   = ++ instanceId;
+   this [_localStorage] = new DataStorage (localStorage, "X_ITE.X3DBrowser(" + this [_instanceId] + ").");
+   this [_mobile]       = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i .test (navigator .userAgent);
    this [_element]      = element;
    this [_surface]      = surface;
    this [_canvas]       = $("<canvas></canvas>") .addClass ("x_ite-private-canvas") .prependTo (surface);
-   this [_context]      = Context .create (this [_canvas] [0], WEBGL_LATEST_VERSION, element .attr ("preserveDrawingBuffer") === "true");
+   this [_context]      = Context .create (this [_canvas] [0], WEBGL_LATEST_VERSION, element .attr ("preserveDrawingBuffer") === "true", this [_mobile]);
    this [_splashScreen] = splashScreen;
 
-   this [_localStorage] = new DataStorage (localStorage, "X_ITE.X3DBrowser(" + this [_instanceId] + ").");
-   this [_mobile]       = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i .test (navigator .userAgent);
-
    this [_renderingProperties] = new RenderingProperties (this .getPrivateScene ());
    this [_browserOptions]      = new BrowserOptions      (this .getPrivateScene ());
    this [_browserProperties]   = new BrowserProperties   (this .getPrivateScene ());
@@ -141,10 +141,10 @@ function X3DCoreContext (element)
    this [_pixelPerPoint] = inches .height () / 720 || 1;
    inches .remove ();
 
-   this .addChildObjects ("controlKey", new Fields .SFBool (),
-                          "shiftKey",   new Fields .SFBool (),
-                          "altKey",     new Fields .SFBool (),
-                          "altGrKey",   new Fields .SFBool ());
+   this .addChildObjects (X3DConstants .outputOnly, "controlKey", new Fields .SFBool (),
+                          X3DConstants .outputOnly, "shiftKey",   new Fields .SFBool (),
+                          X3DConstants .outputOnly, "altKey",     new Fields .SFBool (),
+                          X3DConstants .outputOnly, "altGrKey",   new Fields .SFBool ());
 }
 
 Object .assign (X3DCoreContext .prototype,

package/src/x_ite/Browser/Geometry2D/Arc2DOptions.js

@@ -45,14 +45,15 @@
  *
  ******************************************************************************/
 
-import X3DBaseNode from "../../Base/X3DBaseNode.js";
-import Fields      from "../../Fields.js";
+import X3DBaseNode  from "../../Base/X3DBaseNode.js";
+import X3DConstants from "../../Base/X3DConstants.js";
+import Fields       from "../../Fields.js";
 
 function Arc2DOptions (executionContext)
 {
    X3DBaseNode .call (this, executionContext);
 
-   this .addChildObjects ("dimension", new Fields .SFInt32 (40))
+   this .addChildObjects (X3DConstants .inputOutput, "dimension", new Fields .SFInt32 (40))
 }
 
 Object .setPrototypeOf (Arc2DOptions .prototype, X3DBaseNode .prototype);

package/src/x_ite/Browser/Geometry2D/ArcClose2DOptions.js

@@ -45,14 +45,15 @@
  *
  ******************************************************************************/
 
-import X3DBaseNode from "../../Base/X3DBaseNode.js";
-import Fields      from "../../Fields.js";
+import X3DBaseNode  from "../../Base/X3DBaseNode.js";
+import X3DConstants from "../../Base/X3DConstants.js";
+import Fields       from "../../Fields.js";
 
 function ArcClose2DOptions (executionContext)
 {
    X3DBaseNode .call (this, executionContext);
 
-   this .addChildObjects ("dimension", new Fields .SFInt32 (40))
+   this .addChildObjects (X3DConstants .inputOutput, "dimension", new Fields .SFInt32 (40))
 }
 
 Object .setPrototypeOf (ArcClose2DOptions .prototype, X3DBaseNode .prototype);

package/src/x_ite/Browser/Geometry2D/Circle2DOptions.js

@@ -45,18 +45,18 @@
  *
  ******************************************************************************/
 
-import X3DBaseNode     from "../../Base/X3DBaseNode.js";
-import Fields          from "../../Fields.js";
-import X3DGeometryNode from "../../Components/Rendering/X3DGeometryNode.js";
-import Complex         from "../../../standard/Math/Numbers/Complex.js";
+import Fields       from "../../Fields.js";
+import X3DBaseNode  from "../../Base/X3DBaseNode.js";
+import X3DConstants from "../../Base/X3DConstants.js";
+import Complex      from "../../../standard/Math/Numbers/Complex.js";
 
 function Circle2DOptions (executionContext)
 {
    X3DBaseNode .call (this, executionContext);
 
-   this .addChildObjects ("dimension", new Fields .SFInt32 (40))
+   this .addChildObjects (X3DConstants .inputOutput, "dimension", new Fields .SFInt32 (40))
 
-   this .vertices = X3DGeometryNode .createArray ();
+   this .vertices = new Fields .MFFloat ();
 }
 
 Object .assign (Object .setPrototypeOf (Circle2DOptions .prototype, X3DBaseNode .prototype),

package/src/x_ite/Browser/Geometry2D/Disk2DOptions.js

@@ -45,22 +45,21 @@
  *
  ******************************************************************************/
 
-import X3DBaseNode     from "../../Base/X3DBaseNode.js";
-import Fields          from "../../Fields.js";
-import X3DGeometryNode from "../../Components/Rendering/X3DGeometryNode.js";
-import Complex         from "../../../standard/Math/Numbers/Complex.js";
-import Vector3         from "../../../standard/Math/Numbers/Vector3.js";
+import Fields       from "../../Fields.js";
+import X3DBaseNode  from "../../Base/X3DBaseNode.js";
+import X3DConstants from "../../Base/X3DConstants.js";
+import Complex      from "../../../standard/Math/Numbers/Complex.js";
 
 function Disk2DOptions (executionContext)
 {
    X3DBaseNode .call (this, executionContext);
 
-   this .addChildObjects ("dimension", new Fields .SFInt32 (40))
+   this .addChildObjects (X3DConstants .inputOutput, "dimension", new Fields .SFInt32 (40))
 
-   this .circleVertices = X3DGeometryNode .createArray ();
-   this .diskTexCoords  = X3DGeometryNode .createArray ();
-   this .diskNormals    = X3DGeometryNode .createArray ();
-   this .diskVertices   = X3DGeometryNode .createArray ();
+   this .circleVertices = new Fields .MFFloat ();
+   this .diskTexCoords  = new Fields .MFFloat ();
+   this .diskNormals    = new Fields .MFFloat ();
+   this .diskVertices   = new Fields .MFFloat ();
 }
 
 Object .assign (Object .setPrototypeOf (Disk2DOptions .prototype, X3DBaseNode .prototype),

package/src/x_ite/Browser/Geometry3D/ConeOptions.js

@@ -45,15 +45,16 @@
  *
  ******************************************************************************/
 
-import Fields      from "../../Fields.js";
-import X3DBaseNode from "../../Base/X3DBaseNode.js";
+import Fields       from "../../Fields.js";
+import X3DConstants from "../../Base/X3DConstants.js";
+import X3DBaseNode  from "../../Base/X3DBaseNode.js";
 
 function ConeOptions (executionContext)
 {
    X3DBaseNode .call (this, executionContext);
 
-   this .addChildObjects ("xDimension", new Fields .SFInt32 (20),
-                          "yDimension", new Fields .SFInt32 (1))
+   this .addChildObjects (X3DConstants .inputOutput, "xDimension", new Fields .SFInt32 (20),
+                          X3DConstants .inputOutput, "yDimension", new Fields .SFInt32 (1))
 }
 
 Object .setPrototypeOf (ConeOptions .prototype, X3DBaseNode .prototype);

package/src/x_ite/Browser/Geometry3D/CylinderOptions.js

@@ -45,15 +45,16 @@
  *
  ******************************************************************************/
 
-import Fields      from "../../Fields.js";
-import X3DBaseNode from "../../Base/X3DBaseNode.js";
+import Fields       from "../../Fields.js";
+import X3DConstants from "../../Base/X3DConstants.js";
+import X3DBaseNode  from "../../Base/X3DBaseNode.js";
 
 function CylinderOptions (executionContext)
 {
    X3DBaseNode .call (this, executionContext);
 
-   this .addChildObjects ("xDimension", new Fields .SFInt32 (20),
-                          "yDimension", new Fields .SFInt32 (1))
+   this .addChildObjects (X3DConstants .inputOutput, "xDimension", new Fields .SFInt32 (20),
+                          X3DConstants .inputOutput, "yDimension", new Fields .SFInt32 (1))
 }
 
 Object .setPrototypeOf (CylinderOptions .prototype, X3DBaseNode .prototype);

package/src/x_ite/Browser/Geometry3D/IcoSphereOptions.js

@@ -46,6 +46,7 @@
  ******************************************************************************/
 
 import Fields            from "../../Fields.js";
+import X3DConstants      from "../../Base/X3DConstants.js";
 import X3DBaseNode       from "../../Base/X3DBaseNode.js";
 import IndexedFaceSet    from "../../Components/Geometry3D/IndexedFaceSet.js";
 import Coordinate        from "../../Components/Rendering/Coordinate.js";
@@ -56,8 +57,8 @@ function IcoSphereOptions (executionContext)
 {
    X3DBaseNode .call (this, executionContext);
 
-   this .addChildObjects ("type",  new Fields .SFString ("ICOSAHEDRON"),
-                          "order", new Fields .SFInt32 (2))
+   this .addChildObjects (X3DConstants .inputOutput, "type",  new Fields .SFString ("ICOSAHEDRON"),
+                          X3DConstants .inputOutput, "order", new Fields .SFInt32 (2))
 }
 
 Object .assign (Object .setPrototypeOf (IcoSphereOptions .prototype, X3DBaseNode .prototype),

package/src/x_ite/Browser/Geometry3D/QuadSphereOptions.js

@@ -46,6 +46,7 @@
  ******************************************************************************/
 
 import Fields            from "../../Fields.js";
+import X3DConstants      from "../../Base/X3DConstants.js";
 import X3DBaseNode       from "../../Base/X3DBaseNode.js";
 import IndexedFaceSet    from "../../Components/Geometry3D/IndexedFaceSet.js";
 import Coordinate        from "../../Components/Rendering/Coordinate.js";
@@ -58,8 +59,8 @@ function QuadSphereOptions (executionContext)
 {
    X3DBaseNode .call (this, executionContext);
 
-   this .addChildObjects ("xDimension", new Fields .SFInt32 (32),
-                          "yDimension", new Fields .SFInt32 (15))
+   this .addChildObjects (X3DConstants .inputOutput, "xDimension", new Fields .SFInt32 (32),
+                          X3DConstants .inputOutput, "yDimension", new Fields .SFInt32 (15))
 }
 
 Object .assign (Object .setPrototypeOf (QuadSphereOptions .prototype, X3DBaseNode .prototype),

package/src/x_ite/Browser/Layout/ScreenText.js

@@ -45,10 +45,10 @@
  *
  ******************************************************************************/
 
+import Fields          from "../../Fields.js";
 import X3DTextGeometry from "../Text/X3DTextGeometry.js";
 import TextAlignment   from "../Text/TextAlignment.js";
 import PixelTexture    from "../../Components/Texturing/PixelTexture.js";
-import X3DGeometryNode from "../../Components/Rendering/X3DGeometryNode.js";
 import Vector3         from "../../../standard/Math/Numbers/Vector3.js";
 import Matrix4         from "../../../standard/Math/Numbers/Matrix4.js";
 import Box3            from "../../../standard/Math/Geometry/Box3.js";
@@ -60,7 +60,7 @@ function ScreenText (text, fontStyle)
 
    text .setTransparent (true);
 
-   this .texCoordArray = X3DGeometryNode .createArray ();
+   this .texCoordArray = new Fields .MFFloat ();
    this .textureNode   = new PixelTexture (text .getExecutionContext ());
    this .canvas        = $("<canvas></canvas>");
    this .context       = this .canvas [0] .getContext ("2d", { willReadFrequently: true });

package/src/x_ite/Browser/Navigation/ExamineViewer.js

@@ -166,7 +166,7 @@ Object .assign (Object .setPrototypeOf (ExamineViewer .prototype, X3DViewer .pro
 
       this .pressTime = Date .now ();
 
-      const [x, y] = this .getPointer (event);
+      const { x, y } = this .getBrowser () .getPointerFromEvent (event);
 
       if (!this .isPointerInRectangle (x, y))
          return;
@@ -274,7 +274,7 @@ Object .assign (Object .setPrototypeOf (ExamineViewer .prototype, X3DViewer .pro
       event .preventDefault ();
       event .stopImmediatePropagation ();
 
-      const [x, y] = this .getPointer (event);
+      const { x, y } = this .getBrowser () .getPointerFromEvent (event);
 
       this .disconnect ();
       this .lookAtBBox (x, y, this .getStraightenHorizon ());
@@ -285,7 +285,7 @@ Object .assign (Object .setPrototypeOf (ExamineViewer .prototype, X3DViewer .pro
 
       return function (event)
       {
-         const [x, y] = this .getPointer (event);
+         const { x, y } = this .getBrowser () .getPointerFromEvent (event);
 
          switch (this .getButton (this .button))
          {
@@ -339,7 +339,7 @@ Object .assign (Object .setPrototypeOf (ExamineViewer .prototype, X3DViewer .pro
 
       return function (event)
       {
-         const [x, y] = this .getPointer (event);
+         const { x, y } = this .getBrowser () .getPointerFromEvent (event);
 
          if (!this .isPointerInRectangle (x, y))
             return;

package/src/x_ite/Browser/Navigation/LookAtViewer.js

@@ -119,7 +119,7 @@ Object .assign (Object .setPrototypeOf (LookAtViewer .prototype, X3DViewer .prot
       if (this .button >= 0)
          return;
 
-      const [x, y] = this .getPointer (event);
+      const { x, y } = this .getBrowser () .getPointerFromEvent (event);
 
       if (!this .isPointerInRectangle (x, y))
          return;
@@ -180,7 +180,7 @@ Object .assign (Object .setPrototypeOf (LookAtViewer .prototype, X3DViewer .prot
       event .preventDefault ();
       event .stopImmediatePropagation ();
 
-      const [x, y] = this .getPointer (event);
+      const { x, y } = this .getBrowser () .getPointerFromEvent (event);
 
       this .disconnect ();
       this .lookAtPoint (x, y, this .getStraightenHorizon ());
@@ -191,7 +191,7 @@ Object .assign (Object .setPrototypeOf (LookAtViewer .prototype, X3DViewer .prot
 
       this .event = event;
 
-      const [x, y] = this .getPointer (event);
+      const { x, y } = this .getBrowser () .getPointerFromEvent (event);
 
       switch (this .button)
       {
@@ -219,7 +219,7 @@ Object .assign (Object .setPrototypeOf (LookAtViewer .prototype, X3DViewer .prot
 
       return function (event)
       {
-         const [x, y] = this .getPointer (event);
+         const { x, y } = this .getBrowser () .getPointerFromEvent (event);
 
          if (!this .isPointerInRectangle (x, y))
             return;

package/src/x_ite/Browser/Navigation/PlaneViewer.js

@@ -92,7 +92,7 @@ Object .assign (Object .setPrototypeOf (PlaneViewer .prototype, X3DViewer .proto
       if (this .button >= 0)
          return;
 
-      const [x, y] = this .getPointer (event);
+      const { x, y } = this .getBrowser () .getPointerFromEvent (event);
 
       if (!this .isPointerInRectangle (x, y))
          return;
@@ -143,7 +143,7 @@ Object .assign (Object .setPrototypeOf (PlaneViewer .prototype, X3DViewer .proto
    },
    mousemove (event)
    {
-      const [x, y] = this .getPointer (event);
+      const { x, y } = this .getBrowser () .getPointerFromEvent (event);
 
       switch (this .getButton (this .button))
       {
@@ -171,7 +171,7 @@ Object .assign (Object .setPrototypeOf (PlaneViewer .prototype, X3DViewer .proto
    },
    mousewheel (event)
    {
-      const [x, y] = this .getPointer (event);
+      const { x, y } = this .getBrowser () .getPointerFromEvent (event);
 
       if (!this .isPointerInRectangle (x, y))
          return;

package/src/x_ite/Browser/Navigation/X3DFlyViewer.js

@@ -138,7 +138,7 @@ Object .assign (Object .setPrototypeOf (X3DFlyViewer .prototype, X3DViewer .prot
 
       this .event = event;
 
-      const [x, y] = this .getPointer (event);
+      const { x, y } = this .getBrowser () .getPointerFromEvent (event);
 
       if (!this .isPointerInRectangle (x, y))
          return;
@@ -246,7 +246,7 @@ Object .assign (Object .setPrototypeOf (X3DFlyViewer .prototype, X3DViewer .prot
 
       this .event = event;
 
-      const [x, y] = this .getPointer (event);
+      const { x, y } = this .getBrowser () .getPointerFromEvent (event);
 
       switch (this .getButton (this .button))
       {
@@ -293,7 +293,7 @@ Object .assign (Object .setPrototypeOf (X3DFlyViewer .prototype, X3DViewer .prot
    },
    mousewheel (event)
    {
-      const [x, y] = this .getPointer (event);
+      const { x, y } = this .getBrowser () .getPointerFromEvent (event);
 
       if (!this .isPointerInRectangle (x, y))
          return;

package/src/x_ite/Browser/Navigation/X3DNavigationContext.js

@@ -45,6 +45,7 @@
  *
  ******************************************************************************/
 
+import X3DConstants     from "../../Base/X3DConstants.js";
 import Fields           from "../../Fields.js";
 import ExamineViewer    from "./ExamineViewer.js";
 import WalkViewer       from "./WalkViewer.js";
@@ -76,11 +77,11 @@ function getHeadlight (browser)
 
 function X3DNavigationContext ()
 {
-   this .addChildObjects ("activeLayer",          new Fields .SFNode (),
-                          "activeNavigationInfo", new Fields .SFNode (),
-                          "activeViewpoint",      new Fields .SFNode (),
-                          "availableViewers",     new Fields .MFString (),
-                          "viewer",               new Fields .SFString ("EXAMINE"));
+   this .addChildObjects (X3DConstants .outputOnly, "activeLayer",          new Fields .SFNode (),
+                          X3DConstants .outputOnly, "activeNavigationInfo", new Fields .SFNode (),
+                          X3DConstants .outputOnly, "activeViewpoint",      new Fields .SFNode (),
+                          X3DConstants .outputOnly, "availableViewers",     new Fields .MFString (),
+                          X3DConstants .outputOnly, "viewer",               new Fields .SFString ("EXAMINE"));
 
    this [_activeCollisions] = new Set ();
    this [_viewerNode]       = new NoneViewer (this .getPrivateScene ());