x_ite 8.6.11 → 8.6.13

package/docs/_posts/components/Scripting/Script.md

@@ -15,7 +15,7 @@ tags: [Script, Scripting]
 
 Script provides programmed behavior for a scene. Define the script interface with `<field>` elements. Scripting code is embedded in a child CDATA node or (deprecated) in the url field. Optionally supported programming languages: ECMAScript (JavaScript) and (via url to a myNode.class file) Java.
 
-The Script node belongs to the **Scripting** component and its default container field is *children.* It is available since X3D version 3.0 or later.
+The Script node belongs to the **Scripting** component and its default container field is *children.* It is available since X3D version 2.0 or later.
 
 ## Hierarchy
 

package/docs/_posts/components/Shape/Appearance.md

@@ -15,7 +15,7 @@ tags: [Appearance, Shape]
 
 Appearance specifies the visual properties of geometry by containing the Material, ImageTexture/MovieTexture/PixelTexture, FillProperties, LineProperties, and TextureTransform nodes.
 
-The Appearance node belongs to the **Shape** component and its default container field is *appearance.* It is available since X3D version 3.0 or later.
+The Appearance node belongs to the **Shape** component and its default container field is *appearance.* It is available since X3D version 2.0 or later.
 
 ## Hierarchy
 

package/docs/_posts/components/Shape/Material.md

@@ -15,7 +15,7 @@ tags: [Material, Shape]
 
 Material specifies surface rendering properties for associated geometry nodes. Material attributes are used by the X3D lighting equations during rendering.
 
-The Material node belongs to the **Shape** component and its default container field is *material.* It is available since X3D version 3.0 or later.
+The Material node belongs to the **Shape** component and its default container field is *material.* It is available since X3D version 2.0 or later.
 
 ## Hierarchy
 
@@ -100,14 +100,6 @@ How much glowing light is emitted from this object.
 
 - Bright emissiveColor values can wash out other colors and some textures.
 
-### SFFloat [in, out] **emissiveStrength** 1 <small>[0,∞) <span class="yellow">non standard</span></small>
-
-A multiplier for emissiveColor and emissiveTexture values.
-
-#### Hint
-
-- [glTF version 2 KHR materials emissive strength](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_emissive_strength){:target="_blank"}
-
 ### SFString [in, out] **emissiveTextureMapping** ""
 
 The mapping label identifies which texture coordinates and transformations are used to compute texture effects from corresponding geometry on a given material.

package/docs/_posts/components/Shape/PhysicalMaterial.md

@@ -64,14 +64,6 @@ How much glowing light is emitted from this object.
 
 - Bright emissiveColor values can wash out other colors and some textures.
 
-### SFFloat [in, out] **emissiveStrength** 1 <small>[0,∞) <span class="yellow">non standard</span></small>
-
-A multiplier for emissiveColor and emissiveTexture values.
-
-#### Hint
-
-- [glTF version 2 KHR materials emissive strength](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_emissive_strength){:target="_blank"}
-
 ### SFString [in, out] **emissiveTextureMapping** ""
 
 The mapping label identifies which texture coordinates and transformations are used to compute texture effects from corresponding geometry on a given material.

package/docs/_posts/components/Shape/Shape.md

@@ -15,7 +15,7 @@ tags: [Shape, Shape]
 
 Shape can appear under any grouping node. Shape can contain an Appearance node and a geometry node (Box Cone Cylinder ElevationGrid Extrusion IndexedFaceSet IndexedLineSet LineSet PointSet Sphere Text).
 
-The Shape node belongs to the **Shape** component and its default container field is *children.* It is available since X3D version 3.0 or later.
+The Shape node belongs to the **Shape** component and its default container field is *children.* It is available since X3D version 2.0 or later.
 
 ## Hierarchy
 

package/docs/_posts/components/Shape/UnlitMaterial.md

@@ -47,14 +47,6 @@ How much glowing light is emitted from this object.
 
 - Bright emissiveColor values can wash out other colors and some textures.
 
-### SFFloat [in, out] **emissiveStrength** 1 <small>[0,∞) <span class="yellow">non standard</span></small>
-
-A multiplier for emissiveColor and emissiveTexture values.
-
-#### Hint
-
-- [glTF version 2 KHR materials emissive strength](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_emissive_strength){:target="_blank"}
-
 ### SFString [in, out] **emissiveTextureMapping** ""
 
 The mapping label identifies which texture coordinates and transformations are used to compute texture effects from corresponding geometry on a given material.

package/docs/_posts/components/Sound/AudioClip.md

@@ -15,7 +15,7 @@ tags: [AudioClip, Sound]
 
 AudioClip provides audio data used by parent Sound nodes.
 
-The AudioClip node belongs to the **Sound** component and its default container field is *source.* It is available since X3D version 3.0 or later.
+The AudioClip node belongs to the **Sound** component and its default container field is *source.* It is available since X3D version 2.0 or later.
 
 ## Hierarchy
 

package/docs/_posts/components/Sound/Sound.md

@@ -15,7 +15,7 @@ tags: [Sound, Sound]
 
 The Sound node controls the 3D spatialization of sound playback by a child AudioClip or MovieTexture node. Sound intensity includes stereo support, varying according to user location and view direction in the scene.
 
-The Sound node belongs to the **Sound** component and its default container field is *children.* It is available since X3D version 3.0 or later.
+The Sound node belongs to the **Sound** component and its default container field is *children.* It is available since X3D version 2.0 or later.
 
 ## Hierarchy
 

package/docs/_posts/components/Text/FontStyle.md

@@ -15,7 +15,7 @@ tags: [FontStyle, Text]
 
 FontStyle is an X3DFontStyleNode that defines the size, family, justification, and other styles used by Text nodes.
 
-The FontStyle node belongs to the **Text** component and its default container field is *fontStyle.* It is available since X3D version 3.0 or later.
+The FontStyle node belongs to the **Text** component and its default container field is *fontStyle.* It is available since X3D version 2.0 or later.
 
 ## Hierarchy
 

package/docs/_posts/components/Text/Text.md

@@ -15,7 +15,7 @@ tags: [Text, Text]
 
 Text is a 2D (flat) geometry node that can contain multiple lines of string values. Layout and styling is controlled by a contained FontStyle node.
 
-The Text node belongs to the **Text** component and its default container field is *geometry.* It is available since X3D version 3.0 or later.
+The Text node belongs to the **Text** component and its default container field is *geometry.* It is available since X3D version 2.0 or later.
 
 ## Hierarchy
 

package/docs/_posts/components/Texturing/ImageTexture.md

@@ -15,7 +15,7 @@ tags: [ImageTexture, Texturing]
 
 ImageTexture maps a 2D-image file onto a geometric shape. Texture maps have a 2D coordinate system (s, t) horizontal and vertical, with (s, t) values in range [0.0, 1.0] for opposite corners of the image.
 
-The ImageTexture node belongs to the **Texturing** component and its default container field is *texture.* It is available since X3D version 3.0 or later.
+The ImageTexture node belongs to the **Texturing** component and its default container field is *texture.* It is available since X3D version 2.0 or later.
 
 ## Hierarchy
 
@@ -94,10 +94,6 @@ Location and filename of image. Multiple locations are more reliable, and includ
 
 - Automatically reloading content has security considerations and needs to be considered carefully.
 
-### SFBool [ ] **flipVertically** FALSE
-
-Whether to flip the image vertically. This parameter is in particular useful when using a model with [PhysicalMaterial](../Shape/PhysicalMaterial).
-
 ### SFBool [ ] **repeatS** TRUE
 
 Whether to horizontally repeat texture along S axis.

package/docs/_posts/components/Texturing/MovieTexture.md

@@ -15,7 +15,7 @@ tags: [MovieTexture, Texturing]
 
 MovieTexture applies a 2D movie image to surface geometry, or provides audio for a Sound node. First define as texture, then USE as Sound source to see it/hear it/save memory. Texture maps have a 2D coordinate system (s, t) horizontal and vertical, with (s, t) values in range [0.0, 1.0] for opposite corners of the image.
 
-The MovieTexture node belongs to the **Texturing** component and its default container field is *texture.* It is available since X3D version 3.0 or later.
+The MovieTexture node belongs to the **Texturing** component and its default container field is *texture.* It is available since X3D version 2.0 or later.
 
 ## Hierarchy
 
@@ -178,10 +178,6 @@ Current elapsed time since MovieTexture activated/running, cumulative in seconds
 
 Length of time in seconds for one cycle of movie.
 
-### SFBool [ ] **flipVertically** FALSE
-
-Whether to flip the image vertically. This parameter is in particular useful when using a model with [PhysicalMaterial](../Shape/PhysicalMaterial).
-
 ### SFBool [ ] **repeatS** TRUE
 
 Whether to horizontally repeat texture along S axis.

package/docs/_posts/components/Texturing/PixelTexture.md

@@ -15,7 +15,7 @@ tags: [PixelTexture, Texturing]
 
 PixelTexture creates a 2D-image texture map using a numeric array of pixel values. Texture maps have a 2D coordinate system (s, t) horizontal and vertical, with (s, t) values in range [0.0, 1.0] for opposite corners of the image.
 
-The PixelTexture node belongs to the **Texturing** component and its default container field is *texture.* It is available since X3D version 3.0 or later.
+The PixelTexture node belongs to the **Texturing** component and its default container field is *texture.* It is available since X3D version 2.0 or later.
 
 ## Hierarchy
 

package/docs/_posts/components/Texturing/TextureCoordinate.md

@@ -15,7 +15,7 @@ tags: [TextureCoordinate, Texturing]
 
 TextureCoordinate specifies 2D (s,t) texture-coordinate points, used by vertex-based geometry nodes (such as IndexedFaceSet or ElevationGrid) to map textures to vertices (and patches to polygons).
 
-The TextureCoordinate node belongs to the **Texturing** component and its default container field is *texCoord.* It is available since X3D version 3.0 or later.
+The TextureCoordinate node belongs to the **Texturing** component and its default container field is *texCoord.* It is available since X3D version 2.0 or later.
 
 ## Hierarchy
 

package/docs/_posts/components/Texturing/TextureTransform.md

@@ -15,7 +15,7 @@ tags: [TextureTransform, Texturing]
 
 TextureTransform shifts 2D texture coordinates for positioning, orienting and scaling image textures on geometry.
 
-The TextureTransform node belongs to the **Texturing** component and its default container field is *textureTransform.* It is available since X3D version 3.0 or later.
+The TextureTransform node belongs to the **Texturing** component and its default container field is *textureTransform.* It is available since X3D version 2.0 or later.
 
 ## Hierarchy
 

package/docs/_posts/components/Time/TimeSensor.md

@@ -15,7 +15,7 @@ tags: [TimeSensor, Time]
 
 TimeSensor continuously generates events as time passes. Typical use: ROUTE thisTimeSensor.fraction_changed TO someInterpolator.set_fraction. Interchange profile hint: TimeSensor may be ignored if cycleInterval < 0.01 second.
 
-The TimeSensor node belongs to the **Time** component and its default container field is *children.* It is available since X3D version 3.0 or later.
+The TimeSensor node belongs to the **Time** component and its default container field is *children.* It is available since X3D version 2.0 or later.
 
 ## Hierarchy
 

package/docs/_posts/components/X_ITE/BlendMode.md

@@ -32,7 +32,7 @@ The BlendMode node belongs to the **X_ITE** component and its default container
 
 Metadata are not part of the X3D world and not interpreted by the X3D browser, but they can be accessed via the ECMAScript interface.
 
-### SFColorRGBA [in, out] **blendColor** 0 0 0 0 <small class="small">[0,1]</small><small></small>
+### SFColorRGBA [in, out] **blendColor** 0 0 0 0 <small>[0,1]</small><small></small>
 
 The *blendColor* may be used to calculate the source and destination blending factors.
 

package/docs/_posts/getting-started.md

@@ -12,7 +12,8 @@ x_ite: true
   src="/x_ite/assets/X3D/teaser/teaser.x3d"
   splashScreen="false"
   contextMenu="false"
-  notifications="false">
+  notifications="false"
+  timings="false">
 </x3d-canvas>
 
 ## Overview
@@ -724,11 +725,15 @@ A Boolean value (`true` or `false`) to indicate whether the splash screen should
 
 ### src
 
-A String value with the URL that should be loaded on page load. If no *src* attribute is specified or the *src* attribute is empty an empty scene is displayed.
+A String value containing the URL to load on page load. If no *src* attribute is specified or the *src* attribute is empty, an empty scene will be displayed.
+
+### timings
+
+A Boolean value (`true` or `false`) to indicate whether the Timings Panel should be displayed. The default value for the *timings* attribute is restored from the previous session, otherwise it is `false`.
 
 ### url
 
-A MFString value with urls that should be loaded on page load. If no *url* attribute is specified or the attribute is empty an empty scene is displayed. If both src and *url* attribute are specified the *src* attribute takes precedence.
+A MFString value of URLs to load on page load. If no *url* attribute is specified or the attribute is empty, an empty scene will be displayed. If both src and *url* attributes are specified, the *src* attribute takes precedence.
 
 ### Example
 

package/docs/_posts/reference/browser-services.md

@@ -363,7 +363,7 @@ Adds a browser *callback* function associated with *key,* where *key* can be of
 
 Removes a browser callback function associated with *key*.
 
-#### void **viewAll** (*[SFNode layerNode]*)
+#### void **viewAll** (*[SFNode layerNode]*) <small><span class="yellow">non standard</span></small>
 
 Modifies the current view to show the entire visible scene. If *layerNode* is omitted, the active layer is used.
 

package/docs/_posts/reference/ecmascript-object-and-function-definitions.md

@@ -9,6 +9,7 @@ tags: [Ecmascript, Object, Function, Definitions]
 
 There are a fixed set of objects in ECMAScript, each of which have a fixed set of properties (i.e. values) and methods (i.e. functions). For all object types except Math, there are functions to create an instance of the object. The supported set of objects are:
 
+* [X3DCanvasElement](#x3dcanvaselement)
 * [Browser Services](browser-services)
 * [Scene Services](scene-services)
 * [Field Services and Objects](field-services-and-objects)
@@ -16,118 +17,34 @@ There are a fixed set of objects in ECMAScript, each of which have a fixed set o
 * [Prototype Services](prototype-services)
 * [Constants Services](constants-services)
 
-### parseInt and parseFloat Functions
+## X3DCanvasElement
 
-These 2 functions are provided to convert a String value to an Number value.
-
-#### Number **parseInt** (*s, [radix]*)
-
-Converts the passed String, 's', to an integer valued number, using the optional passed numeric 'radix' as the base. If the radix is omitted base 10 is assumed. Numbers can be in decimal (123), hexadecimal (0x5C) or octal (0177) notation and may be preceded by a minus sign ('-'). Conversion stops at the first unrecognized character. If the string begins with an unrecognized character, 0 is returned.
-
-#### Number **parseFloat** (*s*)
-
-Converts the passed String, 's', to a floating point valued number. Numbers can be in fixed (1.23) or exponential (12E3) notation and both the mantissa and exponent may be preceded by a minus sign ('-'). Conversion stops at the first unrecognized character. If the string begins with an unrecognized character, 0 is returned.
-
-## Math Object
-
-The Math object is unique in ECMAScript in that there is exactly one globally available instance of the object, named Math. Properties can be accessed using the syntax Math.\<property-name\>. Methods can be invoked using the syntax Math.\<function-name\> ( \<argument-list\> ).
+The X3DCanvasElement, \<x3d-canvas\>, is the main element that displays the X3D content. It defines some functions to be used with this object.
 
 ### Instance Creation Method\(s\)
 
-None. One global instance of the object is available. The name of the instance is Math.
-
-### Properties
-
-#### **E**
-
-Euler's constant, e, approximately 2.718.
-
-#### **LN10**
-
-Natural logarithm of 10, approximately 2.302.
+An \<x3d-canvas\> can be created with the `document.createElement` function to get a reference to an X3DCanvasElement.
 
-#### **LN2**
+```js
+const canvas = document .createElement ("x3d-canvas")
+```
 
-Natural logarithm of 2, approximately 0.693.
-
-#### **PI**
-
-Ratio of the circumference of a circle to its diameter, approximately 3.1415.
-
-#### **SQRT1_2**
-
-Square root of ½, approximately 0.707.
+### Properties
 
-#### **SQRT2**
+#### **browser**
 
-Square root of 2, approximately 1.414.
+A reference to the X3DBrowser object that is associated with this element.
 
 ### Methods
 
-#### **abs** (*number*)
-
-Returns the absolute value of *number.*
-
-#### **acos** (number)
-
-Returns the arc cosine (in radians) of *number.*
-
-#### **asin** (number)
-
-Returns the arc sine (in radians) of *number.*
-
-#### **atan** (number)
-
-Returns the arc tangent (in radians) of *number.*
-
-#### **ceil** (number)
-
-Returns the least integer greater than or equal to *number.*
-
-#### **cos** (number)
-
-Returns the cosine of *number* where *number* is expressed in radians.
-
-#### **exp** (*number*)
-
-Returns *e,* to the power of *number* (i.e. *e*<sup>*number*</sup>).
-
-#### **floor** (*number*)
-
-Returns the greatest integer less than or equal to its argument.
-
-#### **log** (*number)*
-
-Returns the natural logarithm (base *e*) of *number.*
-
-#### **max** (*number1*, *number2*)
-
-Returns the greater of *number1* and *number2.*
-
-#### **min** (*number1*, *number2*)
-
-Returns the lesser of *number1* and *number2.*
-
-#### **pow** (*base*, *exponent*)
-
-Returns *base* to the *exponent* power (i.e. *base*<sup>*exponent*</sup>).
-
-#### **random** ()
-
-Returns a pseudo-random number between zero and one.
-
-#### **round** (*number*)
-
-Returns the value of *number* rounded to the nearest integer.
-
-#### **sin** (*number*)
+#### MediaStream **captureStream** (*[Number frameRate]*)
 
-Returns the sine of *number* where *number* is expressed in radians.
+See [HTMLCanvasElement.captureStream()](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/captureStream){:target="_blank"}.
 
-#### **sqrt** (*number*)
+#### Blob **toBlob** (*Function callback, [String type, Number quality]*)
 
-Returns the square root of its argument.
+See [HTMLCanvasElement.toBlob()](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob){:target="_blank"}.
 
-#### **tan** (*number*)
+#### String **toDataURL** (*[String type, Number encoderOptions]*)
 
-Returns the tangent of *number*, where *number* is expressed in radians.
+See [HTMLCanvasElement.toDataURL()](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL){:target="_blank"}.

package/docs/_posts/what's-new.md

@@ -906,7 +906,7 @@ You can tune the *shadowIntensity*. It is the intensity of the shadow. 0 means n
 
 ![Dynamic Shadows](https://create3000.github.io/media/images/dynamic-shadows.png)
 
-<small class="small">Dynamic shadows in X_ITE</small>
+<small>Dynamic shadows in X_ITE</small>
 
 ## X_ITE v4.1.7 Released
 

package/docs/laboratory/gltf-sample-viewer.html

@@ -82,7 +82,7 @@ tags: [glTF, Sample, Viewer]
                   </Text>
                </Shape>
             </Scene>
-          </X3D>
+         </X3D>
       </x3d-canvas>
    </div>
    <div class="viewer-column2"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "x_ite",
-	"version": "8.6.11",
+	"version": "8.6.13",
 	"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>",
@@ -60,7 +60,7 @@
 		"dicom-parser": "^1.8.21",
 		"jpeg-js": "^0.4.4",
 		"jpeg-lossless-decoder-js": "^2.0.4",
-		"jquery": "^3.6.3",
+		"jquery": "^3.6.4",
 		"jquery-fullscreen-plugin": "^1.1.5",
 		"jquery-mousewheel": "^3.1.13",
 		"libgif": "^0.0.3",
@@ -71,7 +71,7 @@
 		"opentype.js": "^1.3.4",
 		"pako": "^2.1.0",
 		"string-replace-webpack-plugin": "^0.1.3",
-		"webpack": "^5.75.0",
+		"webpack": "^5.76.3",
 		"webpack-cli": "^5.0.1",
 		"webpack-shell-plugin-next": "^2.3.1"
 	},

package/src/lib/jquery.js

@@ -16,6 +16,11 @@ $.ungzip = function (arrayBuffer)
    {
       return arrayBuffer;
    }
-}
+};
+
+$.toLowerCaseFirst = function (string)
+{
+   return string [0] .toLowerCase () + string .slice (1);
+};
 
 export default $;

package/src/standard/Math/Geometry/Box3.js

@@ -157,11 +157,8 @@ Box3 .prototype =
             p2 = r1 .subtract (x),
             p3 = r2 .subtract (x);
 
-         min .assign (p1);
-         max .assign (p1);
-
-         min .min (p2, p3, p4);
-         max .max (p2, p3, p4);
+         min .assign (p1) .min (p2, p3, p4);
+         max .assign (p1) .max (p2, p3, p4);
 
          p1 .negate ();
          p2 .negate ();

package/src/tests.js

@@ -22,6 +22,7 @@ const X_ITE_TESTS = [
    { path: "Core/Statements.x3d" },
    { path: "Core/units.x3d" },
    { path: "Core/units.x3dv" },
+   { path: "Core/VRML.wrl" },
    { component: "EnvironmentalEffects" },
    { path: "EnvironmentalEffects/BackgroundClipPlane.x3dv" },
    { path: "EnvironmentalEffects/FogCoordinate.x3d" },
@@ -311,6 +312,7 @@ const X_ITE_TESTS = [
    { path: "Shape/Connectors.x3d" },
    { path: "Shape/CopperGold.x3d" },
    { path: "Shape/FillProperties.x3d" },
+   { path: "Shape/flower-extreme/sphereflowers.x3d" },
    { path: "Shape/LineProperties.x3dv" },
    { path: "Shape/MaterialGeometries.x3d" },
    { path: "Shape/NormalTexture.x3d" },

package/src/x_ite/Base/X3DBaseNode.js

@@ -149,6 +149,14 @@ X3DBaseNode .prototype = Object .assign (Object .create (X3DEventObject .prototy
    {
       return this;
    },
+   beginUpdate: function ()
+   {
+      this .setLive (true);
+   },
+   endUpdate: function ()
+   {
+      this .setLive (false);
+   },
    isLive: (function ()
    {
       function isLive ()

package/src/x_ite/Base/X3DObject.js

@@ -51,7 +51,8 @@ import MapUtilities from "../../standard/Utility/MapUtilities.js";
 const
    _name      = Symbol (),
    _interests = Symbol (),
-   _values    = Symbol ();
+   _values    = Symbol (),
+   _userData  = Symbol ();
 
 function X3DObject () { }
 
@@ -61,6 +62,7 @@ X3DObject .prototype =
    [_name]: "",
    [_interests]: new Map (),
    [_values]: [ ],
+   [_userData]: new Map (),
    getId: function ()
    {
       return X3DObject .getId (this);
@@ -122,6 +124,17 @@ X3DObject .prototype =
             interest ();
       }
    },
+   getUserData: function (key)
+   {
+      return this [_userData] .get (key);
+   },
+   setUserData: function (key, value)
+   {
+      if (this [_userData] === X3DObject .prototype [_userData])
+         this [_userData] = new Map ();
+
+      this [_userData] .set (key, value);
+   },
    toString: function (options = Object .prototype)
    {
       const generator = new Generator (options);

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

@@ -91,6 +91,7 @@ BrowserOptions .prototype = Object .assign (Object .create (X3DBaseNode .prototy
       new X3DFieldDefinition (X3DConstants .inputOutput, "LogarithmicDepthBuffer", new Fields .SFBool ()),
       new X3DFieldDefinition (X3DConstants .inputOutput, "Notifications",          new Fields .SFBool (true)),
       new X3DFieldDefinition (X3DConstants .inputOutput, "Multisampling",          new Fields .SFInt32 (4)),
+      new X3DFieldDefinition (X3DConstants .inputOutput, "OptimizeStaticGroup",    new Fields .SFBool (true)),
       new X3DFieldDefinition (X3DConstants .inputOutput, "StraightenHorizon",      new Fields .SFBool (true)),
       new X3DFieldDefinition (X3DConstants .inputOutput, "Timings",                new Fields .SFBool ()),
    ]),
@@ -133,7 +134,7 @@ BrowserOptions .prototype = Object .assign (Object .create (X3DBaseNode .prototy
    },
    configure: (function ()
    {
-      const globals = new Set ([
+      const attributes = new Set ([
          "Antialiased",
          "Cache",
          "ContentScale",
@@ -144,6 +145,14 @@ BrowserOptions .prototype = Object .assign (Object .create (X3DBaseNode .prototy
          "SplashScreen",
       ]);
 
+      const restorable = new Set ([
+         "PrimitiveQuality",
+         "Rubberband",
+         "StraightenHorizon",
+         "TextureQuality",
+         "Timings",
+      ]);
+
       return function ()
       {
          const
@@ -152,15 +161,28 @@ BrowserOptions .prototype = Object .assign (Object .create (X3DBaseNode .prototy
 
          for (const { name, value } of this .getFieldDefinitions ())
          {
-            if (globals .has (name))
+            if (attributes .has (name))
             {
-               const attribute = name [0] .toLowerCase () + name .slice (1);
-               browser .attributeChangedCallback (attribute, null, browser .getElement () .attr (name));
+               const
+                  attribute = $.toLowerCaseFirst (name),
+                  value     = browser .getElement () .attr (attribute);
+
+               browser .attributeChangedCallback (attribute, null, value);
+
                continue;
             }
 
-            if (localStorage [name] !== undefined)
+            if (restorable .has (name))
+            {
+               const
+                  value = localStorage [name],
+                  field = this .getField (name);
+
+               if (value !== field .getValue ())
+                  field .setValue (value);
+
                continue;
+            }
 
             const field = this .getField (name);
 
@@ -169,28 +191,6 @@ BrowserOptions .prototype = Object .assign (Object .create (X3DBaseNode .prototy
 
             field .assign (value);
          }
-
-         const
-            rubberband        = localStorage .Rubberband,
-            primitiveQuality  = localStorage .PrimitiveQuality,
-            textureQuality    = localStorage .TextureQuality,
-            straightenHorizon = localStorage .StraightenHorizon,
-            timings           = localStorage .Timings;
-
-         if (rubberband !== this ._Rubberband .getValue ())
-            this ._Rubberband = rubberband;
-
-         if (primitiveQuality !== this ._PrimitiveQuality .getValue ())
-            this ._PrimitiveQuality = primitiveQuality;
-
-         if (textureQuality !== this ._TextureQuality .getValue ())
-            this ._TextureQuality = textureQuality;
-
-         if (straightenHorizon !== this ._StraightenHorizon .getValue ())
-            this ._StraightenHorizon = straightenHorizon;
-
-         if (timings !== this ._Timings .getValue ())
-            this ._Timings = timings;
       };
    })(),
    getPrimitiveQuality: function ()
@@ -323,8 +323,6 @@ BrowserOptions .prototype = Object .assign (Object .create (X3DBaseNode .prototy
    set_timings__: function (timings)
    {
       this .localStorage .Timings = timings .getValue ();
-
-      this .getBrowser () .getBrowserTimings () .setEnabled (timings .getValue ());
    },
 });