x_ite 4.7.6 → 4.7.10

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

@@ -56,7 +56,6 @@ define ([
 	"x_ite/Browser/Core/PrimitiveQuality",
 	"x_ite/Browser/Core/Shading",
 	"x_ite/Browser/Core/TextureQuality",
-	"x_ite/Browser/Navigation/X3DFlyViewer",
 ],
 function (Fields,
           X3DFieldDefinition,
@@ -65,8 +64,7 @@ function (Fields,
           X3DConstants,
           PrimitiveQuality,
           Shading,
-          TextureQuality,
-          X3DFlyViewer)
+          TextureQuality)
 {
 "use strict";
 
@@ -111,6 +109,7 @@ function (Fields,
 			new X3DFieldDefinition (X3DConstants .inputOutput, "Gravity",                new Fields .SFFloat (9.80665)),
 			new X3DFieldDefinition (X3DConstants .inputOutput, "StraightenHorizon",      new Fields .SFBool (true)),
 			new X3DFieldDefinition (X3DConstants .inputOutput, "LogarithmicDepthBuffer", new Fields .SFBool (false)),
+			new X3DFieldDefinition (X3DConstants .inputOutput, "Timings",                new Fields .SFBool (false)),
 		]),
 		getTypeName: function ()
 		{
@@ -135,34 +134,37 @@ function (Fields,
 			this .Shading_                   .addInterest ("set_shading__",                this);
 			this .StraightenHorizon_         .addInterest ("set_straightenHorizon__",      this);
 			this .LogarithmicDepthBuffer_    .addInterest ("set_logarithmicDepthBuffer__", this);
+			this .Timings_                   .addInterest ("set_timings__",                this);
 
 			this .configure ();
 		},
 		configure: function ()
 		{
-			if (! this .isInitialized ())
+			if (!this .isInitialized ())
 				return;
 
-			var fieldDefinitions = this .getFieldDefinitions ();
+			const
+				browser          = this .getBrowser (),
+				localStorage     = browser .getLocalStorage (),
+				fieldDefinitions = this .getFieldDefinitions ();
 
-			for (var i = 0; i < fieldDefinitions .length; ++ i)
+			for (const fieldDefinition of fieldDefinitions)
 			{
-				var
-					fieldDefinition = fieldDefinitions [i],
-					field           = this .getField (fieldDefinition .name);
+				const field = this .getField (fieldDefinition .name);
 
-				if (this .getBrowser () .getLocalStorage () ["BrowserOptions." + fieldDefinition .name] !== undefined)
+				if (localStorage ["BrowserOptions." + fieldDefinition .name] !== undefined)
 					continue;
 
-				if (! field .equals (fieldDefinition .value))
+				if (!field .equals (fieldDefinition .value))
 					field .setValue (fieldDefinition .value);
 			}
 
-			var
-				rubberband        = this .getBrowser () .getLocalStorage () ["BrowserOptions.Rubberband"],
-				primitiveQuality  = this .getBrowser () .getLocalStorage () ["BrowserOptions.PrimitiveQuality"],
-				textureQuality    = this .getBrowser () .getLocalStorage () ["BrowserOptions.TextureQuality"],
-				straightenHorizon = this .getBrowser () .getLocalStorage () ["BrowserOptions.StraightenHorizon"];
+			const
+				rubberband        = localStorage ["BrowserOptions.Rubberband"],
+				primitiveQuality  = localStorage ["BrowserOptions.PrimitiveQuality"],
+				textureQuality    = localStorage ["BrowserOptions.TextureQuality"],
+				straightenHorizon = localStorage ["BrowserOptions.StraightenHorizon"],
+				timings           = localStorage ["BrowserOptions.Timings"];
 
 			this .setAttributeSplashScreen ();
 
@@ -177,6 +179,9 @@ function (Fields,
 
 			if (straightenHorizon !== undefined && straightenHorizon !== this .StraightenHorizon_ .getValue ())
 				this .StraightenHorizon_ = straightenHorizon;
+
+			if (timings !== undefined && timings !== this .Timings_ .getValue ())
+				this .Timings_ = timings;
 		},
 		setAttributeSplashScreen: function ()
 		{
@@ -202,10 +207,6 @@ function (Fields,
 		{
 			return toBoolean (this .getBrowser () .getElement () .attr ("splashScreen"), true);
 		},
-		getTimings: function ()
-		{
-			return toBoolean (this .getBrowser () .getElement () .attr ("timings"), true);
-		},
 		getPrimitiveQuality: function ()
 		{
 			return this .primitiveQuality;
@@ -229,13 +230,14 @@ function (Fields,
 		},
 		set_primitiveQuality__: function (value)
 		{
-			var
+			const
 				browser          = this .getBrowser (),
+				localStorage     = browser .getLocalStorage (),
 				primitiveQuality = value .getValue () .toUpperCase ();
 
-			browser .getLocalStorage () ["BrowserOptions.PrimitiveQuality"] = primitiveQuality;
+			localStorage ["BrowserOptions.PrimitiveQuality"] = primitiveQuality;
 
-			var
+			const
 				cone     = browser .getConeOptions (),
 				cylinder = browser .getCylinderOptions (),
 				sphere   = browser .getSphereOptions ();
@@ -294,11 +296,14 @@ function (Fields,
 		},
 		set_textureQuality__: function (value)
 		{
-			var textureQuality = value .getValue () .toUpperCase ();
+			const
+				browser        = this .getBrowser (),
+				localStorage   = browser .getLocalStorage (),
+				textureQuality = value .getValue () .toUpperCase ();
 
-			this .getBrowser () .getLocalStorage () ["BrowserOptions.TextureQuality"] = textureQuality;
+			localStorage ["BrowserOptions.TextureQuality"] = textureQuality;
 
-			var textureProperties = this .getBrowser () .getDefaultTextureProperties ();
+			const textureProperties = this .getBrowser () .getDefaultTextureProperties ();
 
 			switch (textureQuality)
 			{
@@ -354,7 +359,7 @@ function (Fields,
 		},
 		set_shading__: function (value)
 		{
-			var shading = value .getValue () .toUpperCase ();
+			const shading = value .getValue () .toUpperCase ();
 
 			switch (shading)
 			{
@@ -394,7 +399,7 @@ function (Fields,
 		},
 		set_logarithmicDepthBuffer__: function (logarithmicDepthBuffer)
 		{
-			var
+			const
 				browser = this .getBrowser (),
 				gl      = browser .getContext ();
 
@@ -439,6 +444,13 @@ function (Fields,
 				browser .getShadowShader () .parts_ [1] .getValue () .url_ .addEvent ();
 			}
 		},
+		set_timings__: function (timings)
+		{
+			const browser = this .getBrowser ();
+
+			browser .getLocalStorage () ["BrowserOptions.Timings"] = timings .getValue ();
+			browser .getBrowserTimings () .setEnabled (timings .getValue ());
+		},
 	});
 
 	return BrowserOptions;

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

@@ -49,24 +49,22 @@
 
 define ([
 	"jquery",
-	"x_ite/Fields/SFBool",
 	"x_ite/Basic/X3DBaseNode",
 	"locale/gettext",
 ],
 function ($,
-          SFBool,
           X3DBaseNode,
           _)
 {
 "use strict";
 
-   function f2 (n) { return Math .floor (n * 100) / 100; }
+   function f2 (n) { return n .toFixed (2); }
 
 	function BrowserTimings (executionContext)
 	{
 		X3DBaseNode .call (this, executionContext);
 
-		this .addChildObjects ("enabled", new SFBool ());
+		this .enabled = false;
 	}
 
 	BrowserTimings .prototype = Object .assign (Object .create (X3DBaseNode .prototype),
@@ -88,8 +86,6 @@ function ($,
 		{
 			X3DBaseNode .prototype .initialize .call (this);
 
-			this .enabled_ .addInterest ("set_enabled__", this);
-
 			this .localeOptions = { minimumFractionDigits: 2, maximumFractionDigits: 2 };
 			this .type          = this .getBrowser () .getLocalStorage () ["BrowserTimings.type"] || "LESS";
 			this .startTime     = 0;
@@ -104,26 +100,19 @@ function ($,
 			this .rows    = [ ];
 
 			this .set_button__ ();
-
-			if (this .getBrowser () .getLocalStorage () ["BrowserTimings.enabled"])
-				this .enabled_ = true;
-		},
-		setEnabled: function (value)
-		{
-			this .enabled_ = value;
 		},
 		getEnabled: function ()
 		{
-			return this .enabled_ .getValue ();
+			return this .enabled;
 		},
-		set_enabled__: function (enabled)
+		setEnabled: function (enabled)
 		{
-			if (! this .getBrowser () .getBrowserOptions () .getTimings ())
+			if (this .enabled === enabled)
 				return;
 
-			this .getBrowser () .getLocalStorage () ["BrowserTimings.enabled"] = enabled .getValue ();
+			this .enabled = enabled;
 
-			if (enabled .getValue ())
+			if (enabled)
 			{
 				this .element .fadeIn ();
 				this .getBrowser () .prepareEvents () .addInterest ("update", this);
@@ -205,15 +194,15 @@ function ($,
 			   rows [1] .addClass ("x_ite-private-more");
 
 				rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (_("Browser")   + ":")) .append ($("<td></td>") .text (f2(systemTime)           .toLocaleString (language, fixed) + " " + _("ms")));
-				rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (_("X3D")       + ":")) .append ($("<td></td>") .text (f2(browser .browserTime) .toLocaleString (language, fixed) + " " + _("ms")));
-				rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (_("Routing")   + ":")) .append ($("<td></td>") .text (f2(routingTime)          .toLocaleString (language, fixed) + " " + _("ms")));
+				rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (_("X3D total")       + ":")) .append ($("<td></td>") .text (f2(browser .browserTime) .toLocaleString (language, fixed) + " " + _("ms")));
+				rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (_("Event Processing")   + ":")) .append ($("<td></td>") .text (f2(routingTime)          .toLocaleString (language, fixed) + " " + _("ms")));
 				rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (_("Pointer")   + ":")) .append ($("<td></td>") .text (f2(browser .pointerTime) .toLocaleString (language, fixed) + " " + _("ms")));
 				rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (_("Camera")    + ":")) .append ($("<td></td>") .text (f2(browser .cameraTime)  .toLocaleString (language, fixed) + " " + _("ms")));
 				rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (_("Picking")   + ":")) .append ($("<td></td>") .text (f2(browser .pickingTime) .toLocaleString (language, fixed) + " " + _("ms")));
-				rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (_("Collision") + ":")) .append ($("<td></td>") .text (f2(collisionTime)        .toLocaleString (language, fixed) + " " + _("ms")));
-				rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (_("Display")   + ":")) .append ($("<td></td>") .text (f2(browser .displayTime) .toLocaleString (language, fixed) + " " + _("ms")));
-				rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (_("Shapes")    + ":")) .append ($("<td></td>") .text (opaqueShapes + " + " + transparentShapes));
-				rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (_("Sensors")   + ":")) .append ($("<td></td>") .text (prepareEvents + sensors));
+				rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (_("Collision Detection") + ":")) .append ($("<td></td>") .text (f2(collisionTime)        .toLocaleString (language, fixed) + " " + _("ms")));
+				rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (_("Rendering")   + ":")) .append ($("<td></td>") .text (f2(browser .displayTime) .toLocaleString (language, fixed) + " " + _("ms")));
+				rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (_("Number of Shapes")    + ":")) .append ($("<td></td>") .text (opaqueShapes + " + " + transparentShapes));
+				rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (_("Number of Sensors")   + ":")) .append ($("<td></td>") .text (prepareEvents + sensors));
 			}
 
 			rows .length = r;

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

@@ -63,6 +63,9 @@ function ($,
 	function ContextMenu (executionContext)
 	{
 		X3DBaseNode .call (this, executionContext);
+
+		this .userMenu = null;
+		this .active   = false;
 	}
 
 	ContextMenu .prototype = Object .assign (Object .create (X3DBaseNode .prototype),
@@ -98,6 +101,8 @@ function ($,
 				{
 					show: function (options)
 					{
+						this .active = true;
+
 						if (browser .getElement () .fullScreen ())
 						{
 							browser .getElement () .append (options .$menu);
@@ -112,19 +117,79 @@ function ($,
 							},
 							1);
 						}
-
+					},
+					activated: function (options)
+					{
 						// Display submenus on left side if there is no space on right side.
 
 						if (options .$menu .hasClass ("x_ite-private-menu-submenus-left"))
 						{
-							options .$menu .find (".context-menu-item > .context-menu-list") .css ({
-								"right": options .$menu .width () + "px",
+							options .$menu .find (".context-menu-list") .each (function (i, e)
+							{
+								$(e) .css ("right", $(e) .parent () .parent () .css ("width"));
 							});
 						}
-					},
+						else
+						{
+							options .$menu .find (".context-menu-list") .each (function (i, e)
+							{
+								$(e) .css ("left", (parseInt ($(e) .parent () .parent () .css ("width")) - 2) + "px");
+							});
+						}
+
+						// If the submenu is higher than vh, add scrollbars.
+						options .$menu .find (".context-menu-list") .each (function (i, e)
+						{
+							if ($(e) .height () > $(window) .height ())
+							{
+								$(e) .css ({
+									"overflow-y": "scroll",
+									"max-height": "100vh",
+								});
+							}
+						});
+
+						// If the submenu is higher than vh, reposition it.
+						options .$menu .find (".context-menu-item") .on ("mouseenter", function (event)
+						{
+							event .stopImmediatePropagation ();
+
+							const
+								t = $(event .target),
+								e = t .children (".context-menu-list");
+
+							if (!e .length)
+								return;
+
+							e .css ("top", "");
+
+							const bottom = e .offset () .top + e .height () - $(window) .scrollTop () - $(window) .height ();
+
+							if (bottom > 0)
+								e .offset ({ "top": e .offset () .top - bottom });
+						});
+					}
+					.bind (this),
+					hide: function (options)
+					{
+						this .active = false;
+					}
+					.bind (this),
 				},
 			});
 		},
+		getUserMenu: function ()
+		{
+			return this .userMenu;
+		},
+		setUserMenu: function (userMenu)
+		{
+			this .userMenu = userMenu;
+		},
+		getActive: function ()
+		{
+			return this .active;
+		},
 		build: function (trigger, event)
 		{
 			const
@@ -313,19 +378,19 @@ function ($,
 							.bind (this),
 						},
 					},
-					"browser-timings": browser .getBrowserOptions () .getTimings () ? {
+					"browser-timings": {
 						name: _("Browser Timings"),
 						type: "checkbox",
-						selected: browser .getBrowserTimings () .getEnabled (),
+						selected: browser .getBrowserOption ("Timings"),
 						events: {
 							click: function (event)
 							{
-								browser .getBrowserTimings () .setEnabled ($(event .target) .is (":checked"));
+								browser .setBrowserOption ("Timings", $(event .target) .is (":checked"));
 								browser .getSurface () .focus ();
 							}
 							.bind (this),
 						},
-					} : undefined,
+					},
 					"fullscreen": {
 						name: fullscreen ? _("Leave Fullscreen") : _("Fullscreen"),
 						className: "context-menu-icon " + (fullscreen ? "x_ite-private-icon-leave-fullscreen" : "x_ite-private-icon-fullscreen"),
@@ -354,9 +419,9 @@ function ($,
 									priv      = browser .getElement () .find (".x_ite-private-browser"),
 									overlay   = $("<div></div>") .addClass ("x_ite-private-world-info-overlay") .appendTo (priv),
 									div       = $("<div></div>") .addClass ("x_ite-private-world-info") .appendTo (overlay),
-									worldInfo = browser .getExecutionContext () .getWorldInfo (),
-									title     = worldInfo .title_ .getValue (),
-									info      = worldInfo .info_;
+									worldInfo = browser .getExecutionContext () .getWorldInfos () [0],
+									title     = worldInfo .title,
+									info      = worldInfo .info;
 
 								converter .setOption ("omitExtraWLInCodeBlocks",            true);
 								converter .setOption ("simplifiedAutoLink",                 true);
@@ -372,9 +437,9 @@ function ($,
 									$("<div></div>") .addClass ("x_ite-private-world-info-title") .text (title) .appendTo (div);
 								}
 
-								for (var i = 0, length = info .length; i < length; ++ i)
+								for (const line of info)
 								{
-									$("<div></div>") .addClass ("x_ite-private-world-info-info") .html (converter .makeHtml (info [i])) .appendTo (div);
+									$("<div></div>") .addClass ("x_ite-private-world-info-info") .html (converter .makeHtml (line)) .appendTo (div);
 								}
 
 								div .find ("a") .on ("click", function (event) { event .stopPropagation (); });
@@ -400,9 +465,22 @@ function ($,
 							window .open (browser .getProviderUrl ());
 						},
 					},
-				}
+				},
 			};
 
+			if ($.isFunction (this .userMenu))
+			{
+				const userMenu = this .userMenu ();
+
+				if ($.isPlainObject (userMenu))
+				{
+					Object .assign (menu .items, { "separator4": "--------" });
+
+					for (const key in userMenu)
+						menu .items ["user-" + key] = userMenu [key];
+				}
+			}
+
 			if (leftSubMenus)
 				menu .className += " x_ite-private-menu-submenus-left";
 
@@ -422,9 +500,9 @@ function ($,
 				delete menu .items ["straighten-horizon"];
 			}
 
-			const worldInfo = browser .getExecutionContext () .getWorldInfo ();
+			const worldInfo = browser .getExecutionContext () .getWorldInfos () [0];
 
-			if (!worldInfo || (worldInfo .title_ .getValue () .length === 0 && worldInfo .info_ .length === 0))
+			if (!worldInfo || (worldInfo .title .length === 0 && worldInfo .info .length === 0))
 			{
 				delete menu .items ["world-info"];
 			}

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

@@ -50,29 +50,31 @@
 define ([
 	"jquery",
 	"x_ite/Fields",
+	"x_ite/Browser/Core/BrowserTimings",
 	"x_ite/Browser/Core/BrowserOptions",
 	"x_ite/Browser/Core/BrowserProperties",
 	"x_ite/Browser/Core/RenderingProperties",
 	"x_ite/Browser/Core/Notification",
-	"x_ite/Browser/Core/BrowserTimings",
 	"x_ite/Browser/Core/ContextMenu",
 	"x_ite/Execution/Scene",
 	"x_ite/Parser/Parser",
 	"standard/Utility/DataStorage",
-	"x_ite/DEBUG",
+	"standard/Math/Numbers/Vector3",
+	"locale/gettext",
 ],
 function ($,
           Fields,
+          BrowserTimings,
           BrowserOptions,
           BrowserProperties,
           RenderingProperties,
           Notification,
-          BrowserTimings,
           ContextMenu,
           Scene,
           Parser,
           DataStorage,
-          DEBUG)
+          Vector3,
+          _)
 {
 "use strict";
 
@@ -178,11 +180,11 @@ function ($,
 		return gl;
 	}
 
-	let browserId = 0;
+	let browserNumber = 0;
 
 	function X3DCoreContext (element)
 	{
-		this .number  = ++ browserId;
+		this .number  = ++ browserNumber;
 		this .element = element;
 
 		// Get canvas & context.
@@ -212,16 +214,16 @@ function ($,
 		},
 		this);
 
+		this .localStorage = new DataStorage (localStorage, "X_ITE.X3DBrowser(" + this .number + ").");
+		this .mobile       = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i .test (navigator .userAgent);
+
+		this .browserTimings      = new BrowserTimings      (this .getPrivateScene ());
 		this .browserOptions      = new BrowserOptions      (this .getPrivateScene ());
 		this .browserProperties   = new BrowserProperties   (this .getPrivateScene ());
 		this .renderingProperties = new RenderingProperties (this .getPrivateScene ());
 		this .notification        = new Notification        (this .getPrivateScene ());
-		this .browserTimings      = new BrowserTimings      (this .getPrivateScene ());
 		this .contextMenu         = new ContextMenu         (this .getPrivateScene ());
 
-		this .localStorage = new DataStorage (localStorage, "X_ITE.X3DBrowser(" + this .number + ").");
-		this .mobile       = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i .test (navigator .userAgent);
-
 		$(".x_ite-console") .empty ();
 
 		this .addChildObjects ("controlKey",  new Fields .SFBool (),
@@ -236,11 +238,11 @@ function ($,
 		{
 			// Setup browser nodes.
 
+			this .browserTimings      .setup ();
 			this .browserOptions      .setup ()
 			this .browserProperties   .setup ()
 			this .renderingProperties .setup ();
 			this .notification        .setup ();
-			this .browserTimings      .setup ();
 			this .contextMenu         .setup ();
 
 			// Observe Element's attributes.
@@ -333,6 +335,18 @@ function ($,
 		{
 			return this .extensions [name];
 		},
+		getMobile: function ()
+		{
+			return this .mobile;
+		},
+		getLocalStorage: function ()
+		{
+			return this .localStorage;
+		},
+		getBrowserTimings: function ()
+		{
+			return this .browserTimings;
+		},
 		getBrowserOptions: function ()
 		{
 			return this .browserOptions;
@@ -349,17 +363,9 @@ function ($,
 		{
 			return this .notification;
 		},
-		getBrowserTimings: function ()
-		{
-			return this .browserTimings;
-		},
-		getLocalStorage: function ()
-		{
-			return this .localStorage;
-		},
-		getMobile: function ()
+		getContextMenu: function ()
 		{
-			return this .mobile;
+			return this .contextMenu;
 		},
 		getPrivateScene: function ()
 		{
@@ -627,7 +633,7 @@ function ($,
 					if (this .getControlKey ())
 					{
 						event .preventDefault ();
-						this .getBrowserTimings () .setEnabled (! this .getBrowserTimings () .getEnabled ());
+						this .setBrowserOption ("Timings", !this .getBrowserOption ("Timings"));
 					}
 
 					break;
@@ -664,21 +670,69 @@ function ($,
 
 						const viewpoint = this .getActiveViewpoint ();
 
-						if (! viewpoint)
+						if (!viewpoint)
 							break;
 
-						let text = "";
+						const vp = this .getPrivateScene () .createNode (viewpoint .getTypeName ());
+
+						switch (viewpoint .getTypeName ())
+						{
+							case "Viewpoint":
+							{
+								vp .position         = viewpoint .getUserPosition ();
+								vp .orientation      = viewpoint .getUserOrientation ();
+								vp .centerOfRotation = viewpoint .getUserCenterOfRotation ();
+								vp .fieldOfView      = viewpoint .getFieldOfView ();
+								break;
+							}
+							case "OrthoViewpoint":
+							{
+								vp .position         = viewpoint .getUserPosition ();
+								vp .orientation      = viewpoint .getUserOrientation ();
+								vp .centerOfRotation = viewpoint .getUserCenterOfRotation ();
+								vp .fieldOfView      = new Fields .MFFloat (viewpoint .getMinimumX (), viewpoint .getMinimumY (), viewpoint .getMaximumX (), viewpoint .getMaximumY ());
+								break;
+							}
+							case "GeoViewpoint":
+							{
+								const
+									geoOrigin = viewpoint .geoOrigin_,
+									geoCoord  = new Vector3 (0, 0, 0);
+
+								if (geoOrigin .getValue () && geoOrigin .getNodeTypeName () === "GeoOrigin")
+								{
+									const go = this .getPrivateScene () .createNode ("GeoOrigin");
+
+									vp .geoOrigin = go;
+									go .geoSystem = geoOrigin .geoSystem;
+									go .geoCoords = geoOrigin .geoCoords;
+									go .rotateYUp = geoOrigin .rotateYUp;
+								}
+
+								vp .geoSystem        = viewpoint .geoSystem_;
+								vp .position         = viewpoint .getGeoCoord (viewpoint .getUserPosition (), geoCoord);
+								vp .orientation      = viewpoint .getUserOrientation ();
+								vp .centerOfRotation = viewpoint .getGeoCoord (viewpoint .getUserCenterOfRotation (), geoCoord);
+								vp .fieldOfView      = viewpoint .getFieldOfView ();
+								break;
+							}
+						}
 
-						text += "Viewpoint {\n";
-						text += "  position " + viewpoint .getUserPosition () + "\n";
-						text += "  orientation " + viewpoint .getUserOrientation () + "\n";
-						text += "  centerOfRotation " + viewpoint .getUserCenterOfRotation () + "\n";
-						text += "}";
+						let text;
 
-						console .log (text);
-						copyToClipboard (text);
+						switch (this .getExecutionContext () .getEncoding ())
+						{
+							case "ASCII":
+							case "VRML": text = vp .toVRMLString (); break;
+							case "JSON": text = vp .toVRMLString (); break;
+							default:     text = vp .toXMLString ();  break;
+						}
+
+						text += "\n";
 
-						this .getNotification () .string_ = "Copied viewpoint to clipboard.";
+						console .log (text);
+						this .copyToClipboard (text);
+						this .getNotification () .string_ = _ ("Viewpoint is copied to clipboard.");
 					}
 
 					break;
@@ -722,17 +776,16 @@ function ($,
 				}
 			}
 		},
+		copyToClipboard: function (text)
+		{
+			// The textarea must be visible to make copy work.
+			const $temp = $("<textarea></textarea>");
+			this .getElement () .find (".x_ite-private-browser") .prepend ($temp);
+			$temp .text (text) .select ();
+			document .execCommand ("copy");
+			$temp .remove ();
+		},
 	};
 
-	function copyToClipboard (text)
-	{
-		const $temp = $("<textarea>");
-
-		$("body") .append ($temp);
-		$temp .val (text) .select ();
-		document .execCommand ("copy");
-		$temp .remove ();
-	}
-
 	return X3DCoreContext;
 });

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

@@ -173,6 +173,9 @@ function ($,
 		},
 		mousedown: function (event)
 		{
+			if (this .getBrowser () .getContextMenu () .getActive ())
+				return;
+
 			if (this .button >= 0)
 				return;