@xeokit/xeokit-sdk 2.6.0-beta-15 → 2.6.0

package/src/viewer/metadata/MetaScene.js

@@ -8,7 +8,7 @@ import {math} from "../scene/math/math.js";
  *
  * * Located in {@link Viewer#metaScene}.
  * * Contains {@link MetaModel}s and {@link MetaObject}s.
- * * [Scene graph example with metadata](http://xeokit.github.io/xeokit-sdk/examples/#sceneRepresentation_SceneGraph_metadata)
+ * * [Scene graph example with metadata](http://xeokit.github.io/xeokit-sdk/examples/index.html#sceneRepresentation_SceneGraph_metadata)
  */
 class MetaScene {
 

package/src/viewer/scene/Bitmap/Bitmap.js

@@ -17,9 +17,9 @@ import {math} from "../math/math.js";
  * In the example below, we'll load the Schependomlaan model, then use
  * an ````Bitmap```` to show a storey plan next to the model.
  *
- * [<img src="http://xeokit.github.io/xeokit-sdk/assets/images/Bitmap_storeyPlan.png">](/examples/#Bitmap_storeyPlan)
+ * [<img src="http://xeokit.github.io/xeokit-sdk/assets/images/Bitmap_storeyPlan.png">](https://xeokit.github.io/xeokit-sdk/examples/scenegraph/#ImagePlane_imageInSectionPlane)
  *
- * [[Run this example](/examples/#Bitmap_grid)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/scenegraph/#ImagePlane_imageInSectionPlane)]
  *
  * ````javascript
  * import {Viewer, Bitmap, XKTLoaderPlugin} from "xeokit-sdk.es.js";

package/src/viewer/scene/CameraControl/CameraControl.js

@@ -69,12 +69,12 @@ const DEFAULT_SNAP_EDGE = true;
  *
  * # Examples
  *
- * * [Orbit Navigation - Duplex Model](https://xeokit.github.io/xeokit-sdk/examples/#CameraControl_orbit_Duplex)
- * * [Orbit Navigation - Holter Tower Model](https://xeokit.github.io/xeokit-sdk/examples/#CameraControl_orbit_HolterTower)
- * * [First-Person Navigation - Duplex Model](https://xeokit.github.io/xeokit-sdk/examples/#CameraControl_firstPerson_Duplex)
- * * [First-Person Navigation - Holter Tower Model](https://xeokit.github.io/xeokit-sdk/examples/#CameraControl_firstPerson_HolterTower)
- * * [Plan-view Navigation - Schependomlaan Model](https://xeokit.github.io/xeokit-sdk/examples/#CameraControl_planView_Schependomlaan)
- * * [Custom Keyboard Mapping](https://xeokit.github.io/xeokit-sdk/examples/#CameraControl_keyMap)
+ * * [Orbit Navigation - Duplex Model](https://xeokit.github.io/xeokit-sdk/examples/index.html#CameraControl_orbit_Duplex)
+ * * [Orbit Navigation - Holter Tower Model](https://xeokit.github.io/xeokit-sdk/examples/index.html#CameraControl_orbit_HolterTower)
+ * * [First-Person Navigation - Duplex Model](https://xeokit.github.io/xeokit-sdk/examples/index.html#CameraControl_firstPerson_Duplex)
+ * * [First-Person Navigation - Holter Tower Model](https://xeokit.github.io/xeokit-sdk/examples/index.html#CameraControl_firstPerson_HolterTower)
+ * * [Plan-view Navigation - Schependomlaan Model](https://xeokit.github.io/xeokit-sdk/examples/index.html#CameraControl_planView_Schependomlaan)
+ * * [Custom Keyboard Mapping](https://xeokit.github.io/xeokit-sdk/examples/index.html#CameraControl_keyMap)
  * <br><br>
  *
  * # Orbit Mode

package/src/viewer/scene/ImagePlane/ImagePlane.js

@@ -31,9 +31,9 @@ const tempQuat = math.vec4([0, 0, 0, 1]);
  *
  * <img src="http://xeokit.io/img/docs/ImagePlane/schependomlaanGoogleSatMapMed.png">
  *
- * [<img src="http://xeokit.io/img/docs/ImagePlane/ImagePlane.png">](/examples/#ImagePlane_groundPlane)
+ * [<img src="http://xeokit.io/img/docs/ImagePlane/ImagePlane.png">](https://xeokit.github.io/xeokit-sdk/examples/scenegraph/#ImagePlane_groundPlane)
  *
- * [[Run this example](/examples/#ImagePlane_groundPlane)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/scenegraph/#ImagePlane_groundPlane)]
  *
  * ````javascript
  * import {Viewer, ImagePlane, XKTLoaderPlugin} from "xeokit-sdk.es.js";
@@ -81,9 +81,9 @@ const tempQuat = math.vec4([0, 0, 0, 1]);
  *
  * <img src="http://xeokit.io/img/docs/ImagePlane/schependomlaanPlanViewMed.png">
  *
- * [<img src="http://xeokit.io/img/docs/ImagePlane/ImagePlane_planView.png">](/examples/#ImagePlane_imageInSectionPlane)
+ * [<img src="http://xeokit.io/img/docs/ImagePlane/ImagePlane_planView.png">](https://xeokit.github.io/xeokit-sdk/examples/scenegraph/#ImagePlane_imageInSectionPlane)
  *
- * [[Run this example](/examples/#ImagePlane_imageInSectionPlane)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/scenegraph/#ImagePlane_imageInSectionPlane)]
  *
  * ````javascript
  * import {Viewer, XKTLoaderPlugin, SectionPlanesPlugin, ImagePlane} from "xeokit-sdk.es.js";

package/src/viewer/scene/LineSet/LineSet.js

@@ -14,9 +14,9 @@ import {SceneModel} from "../model/SceneModel.js";
  * In the example below, we'll load the Schependomlaan model, then use
  * a ````LineSet```` to show a grid underneath the model.
  *
- * [<img src="http://xeokit.github.io/xeokit-sdk/assets/images/LineSet_grid.png">](/examples/#LineSet_grid)
+ * [<img src="http://xeokit.github.io/xeokit-sdk/assets/images/LineSet_grid.png">](https://xeokit.github.io/xeokit-sdk/examples/scenegraph/#LineSet_grid)
  *
- * [[Run this example](/examples/#LineSet_grid)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/scenegraph/#LineSet_grid)]
  *
  * ````javascript
  * import {Viewer, XKTLoaderPlugin, LineSet, buildGridGeometry} from "https://cdn.jsdelivr.net/npm/@xeokit/xeokit-sdk/dist/xeokit-sdk.es.min.js";

package/src/viewer/scene/camera/CameraFlightAnimation.js

@@ -72,7 +72,7 @@ const newLookEyeVec = math.vec3();
  *
  * Let's transition the Camera to orthographic projection:
  *
- * [[Run example](/examples/#camera_CameraFlightAnimation_projection)]
+ * [[Run example](/examples/index.html#camera_CameraFlightAnimation_projection)]
  *
  * ````Javascript
  * viewer.cameraFlight.flyTo({ projection: "ortho", () => {

package/src/viewer/scene/camera/CameraPathAnimation.js

@@ -10,7 +10,7 @@ import {CameraFlightAnimation} from "./CameraFlightAnimation.js"
  * In the example below, we'll load a model using a {@link GLTFLoaderPlugin}, then animate a {@link Camera}
  * through the frames in a {@link CameraPath}.
  *
- *  * [[Run this example](/examples/#camera_CameraPathAnimation)]
+ *  * [[Run this example](/examples/index.html#camera_CameraPathAnimation)]
  *
  * ````Javascript
  * import {Viewer, GLTFLoaderPlugin, CameraPath, CameraPathAnimation} from "xeokit-sdk.es.js";

package/src/viewer/scene/geometry/ReadableGeometry.js

@@ -18,7 +18,7 @@ const tempAABB = math.AABB3();
  *
  * Creating a {@link Mesh} with a ReadableGeometry that defines a single triangle, plus a {@link PhongMaterial} with diffuse {@link Texture}:
  *
- * [[Run this example](/examples/#geometry_ReadableGeometry)]
+ * [[Run this example](/examples/index.html#geometry_ReadableGeometry)]
  *
  * ````javascript
  * import {Viewer, Mesh, ReadableGeometry, PhongMaterial, Texture} from "xeokit-sdk.es.js";

package/src/viewer/scene/geometry/VBOGeometry.js

@@ -18,7 +18,7 @@ const tempAABB = math.AABB3();
  *
  * Creating a {@link Mesh} with a VBOGeometry that defines a single triangle, plus a {@link PhongMaterial} with diffuse {@link Texture}:
  *
- * [[Run this example](/examples/#geometry_VBOGeometry)]
+ * [[Run this example](/examples/index.html#geometry_VBOGeometry)]
  *
  * ````javascript
  * import {Viewer, Mesh, VBOGeometry, PhongMaterial, Texture} from "xeokit-sdk.es.js";

package/src/viewer/scene/geometry/builders/buildBoxGeometry.js

@@ -7,7 +7,7 @@ import {utils} from '../../utils.js';
  *
  * In the example below we'll create a {@link Mesh} with a box-shaped {@link ReadableGeometry}.
  *
- * [[Run this example](/examples/#geometry_builders_buildBoxGeometry)]
+ * [[Run this example](/examples/index.html#geometry_builders_buildBoxGeometry)]
  *
  * ````javascript
  * import {Viewer, Mesh, buildBoxGeometry, ReadableGeometry, PhongMaterial, Texture} from "xeokit-sdk.es.js";

package/src/viewer/scene/geometry/builders/buildBoxLinesGeometry.js

@@ -7,7 +7,7 @@ import {utils} from '../../utils.js';
  *
  * In the example below we'll create a {@link Mesh} with a box-shaped {@link ReadableGeometry} that has lines primitives.
  *
- * [[Run this example](/examples/#geometry_builders_buildBoxLinesGeometry)]
+ * [[Run this example](/examples/index.html#geometry_builders_buildBoxLinesGeometry)]
  *
  * ````javascript
  * import {Viewer, Mesh, buildBoxLinesGeometry, ReadableGeometry, PhongMaterial} from "xeokit-sdk.es.js";
@@ -111,7 +111,7 @@ function buildBoxLinesGeometry(cfg = {}) {
  * In the example below we'll create a {@link Mesh} with a box-shaped {@link ReadableGeometry} that has lines primitives.
  * This box will be created from AABB of a model.
  *
- * [[Run this example](/examples/#geometry_builders_buildBoxLinesGeometryFromAABB)]
+ * [[Run this example](/examples/index.html#geometry_builders_buildBoxLinesGeometryFromAABB)]
  *
  * ````javascript
  *     import {Viewer, Mesh, Node, buildBoxGeometry, buildBoxLinesGeometryFromAABB, ReadableGeometry, PhongMaterial} from "../../dist/xeokit-sdk.min.es.js";

package/src/viewer/scene/geometry/builders/buildCylinderGeometry.js

@@ -7,7 +7,7 @@ import {utils} from '../../utils.js';
  *
  * Creating a {@link Mesh} with a cylinder-shaped {@link ReadableGeometry} :
  *
- * [[Run this example](/examples/#geometry_builders_buildCylinderGeometry)]
+ * [[Run this example](/examples/index.html#geometry_builders_buildCylinderGeometry)]
  *
  * ````javascript
  *

package/src/viewer/scene/geometry/builders/buildGridGeometry.js

@@ -7,7 +7,7 @@ import {utils} from '../../utils.js';
  *
  * Creating a {@link Mesh} with a GridGeometry and a {@link PhongMaterial}:
  *
- * [[Run this example](/examples/#geometry_builders_buildGridGeometry)]
+ * [[Run this example](/examples/index.html#geometry_builders_buildGridGeometry)]
  *
  * ````javascript
  * import {Viewer, Mesh, buildGridGeometry, VBOGeometry, PhongMaterial, Texture} from "xeokit-sdk.es.js";

package/src/viewer/scene/geometry/builders/buildPlaneGeometry.js

@@ -7,7 +7,7 @@ import {utils} from '../../utils.js';
  *
  * Creating a {@link Mesh} with a PlaneGeometry and a {@link PhongMaterial} with diffuse {@link Texture}:
  *
- * [[Run this example](/examples/#geometry_builders_buildPlaneGeometry)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/scenegraph/#buildPlaneGeometry)]
  *
  * ````javascript
  * import {Viewer, Mesh, buildPlaneGeometry, ReadableGeometry, PhongMaterial, Texture} from "xeokit-sdk.es.js";

package/src/viewer/scene/geometry/builders/buildPolylineGeometry.js

@@ -7,7 +7,7 @@ import {utils} from '../../utils.js';
  *
  * In the example below we'll create a {@link Mesh} with a polyline {@link ReadableGeometry} that has lines primitives.
  *
- * [[Run this example](/examples/#geometry_builders_buildPolylineGeometry)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/scenegraph/#buildPolylineGeometry)]
  *
  * ````javascript
  * //------------------------------------------------------------------------------------------------------------------
@@ -91,7 +91,7 @@ function buildPolylineGeometry(cfg = {}) {
  *
  * In the example below we'll create a {@link Mesh} with a polyline {@link ReadableGeometry} created from curves.
  *
- * [[Run this example](/examples/#geometry_builders_buildPolylineGeometryFromCurve)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/scenegraph/#buildPolylineGeometryFromCurve)]
  *
  * ````javascript
  * //------------------------------------------------------------------------------------------------------------------

package/src/viewer/scene/geometry/builders/buildSphereGeometry.js

@@ -7,7 +7,7 @@ import {utils} from '../../utils.js';
  *
  * Creating a {@link Mesh} with a sphere-shaped {@link ReadableGeometry} :
  *
- * [[Run this example](/examples/#geometry_builders_buildSphereGeometry)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/scenegraph/#buildSphereGeometry)]
  *
  * ````javascript
  * import {Viewer, Mesh, buildSphereGeometry, ReadableGeometry, PhongMaterial, Texture} from "xeokit-sdk.es.js";

package/src/viewer/scene/geometry/builders/buildTorusGeometry.js

@@ -7,7 +7,7 @@ import {math} from '../../math/math.js';
  * ## Usage
  * Creating a {@link Mesh} with a torus-shaped {@link ReadableGeometry} :
  *
- * [[Run this example](/examples/#geometry_builders_buildTorusGeometry)]
+ * [[Run this example](/examples/index.html#geometry_builders_buildTorusGeometry)]
  * 
  * ````javascript
  * import {Viewer, Mesh, buildTorusGeometry, ReadableGeometry, PhongMaterial, Texture} from "xeokit-sdk.es.js";

package/src/viewer/scene/geometry/builders/buildVectorTextGeometry.js

@@ -1581,7 +1581,7 @@ const letters = {
  *
  * Creating a {@link Mesh} with vector text {@link ReadableGeometry} :
  *
- * [[Run this example](/examples/#geometry_builders_buildVectorTextGeometry)]
+ * [[Run this example](/examples/index.html#geometry_builders_buildVectorTextGeometry)]
  *
  * ````javascript
  *

package/src/viewer/scene/geometry/loaders/load3DSGeometry.js

@@ -8,8 +8,6 @@ import {K3D} from '../../libs/k3d.js';
  *
  * In the example below we'll create a {@link Mesh} with {@link PhongMaterial}, {@link Texture} and a {@link ReadableGeometry} loaded from 3DS.
  *
- * [[Run this example](/examples/#geometry_loaders_3DS)]
- *
  * ````javascript
  * import {Viewer, Mesh, load3DSGeometry, ReadableGeometry, PhongMaterial, Texture} from "xeokit-sdk.es.js";
  *

package/src/viewer/scene/geometry/loaders/loadOBJGeometry.js

@@ -8,8 +8,6 @@ import {K3D} from '../../libs/k3d.js';
  *
  * In the example below we'll create a {@link Mesh} with {@link MetallicMaterial} and {@link ReadableGeometry} loaded from OBJ.
  *
- * [[Run this example](/examples/#geometry_loaders_OBJ)]
- *
  * ````javascript
  * import {Viewer, Mesh, loadOBJGeometry, ReadableGeometry,
  *      MetallicMaterial, Texture} from "xeokit-sdk.es.js";

package/src/viewer/scene/index.js

@@ -18,4 +18,5 @@ export * from "./utils/index.js";
 export * from "./Component.js";
 export * from "./utils.js";
 export * from "./stats.js";
-export * from "./constants/constants.js";
+export * from "./constants/constants.js";
+export * from "./webgl/PickResult.js";

package/src/viewer/scene/lights/AmbientLight.js

@@ -12,7 +12,7 @@ import {Light} from './Light.js';
  *
  * In the example below we'll destroy the {@link Scene}'s default light sources then create an AmbientLight and a couple of {@link @DirLight}s:
  *
- * [[Run this example](/examples/#lights_AmbientLight)]
+ * [[Run this example](/examples/index.html#lights_AmbientLight)]
  *
  * ````javascript
  * import {Viewer, Mesh, buildTorusGeometry,

package/src/viewer/scene/lights/DirLight.js

@@ -16,7 +16,7 @@ import {math} from '../math/math.js';
  *
  * In the example below we'll replace the {@link Scene}'s default light sources with three View-space DirLights.
  *
- * [[Run this example](/examples/#lights_DirLight_view)]
+ * [[Run this example](/examples/index.html#lights_DirLight_view)]
  *
  * ````javascript
  * import {Viewer, Mesh, buildSphereGeometry,

package/src/viewer/scene/lights/PointLight.js

@@ -18,7 +18,7 @@ import {math} from '../math/math.js';
  *
  * In the example below we'll replace the {@link Scene}'s default light sources with three World-space PointLights.
  *
- * [[Run this example](/examples/#lights_PointLight_world)]
+ * [[Run this example](/examples/index.html#lights_PointLight_world)]
  *
  * ````javascript
  * import {Viewer, Mesh, buildSphereGeometry, buildPlaneGeometry,

package/src/viewer/scene/lights/Shadow.js

@@ -52,6 +52,7 @@
  @module xeokit
  @submodule lighting
  @constructor
+ @private
  @extends Component
  @param {Component} owner Owner component. When destroyed, the owner will destroy this component as well.
  @param {*} [cfg] The Shadow configuration

package/src/viewer/scene/marker/Marker.js

@@ -38,8 +38,6 @@ const tempVec4b = math.vec4();
  * We'll also demonstrate how to query the Marker's visibility status and position (in the World, View and
  * Canvas coordinate systems), and how to subscribe to change events on those properties.
  *
- * [[Run this example](/examples/#Markers_SimpleExample)]
- *
  * ````javascript
  * import {Viewer, GLTFLoaderPlugin, Marker} from "xeokit-sdk.es.js";
  *

package/src/viewer/scene/marker/SpriteMarker.js

@@ -15,7 +15,7 @@ import {Marker} from "./Marker.js";
  *
  * ## Usage
  *
- * [[Run this example](/examples/#markers_SpriteMarker)]
+ * [[Run this example](/examples/index.html#markers_SpriteMarker)]
  *
  * ```` javascript
  * import {Viewer, SpriteMarker } from "./https://cdn.jsdelivr.net/npm/@xeokit/xeokit-sdk/dist/xeokit-sdk.es.min.js";

package/src/viewer/scene/materials/EdgeMaterial.js

@@ -39,7 +39,7 @@ const PRESETS = {
  *
  * Recall that {@link Mesh} is a concrete subtype of the abstract {@link Entity} base class.
  *
- * [[Run this example](/examples/#materials_EdgeMaterial)]
+ * [[Run this example](/examples/index.html#materials_EdgeMaterial)]
  *
  * ````javascript
  * import {Viewer, Mesh, buildSphereGeometry,

package/src/viewer/scene/materials/Fresnel.js

@@ -11,7 +11,7 @@ import {math} from '../math/math.js';
  *
  * In the example below we'll create a {@link Mesh} with a {@link PhongMaterial} that applies a Fresnel to its alpha channel to give a glasss-like effect.
  *
- * [[Run this example](/examples/#materials_Fresnel)]
+ * [[Run this example](/examples/index.html#materials_Fresnel)]
  *
  * ````javascript
  * import {Viewer, Mesh, buildTorusGeometry,

package/src/viewer/scene/materials/LambertMaterial.js

@@ -13,7 +13,7 @@ import {math} from '../math/math.js';
  *
  * ## Usage
  *
- * [[Run this example](/examples/#materials_LambertMaterial)]
+ * [[Run this example](/examples/index.html#materials_LambertMaterial)]
  *
  * In the example below we'll create a {@link Mesh} with a shape defined by a {@link buildTorusGeometry} and normal rendering appearance configured with a LambertMaterial.
  *

package/src/viewer/scene/materials/LinesMaterial.js

@@ -24,7 +24,7 @@ const PRESETS = {
  * In the example below, we'll customize the {@link Scene}'s global ````LinesMaterial````, then use
  * an {@link XKTLoaderPlugin} to load a model containing line segments.
  *
- * [[Run this example](/examples/#materials_LinesMaterial)]
+ * [[Run this example](/examples/index.html#materials_LinesMaterial)]
  *
  * ````javascript
  * import {Viewer, XKTLoaderPlugin} from "xeokit-sdk.es.js";

package/src/viewer/scene/materials/MetallicMaterial.js

@@ -21,7 +21,7 @@ const modeNames = ["opaque", "mask", "blend"];
  * channels, which allows us a little creative flexibility. Then, in the next example further down, we'll combine those channels
  * within the same {@link Texture} for efficiency.
  *
- * [[Run this example](/examples/#materials_MetallicMaterial)]
+ * [[Run this example](/examples/index.html#materials_MetallicMaterial)]
  *
  * ````javascript
  * import {Viewer, Mesh, loadOBJGeometry, ReadableGeometry, MetallicMaterial, Texture} from "xeokit-sdk.es.js";

package/src/viewer/scene/materials/PhongMaterial.js

@@ -17,7 +17,7 @@ const alphaModeNames = ["opaque", "mask", "blend"];
  *
  * In the example below, we'll create a {@link Mesh} with a PhongMaterial with a diffuse {@link Texture} and a specular {@link Fresnel}, using a {@link buildTorusGeometry} to create the {@link Geometry}.
  *
- * [[Run this example](/examples/#materials_PhongMaterial)]
+ * [[Run this example](/examples/index.html#materials_PhongMaterial)]
  *
  *  ```` javascript
  * import {Viewer, Mesh, buildTorusGeometry,

package/src/viewer/scene/materials/PointsMaterial.js

@@ -32,7 +32,7 @@ const PRESETS = {
  * In the example below, we'll customize the {@link Scene}'s global ````PointsMaterial````, then use
  * an {@link XKTLoaderPlugin} to load a model containing a point cloud.
  *
- * [[Run this example](/examples/#materials_PointsMaterial)]
+ * [[Run this example](/examples/index.html#materials_PointsMaterial)]
  *
  * ````javascript
  * import {Viewer, XKTLoaderPlugin} from "xeokit-sdk.es.js";

package/src/viewer/scene/materials/Texture.js

@@ -52,7 +52,7 @@ function nextHighestPowerOfTwo(x) {
  * with {@link PhongMaterial#diffuseMap} and {@link PhongMaterial#specularMap}. The {@link Texture} pixel colors directly
  * provide the diffuse and specular components for each fragment across the {@link ReadableGeometry} surface.
  *
- * [[Run this example](/examples/#materials_Texture)]
+ * [[Run this example](/examples/index.html#materials_Texture)]
  *
  * ```` javascript
  * import {Viewer, Mesh, buildTorusGeometry,

package/src/viewer/scene/mesh/Mesh.js

@@ -51,7 +51,7 @@ const identityMat = math.identityMat4();
  *
  * We can also update properties of our object-Meshes via calls to {@link Scene#setObjectsHighlighted} etc.
  *
- * [[Run this example](/examples/#sceneRepresentation_SceneGraph)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/scenegraph/#sceneGraph)]
  *
  * ````javascript
  * import {Viewer, Mesh, Node, PhongMaterial, buildBoxGeometry, ReadableGeometry} from "xeokit-sdk.es.js";

package/src/viewer/scene/model/SceneModel.js

@@ -149,7 +149,7 @@ const DTX = 2;
  * Then, for each object in our model we'll add an {@link Entity}
  * that has a mesh that instances our box geometry, transforming and coloring the instance.
  *
- * [![](http://xeokit.io/img/docs/sceneGraph.png)](https://xeokit.github.io/xeokit-sdk/examples/#sceneRepresentation_SceneModel_instancing)
+ * [![](http://xeokit.io/img/docs/sceneGraph.png)](https://xeokit.github.io/xeokit-sdk/examples/index.html#sceneRepresentation_SceneModel_instancing)
  *
  * ````javascript
  * import {Viewer, SceneModel} from "xeokit-sdk.es.js";
@@ -349,7 +349,7 @@ const DTX = 2;
  * Let's once more use a ````SceneModel````
  * to build the simple table model, this time exploiting geometry batching.
  *
- *  [![](http://xeokit.io/img/docs/sceneGraph.png)](https://xeokit.github.io/xeokit-sdk/examples/#sceneRepresentation_SceneModel_batching)
+ *  [![](http://xeokit.io/img/docs/sceneGraph.png)](https://xeokit.github.io/xeokit-sdk/examples/index.html#sceneRepresentation_SceneModel_batching)
  *
  * ````javascript
  * import {Viewer, SceneModel} from "xeokit-sdk.es.js";
@@ -617,7 +617,7 @@ const DTX = 2;
  * ````
  *
  * Given an {@link Entity}, we can find the object or model of which it is a part, or the objects that comprise it. We can also generate UI
- * components from the metadata, such as the tree view demonstrated in [this demo](https://xeokit.github.io/xeokit-sdk/examples/#BIMOffline_glTF_OTCConferenceCenter).
+ * components from the metadata, such as the tree view demonstrated in [this demo](https://xeokit.github.io/xeokit-sdk/examples/index.html#BIMOffline_glTF_OTCConferenceCenter).
  *
  * This hierarchy allows us to express the hierarchical structure of a model while representing it in
  * various ways in the 3D scene (such as with ````SceneModel````, which
@@ -650,7 +650,7 @@ const DTX = 2;
  *
  * Note that the axis-aligned World-space boundary (AABB) of our model is ````[ -6, -9, -6, 1000000006, -2.5, 1000000006]````.
  *
- * [![](http://xeokit.io/img/docs/sceneGraph.png)](https://xeokit.github.io/xeokit-sdk/examples/#sceneRepresentation_SceneModel_batching)
+ * [![](http://xeokit.io/img/docs/sceneGraph.png)](https://xeokit.github.io/xeokit-sdk/examples/index.html#sceneRepresentation_SceneModel_batching)
  *
  * ````javascript
  * const origin = [100000000, 0, 100000000];
@@ -747,7 +747,7 @@ const DTX = 2;
  *
  * The axis-aligned World-space boundary (AABB) of our model is ````[ -6, -9, -6, 1000000006, -2.5, 1000000006]````.
  *
- * [![](http://xeokit.io/img/docs/sceneGraph.png)](https://xeokit.github.io/xeokit-sdk/examples/#sceneRepresentation_SceneModel_batching)
+ * [![](http://xeokit.io/img/docs/sceneGraph.png)](https://xeokit.github.io/xeokit-sdk/examples/index.html#sceneRepresentation_SceneModel_batching)
  *
  * ````javascript
  * const origin = [100000000, 0, 100000000];

package/src/viewer/scene/nodes/Node.js

@@ -30,7 +30,7 @@ const identityMat = math.identityMat4();
  *
  * We can also update properties of our object-Meshes via calls to {@link Scene#setObjectsHighlighted} etc.
  *
- * [[Run this example](/examples/#sceneRepresentation_SceneGraph)]
+ * [[Run this example](/examples/index.html#sceneRepresentation_SceneGraph)]
  *
  * ````javascript
  * import {Viewer, Mesh, Node, PhongMaterial} from "xeokit-sdk.es.js";

package/src/viewer/scene/postfx/SAO.js

@@ -4,9 +4,9 @@ import {WEBGL_INFO} from "../webglInfo.js";
 /**
  * @desc Configures Scalable Ambient Obscurance (SAO) for a {@link Scene}.
  *
- *  <a href="https://xeokit.github.io/xeokit-sdk/examples/#postEffects_SAO_OTCConferenceCenter"><img src="http://xeokit.io/img/docs/SAO/saoEnabledDisabled.gif"></a>
+ *  <a href="https://xeokit.github.io/xeokit-sdk/examples/index.html#postEffects_SAO_OTCConferenceCenter"><img src="http://xeokit.io/img/docs/SAO/saoEnabledDisabled.gif"></a>
  *
- * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#postEeffects_SAO_OTCConferenceCenter)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/viewer/#sao_ConferenceCenter)]
  *
  * ## Overview
  *
@@ -28,7 +28,7 @@ import {WEBGL_INFO} from "../webglInfo.js";
  * {@link SAO#scale} and {@link SAO#intensity} must be tuned to the distance
  * between {@link Perspective#near} and {@link Perspective#far}, or the distance
  * between {@link Ortho#near} and {@link Ortho#far}, depending on which of those two projections the {@link Camera} is currently
- * using. Use the [live example](https://xeokit.github.io/xeokit-sdk/examples/#postEeffects_SAO_OTCConferenceCenter) to get a
+ * using. Use the [live example](https://xeokit.github.io/xeokit-sdk/examples/viewer/#sao_ConferenceCenter) to get a
  * feel for that.
  *
  * ## Usage
@@ -84,7 +84,7 @@ import {WEBGL_INFO} from "../webglInfo.js";
  * });
  * ````
  *
- * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#postEeffects_SAO_OTCConferenceCenter)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/viewer/#sao_ConferenceCenter)]
  *
  * ## Efficiency
  *
@@ -167,7 +167,7 @@ import {WEBGL_INFO} from "../webglInfo.js";
  * });
  * ````
  *
- * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#techniques_nonInteractiveQuality)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#techniques_nonInteractiveQuality)]
  */
 class SAO extends Component {
 

package/src/viewer/scene/utils/textureTranscoders/KTX2TextureTranscoder/KTX2TextureTranscoder.js

@@ -58,9 +58,9 @@ let activeTranscoders = 0;
  * KTX2TextureTranscoder altogether, and let the XKTLoaderPlugin use its internal default KTX2TextureTranscoder, which is configured to
  * load the Codec from the CDN. We'll stick with loading our own Codec, in case we want to run our app without an Internet connection.
  *
- * <a href="https://xeokit.github.io/xeokit-sdk/examples/#loading_XKT_Textures_HousePlan"><img src="https://xeokit.github.io/xeokit-sdk/assets/images/xktWithTextures.png"></a>
+ * <a href="https://xeokit.github.io/xeokit-sdk/examples/buildings/#xkt_vbo_textures_HousePlan"><img src="https://xeokit.github.io/xeokit-sdk/assets/images/xktWithTextures.png"></a>
  *
- * * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#loading_XKT_Textures_HousePlan)]
+ * * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/buildings/#xkt_vbo_textures_HousePlan)]
  *
  * ````javascript
  * const viewer = new Viewer({
@@ -101,7 +101,7 @@ let activeTranscoders = 0;
  *
  * As in the previous example, we'll configure our KTX2TextureTranscoder to load the Basis Codec from a local directory.
  *
- * * [Run a similar example](http://localhost:8080/examples/sceneRepresentation_VBOSceneModel_batching_textures_ktx2.html)
+ * * [Run a similar example](https://xeokit.github.io/xeokit-sdk/examples/scenemodel/#vbo_batching_autocompressed_triangles_textures_ktx2)
  *
  * ````javascript
  * const viewer = new Viewer({

package/src/viewer/scene/webgl/occlusion/OcclusionLayer.js

@@ -1,6 +1,9 @@
 import {math} from "../../math/math.js";
 import {ArrayBuf} from "../ArrayBuf.js";
 
+/**
+ * @private
+ */
 class OcclusionLayer {
 
     constructor(scene, origin) {

package/src/viewer/scene/webgl/occlusion/OcclusionTester.js

@@ -13,6 +13,7 @@ const tempVec3a = math.vec3();
 
 /**
  * Manages occlusion testing. Private member of a Renderer.
+ * @private
  */
 class OcclusionTester {