x_ite 8.6.14 → 8.6.16

package/docs/_config.yml

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

package/docs/_posts/getting-started.md

@@ -554,6 +554,7 @@ It can be used in [Electron](https://www.electronjs.org){:target="_blank"} apps
 window .addEventListener ("DOMContentLoaded", () =>
 {
   const X3D = require ("x_ite")
+  ...
 })
 ```
 
@@ -584,15 +585,15 @@ Open Source CDN, free, fast, and reliable.
 You can always replace »latest« by the version number you prefer.
 
 ```html
-<script src="https://cdn.jsdelivr.net/gh/create3000/x_ite@latest/dist/x_ite.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/x_ite@latest/dist/x_ite.min.js"></script>
 ```
 
 #### For Production
 
-If you are in production and everything is working fine, then use a numbered version.
+If you are in production and everything is working well, then use a fixed version.
 
 ```html
-<script src="https://cdn.jsdelivr.net/gh/create3000/x_ite@{{ site.version }}/dist/x_ite.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/x_ite@{{ site.version }}/dist/x_ite.min.js"></script>
 ```
 
 ## Embedding X_ITE within a Web Page

package/docs/assets/js/example.js

@@ -30,5 +30,7 @@ $("table.examples a") .on ("click", function ()
    canvas .attr ("src", $(this) .attr ("href"));
    zip    .attr ("href", $(this) .attr ("href") .replace (/\.x3d$/, ".zip"));
 
+   console .log (`Loading ${$(this) .attr ("title")} ...`);
+
    return false;
 });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "x_ite",
-	"version": "8.6.14",
+	"version": "8.6.16",
 	"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>",
@@ -71,11 +71,12 @@
 		"opentype.js": "^1.3.4",
 		"pako": "^2.1.0",
 		"string-replace-webpack-plugin": "^0.1.3",
-		"webpack": "^5.76.3",
+		"webpack": "^5.78.0",
 		"webpack-cli": "^5.0.1",
 		"webpack-shell-plugin-next": "^2.3.1"
 	},
 	"scripts": {
+		"test": "cd ../x_ite-tests && npm test",
 		"lint": "jshint **",
 		"build": "make",
 		"-prebuild:js": "npm run lint"

package/src/assets/shaders/webgl1/PBR.fs.js

@@ -330,7 +330,7 @@ getMaterialColor ()
          vec3 diffuseSpecContrib = light .intensity * (diffuseContrib + specContrib);
 
          #if defined (X3D_SHADOWS)
-            if (NdotL > 0.001)
+            if (NdotL > 0.001 && light .shadowIntensity > 0.0)
                diffuseSpecContrib = mix (diffuseSpecContrib, light .shadowColor, getShadowIntensity (i, light));
          #endif
 

package/src/assets/shaders/webgl1/include/Material.glsl.js

@@ -44,7 +44,7 @@ getMaterialColor (const in vec3 vertex, const in vec3 N, const in vec3 ambientCo
          vec3  diffuseSpecularTerm   = light .intensity * (diffuseTerm + specularTerm);
 
          #if defined (X3D_FRAGMENT_SHADER) && defined (X3D_SHADOWS)
-            if (lightAngle > 0.0)
+            if (lightAngle > 0.0 && light .shadowIntensity > 0.0)
                diffuseSpecularTerm = mix (diffuseSpecularTerm, light .shadowColor, getShadowIntensity (i, light));
          #endif
 

package/src/assets/shaders/webgl1/include/Texture.glsl.js

@@ -228,6 +228,12 @@ getTexture (const in int i, const in vec3 texCoord)
    uniform x3d_MultiTextureParameters x3d_MultiTexture [X3D_NUM_TEXTURES];
 #endif
 
+int
+minI (const in int a, const in int b)
+{
+   return a < b ? a : b;
+}
+
 vec4
 getTextureColor (const in vec4 diffuseColor, const in vec4 specularColor)
 {
@@ -238,7 +244,7 @@ getTextureColor (const in vec4 diffuseColor, const in vec4 specularColor)
       {
          // Get texture color.
 
-         vec3 texCoord     = getTexCoord (min (i, X3D_NUM_TEXTURE_TRANSFORMS - 1), min (i, X3D_NUM_TEXTURE_COORDINATES - 1));
+         vec3 texCoord     = getTexCoord (minI (i, X3D_NUM_TEXTURE_TRANSFORMS - 1), minI (i, X3D_NUM_TEXTURE_COORDINATES - 1));
          vec4 textureColor = getTexture (i, texCoord);
 
          // Multi texturing

package/src/assets/shaders/webgl2/PBR.fs.js

@@ -337,7 +337,7 @@ getMaterialColor ()
          vec3 diffuseSpecContrib = light .intensity * (diffuseContrib + specContrib);
 
          #if defined (X3D_SHADOWS)
-            if (NdotL > 0.001)
+            if (NdotL > 0.001 && light .shadowIntensity > 0.0)
                diffuseSpecContrib = mix (diffuseSpecContrib, light .shadowColor, getShadowIntensity (i, light));
          #endif
 

package/src/assets/shaders/webgl2/include/Material.glsl.js

@@ -44,7 +44,7 @@ getMaterialColor (const in vec3 vertex, const in vec3 N, const in vec3 ambientCo
          vec3  diffuseSpecularTerm   = light .intensity * (diffuseTerm + specularTerm);
 
          #if defined (X3D_FRAGMENT_SHADER) && defined (X3D_SHADOWS)
-            if (lightAngle > 0.0)
+            if (lightAngle > 0.0 && light .shadowIntensity > 0.0)
                diffuseSpecularTerm = mix (diffuseSpecularTerm, light .shadowColor, getShadowIntensity (i, light));
          #endif
 

package/src/standard/Math/Numbers/Color3.js

@@ -56,18 +56,9 @@ const
 
 function Color3 (r, g, b)
 {
-   if (arguments .length)
-   {
-      this [_r] = clamp (r, 0, 1);
-      this [_g] = clamp (g, 0, 1);
-      this [_b] = clamp (b, 0, 1);
-   }
-   else
-   {
-      this [_r] = 0;
-      this [_g] = 0;
-      this [_b] = 0;
-   }
+   this [_r] = clamp (r, 0, 1);
+   this [_g] = clamp (g, 0, 1);
+   this [_b] = clamp (b, 0, 1);
 }
 
 Color3 .prototype =

package/src/standard/Math/Numbers/Color4.js

@@ -58,20 +58,10 @@ const
 
 function Color4 (r, g, b, a)
 {
-   if (arguments .length)
-   {
-      this [_r] = clamp (r, 0, 1);
-      this [_g] = clamp (g, 0, 1);
-      this [_b] = clamp (b, 0, 1);
-      this [_a] = clamp (a, 0, 1);
-   }
-   else
-   {
-      this [_r] = 0;
-      this [_g] = 0;
-      this [_b] = 0;
-      this [_a] = 0;
-   }
+   this [_r] = clamp (r, 0, 1);
+   this [_g] = clamp (g, 0, 1);
+   this [_b] = clamp (b, 0, 1);
+   this [_a] = clamp (a, 0, 1);
 }
 
 Color4 .prototype =

package/src/standard/Math/Numbers/Complex.js

@@ -54,6 +54,7 @@ function Complex (real, imag)
 Complex .prototype =
 {
    constructor: Complex,
+   length: 2,
    [Symbol .iterator]: function* ()
    {
       yield this .real;
@@ -77,6 +78,12 @@ Complex .prototype =
       return this .real === complex .real &&
              this .imag === complex .imag;
    },
+   set: function (real, imag)
+   {
+      this .real = real;
+      this .imag = imag;
+      return this;
+   },
    setPolar: function (magnitude, angle)
    {
       this .real = magnitude * Math .cos (angle);
@@ -130,10 +137,12 @@ Complex .prototype =
       this .imag = ar * bi + ai * br;
       return this;
    },
-   //divide: function (value)
-   //{
-   //	return this;
-   //},
+   divide: function (value)
+   {
+      this .real /= value;
+      this .imag /= value;
+      return this;
+   },
    divComp: function (value)
    {
       const
@@ -154,6 +163,34 @@ Complex .prototype =
    },
 };
 
+Object .defineProperty (Complex .prototype, "0",
+{
+   get: function ()
+   {
+      return this .real;
+   },
+   set: function (value)
+   {
+      this .real = value;
+   },
+   enumerable: false,
+   configurable: false
+});
+
+Object .defineProperty (Complex .prototype, "1",
+{
+   get: function ()
+   {
+      return this .imag;
+   },
+   set: function (value)
+   {
+      this .imag = value;
+   },
+   enumerable: false,
+   configurable: false
+});
+
 Object .defineProperty (Complex .prototype, "magnitude",
 {
    get: function ()

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

@@ -643,6 +643,10 @@ X3DCoreContext .prototype =
       document .execCommand ("copy");
       tmp .remove ();
    },
+   dispose: function ()
+   {
+      this [_context] .getExtension ("WEBGL_lose_context") ?.loseContext ();
+   },
 };
 
 export default X3DCoreContext;

package/src/x_ite/Browser/EnvironmentalEffects/X3DEnvironmentalEffectsContext.js

@@ -53,7 +53,6 @@ function X3DEnvironmentalEffectsContext () { }
 
 X3DEnvironmentalEffectsContext .prototype =
 {
-   initialize: function () { },
    getBackgroundTextureProperties: function ()
    {
       this [_backgroundTextureProperties] = new TextureProperties (this .getPrivateScene ());

package/src/x_ite/Browser/Grouping/X3DGroupingContext.js

@@ -55,7 +55,6 @@ function X3DGroupingContext () { }
 
 X3DGroupingContext .prototype =
 {
-   initialize: function () { },
    getBBoxNode: function ()
    {
       const
@@ -79,7 +78,7 @@ X3DGroupingContext .prototype =
       Object .defineProperty (this, "getBBoxNode", { enumerable: false });
 
       return bboxShape;
-   }
+   },
 };
 
 export default X3DGroupingContext;

package/src/x_ite/Browser/Lighting/X3DLightingContext.js

@@ -67,8 +67,6 @@ function X3DLightingContext ()
 
 X3DLightingContext .prototype =
 {
-   initialize: function ()
-   { },
    getMaxLights: function ()
    {
       return this [_maxLights];

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

@@ -230,6 +230,10 @@ X3DNavigationContext .prototype =
 
       this [_viewerNode] .setup ();
    },
+   dispose: function ()
+   {
+      this [_viewerNode] ?.dispose ();
+   },
 };
 
 export default X3DNavigationContext;

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

@@ -67,8 +67,7 @@ X3DViewer .prototype = Object .assign (Object .create (X3DBaseNode .prototype),
    {
       return "X3DViewer";
    },
-   initialize: function ()
-   { },
+
    getActiveLayer: function ()
    {
       return this .getBrowser () .getActiveLayer ();
@@ -200,7 +199,7 @@ X3DViewer .prototype = Object .assign (Object .create (X3DBaseNode .prototype),
    {
       return this .getBrowser () .touch (x, y);
    },
-   dispose: function () { },
+
 });
 
 function tbProjectToSphere (r, x, y)

package/src/x_ite/Browser/Picking/X3DPickingContext.js

@@ -66,8 +66,6 @@ function X3DPickingContext ()
 
 X3DPickingContext .prototype =
 {
-   initialize: function ()
-   { },
    addTransformSensor: function (transformSensorNode)
    {
       this [_transformSensorNodes] .add (transformSensorNode);

package/src/x_ite/Browser/PointingDeviceSensor/X3DPointingDeviceSensorContext.js

@@ -100,9 +100,6 @@ X3DPointingDeviceSensorContext .prototype =
 {
    initialize: function ()
    {
-      // Preload shaders.
-      // this .initialized () .addInterest ("touch", this, 1, 1);
-
       this .setCursor ("DEFAULT");
 
       this [_pointingDevice] .setup ();

package/src/x_ite/Browser/Scripting/X3DScriptingContext.js

@@ -54,8 +54,6 @@ function X3DScriptingContext ()
 
 X3DScriptingContext .prototype =
 {
-   initialize: function ()
-   { },
    isExternal: function ()
    {
       return this [_scripts] .length === 1;
@@ -63,7 +61,7 @@ X3DScriptingContext .prototype =
    getScriptStack: function ()
    {
       return this [_scripts];
-   }
+   },
 };
 
 export default X3DScriptingContext;

package/src/x_ite/Browser/Shape/X3DShapeContext.js

@@ -71,8 +71,6 @@ function X3DShapeContext ()
 
 X3DShapeContext .prototype =
 {
-   initialize: function ()
-   { },
    getDefaultAppearance: function ()
    {
       this [_defaultAppearance] = new Appearance (this .getPrivateScene ());

package/src/x_ite/Browser/Sound/X3DSoundContext.js

@@ -53,9 +53,6 @@ function X3DSoundContext ()
                           "mute",   new Fields .SFBool ());
 }
 
-X3DSoundContext .prototype =
-{
-   initialize: function () { },
-};
+X3DSoundContext .prototype = { };
 
 export default X3DSoundContext;

package/src/x_ite/Browser/Text/X3DTextContext.js

@@ -60,8 +60,6 @@ function X3DTextContext ()
 
 X3DTextContext .prototype =
 {
-   initialize: function ()
-   { },
    getDefaultFontStyle: function ()
    {
       this [_defaultFontStyle] = new FontStyle (this .getPrivateScene ());

package/src/x_ite/Browser/VERSION.js

@@ -45,4 +45,4 @@
  *
  ******************************************************************************/
 
-export default "8.6.14";
+export default "8.6.15";

package/src/x_ite/Browser/X3DBrowserContext.js

@@ -155,31 +155,28 @@ X3DBrowserContext .prototype = Object .assign (Object .create (X3DBaseNode .prot
    constructor: X3DBrowserContext,
    initialize: function ()
    {
-      X3DBaseNode                    .prototype .initialize .call (this);
-      X3DRoutingContext              .prototype .initialize .call (this);
-      X3DCoreContext                 .prototype .initialize .call (this);
-      X3DScriptingContext            .prototype .initialize .call (this);
-      X3DNetworkingContext           .prototype .initialize .call (this);
-      X3DTexturingContext            .prototype .initialize .call (this);
-      X3DShadersContext              .prototype .initialize .call (this);
-      X3DRenderingContext            .prototype .initialize .call (this);
-      X3DShapeContext                .prototype .initialize .call (this);
-      X3DGroupingContext             .prototype .initialize .call (this);
-      X3DGeometry3DContext           .prototype .initialize .call (this);
-      X3DPointingDeviceSensorContext .prototype .initialize .call (this);
-      X3DNavigationContext           .prototype .initialize .call (this);
-      X3DLayeringContext             .prototype .initialize .call (this);
-      X3DEnvironmentalEffectsContext .prototype .initialize .call (this);
-      X3DLightingContext             .prototype .initialize .call (this);
-      X3DPickingContext              .prototype .initialize .call (this);
-      X3DSoundContext                .prototype .initialize .call (this);
-      X3DTimeContext                 .prototype .initialize .call (this);
+      X3DBaseNode                    .prototype .initialize ?.call (this);
+      X3DRoutingContext              .prototype .initialize ?.call (this);
+      X3DCoreContext                 .prototype .initialize ?.call (this);
+      X3DScriptingContext            .prototype .initialize ?.call (this);
+      X3DNetworkingContext           .prototype .initialize ?.call (this);
+      X3DTexturingContext            .prototype .initialize ?.call (this);
+      X3DShadersContext              .prototype .initialize ?.call (this);
+      X3DRenderingContext            .prototype .initialize ?.call (this);
+      X3DShapeContext                .prototype .initialize ?.call (this);
+      X3DGroupingContext             .prototype .initialize ?.call (this);
+      X3DGeometry3DContext           .prototype .initialize ?.call (this);
+      X3DPointingDeviceSensorContext .prototype .initialize ?.call (this);
+      X3DNavigationContext           .prototype .initialize ?.call (this);
+      X3DLayeringContext             .prototype .initialize ?.call (this);
+      X3DEnvironmentalEffectsContext .prototype .initialize ?.call (this);
+      X3DLightingContext             .prototype .initialize ?.call (this);
+      X3DPickingContext              .prototype .initialize ?.call (this);
+      X3DSoundContext                .prototype .initialize ?.call (this);
+      X3DTimeContext                 .prototype .initialize ?.call (this);
 
       for (const browserContext of browserContexts)
-      {
-         if (typeof browserContext .prototype .initialize === "function")
-            browserContext .prototype .initialize .call (this);
-      }
+         browserContext .prototype .initialize ?.call (this);
 
       // Process events from context creation. This will setup nodes like
       // geometry option nodes before any node is created.
@@ -350,7 +347,28 @@ X3DBrowserContext .prototype = Object .assign (Object .create (X3DBaseNode .prot
    {
       browsers .delete (this);
 
-      X3DBaseNode .prototype .dispose .call (this);
+      for (const browserContext of browserContexts)
+         browserContext .prototype .dispose ?.call (this);
+
+      X3DTimeContext                 .prototype .dispose ?.call (this);
+      X3DSoundContext                .prototype .dispose ?.call (this);
+      X3DPickingContext              .prototype .dispose ?.call (this);
+      X3DLightingContext             .prototype .dispose ?.call (this);
+      X3DEnvironmentalEffectsContext .prototype .dispose ?.call (this);
+      X3DLayeringContext             .prototype .dispose ?.call (this);
+      X3DNavigationContext           .prototype .dispose ?.call (this);
+      X3DPointingDeviceSensorContext .prototype .dispose ?.call (this);
+      X3DGeometry3DContext           .prototype .dispose ?.call (this);
+      X3DGroupingContext             .prototype .dispose ?.call (this);
+      X3DShapeContext                .prototype .dispose ?.call (this);
+      X3DRenderingContext            .prototype .dispose ?.call (this);
+      X3DShadersContext              .prototype .dispose ?.call (this);
+      X3DTexturingContext            .prototype .dispose ?.call (this);
+      X3DNetworkingContext           .prototype .dispose ?.call (this);
+      X3DScriptingContext            .prototype .dispose ?.call (this);
+      X3DCoreContext                 .prototype .dispose ?.call (this);
+      X3DRoutingContext              .prototype .dispose ?.call (this);
+      X3DBaseNode                    .prototype .dispose ?.call (this);
    },
 });
 
@@ -380,9 +398,7 @@ Object .assign (X3DBrowserContext,
       for (const browser of browsers)
       {
          browserContext .call (browser);
-
-         if (typeof browserContext .prototype .initialize === "function")
-            browserContext .prototype .initialize .call (browser);
+         browserContext .prototype .initialize ?.call (browser);
 
          // Process events from context creation. This will setup nodes like
          // geometry option nodes before any node is created.

package/src/x_ite/Components/CubeMapTexturing/ComposedCubeMapTexture.js

@@ -207,7 +207,12 @@ ComposedCubeMapTexture .prototype = Object .assign (Object .create (X3DEnvironme
                case X3DConstants .MovieTexture:
                {
                   gl .bindTexture (this .getTarget (), this .getTexture ());
-                  gl .texImage2D (this .getTargets () [i], 0, gl .RGBA, width, height, 0, gl .RGBA, gl .UNSIGNED_BYTE, textureNode .getElement ());
+
+                  if (gl .getVersion () >= 2)
+                     gl .texImage2D (this .getTargets () [i], 0, gl .RGBA, width, height, 0, gl .RGBA, gl .UNSIGNED_BYTE, textureNode .getElement ());
+                  else
+                     gl .texImage2D (this .getTargets () [i], 0, gl .RGBA, gl .RGBA, gl .UNSIGNED_BYTE, textureNode .getElement ());
+                     
                   break;
                }
                default:

package/src/x_ite/Components/Lighting/DirectionalLight.js

@@ -209,6 +209,10 @@ DirectionalLightContainer .prototype =
          gl .uniformMatrix4fv (shaderObject .x3d_ShadowMatrix [i], false, this .shadowMatrixArray);
          gl .uniform1i        (shaderObject .x3d_ShadowMapSize [i],       lightNode .getShadowMapSize ());
       }
+      else
+      {
+         gl .uniform1f (shaderObject .x3d_ShadowIntensity [i], 0);
+      }
    },
    dispose: function ()
    {

package/src/x_ite/Components/Lighting/PointLight.js

@@ -245,6 +245,10 @@ PointLightContainer .prototype =
          gl .uniformMatrix4fv (shaderObject .x3d_ShadowMatrix [i], false, this .shadowMatrixArray);
          gl .uniform1i        (shaderObject .x3d_ShadowMapSize [i],       lightNode .getShadowMapSize ());
       }
+      else
+      {
+         gl .uniform1f (shaderObject .x3d_ShadowIntensity [i], 0);
+      }
    },
    dispose: function ()
    {

package/src/x_ite/Components/Lighting/SpotLight.js

@@ -236,6 +236,10 @@ SpotLightContainer .prototype =
          gl .uniformMatrix4fv (shaderObject .x3d_ShadowMatrix [i], false, this .shadowMatrixArray);
          gl .uniform1i        (shaderObject .x3d_ShadowMapSize [i],       lightNode .getShadowMapSize ());
       }
+      else
+      {
+         gl .uniform1f (shaderObject .x3d_ShadowIntensity [i], 0);
+      }
    },
    dispose: function ()
    {

package/src/x_ite/Fields/SFColor.js

@@ -54,7 +54,7 @@ function SFColor (r, g, b)
    switch (arguments .length)
    {
       case 0:
-         return X3DField .call (this, new Color3 ());
+         return X3DField .call (this, new Color3 (0, 0, 0));
 
       case 1:
          return X3DField .call (this, arguments [0]);

package/src/x_ite/Fields/SFColorRGBA.js

@@ -55,7 +55,7 @@ function SFColorRGBA (r, g, b, a)
    switch (arguments .length)
    {
       case 0:
-         return X3DField .call (this, new Color4 ());
+         return X3DField .call (this, new Color4 (0, 0, 0, 0));
 
       case 1:
          return X3DField .call (this, arguments [0]);

package/src/x_ite/Parser/OBJParser.js

@@ -736,7 +736,7 @@ function MaterialParser (scene, input)
    this .material         = scene .createNode ("Material");
    this .materials        = new Map ();
    this .textures         = new Map ();
-   this .color3           = new Color3 ();
+   this .color3           = new Color3 (0, 0, 0);
    this .id               = "";
 }
 

package/src/x_ite/Routing/X3DRoutingContext.js

@@ -111,6 +111,7 @@ X3DRoutingContext .prototype =
       }
       while (this [_taintedFields] .length);
    },
+   dispose: function () { },
 };
 
 export default X3DRoutingContext;

package/src/x_ite.html

@@ -148,6 +148,40 @@ X3D (function ()
             return
       }
    });
+
+   function sleep (duration)
+   {
+      return new Promise (function (resolve, reject)
+      {
+         setTimeout (resolve, duration);
+      });
+   }
+
+   $("#bug") .on ("click", async () =>
+   {
+      await Browser .loadURL (new X3D .MFString ("https://create3000.github.io/media/examples/CubeMapTexturing/GeneratedCubeMapTexture/GeneratedCubeMapTexture.x3d"));
+      await sleep (1000);
+      await Browser .loadURL (new X3D .MFString ("https://create3000.github.io/media/examples/Lighting/DirectionalLight/DirectionalLight.x3d"));
+      await sleep (1000);
+      await Browser .loadURL (new X3D .MFString ("https://create3000.github.io/media/examples/Lighting/Shadows/Shadows.x3d"));
+      await sleep (1000);
+      await Browser .loadURL (new X3D .MFString ("https://create3000.github.io/media/examples/Navigation/NavigationInfo/NavigationInfo.x3d"));
+      await sleep (1000);
+      await Browser .loadURL (new X3D .MFString ("https://create3000.github.io/media/examples/ParticleSystems/ParticleSystem/ParticleSystem.x3d"));
+      await sleep (1000);
+      await Browser .loadURL (new X3D .MFString ("https://create3000.github.io/media/examples/RigidBodyPhysics/CollidableShape/CollidableShape.x3d"));
+      await sleep (1000);
+      await Browser .loadURL (new X3D .MFString ("https://create3000.github.io/media/examples/RigidBodyPhysics/RigidBody/RigidBody.x3d"));
+      await sleep (1000);
+      await Browser .loadURL (new X3D .MFString ("https://create3000.github.io/media/examples/RigidBodyPhysics/RigidBodyCollection/RigidBodyCollection.x3d"));
+      await sleep (1000);
+      await Browser .loadURL (new X3D .MFString ("https://create3000.github.io/media/examples/TextureProjector/TextureProjector/TextureProjector.x3d"));
+      await sleep (1000);
+      await Browser .loadURL (new X3D .MFString ("https://create3000.github.io/media/examples/Texturing/MultiTexture/MultiTexture.x3d"));
+      await sleep (1000);
+      await Browser .loadURL (new X3D .MFString ("https://create3000.github.io/media/examples/X3D/NYC/NYC.x3d"));
+      await sleep (1000);
+   });
 });
       </script>
       <style>
@@ -416,7 +450,7 @@ main.color-management #browser {
                <button id="location-go" type="button">Load URL</button>
             </div>
             <div id="buttons">
-               <a href="#" id="view-all">▣</a><a id="print-xml" href="#">XML</a><a id="print-vrml" href="#">VRML</a><a id="print-json" href="#">JSON</a><a href="../dist/example.html">example page</a><a href="tests/d3-x3d/">d3-x3d</a><a href="tests/dom-integration/">dom-integration</a><a href="tests/legacy/">legacy</a>
+               <a href="#" id="view-all">▣</a><a id="print-xml" href="#">XML</a><a id="print-vrml" href="#">VRML</a><a id="print-json" href="#">JSON</a><a href="../dist/example.html">example page</a><a href="tests/d3-x3d/">d3-x3d</a><a href="tests/dom-integration/">dom-integration</a><a href="tests/legacy/">legacy</a><a href="#" id="bug">▣</a>
             </div>
             <div id="links">
                <a href="../x_ite.min.html">x_ite.min.html</a><a href="https://rawgit.com/create3000/x_ite/main/x_ite.min.html">github</a>