x_ite 4.7.14 → 5.0.2

package/src/x_ite/Components/Navigation/X3DViewpointNode.js

@@ -48,17 +48,17 @@
 
 
 define ([
-	"x_ite/Fields",
-	"x_ite/Components/Core/X3DBindableNode",
-	"x_ite/Components/Time/TimeSensor",
-	"x_ite/Components/Interpolation/EaseInEaseOut",
-	"x_ite/Components/Interpolation/PositionInterpolator",
-	"x_ite/Components/Interpolation/OrientationInterpolator",
-	"x_ite/Bits/TraverseType",
-	"x_ite/Bits/X3DConstants",
-	"standard/Math/Numbers/Vector3",
-	"standard/Math/Numbers/Rotation4",
-	"standard/Math/Numbers/Matrix4",
+   "x_ite/Fields",
+   "x_ite/Components/Core/X3DBindableNode",
+   "x_ite/Components/Time/TimeSensor",
+   "x_ite/Components/Interpolation/EaseInEaseOut",
+   "x_ite/Components/Interpolation/PositionInterpolator",
+   "x_ite/Components/Interpolation/OrientationInterpolator",
+   "x_ite/Rendering/TraverseType",
+   "x_ite/Base/X3DConstants",
+   "standard/Math/Numbers/Vector3",
+   "standard/Math/Numbers/Rotation4",
+   "standard/Math/Numbers/Matrix4",
 ],
 function (Fields,
           X3DBindableNode,
@@ -74,448 +74,445 @@ function (Fields,
 {
 "use strict";
 
-	function X3DViewpointNode (executionContext)
-	{
-		X3DBindableNode .call (this, executionContext);
-
-		this .addType (X3DConstants .X3DViewpointNode);
-
-		this .addChildObjects ("positionOffset",         new Fields .SFVec3f (),
-		                       "orientationOffset",      new Fields .SFRotation (),
-		                       "scaleOffset",            new Fields .SFVec3f (1, 1, 1),
-		                       "scaleOrientationOffset", new Fields .SFRotation (),
-		                       "centerOfRotationOffset", new Fields .SFVec3f (),
-		                       "fieldOfViewScale",       new Fields .SFFloat (1));
-
-	   this .userPosition         = new Vector3 (0, 1, 0);
-	   this .userOrientation      = new Rotation4 (0, 0, 1, 0);
-	   this .userCenterOfRotation = new Vector3 (0, 0, 0);
-		this .modelMatrix          = new Matrix4 ();
-		this .cameraSpaceMatrix    = new Matrix4 (1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0,  10, 1);
-		this .viewMatrix           = new Matrix4 (1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -10, 1);
-
-		const browser = this .getBrowser ();
-
-		this .timeSensor                   = new TimeSensor              (browser .getPrivateScene ());
-		this .easeInEaseOut                = new EaseInEaseOut           (browser .getPrivateScene ());
-		this .positionInterpolator         = new PositionInterpolator    (browser .getPrivateScene ());
-		this .orientationInterpolator      = new OrientationInterpolator (browser .getPrivateScene ());
-		this .scaleInterpolator            = new PositionInterpolator    (browser .getPrivateScene ());
-		this .scaleOrientationInterpolator = new OrientationInterpolator (browser .getPrivateScene ());
-	}
-
-	X3DViewpointNode .prototype = Object .assign (Object .create (X3DBindableNode .prototype),
-	{
-		constructor: X3DViewpointNode,
-		initialize: function ()
-		{
-			X3DBindableNode .prototype .initialize .call (this);
-
-			this .timeSensor .stopTime_ = 1;
-			this .timeSensor .setup ();
-
-			this .easeInEaseOut .key_           = new Fields .MFFloat (0, 1);
-			this .easeInEaseOut .easeInEaseOut_ = new Fields .MFVec2f (new Fields .SFVec2f (0, 0), new Fields .SFVec2f (0, 0));
-			this .easeInEaseOut .setup ();
-
-			this .positionInterpolator         .key_ = new Fields .MFFloat (0, 1);
-			this .orientationInterpolator      .key_ = new Fields .MFFloat (0, 1);
-			this .scaleInterpolator            .key_ = new Fields .MFFloat (0, 1);
-			this .scaleOrientationInterpolator .key_ = new Fields .MFFloat (0, 1);
-
-			this .positionInterpolator         .setup ();
-			this .orientationInterpolator      .setup ();
-			this .scaleInterpolator            .setup ();
-			this .scaleOrientationInterpolator .setup ();
-
-			this .timeSensor .isActive_         .addFieldInterest (this .transitionActive_);
-			this .timeSensor .fraction_changed_ .addFieldInterest (this .easeInEaseOut .set_fraction_);
-
-			this .easeInEaseOut .modifiedFraction_changed_ .addFieldInterest (this .positionInterpolator         .set_fraction_);
-			this .easeInEaseOut .modifiedFraction_changed_ .addFieldInterest (this .orientationInterpolator      .set_fraction_);
-			this .easeInEaseOut .modifiedFraction_changed_ .addFieldInterest (this .scaleInterpolator            .set_fraction_);
-			this .easeInEaseOut .modifiedFraction_changed_ .addFieldInterest (this .scaleOrientationInterpolator .set_fraction_);
-
-			this .positionInterpolator         .value_changed_ .addFieldInterest (this .positionOffset_);
-			this .orientationInterpolator      .value_changed_ .addFieldInterest (this .orientationOffset_);
-			this .scaleInterpolator            .value_changed_ .addFieldInterest (this .scaleOffset_);
-			this .scaleOrientationInterpolator .value_changed_ .addFieldInterest (this .scaleOrientationOffset_);
-
-			this .isBound_ .addInterest ("set_bound__", this);
-		},
-		getEaseInEaseOut: function ()
-		{
-			return this .easeInEaseOut;
-		},
-		setInterpolators: function () { },
-		getPosition: function ()
-		{
-			return this .position_ .getValue ();
-		},
-		getUserPosition: function ()
-		{
-			return this .userPosition .assign (this .getPosition ()) .add (this .positionOffset_ .getValue ());
-		},
-		getOrientation: function ()
-		{
-			return this .orientation_ .getValue ();
-		},
-		getUserOrientation: function ()
-		{
-			return this .userOrientation .assign (this .getOrientation ()) .multRight (this .orientationOffset_ .getValue ());
-		},
-		getCenterOfRotation: function ()
-		{
-			return this .centerOfRotation_ .getValue ();
-		},
-		getUserCenterOfRotation: function ()
-		{
-			return this .userCenterOfRotation .assign (this .getCenterOfRotation ()) .add (this .centerOfRotationOffset_ .getValue ());
-		},
-		getProjectionMatrix: function (renderObject)
-		{
-			const navigationInfo = renderObject .getNavigationInfo ();
-
-			return this .getProjectionMatrixWithLimits (navigationInfo .getNearValue (),
+   function X3DViewpointNode (executionContext)
+   {
+      X3DBindableNode .call (this, executionContext);
+
+      this .addType (X3DConstants .X3DViewpointNode);
+
+      this .addChildObjects ("positionOffset",         new Fields .SFVec3f (),
+                             "orientationOffset",      new Fields .SFRotation (),
+                             "scaleOffset",            new Fields .SFVec3f (1, 1, 1),
+                             "scaleOrientationOffset", new Fields .SFRotation (),
+                             "centerOfRotationOffset", new Fields .SFVec3f (),
+                             "fieldOfViewScale",       new Fields .SFFloat (1));
+
+      this .userPosition         = new Vector3 (0, 1, 0);
+      this .userOrientation      = new Rotation4 (0, 0, 1, 0);
+      this .userCenterOfRotation = new Vector3 (0, 0, 0);
+      this .modelMatrix          = new Matrix4 ();
+      this .cameraSpaceMatrix    = new Matrix4 (1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0,  10, 1);
+      this .viewMatrix           = new Matrix4 (1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -10, 1);
+
+      const browser = this .getBrowser ();
+
+      this .timeSensor                   = new TimeSensor              (browser .getPrivateScene ());
+      this .easeInEaseOut                = new EaseInEaseOut           (browser .getPrivateScene ());
+      this .positionInterpolator         = new PositionInterpolator    (browser .getPrivateScene ());
+      this .orientationInterpolator      = new OrientationInterpolator (browser .getPrivateScene ());
+      this .scaleInterpolator            = new PositionInterpolator    (browser .getPrivateScene ());
+      this .scaleOrientationInterpolator = new OrientationInterpolator (browser .getPrivateScene ());
+   }
+
+   X3DViewpointNode .prototype = Object .assign (Object .create (X3DBindableNode .prototype),
+   {
+      constructor: X3DViewpointNode,
+      initialize: function ()
+      {
+         X3DBindableNode .prototype .initialize .call (this);
+
+         this .timeSensor ._stopTime = 1;
+         this .timeSensor .setup ();
+
+         this .easeInEaseOut ._key           = new Fields .MFFloat (0, 1);
+         this .easeInEaseOut ._easeInEaseOut = new Fields .MFVec2f (new Fields .SFVec2f (0, 0), new Fields .SFVec2f (0, 0));
+         this .easeInEaseOut .setup ();
+
+         this .positionInterpolator         ._key = new Fields .MFFloat (0, 1);
+         this .orientationInterpolator      ._key = new Fields .MFFloat (0, 1);
+         this .scaleInterpolator            ._key = new Fields .MFFloat (0, 1);
+         this .scaleOrientationInterpolator ._key = new Fields .MFFloat (0, 1);
+
+         this .positionInterpolator         .setup ();
+         this .orientationInterpolator      .setup ();
+         this .scaleInterpolator            .setup ();
+         this .scaleOrientationInterpolator .setup ();
+
+         this .timeSensor ._isActive         .addFieldInterest (this ._transitionActive);
+         this .timeSensor ._fraction_changed .addFieldInterest (this .easeInEaseOut ._set_fraction);
+
+         this .easeInEaseOut ._modifiedFraction_changed .addFieldInterest (this .positionInterpolator         ._set_fraction);
+         this .easeInEaseOut ._modifiedFraction_changed .addFieldInterest (this .orientationInterpolator      ._set_fraction);
+         this .easeInEaseOut ._modifiedFraction_changed .addFieldInterest (this .scaleInterpolator            ._set_fraction);
+         this .easeInEaseOut ._modifiedFraction_changed .addFieldInterest (this .scaleOrientationInterpolator ._set_fraction);
+
+         this .positionInterpolator         ._value_changed .addFieldInterest (this ._positionOffset);
+         this .orientationInterpolator      ._value_changed .addFieldInterest (this ._orientationOffset);
+         this .scaleInterpolator            ._value_changed .addFieldInterest (this ._scaleOffset);
+         this .scaleOrientationInterpolator ._value_changed .addFieldInterest (this ._scaleOrientationOffset);
+
+         this ._isBound .addInterest ("set_bound__", this);
+      },
+      getEaseInEaseOut: function ()
+      {
+         return this .easeInEaseOut;
+      },
+      setInterpolators: function () { },
+      getPosition: function ()
+      {
+         return this ._position .getValue ();
+      },
+      getUserPosition: function ()
+      {
+         return this .userPosition .assign (this .getPosition ()) .add (this ._positionOffset .getValue ());
+      },
+      getOrientation: function ()
+      {
+         return this ._orientation .getValue ();
+      },
+      getUserOrientation: function ()
+      {
+         return this .userOrientation .assign (this .getOrientation ()) .multRight (this ._orientationOffset .getValue ());
+      },
+      getCenterOfRotation: function ()
+      {
+         return this ._centerOfRotation .getValue ();
+      },
+      getUserCenterOfRotation: function ()
+      {
+         return this .userCenterOfRotation .assign (this .getCenterOfRotation ()) .add (this ._centerOfRotationOffset .getValue ());
+      },
+      getProjectionMatrix: function (renderObject)
+      {
+         const navigationInfo = renderObject .getNavigationInfo ();
+
+         return this .getProjectionMatrixWithLimits (navigationInfo .getNearValue (),
                                                      navigationInfo .getFarValue (this),
                                                      renderObject .getLayer () .getViewport () .getRectangle (renderObject .getBrowser ()));
-		},
-		getCameraSpaceMatrix: function ()
-		{
-			return this .cameraSpaceMatrix;
-		},
-		getViewMatrix: function ()
-		{
-			return this .viewMatrix;
-		},
-		getModelMatrix: function ()
-		{
-			return this .modelMatrix;
-		},
-		getMaxFarValue: function ()
-		{
-			return this .getBrowser () .getRenderingProperty ("LogarithmicDepthBuffer") ? 1e10 : 1e5;
-		},
-		getUpVector: function ()
-		{
-		   // Local y-axis,
-		   // see http://www.web3d.org/documents/specifications/19775-1/V3.3/index.html#NavigationInfo.
-		   return Vector3 .yAxis;
-		},
-		getSpeedFactor: function ()
-		{
-			return 1;
-		},
-		setVRMLTransition: function (value)
-		{
-			// VRML behaviour support.
-			this .VRMLTransition = value;
-		},
-		getVRMLTransition: function ()
-		{
-			// VRML behaviour support.
-			return this .VRMLTransition;
-		},
-		transitionStart: (function ()
-		{
-			const
-				relativePosition         = new Vector3 (0, 0, 0),
-				relativeOrientation      = new Rotation4 (0, 0, 1, 0),
-				relativeScale            = new Vector3 (0, 0, 0),
-				relativeScaleOrientation = new Rotation4 (0, 0, 1, 0);
-
-			return function (layerNode, fromViewpointNode, toViewpointNode)
-			{
-				try
-				{
-					this .to = toViewpointNode;
-
-					if (toViewpointNode .jump_ .getValue ())
-					{
-						if (! toViewpointNode .retainUserOffsets_ .getValue ())
-							toViewpointNode .resetUserOffsets ();
-
-						// Copy from toViewpointNode all fields.
-
-						if (this !== toViewpointNode)
-						{
-							toViewpointNode .getFields () .forEach (function (field)
-							{
-								this .getFields () .get (field .getName ()) .assign (field);
-							}
-							.bind (this));
-						}
-
-						// Respect NavigationInfo.
-
-						const
-							navigationInfoNode = layerNode .getNavigationInfo (),
-							transitionTime     = navigationInfoNode .transitionTime_ .getValue ();
-
-						let transitionType = navigationInfoNode .getTransitionType ();
-
-						// VRML behavior
-
-						if (this .getExecutionContext () .getSpecificationVersion () == "2.0")
-						{
-							if (toViewpointNode .getVRMLTransition ())
-								transitionType = "LINEAR";
-							else
-								transitionType = "TELEPORT";
-						}
-
-						toViewpointNode .setVRMLTransition (false);
-
-						// End VRML behavior
-
-						if (transitionTime <= 0)
-							transitionType = "TELEPORT";
-
-						switch (transitionType)
-						{
-							case "TELEPORT":
-							{
-								navigationInfoNode .transitionComplete_ = true;
-								return;
-							}
-							case "ANIMATE":
-							{
-								this .easeInEaseOut .easeInEaseOut_ = new Fields .MFVec2f (new Fields .SFVec2f (0, 1), new Fields .SFVec2f (1, 0));
-								break;
-							}
-							default:
-							{
-								// LINEAR
-								this .easeInEaseOut .easeInEaseOut_ = new Fields .MFVec2f (new Fields .SFVec2f (0, 0), new Fields .SFVec2f (0, 0));
-								break;
-							}
-						}
-
-						this .timeSensor .cycleInterval_ = transitionTime;
-						this .timeSensor .stopTime_      = this .getBrowser () .getCurrentTime ();
-						this .timeSensor .startTime_     = this .getBrowser () .getCurrentTime ();
-
-						this .timeSensor .isActive_ .addInterest ("set_active__", this, navigationInfoNode);
-
-						toViewpointNode .getRelativeTransformation (fromViewpointNode, relativePosition, relativeOrientation, relativeScale, relativeScaleOrientation);
-
-						this .positionInterpolator         .keyValue_ = new Fields .MFVec3f    (relativePosition,         toViewpointNode .positionOffset_);
-						this .orientationInterpolator      .keyValue_ = new Fields .MFRotation (relativeOrientation,      toViewpointNode .orientationOffset_);
-						this .scaleInterpolator            .keyValue_ = new Fields .MFVec3f    (relativeScale,            toViewpointNode .scaleOffset_);
-						this .scaleOrientationInterpolator .keyValue_ = new Fields .MFRotation (relativeScaleOrientation, toViewpointNode .scaleOrientationOffset_);
-
-						this .positionOffset_         = relativePosition;
-						this .orientationOffset_      = relativeOrientation;
-						this .scaleOffset_            = relativeScale;
-						this .scaleOrientationOffset_ = relativeScaleOrientation;
-
-						this .setInterpolators (fromViewpointNode, toViewpointNode);
-
-						this .transitionActive_ = true;
-					}
-					else
-					{
-						toViewpointNode .getRelativeTransformation (fromViewpointNode, relativePosition, relativeOrientation, relativeScale, relativeScaleOrientation);
-
-						toViewpointNode .positionOffset_         = relativePosition;
-						toViewpointNode .orientationOffset_      = relativeOrientation;
-						toViewpointNode .scaleOffset_            = relativeScale;
-						toViewpointNode .scaleOrientationOffset_ = relativeScaleOrientation;
-
-						toViewpointNode .setInterpolators (fromViewpointNode, toViewpointNode);
-					}
-				}
-				catch (error)
-				{
-					console .log (error);
-				}
-			};
-		})(),
-		transitionStop: function ()
-		{
-			this .timeSensor .stopTime_ = this .getBrowser () .getCurrentTime ();
-			this .timeSensor .isActive_ .removeInterest ("set_active__", this);
-		},
-		resetUserOffsets: function ()
-		{
-			this .positionOffset_         = Vector3   .Zero;
-			this .orientationOffset_      = Rotation4 .Identity;
-			this .scaleOffset_            = Vector3   .One;
-			this .scaleOrientationOffset_ = Rotation4 .Identity;
-			this .centerOfRotationOffset_ = Vector3   .Zero;
-			this .fieldOfViewScale_       = 1;
-		},
-		getRelativeTransformation: function (fromViewpointNode, relativePosition, relativeOrientation, relativeScale, relativeScaleOrientation)
-		// throw
-		{
-			const differenceMatrix = this .modelMatrix .copy () .multRight (fromViewpointNode .getViewMatrix ()) .inverse ();
-
-			differenceMatrix .get (relativePosition, relativeOrientation, relativeScale, relativeScaleOrientation);
-
-			relativePosition .subtract (this .getPosition ());
-			relativeOrientation .assign (this .getOrientation () .copy () .inverse () .multRight (relativeOrientation));
-		},
-		lookAtPoint: function (layerNode, point, factor, straighten)
-		{
-			try
-			{
-				this .getCameraSpaceMatrix () .multVecMatrix (point);
-
-				Matrix4 .inverse (this .getModelMatrix ()) .multVecMatrix (point);
-
-				const minDistance = layerNode .getNavigationInfo () .getNearValue () * 2;
-
-				this .lookAt (layerNode, point, minDistance, factor, straighten);
-			}
-			catch (error)
-			{
-				console .error (error);
-			}
-		},
-		lookAtBBox: function (layerNode, bbox, factor, straighten)
-		{
-			try
-			{
-				bbox = bbox .copy () .multRight (Matrix4 .inverse (this .getModelMatrix ()));
-
-				const minDistance = layerNode .getNavigationInfo () .getNearValue () * 2;
-
-				this .lookAt (layerNode, bbox .center, minDistance, factor, straighten);
-			}
-			catch (error)
-			{
-				console .log (error);
-			}
-		},
-		lookAt: function (layerNode, point, distance, factor, straighten)
-		{
-			const
-				offset = point .copy () .add (this .getUserOrientation () .multVecRot (new Vector3 (0, 0, distance))) .subtract (this .getPosition ());
-
-			layerNode .getNavigationInfo () .transitionStart_ = true;
-
-			this .timeSensor .cycleInterval_ = 0.2;
-			this .timeSensor .stopTime_      = this .getBrowser () .getCurrentTime ();
-			this .timeSensor .startTime_     = this .getBrowser () .getCurrentTime ();
-
-			this .timeSensor .isActive_ .addInterest ("set_active__", this, layerNode .getNavigationInfo ());
-
-			this .easeInEaseOut .easeInEaseOut_ = new Fields .MFVec2f (new Fields .SFVec2f (0, 1), new Fields .SFVec2f (1, 0));
-
-			const
-				translation = Vector3 .lerp (this .positionOffset_ .getValue (), offset, factor),
-				direction   = Vector3 .add (this .getPosition (), translation) .subtract (point);
-
-			let rotation = Rotation4 .multRight (this .orientationOffset_ .getValue (), new Rotation4 (this .getUserOrientation () .multVecRot (new Vector3 (0, 0, 1)), direction));
-
-			if (straighten)
-			{
-				rotation = Rotation4 .inverse (this .getOrientation ()) .multRight (this .straightenHorizon (Rotation4 .multRight (this .getOrientation (), rotation)));
-			}
-
-			this .positionInterpolator         .keyValue_ = new Fields .MFVec3f (this .positionOffset_, translation);
-			this .orientationInterpolator      .keyValue_ = new Fields .MFRotation (this .orientationOffset_, rotation);
-			this .scaleInterpolator            .keyValue_ = new Fields .MFVec3f (this .scaleOffset_, this .scaleOffset_);
-			this .scaleOrientationInterpolator .keyValue_ = new Fields .MFRotation (this .scaleOrientationOffset_, this .scaleOrientationOffset_);
-
-			this .setInterpolators (this, this);
-
-			this .centerOfRotationOffset_ = Vector3 .subtract (point, this .getCenterOfRotation ());
-			this .set_bind_               = true;
-		},
-		straighten: function (layerNode, horizon)
-		{
-			layerNode .getNavigationInfo () .transitionStart_ = true;
-
-			this .timeSensor .cycleInterval_ = 0.4;
-			this .timeSensor .stopTime_      = this .getBrowser () .getCurrentTime ();
-			this .timeSensor .startTime_     = this .getBrowser () .getCurrentTime ();
-
-			this .timeSensor .isActive_ .addInterest ("set_active__", this, layerNode .getNavigationInfo ());
-
-			this .easeInEaseOut .easeInEaseOut_ = new Fields .MFVec2f (new Fields .SFVec2f (0, 1), new Fields .SFVec2f (1, 0));
-
-			const rotation = Rotation4 .multRight (Rotation4 .inverse (this .getOrientation ()), this .straightenHorizon (this .getUserOrientation ()));
-
-			this .positionInterpolator         .keyValue_ = new Fields .MFVec3f (this .positionOffset_, this .positionOffset_);
-			this .orientationInterpolator      .keyValue_ = new Fields .MFRotation (this .orientationOffset_, rotation);
-			this .scaleInterpolator            .keyValue_ = new Fields .MFVec3f (this .scaleOffset_, this .scaleOffset_);
-			this .scaleOrientationInterpolator .keyValue_ = new Fields .MFRotation (this .scaleOrientationOffset_, this .scaleOrientationOffset_);
-
-			this .setInterpolators (this, this);
-
-			this .set_bind_ = true;
-		},
-		straightenHorizon: (function ()
-		{
-			const
-				localXAxis  = new Vector3 (0, 0, 0),
-				localZAxis  = new Vector3 (0, 0, 0),
-				rotation    = new Rotation4 (0, 0, 1, 0);
-
-			return function (orientation)
-			{
-				orientation .multVecRot (localXAxis .assign (Vector3 .xAxis) .negate ());
-				orientation .multVecRot (localZAxis .assign (Vector3 .zAxis));
-
-				const
-				 	upVector = this .getUpVector (),
-					vector   = localZAxis .cross (upVector);
-
-				// If viewer looks along the up vector.
-				if (Math .abs (localZAxis .dot (upVector)) >= 1)
-					return orientation;
-
-				if (Math .abs (vector .dot (localXAxis)) >= 1)
-					return orientation;
-
-				rotation .setFromToVec (localXAxis, vector);
-
-				return orientation .multRight (rotation);
-			};
-		})(),
-		set_active__: function (active, navigationInfoNode)
-		{
-			if (this .isBound_ .getValue () && ! active .getValue () && this .timeSensor .fraction_changed_ .getValue () === 1)
-			{
-				navigationInfoNode .transitionComplete_ = true;
-			}
-		},
-		set_bound__: function ()
-		{
-			if (this .isBound_ .getValue ())
-				this .getBrowser () .getNotification () .string_ = this .description_;
-			else
-				this .timeSensor .stopTime_ = this .getBrowser () .getCurrentTime ();
-		},
-		traverse: function (type, renderObject)
-		{
-			if (type !== TraverseType .CAMERA)
-				return;
-
-			renderObject .getLayer () .getViewpoints () .push (this);
-
-			this .modelMatrix .assign (renderObject .getModelViewMatrix () .get ());
-		},
-		update: function ()
-		{
-			try
-			{
-				this .cameraSpaceMatrix .set (this .getUserPosition (),
-														this .getUserOrientation (),
-														this .scaleOffset_ .getValue (),
-														this .scaleOrientationOffset_ .getValue ());
-
-				this .cameraSpaceMatrix .multRight ((this .to || this) .modelMatrix);
-
-				this .viewMatrix .assign (this .cameraSpaceMatrix) .inverse ();
-			}
-			catch (error)
-			{
-				console .log (error);
-			}
-		}
-	});
-
-	return X3DViewpointNode;
+      },
+      getCameraSpaceMatrix: function ()
+      {
+         return this .cameraSpaceMatrix;
+      },
+      getViewMatrix: function ()
+      {
+         return this .viewMatrix;
+      },
+      getModelMatrix: function ()
+      {
+         return this .modelMatrix;
+      },
+      getMaxFarValue: function ()
+      {
+         return this .getBrowser () .getRenderingProperty ("LogarithmicDepthBuffer") ? 1e10 : 1e5;
+      },
+      getUpVector: function ()
+      {
+         // Local y-axis,
+         // see http://www.web3d.org/documents/specifications/19775-1/V3.3/index.html#NavigationInfo.
+         return Vector3 .yAxis;
+      },
+      getSpeedFactor: function ()
+      {
+         return 1;
+      },
+      setVRMLTransition: function (value)
+      {
+         // VRML behaviour support.
+         this .VRMLTransition = value;
+      },
+      getVRMLTransition: function ()
+      {
+         // VRML behaviour support.
+         return this .VRMLTransition;
+      },
+      transitionStart: (function ()
+      {
+         const
+            relativePosition         = new Vector3 (0, 0, 0),
+            relativeOrientation      = new Rotation4 (0, 0, 1, 0),
+            relativeScale            = new Vector3 (0, 0, 0),
+            relativeScaleOrientation = new Rotation4 (0, 0, 1, 0);
+
+         return function (layerNode, fromViewpointNode, toViewpointNode)
+         {
+            try
+            {
+               this .to = toViewpointNode;
+
+               if (toViewpointNode ._jump .getValue ())
+               {
+                  if (! toViewpointNode ._retainUserOffsets .getValue ())
+                     toViewpointNode .resetUserOffsets ();
+
+                  // Copy from toViewpointNode all fields.
+
+                  if (this !== toViewpointNode)
+                  {
+                     for (const field of toViewpointNode .getFields ())
+                        this .getField (field .getName ()) .assign (field);
+                  }
+
+                  // Respect NavigationInfo.
+
+                  const
+                     navigationInfoNode = layerNode .getNavigationInfo (),
+                     transitionTime     = navigationInfoNode ._transitionTime .getValue ();
+
+                  let transitionType = navigationInfoNode .getTransitionType ();
+
+                  // VRML behavior
+
+                  if (this .getExecutionContext () .getSpecificationVersion () == "2.0")
+                  {
+                     if (toViewpointNode .getVRMLTransition ())
+                        transitionType = "LINEAR";
+                     else
+                        transitionType = "TELEPORT";
+                  }
+
+                  toViewpointNode .setVRMLTransition (false);
+
+                  // End VRML behavior
+
+                  if (transitionTime <= 0)
+                     transitionType = "TELEPORT";
+
+                  switch (transitionType)
+                  {
+                     case "TELEPORT":
+                     {
+                        navigationInfoNode ._transitionComplete = true;
+                        return;
+                     }
+                     case "ANIMATE":
+                     {
+                        this .easeInEaseOut ._easeInEaseOut = new Fields .MFVec2f (new Fields .SFVec2f (0, 1), new Fields .SFVec2f (1, 0));
+                        break;
+                     }
+                     default:
+                     {
+                        // LINEAR
+                        this .easeInEaseOut ._easeInEaseOut = new Fields .MFVec2f (new Fields .SFVec2f (0, 0), new Fields .SFVec2f (0, 0));
+                        break;
+                     }
+                  }
+
+                  this .timeSensor ._cycleInterval = transitionTime;
+                  this .timeSensor ._stopTime      = this .getBrowser () .getCurrentTime ();
+                  this .timeSensor ._startTime     = this .getBrowser () .getCurrentTime ();
+
+                  this .timeSensor ._isActive .addInterest ("set_active__", this, navigationInfoNode);
+
+                  toViewpointNode .getRelativeTransformation (fromViewpointNode, relativePosition, relativeOrientation, relativeScale, relativeScaleOrientation);
+
+                  this .positionInterpolator         ._keyValue = new Fields .MFVec3f    (relativePosition,         toViewpointNode ._positionOffset);
+                  this .orientationInterpolator      ._keyValue = new Fields .MFRotation (relativeOrientation,      toViewpointNode ._orientationOffset);
+                  this .scaleInterpolator            ._keyValue = new Fields .MFVec3f    (relativeScale,            toViewpointNode ._scaleOffset);
+                  this .scaleOrientationInterpolator ._keyValue = new Fields .MFRotation (relativeScaleOrientation, toViewpointNode ._scaleOrientationOffset);
+
+                  this ._positionOffset         = relativePosition;
+                  this ._orientationOffset      = relativeOrientation;
+                  this ._scaleOffset            = relativeScale;
+                  this ._scaleOrientationOffset = relativeScaleOrientation;
+
+                  this .setInterpolators (fromViewpointNode, toViewpointNode);
+
+                  this ._transitionActive = true;
+               }
+               else
+               {
+                  toViewpointNode .getRelativeTransformation (fromViewpointNode, relativePosition, relativeOrientation, relativeScale, relativeScaleOrientation);
+
+                  toViewpointNode ._positionOffset         = relativePosition;
+                  toViewpointNode ._orientationOffset      = relativeOrientation;
+                  toViewpointNode ._scaleOffset            = relativeScale;
+                  toViewpointNode ._scaleOrientationOffset = relativeScaleOrientation;
+
+                  toViewpointNode .setInterpolators (fromViewpointNode, toViewpointNode);
+               }
+            }
+            catch (error)
+            {
+               console .error (error);
+            }
+         };
+      })(),
+      transitionStop: function ()
+      {
+         this .timeSensor ._stopTime = this .getBrowser () .getCurrentTime ();
+         this .timeSensor ._isActive .removeInterest ("set_active__", this);
+      },
+      resetUserOffsets: function ()
+      {
+         this ._positionOffset         = Vector3   .Zero;
+         this ._orientationOffset      = Rotation4 .Identity;
+         this ._scaleOffset            = Vector3   .One;
+         this ._scaleOrientationOffset = Rotation4 .Identity;
+         this ._centerOfRotationOffset = Vector3   .Zero;
+         this ._fieldOfViewScale       = 1;
+      },
+      getRelativeTransformation: function (fromViewpointNode, relativePosition, relativeOrientation, relativeScale, relativeScaleOrientation)
+      // throw
+      {
+         const differenceMatrix = this .modelMatrix .copy () .multRight (fromViewpointNode .getViewMatrix ()) .inverse ();
+
+         differenceMatrix .get (relativePosition, relativeOrientation, relativeScale, relativeScaleOrientation);
+
+         relativePosition .subtract (this .getPosition ());
+         relativeOrientation .assign (this .getOrientation () .copy () .inverse () .multRight (relativeOrientation));
+      },
+      lookAtPoint: function (layerNode, point, factor, straighten)
+      {
+         try
+         {
+            this .getCameraSpaceMatrix () .multVecMatrix (point);
+
+            Matrix4 .inverse (this .getModelMatrix ()) .multVecMatrix (point);
+
+            const minDistance = layerNode .getNavigationInfo () .getNearValue () * 2;
+
+            this .lookAt (layerNode, point, minDistance, factor, straighten);
+         }
+         catch (error)
+         {
+            console .error (error);
+         }
+      },
+      lookAtBBox: function (layerNode, bbox, factor, straighten)
+      {
+         try
+         {
+            bbox = bbox .copy () .multRight (Matrix4 .inverse (this .getModelMatrix ()));
+
+            const minDistance = layerNode .getNavigationInfo () .getNearValue () * 2;
+
+            this .lookAt (layerNode, bbox .center, minDistance, factor, straighten);
+         }
+         catch (error)
+         {
+            console .error (error);
+         }
+      },
+      lookAt: function (layerNode, point, distance, factor, straighten)
+      {
+         const
+            offset = point .copy () .add (this .getUserOrientation () .multVecRot (new Vector3 (0, 0, distance))) .subtract (this .getPosition ());
+
+         layerNode .getNavigationInfo () ._transitionStart = true;
+
+         this .timeSensor ._cycleInterval = 0.2;
+         this .timeSensor ._stopTime      = this .getBrowser () .getCurrentTime ();
+         this .timeSensor ._startTime     = this .getBrowser () .getCurrentTime ();
+
+         this .timeSensor ._isActive .addInterest ("set_active__", this, layerNode .getNavigationInfo ());
+
+         this .easeInEaseOut ._easeInEaseOut = new Fields .MFVec2f (new Fields .SFVec2f (0, 1), new Fields .SFVec2f (1, 0));
+
+         const
+            translation = Vector3 .lerp (this ._positionOffset .getValue (), offset, factor),
+            direction   = Vector3 .add (this .getPosition (), translation) .subtract (point);
+
+         let rotation = Rotation4 .multRight (this ._orientationOffset .getValue (), new Rotation4 (this .getUserOrientation () .multVecRot (new Vector3 (0, 0, 1)), direction));
+
+         if (straighten)
+         {
+            rotation = Rotation4 .inverse (this .getOrientation ()) .multRight (this .straightenHorizon (Rotation4 .multRight (this .getOrientation (), rotation)));
+         }
+
+         this .positionInterpolator         ._keyValue = new Fields .MFVec3f (this ._positionOffset, translation);
+         this .orientationInterpolator      ._keyValue = new Fields .MFRotation (this ._orientationOffset, rotation);
+         this .scaleInterpolator            ._keyValue = new Fields .MFVec3f (this ._scaleOffset, this ._scaleOffset);
+         this .scaleOrientationInterpolator ._keyValue = new Fields .MFRotation (this ._scaleOrientationOffset, this ._scaleOrientationOffset);
+
+         this .setInterpolators (this, this);
+
+         this ._centerOfRotationOffset = Vector3 .subtract (point, this .getCenterOfRotation ());
+         this ._set_bind               = true;
+      },
+      straighten: function (layerNode, horizon)
+      {
+         layerNode .getNavigationInfo () ._transitionStart = true;
+
+         this .timeSensor ._cycleInterval = 0.4;
+         this .timeSensor ._stopTime      = this .getBrowser () .getCurrentTime ();
+         this .timeSensor ._startTime     = this .getBrowser () .getCurrentTime ();
+
+         this .timeSensor ._isActive .addInterest ("set_active__", this, layerNode .getNavigationInfo ());
+
+         this .easeInEaseOut ._easeInEaseOut = new Fields .MFVec2f (new Fields .SFVec2f (0, 1), new Fields .SFVec2f (1, 0));
+
+         const rotation = Rotation4 .multRight (Rotation4 .inverse (this .getOrientation ()), this .straightenHorizon (this .getUserOrientation ()));
+
+         this .positionInterpolator         ._keyValue = new Fields .MFVec3f (this ._positionOffset, this ._positionOffset);
+         this .orientationInterpolator      ._keyValue = new Fields .MFRotation (this ._orientationOffset, rotation);
+         this .scaleInterpolator            ._keyValue = new Fields .MFVec3f (this ._scaleOffset, this ._scaleOffset);
+         this .scaleOrientationInterpolator ._keyValue = new Fields .MFRotation (this ._scaleOrientationOffset, this ._scaleOrientationOffset);
+
+         this .setInterpolators (this, this);
+
+         this ._set_bind = true;
+      },
+      straightenHorizon: (function ()
+      {
+         const
+            localXAxis  = new Vector3 (0, 0, 0),
+            localZAxis  = new Vector3 (0, 0, 0),
+            rotation    = new Rotation4 (0, 0, 1, 0);
+
+         return function (orientation)
+         {
+            orientation .multVecRot (localXAxis .assign (Vector3 .xAxis) .negate ());
+            orientation .multVecRot (localZAxis .assign (Vector3 .zAxis));
+
+            const
+                upVector = this .getUpVector (),
+               vector   = localZAxis .cross (upVector);
+
+            // If viewer looks along the up vector.
+            if (Math .abs (localZAxis .dot (upVector)) >= 1)
+               return orientation;
+
+            if (Math .abs (vector .dot (localXAxis)) >= 1)
+               return orientation;
+
+            rotation .setFromToVec (localXAxis, vector);
+
+            return orientation .multRight (rotation);
+         };
+      })(),
+      set_active__: function (navigationInfoNode, active)
+      {
+         if (this ._isBound .getValue () && ! active .getValue () && this .timeSensor ._fraction_changed .getValue () === 1)
+         {
+            navigationInfoNode ._transitionComplete = true;
+         }
+      },
+      set_bound__: function ()
+      {
+         if (this ._isBound .getValue ())
+            this .getBrowser () .getNotification () ._string = this ._description;
+         else
+            this .timeSensor ._stopTime = this .getBrowser () .getCurrentTime ();
+      },
+      traverse: function (type, renderObject)
+      {
+         if (type !== TraverseType .CAMERA)
+            return;
+
+         renderObject .getLayer () .getViewpoints () .push (this);
+
+         this .modelMatrix .assign (renderObject .getModelViewMatrix () .get ());
+      },
+      update: function ()
+      {
+         try
+         {
+            this .cameraSpaceMatrix .set (this .getUserPosition (),
+                                          this .getUserOrientation (),
+                                          this ._scaleOffset .getValue (),
+                                          this ._scaleOrientationOffset .getValue ());
+
+            this .cameraSpaceMatrix .multRight ((this .to || this) .modelMatrix);
+
+            this .viewMatrix .assign (this .cameraSpaceMatrix) .inverse ();
+         }
+         catch (error)
+         {
+            console .error (error);
+         }
+      }
+   });
+
+   return X3DViewpointNode;
 });