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

package/dist/xeokit-sdk.es.js

@@ -89,9 +89,9 @@ class Item {
 /**
  * @desc A customizable HTML context menu.
  *
- * [<img src="http://xeokit.io/img/docs/ContextMenu/ContextMenu.gif">](https://xeokit.github.io/xeokit-sdk/examples/#ContextMenu_Canvas_TreeViewPlugin_Custom)
+ * [<img src="http://xeokit.io/img/docs/ContextMenu/ContextMenu.gif">](https://xeokit.github.io/xeokit-sdk/examples/index.html#ContextMenu_Canvas_TreeViewPlugin_Custom)
  *
- * * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#ContextMenu_Canvas_TreeViewPlugin_Custom)]
+ * * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#ContextMenu_Canvas_TreeViewPlugin_Custom)]
  *
  * ## Overview
  *
@@ -134,7 +134,7 @@ class Item {
  *
  * We'll also initially enable the ````ContextMenu````.
  *
- * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#ContextMenu_Canvas_Custom)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#ContextMenu_Canvas_Custom)]
  *
  * ````javascript
  * const canvasContextMenu = new ContextMenu({
@@ -225,7 +225,7 @@ class Item {
  * In the example below, we'll create a simple ````ContextMenu```` that allows us to toggle the selection of an object
  * via its first item, which changes text depending on whether we are selecting or deselecting the object.
  *
- * [[Run an example](https://xeokit.github.io/xeokit-sdk/examples/#ContextMenu_dynamicItemTitles)]
+ * [[Run an example](https://xeokit.github.io/xeokit-sdk/examples/index.html#ContextMenu_dynamicItemTitles)]
  *
  * ````javascript
  * const canvasContextMenu = new ContextMenu({
@@ -266,7 +266,7 @@ class Item {
  * Note that our "Effects" item has no ````doAction```` callback, because an item with a sub-menu performs no
  * action of its own.
  *
- * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#ContextMenu_subMenus)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#ContextMenu_subMenus)]
  *
  * ````javascript
  * const canvasContextMenu = new ContextMenu({
@@ -953,7 +953,7 @@ class ContextMenu {
  * This component is used by {@link DistanceMeasurementsControl} and {@link AngleMeasurementsControl}
  * to help position the pointer when snap-to-vertex or snap-toedge is enabled.
  *
- * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/measurements/#distance_modelWithMeasurements)]
+ * [[Run an example](https://xeokit.github.io/xeokit-sdk/examples/measurement/#distance_createWithMouse_snapping)]
  *
  * ````JavaScript
  *
@@ -10408,8 +10408,6 @@ const tempVec4b$6 = 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";
  *
@@ -12563,10 +12561,10 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
 /**
  * {@link Viewer} plugin for measuring angles.
  *
- * [<img src="https://user-images.githubusercontent.com/83100/63641903-61488180-c6b6-11e9-8e00-895b9d16dc4b.gif">](https://xeokit.github.io/xeokit-sdk/examples/#measurements_angle_createWithMouse)
+ * [<img src="https://user-images.githubusercontent.com/83100/63641903-61488180-c6b6-11e9-8e00-895b9d16dc4b.gif">](https://xeokit.github.io/xeokit-sdk/examples/index.html#measurements_angle_createWithMouse)
  *
- * * [[Example 1: Model with angle measurements](https://xeokit.github.io/xeokit-sdk/examples/#measurements_angle_modelWithMeasurements)]
- * * [[Example 2: Create angle measurements with mouse](https://xeokit.github.io/xeokit-sdk/examples/#measurements_angle_createWithMouse)]
+ * * [[Example 1: Model with angle measurements](https://xeokit.github.io/xeokit-sdk/examples/index.html#measurements_angle_modelWithMeasurements)]
+ * * [[Example 2: Create angle measurements with mouse](https://xeokit.github.io/xeokit-sdk/examples/measurement/#angle_createWithMouse_snapping)]
  *
  * ## Overview
  *
@@ -12586,7 +12584,7 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
  * Note how each AngleMeasurement has ````origin````, ````corner```` and  ````target````, which each indicate a 3D World-space
  * position on the surface of an {@link Entity}. These can be aon the same Entity, or on different Entitys.
  *
- * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/#measurements_angle_modelWithMeasurements)]
+ * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/index.html#measurements_angle_modelWithMeasurements)]
  *
  * ````JavaScript
  * import {Viewer, XKTLoaderPlugin, AngleMeasurementsPlugin} from "xeokit-sdk.es.js";
@@ -12657,7 +12655,7 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
  * The AngleMeasurementControl will then wait for the next click on any Entity, to begin constructing
  * another AngleMeasurement, and so on, until deactivated again.
  *
- * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/#measurements_angle_createWithMouse)]
+ * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/measurement/#angle_createWithMouse_snapping)]
  *
  * ````JavaScript
  * import {Viewer, XKTLoaderPlugin, AngleMeasurementsPlugin, AngleMeasurementsMouseControl, PointerLens} from "xeokit-sdk.es.js";
@@ -14289,13 +14287,13 @@ const tempVec3c$v = math.vec3();
 /**
  * {@link Viewer} plugin that creates {@link Annotation}s.
  *
- * [<img src="https://user-images.githubusercontent.com/83100/58403089-26589280-8062-11e9-8652-aed61a4e8c64.gif">](https://xeokit.github.io/xeokit-sdk/examples/#annotations_clickFlyToPosition)
+ * [<img src="https://user-images.githubusercontent.com/83100/58403089-26589280-8062-11e9-8652-aed61a4e8c64.gif">](https://xeokit.github.io/xeokit-sdk/examples/index.html#annotations_clickFlyToPosition)
  *
- * * [[Example 1: Create annotations with mouse](https://xeokit.github.io/xeokit-sdk/examples/#annotations_createWithMouse)]
- * * [[Example 2: Click annotations to toggle labels](https://xeokit.github.io/xeokit-sdk/examples/#annotations_clickShowLabels)]
- * * [[Example 3: Hover annotations to show labels](https://xeokit.github.io/xeokit-sdk/examples/#annotations_hoverShowLabels)]
- * * [[Example 4: Click annotations to fly to viewpoint](https://xeokit.github.io/xeokit-sdk/examples/#annotations_clickFlyToPosition)]
- * * [[Example 5: Create Annotations with externally-created elements](https://xeokit.github.io/xeokit-sdk/examples/#annotations_externalElements)]
+ * * [[Example 1: Create annotations with mouse](https://xeokit.github.io/xeokit-sdk/examples/index.html#annotations_createWithMouse)]
+ * * [[Example 2: Click annotations to toggle labels](https://xeokit.github.io/xeokit-sdk/examples/index.html#annotations_clickShowLabels)]
+ * * [[Example 3: Hover annotations to show labels](https://xeokit.github.io/xeokit-sdk/examples/index.html#annotations_hoverShowLabels)]
+ * * [[Example 4: Click annotations to fly to viewpoint](https://xeokit.github.io/xeokit-sdk/examples/index.html#annotations_clickFlyToPosition)]
+ * * [[Example 5: Create Annotations with externally-created elements](https://xeokit.github.io/xeokit-sdk/examples/index.html#annotations_externalElements)]
  *
  * ## Overview
  *
@@ -14325,7 +14323,7 @@ const tempVec3c$v = math.vec3();
  *
  * Finally, we'll query the Annotation's position occlusion/visibility status, and subscribe to change events on those properties.
  *
- * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/#annotations_clickShowLabels)]
+ * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/index.html#annotations_clickShowLabels)]
  *
  * ````JavaScript
  * import {Viewer, XKTLoaderPlugin,AnnotationsPlugin} from "xeokit-sdk.es.js";
@@ -14598,7 +14596,7 @@ const tempVec3c$v = math.vec3();
  *
  * Let's now extend our example to create an Annotation wherever we click on the surface of of our model:
  *
- * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/#annotations_createWithMouse)]
+ * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/index.html#annotations_createWithMouse)]
  *
  * ````javascript
  * var i = 1; // Used to create unique Annotation IDs
@@ -16767,6 +16765,9 @@ class ArrayBuf {
     }
 }
 
+/**
+ * @private
+ */
 class OcclusionLayer {
 
     constructor(scene, origin) {
@@ -16984,6 +16985,7 @@ const tempVec3a$J = math.vec3();
 
 /**
  * Manages occlusion testing. Private member of a Renderer.
+ * @private
  */
 class OcclusionTester {
 
@@ -23807,7 +23809,7 @@ class Light extends Component {
  *
  * 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,
@@ -24113,7 +24115,7 @@ class DirLight extends Light {
  *
  * 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,
@@ -24835,7 +24837,7 @@ const tempAABB$3 = 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";
@@ -25502,7 +25504,7 @@ class ReadableGeometry extends Geometry {
  *
  * 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";
@@ -25781,7 +25783,7 @@ const alphaModeNames$1 = ["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,
@@ -27268,7 +27270,7 @@ const PRESETS$2 = {
  *
  * 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,
@@ -27841,9 +27843,9 @@ class Metrics extends Component {
 /**
  * @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
  *
@@ -27865,7 +27867,7 @@ class Metrics extends Component {
  * {@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
@@ -27921,7 +27923,7 @@ class Metrics extends Component {
  * });
  * ````
  *
- * [[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
  *
@@ -28004,7 +28006,7 @@ class Metrics extends Component {
  * });
  * ````
  *
- * [[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 {
 
@@ -28408,7 +28410,7 @@ const PRESETS$1 = {
  * 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";
@@ -28805,7 +28807,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";
@@ -37106,7 +37108,7 @@ const identityMat$2 = 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";
@@ -39260,7 +39262,7 @@ const pickTriangleSurface = (function () {
  *
  * 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
  *
@@ -39527,7 +39529,7 @@ function buildCylinderGeometry(cfg = {}) {
  *
  * 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";
@@ -41259,7 +41261,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
  *
@@ -41391,7 +41393,7 @@ function buildVectorTextGeometry(cfg = {}) {
  *
  * ## Usage
  *
- * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#gizmos_AxisGizmoPlugin)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#gizmos_AxisGizmoPlugin)]
  *
  * ````JavaScript````
  * import {Viewer, XKTLoaderPlugin, AxisGizmoPlugin} from "xeokit-sdk.es.js";
@@ -41927,7 +41929,7 @@ const identityMat$1 = 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";
@@ -43287,7 +43289,7 @@ class Node$2 extends Component {
  *
  * ## 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.
  *
@@ -43668,7 +43670,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";
@@ -45910,7 +45912,7 @@ function nextHighestPowerOfTwo$1(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,
@@ -46377,7 +46379,7 @@ class Texture extends Component {
  *
  * 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,
@@ -46597,7 +46599,7 @@ const tempAABB$2 = 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";
@@ -47926,8 +47928,6 @@ K3D.utils.getAABB = function(vts)
  *
  * 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";
  *
@@ -48025,8 +48025,6 @@ function load3DSGeometry(scene, cfg = {}) {
  *
  * 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";
@@ -48151,7 +48149,7 @@ function loadOBJGeometry(scene, cfg = {}) {
  *
  * 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";
@@ -48255,7 +48253,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";
@@ -48386,7 +48384,7 @@ function buildBoxLinesGeometryFromAABB(cfg = {}){
  *
  * 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";
@@ -48484,7 +48482,7 @@ function buildGridGeometry(cfg = {}) {
  *
  * 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";
@@ -48648,7 +48646,7 @@ function buildPlaneGeometry(cfg = {}) {
  * ## 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";
@@ -48817,7 +48815,7 @@ function buildTorusGeometry(cfg = {}) {
  *
  * 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
  * //------------------------------------------------------------------------------------------------------------------
@@ -48901,7 +48899,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
  * //------------------------------------------------------------------------------------------------------------------
@@ -49025,9 +49023,9 @@ function buildPolylineGeometryFromCurve(cfg = {}) {
  * 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";
@@ -54253,7 +54251,7 @@ let maxGeometryBatchSize = 5000000;
  *
  * That's OK if we know that we're not going to view models that are geographically vast, or offset far from the World coordinate origin.
  *
- * [[Run this example](/examples/#Configs_disableDoublePrecisionAndRAF)]
+ * [[Run this example](/examples/index.html#Configs_disableDoublePrecisionAndRAF)]
  *
  * ````javascript
  * import {Configs, Viewer, XKTLoaderPlugin} from "https://cdn.jsdelivr.net/npm/@xeokit/xeokit-sdk/dist/xeokit-sdk.es.min.js";
@@ -79280,9 +79278,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({
@@ -79323,7 +79321,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({
@@ -80835,7 +80833,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";
@@ -81035,7 +81033,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";
@@ -81303,7 +81301,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
@@ -81336,7 +81334,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];
@@ -81433,7 +81431,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];
@@ -84716,9 +84714,9 @@ function createDTXBuckets(geometry, enableVertexWelding, enableIndexBucketing) {
  * 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";
@@ -84870,10 +84868,10 @@ const tempVec3c$4 = math.vec3();
 /**
  * {@link Viewer} plugin that saves and loads BCF viewpoints as JSON objects.
  *
- * [<img src="http://xeokit.github.io/xeokit-sdk/assets/images/BCFViewpointsPlugin.png">](/examples/#BCF_SaveViewpoint)
+ * [<img src="http://xeokit.github.io/xeokit-sdk/assets/images/BCFViewpointsPlugin.png">](/examples/index.html#BCF_SaveViewpoint)
  *
- * * [[Example 1: Saving viewer state to a BCF viewpoint](https://xeokit.github.io/xeokit-sdk/examples/#BCF_SaveViewpoint)]
- * * [[Example 2: Loading viewer state from a BCF viewpoint](https://xeokit.github.io/xeokit-sdk/examples/#BCF_LoadViewpoint)]
+ * * [[Example 1: Saving viewer state to a BCF viewpoint](https://xeokit.github.io/xeokit-sdk/examples/index.html#BCF_SaveViewpoint)]
+ * * [[Example 2: Loading viewer state from a BCF viewpoint](https://xeokit.github.io/xeokit-sdk/examples/index.html#BCF_LoadViewpoint)]
  *
  * ## Overview
  *
@@ -84905,7 +84903,7 @@ const tempVec3c$4 = math.vec3();
  * plan view using a {@link Bitmap}, then use a {@link BCFViewpointsPlugin#getViewpoint}
  * to save a viewpoint to JSON, which we'll log to the JavaScript developer console.
  *
- * * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#BCF_SaveViewpoint)]
+ * * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#BCF_SaveViewpoint)]
  *
  * ````javascript
  * import {Viewer, XKTLoaderPlugin, SectionPlanesPlugin,
@@ -85134,7 +85132,7 @@ const tempVec3c$4 = math.vec3();
  * });
  * ````
  *
- * [[Run an example](/examples/#BCF_LoadViewpoint_defaultInvisible)]
+ * [[Run an example](/examples/index.html#BCF_LoadViewpoint_defaultInvisible)]
  *
  * ## Behaviour with XKTLoaderPlugin globalizeObjectIds
  *
@@ -85152,8 +85150,8 @@ const tempVec3c$4 = math.vec3();
  * capture the states of the individual ````Entitys```` that represent the duplicate IFC elements. Take a look at the
  * following two examples to learn more.
  *
- * * [Example: Saving a BCF viewpoint containing duplicate models](https://xeokit.github.io/xeokit-sdk/examples/#BCF_SaveViewpoint_MultipleModels)
- * * [Example: Loading a BCF viewpoint containing duplicate models](https://xeokit.github.io/xeokit-sdk/examples/#BCF_LoadViewpoint_MultipleModels)
+ * * [Example: Saving a BCF viewpoint containing duplicate models](https://xeokit.github.io/xeokit-sdk/examples/index.html#BCF_SaveViewpoint_MultipleModels)
+ * * [Example: Loading a BCF viewpoint containing duplicate models](https://xeokit.github.io/xeokit-sdk/examples/index.html#BCF_LoadViewpoint_MultipleModels)
  *
  * **Caveat:** when loading a BCF viewpoint, we always assume that we have loaded in our target BIM viewer the same models that were
  * loaded in the viewpoint's original authoring application when the viewpoint was created.  In the case of multi-model
@@ -87313,11 +87311,11 @@ class DistanceMeasurementsMouseControl extends DistanceMeasurementsControl {
 /**
  * {@link Viewer} plugin for measuring point-to-point distances.
  *
- * [<img src="https://user-images.githubusercontent.com/83100/63047331-867a0a80-bed4-11e9-892f-398740013c5f.gif">](https://xeokit.github.io/xeokit-sdk/examples/#measurements_distance_createWithMouse)
+ * [<img src="https://user-images.githubusercontent.com/83100/63047331-867a0a80-bed4-11e9-892f-398740013c5f.gif">](https://xeokit.github.io/xeokit-sdk/examples/index.html#measurements_distance_createWithMouse)
  *
- * * [[Example 1: Model with distance measurements](https://xeokit.github.io/xeokit-sdk/examples/#measurements_distance_modelWithMeasurements)]
- * * [[Example 2: Create distance measurements with mouse](https://xeokit.github.io/xeokit-sdk/examples/#measurements_distance_createWithMouse)]
- * * [[Example 3: Configuring units and scale](https://xeokit.github.io/xeokit-sdk/examples/#measurements_distance_unitsAndScale)
+ * * [[Example 1: Model with distance measurements](https://xeokit.github.io/xeokit-sdk/examples/index.html#measurements_distance_modelWithMeasurements)]
+ * * [[Example 2: Create distance measurements with mouse](https://xeokit.github.io/xeokit-sdk/examples/measurement/#distance_createWithMouse_snapping)]
+ * * [[Example 3: Configuring units and scale](https://xeokit.github.io/xeokit-sdk/examples/measurement/#distance_unitsAndScale)
  *
  * ## Overview
  *
@@ -87337,7 +87335,7 @@ class DistanceMeasurementsMouseControl extends DistanceMeasurementsControl {
  * Note how each DistanceMeasurement has ````origin```` and ````target```` endpoints, which each indicate a 3D World-space
  * position on the surface of an {@link Entity}. The endpoints can be attached to the same Entity, or to different Entitys.
  *
- * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/measurements/#distance_modelWithMeasurements)]
+ * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/measurement/#distance_modelWithMeasurements)]
  *
  * ````JavaScript
  * import {Viewer, XKTLoaderPlugin, DistanceMeasurementsPlugin} from "xeokit-sdk.es.js";
@@ -87402,7 +87400,7 @@ class DistanceMeasurementsMouseControl extends DistanceMeasurementsControl {
  * The DistanceMeasurementsMouseControl will then wait for the next click on any Entity, to begin constructing
  * another DistanceMeasurement, and so on, until deactivated again.
  *
- * [[Run example](/examples/measurement/#distance_createWithMouse)]
+ * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/measurement/#distance_createWithMouse_snapping)]
  *
  * ````JavaScript
  * import {Viewer, XKTLoaderPlugin, DistanceMeasurementsPlugin, DistanceMeasurementsMouseControl, PointerLens} from "xeokit-sdk.es.js";
@@ -87440,7 +87438,7 @@ class DistanceMeasurementsMouseControl extends DistanceMeasurementsControl {
  *
  * The wires belonging to our DistanceMeasurements show their lengths in Real-space coordinates, in the current unit of measurement. They will dynamically update as we set these configurations.
  *
- * * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/#measurements_distance_unitsAndScale)]
+ * * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/index.html#measurements_distance_unitsAndScale)]
  *
  * ````JavaScript
  * const metrics = viewer.scene.metrics;
@@ -87454,7 +87452,7 @@ class DistanceMeasurementsMouseControl extends DistanceMeasurementsControl {
  * In our fourth example, we'll attach event handlers to our plugin, to catch when the user
  * hovers or right-clicks over our measurements.
  *
- * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/#measurements_distance_modelWithMeasurements)]
+ * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/index.html#measurements_distance_modelWithMeasurements)]
  *
  * ````javascript
  * import {Viewer, XKTLoaderPlugin, DistanceMeasurementsPlugin, DistanceMeasurementsMouseControl, PointerLens} from "xeokit-sdk.es.js";
@@ -88618,7 +88616,7 @@ class DistanceMeasurementsTouchControl extends DistanceMeasurementsControl {
  * {@link Viewer} plugin that makes interaction smoother with large models, by temporarily switching
  * the Viewer to faster, lower-quality rendering modes whenever we interact.
  *
- * [<img src="https://xeokit.io/img/docs/FastNavPlugin/FastNavPlugin.gif">](https://xeokit.github.io/xeokit-sdk/examples/#performance_FastNavPlugin)
+ * [<img src="https://xeokit.io/img/docs/FastNavPlugin/FastNavPlugin.gif">](https://xeokit.github.io/xeokit-sdk/examples/index.html#performance_FastNavPlugin)
  *
  * FastNavPlugin works by hiding specified Viewer rendering features, and optionally scaling the Viewer's canvas
  * resolution, whenever we interact with the Viewer. Then, once we've finished interacting, FastNavPlugin restores those
@@ -88652,7 +88650,7 @@ class DistanceMeasurementsTouchControl extends DistanceMeasurementsControl {
  * not continually flipping between low and high quality as we interact. Since we're only rendering ambient shadows when not interacting, we'll also treat ourselves
  * to expensive, high-quality SAO settings, that we wouldn't normally configure for an interactive SAO effect.
  *
- * * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#performance_FastNavPlugin)]
+ * * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#performance_FastNavPlugin)]
  *
  * ````javascript
  * import {Viewer, XKTLoaderPlugin, FastNavPlugin} from "xeokit-sdk.es.js";
@@ -89242,7 +89240,7 @@ function getBasePath$1(src) {
  * If we didn't provide that particular translation in our LocaleService, or any translations for that locale,
  * then the NavCubePlugin will just fall back on its own default hard-coded translation, which in this case is "BACK".
  *
- * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/#localization_NavCubePlugin)]
+ * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/index.html#localization_NavCubePlugin)]
  *
  * ````javascript
  * import {Viewer, LocaleService, NavCubePlugin, XKTLoaderPlugin} from "xeokit-sdk.es.js";
@@ -90241,7 +90239,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", () => {
@@ -90843,7 +90841,7 @@ class CameraFlightAnimation extends Component {
  * 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";
@@ -91177,9 +91175,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";
@@ -91227,9 +91225,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";
@@ -91728,7 +91726,7 @@ class ImagePlane extends Component {
  *
  * 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,
@@ -92412,7 +92410,7 @@ class LightMap extends CubeTexture {
  *
  * ## 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";
@@ -96888,12 +96886,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
@@ -99345,7 +99343,7 @@ class MetaModel {
  *
  * * 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 {
 
@@ -116764,9 +116762,9 @@ math.mat4();
 /**
  * {@link Viewer} plugin that lets us look at the entire {@link Scene} from along a chosen axis or diagonal.
  *
- *  [<img src="https://user-images.githubusercontent.com/83100/55674490-c93c2e00-58b5-11e9-8a28-eb08876947c0.gif">](https://xeokit.github.io/xeokit-sdk/examples/#gizmos_NavCubePlugin)
+ *  [<img src="https://user-images.githubusercontent.com/83100/55674490-c93c2e00-58b5-11e9-8a28-eb08876947c0.gif">](https://xeokit.github.io/xeokit-sdk/examples/index.html#gizmos_NavCubePlugin)
  *
- * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#gizmos_NavCubePlugin)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#gizmos_NavCubePlugin)]
  *
  * ## Overview
  *
@@ -118269,7 +118267,7 @@ function loadFile(url, ok, err) {
  *
  * ## Usage
  *
- * [[Run this example](/examples/#loading_OBJ_SportsCar)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/cad/#OBJ_SportsCar_ExplodeModel)]
  *
  * ````javascript
  * import {Viewer, OBJLoaderPlugin} from "xeokit-sdk.es.js";
@@ -120123,9 +120121,9 @@ const tempVec3$1 = math.vec3();
 /**
  * SectionPlanesPlugin is a {@link Viewer} plugin that manages {@link SectionPlane}s.
  *
- * [<img src="https://user-images.githubusercontent.com/83100/57724962-406e9a00-768c-11e9-9f1f-3d178a3ec11f.gif">](https://xeokit.github.io/xeokit-sdk/examples/#gizmos_SectionPlanesPlugin)
+ * [<img src="https://user-images.githubusercontent.com/83100/57724962-406e9a00-768c-11e9-9f1f-3d178a3ec11f.gif">](https://xeokit.github.io/xeokit-sdk/examples/index.html#gizmos_SectionPlanesPlugin)
  *
- * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#gizmos_SectionPlanesPlugin)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#gizmos_SectionPlanesPlugin)]
  *
  * ## Overview
  *
@@ -122424,9 +122422,9 @@ const tempVec3 = math.vec3();
 /**
  * FaceAlignedSectionPlanesPlugin is a {@link Viewer} plugin that creates and edits face-aligned {@link SectionPlane}s.
  *
- * [<img src="https://xeokit.github.io/xeokit-sdk/assets/images/FaceAlignedSectionPlanesPlugin.gif">](https://xeokit.github.io/xeokit-sdk/examples/#gizmos_FaceAlignedSectionPlanesPlugin)
+ * [<img src="https://xeokit.github.io/xeokit-sdk/assets/images/FaceAlignedSectionPlanesPlugin.gif">](https://xeokit.github.io/xeokit-sdk/examples/index.html#gizmos_FaceAlignedSectionPlanesPlugin)
  *
- * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#gizmos_FaceAlignedSectionPlanesPlugin)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/slicing/#FaceAlignedSectionPlanesPlugin)]
  *
  * ## Overview
  *
@@ -123354,7 +123352,7 @@ function decodeText(array) {
  * we'll use the {@link CameraFlightAnimation} to fly the {@link Camera} to look at boundary of the model. We'll
  * then get the model's {@link Entity} from the {@link Scene} and highlight the whole model.
  *
- *  * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#loading_STL_SpurGear)]
+ *  * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_STL_SpurGear)]
  *
  * ````javascript
  * // Create a xeokit Viewer
@@ -123399,7 +123397,7 @@ function decodeText(array) {
  * file data straight into the {@link STLLoaderPlugin#load} method. In the example below, to show how it's done, we'll pre-load
  * our STL file data, then pass it straight into that method.
  *
- *  * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#loading_STL_dataAsParam)]
+ *  * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_STL_dataAsParam)]
  *
  * ````javascript
  * loadSTL("./models/stl/binary/spurGear.stl", (stlData) =>{
@@ -123442,7 +123440,7 @@ function decodeText(array) {
  * custom data source object, through which it can load STL files. For this example, our data source just loads
  * them via HTTP, for simplicity. Once we've created the STLLoaderPlugin, we'll load our STL file as before.
  *
- *  * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#loading_STL_dataSource)]
+ *  * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_STL_dataSource)]
  *
  * ````javascript
  * // Our custom STL data access strategy - implementation happens to be the same as STLDefaultDataSource
@@ -123757,9 +123755,9 @@ const treeViews = [];
  * @desc A {@link Viewer} plugin that provides an HTML tree view to navigate the IFC elements in models.
  * <br>
  *
- * <a href="https://xeokit.github.io/xeokit-sdk/examples/#BIMOffline_XKT_WestRiverSideHospital" style="border: 1px solid black;"><img src="http://xeokit.io/img/docs/TreeViewPlugin/TreeViewPlugin.png"></a>
+ * <a href="https://xeokit.github.io/xeokit-sdk/examples/index.html#BIMOffline_XKT_WestRiverSideHospital" style="border: 1px solid black;"><img src="http://xeokit.io/img/docs/TreeViewPlugin/TreeViewPlugin.png"></a>
  *
- * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#BIMOffline_XKT_WestRiverSideHospital)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#BIMOffline_XKT_WestRiverSideHospital)]
  *
  * ## Overview
  *
@@ -123783,7 +123781,7 @@ const treeViews = [];
  * Then we'll use an {@link XKTLoaderPlugin} to load the Schependomlaan model from an
  * [.xkt file](https://github.com/xeokit/xeokit-sdk/tree/master/examples/models/xkt/schependomlaan).
  *
- * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#BIMOffline_XKT_Schependomlaan)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/navigation/#TreeViewPlugin_Containment)]
  *
  * ````javascript
  * import {Viewer, XKTLoaderPlugin, TreeViewPlugin} from "xeokit-sdk.es.js";
@@ -123965,7 +123963,7 @@ const treeViews = [];
  *
  * Let's use {@link ContextMenu} to show a simple context menu for the node we clicked.
  *
- * [[Run an example](https://xeokit.github.io/xeokit-sdk/examples/#ContextMenu_Canvas_TreeViewPlugin_Custom)]
+ * [[Run an example](https://xeokit.github.io/xeokit-sdk/examples/index.html#ContextMenu_Canvas_TreeViewPlugin_Custom)]
  *
  * ````javascript
  * import {ContextMenu} from "../src/extras/ContextMenu/ContextMenu.js";
@@ -124056,7 +124054,7 @@ const treeViews = [];
  * Let's register a callback to isolate and fit-to-view the {@link Entity}(s) represented by the node. This callback is
  * going to X-ray all the other Entitys, fly the camera to fit the Entity(s) for the clicked node, then hide the other Entitys.
  *
- * [[Run an example](https://xeokit.github.io/xeokit-sdk/examples/#ContextMenu_Canvas_TreeViewPlugin_Custom)]
+ * [[Run an example](https://xeokit.github.io/xeokit-sdk/examples/index.html#ContextMenu_Canvas_TreeViewPlugin_Custom)]
  *
  * ````javascript
  * treeView.on("nodeTitleClicked", (e) => {
@@ -129277,9 +129275,9 @@ parsers[ParserV10.version] = ParserV10;
 /**
  * {@link Viewer} plugin that loads models from xeokit's optimized *````.XKT````* format.
  *
- * <a href="https://xeokit.github.io/xeokit-sdk/examples/#loading_XKT_OTCConferenceCenter"><img src="http://xeokit.io/img/docs/XKTLoaderPlugin/XKTLoaderPlugin.png"></a>
+ * <a href="https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_XKT_OTCConferenceCenter"><img src="http://xeokit.io/img/docs/XKTLoaderPlugin/XKTLoaderPlugin.png"></a>
  *
- * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#loading_XKT_OTCConferenceCenter)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_XKT_OTCConferenceCenter)]
  *
  * # Overview
  *
@@ -129335,7 +129333,7 @@ parsers[ParserV10.version] = ParserV10;
  *
  * Read more about this example in the user guide on [Viewing BIM Models Offline](https://www.notion.so/xeokit/Viewing-an-IFC-Model-with-xeokit-c373e48bc4094ff5b6e5c5700ff580ee).
  *
- * * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/#BIMOffline_XKT_metadata_Schependomlaan)]
+ * * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/index.html#BIMOffline_XKT_metadata_Schependomlaan)]
  *
  * ````javascript
  * import {Viewer, XKTLoaderPlugin} from "xeokit-sdk.es.js";
@@ -129422,9 +129420,9 @@ parsers[ParserV10.version] = ParserV10;
  * 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({
@@ -129460,8 +129458,6 @@ parsers[ParserV10.version] = ParserV10;
  * In the example below, we'll scale our model to half its size, rotate it 90 degrees about its local X-axis, then
  * translate it 100 units along its X axis.
  *
- * * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/#loading_XKT_Duplex_transform)]
- *
  * ````javascript
  * xktLoader.load({
  *      src: "./models/xkt/Duplex.ifc.xkt",
@@ -129477,8 +129473,6 @@ parsers[ParserV10.version] = ParserV10;
  *
  * In the example below, we'll load only the objects that represent walls.
  *
- * * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/#BIMOffline_XKT_includeTypes)]
- *
  * ````javascript
  * const model2 = xktLoader.load({
  *     id: "myModel2",
@@ -129491,8 +129485,6 @@ parsers[ParserV10.version] = ParserV10;
  *
  * In the example below, we'll load only the objects that do not represent empty space.
  *
- * * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/#BIMOffline_XKT_excludeTypes)]
- *
  * ````javascript
  * const model3 = xktLoader.load({
  *     id: "myModel3",
@@ -129514,8 +129506,6 @@ parsers[ParserV10.version] = ParserV10;
  * In the example below, we'll load a model, while configuring ````IfcSpace```` elements to be always initially invisible,
  * and ````IfcWindow```` types to be always translucent blue.
  *
- * * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/#BIMOffline_XKT_objectDefaults)]
- *
  * ````javascript
  * const myObjectDefaults = {
  *
@@ -129576,8 +129566,6 @@ parsers[ParserV10.version] = ParserV10;
  * In the example below, we'll customize the way XKTLoaderPlugin loads the files by configuring it with our own data source
  * object. For simplicity, our custom data source example also uses HTTP, using a couple of xeokit utility functions.
  *
- * * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/#loading_XKT_dataSource)]
- *
  * ````javascript
  * import {utils} from "xeokit-sdk.es.js";
  *
@@ -129628,7 +129616,7 @@ parsers[ParserV10.version] = ParserV10;
  *
  * As shown in the example below, we do this by setting {@link XKTLoaderPlugin#globalizeObjectIds} ````true```` before we load our models.
  *
- * * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/#TreeViewPlugin_Containment_MultipleModels)]
+ * * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/index.html#TreeViewPlugin_Containment_MultipleModels)]
  *
  * ````javascript
  * xktLoader.globalizeObjectIds = true;
@@ -129734,6 +129722,8 @@ parsers[ParserV10.version] = ParserV10;
  * Now, to load all those XKT files into a single SceneModel and MetaModel in one operation, we pass a path to the XKT
  * manifest to `XKTLoaderPlugin.load`, as shown in the example below:
  *
+ * * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/buildings/#xkt_manifest_KarhumakiBridge)]
+ *
  * ````javascript
  * import {
  *   Viewer,
@@ -132861,9 +132851,9 @@ getIDFromURI(str) {
 /**
  * {@link Viewer} plugin that loads models from [3DXML](https://en.wikipedia.org/wiki/3DXML) files.
  *
- * [<img src="https://xeokit.io/img/docs/XML3DLoaderPlugin/XML3DPluginTreeView.png">](https://xeokit.github.io/xeokit-sdk/examples/#loading_3DXML_TreeView)
+ * [<img src="https://xeokit.io/img/docs/XML3DLoaderPlugin/XML3DPluginTreeView.png">](https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_3DXML_TreeView)
  *
- * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#loading_3DXML_TreeView)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_3DXML_TreeView)]
  *
  * ## Overview
  *
@@ -132887,7 +132877,7 @@ getIDFromURI(str) {
  * we'll use the {@link CameraFlightAnimation} to fly the {@link Camera} to look at boundary of the model. We'll
  * then get the model's {@link Entity} from the {@link Scene} and highlight the whole model.
  *
- * * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#loading_3DXML_Widget)]
+ * * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_3DXML_Widget)]
  *
  * ````javascript
  * // Create a xeokit Viewer
@@ -132978,7 +132968,7 @@ getIDFromURI(str) {
  * does not make sense because XML3DLoaderPlugin will set each {@link MetaObject#type} to "Default", and "storeys"
  * does not make sense because that requires some of the MetaObject#type values to be "IfcBuildingStorey".
  *
- * * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#loading_3DXML_TreeView)]
+ * * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_3DXML_TreeView)]
  *
  * ## Material Type
  *
@@ -132988,9 +132978,9 @@ getIDFromURI(str) {
  *
  * | Material Type | Material Components Loaded  | Description | Example |
  * |:--------:|:----:|:-----:|:-----:|
- * | "PhongMaterial" (default) | {@link PhongMaterial}  | Non-physically-correct Blinn-Phong shading model | [Run example](https://xeokit.github.io/xeokit-sdk/examples/#loading_3DXML_materialType_Phong) |
- * | "MetallicMaterial" | {@link MetallicMaterial} | Physically-accurate specular-glossiness shading model | [Run example](https://xeokit.github.io/xeokit-sdk/examples/#loading_3DXML_materialType_Metallic) |
- * | "SpecularMaterial" | {@link SpecularMaterial} | Physically-accurate metallic-roughness shading model | [Run example](https://xeokit.github.io/xeokit-sdk/examples/#loading_3DXML_materialType_Specular) |
+ * | "PhongMaterial" (default) | {@link PhongMaterial}  | Non-physically-correct Blinn-Phong shading model | [Run example](https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_3DXML_materialType_Phong) |
+ * | "MetallicMaterial" | {@link MetallicMaterial} | Physically-accurate specular-glossiness shading model | [Run example](https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_3DXML_materialType_Metallic) |
+ * | "SpecularMaterial" | {@link SpecularMaterial} | Physically-accurate metallic-roughness shading model | [Run example](https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_3DXML_materialType_Specular) |
  *
  * <br>
  * Let's load our model again, this time converting the 3DXML Blinn-Phong materials to {@link SpecularMaterial}s:
@@ -133003,7 +132993,7 @@ getIDFromURI(str) {
  * });
  * ````
  *
- * * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#loading_3DXML_materialType_Specular)]
+ * * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_3DXML_materialType_Specular)]
  *
  * @class XML3DLoaderPlugin
  */
@@ -133150,9 +133140,9 @@ class WebIFCDefaultDataSource {
 /**
  * {@link Viewer} plugin that uses [web-ifc](https://github.com/tomvandig/web-ifc) to load BIM models directly from IFC files.
  *
- * <a href="https://xeokit.github.io/xeokit-sdk/examples/#BIMOffline_WebIFCLoaderPlugin_Duplex"><img src="https://xeokit.io/img/docs/WebIFCLoaderPlugin/WebIFCLoaderPlugin.png"></a>
+ * <a href="https://xeokit.github.io/xeokit-sdk/examples/index.html#BIMOffline_WebIFCLoaderPlugin_Duplex"><img src="https://xeokit.io/img/docs/WebIFCLoaderPlugin/WebIFCLoaderPlugin.png"></a>
  *
- * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#BIMOffline_WebIFCLoaderPlugin_Duplex)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#BIMOffline_WebIFCLoaderPlugin_Duplex)]
  *
  * ## Overview
  *
@@ -133196,7 +133186,7 @@ class WebIFCDefaultDataSource {
  * Since this model contains IFC types, the WebIFCLoaderPlugin will set the initial appearance of each object
  * {@link Entity} according to its IFC type in {@link WebIFCLoaderPlugin#objectDefaults}.
  *
- * * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/#BIMOffline_WebIFCLoaderPlugin_isolateStorey)]
+ * * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/index.html#BIMOffline_WebIFCLoaderPlugin_isolateStorey)]
  *
  * ````javascript
  * import {Viewer, WebIFCLoaderPlugin} from "xeokit-sdk.es.js";
@@ -134358,9 +134348,9 @@ const MAX_VERTICES = 500000; // TODO: Rough estimate
 /**
  * {@link Viewer} plugin that loads lidar point cloud geometry from LAS files.
  *
- * <a href="https://xeokit.github.io/xeokit-sdk/examples/#loading_LASLoaderPlugin_Autzen"><img src="https://xeokit.github.io/xeokit-sdk/assets/images/autzen.png"></a>
+ * <a href="https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_LASLoaderPlugin_Autzen"><img src="https://xeokit.github.io/xeokit-sdk/assets/images/autzen.png"></a>
  *
- * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#loading_LASLoaderPlugin_Autzen)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_LASLoaderPlugin_Autzen)]
  *
  * ## Summary
  *
@@ -134399,7 +134389,7 @@ const MAX_VERTICES = 500000; // TODO: Rough estimate
  * a [LAS file](/assets/models/las/). Once the model has
  * loaded, we'll then find its {@link MetaModel}, and the {@link MetaObject} and {@link Entity} that represent its point cloud.
  *
- * * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#loading_LASLoaderPlugin_Autzen)]
+ * * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_LASLoaderPlugin_Autzen)]
  *
  * ````javascript
  * import {Viewer, LASLoaderPlugin} from "xeokit-sdk.es.js";
@@ -135616,9 +135606,9 @@ const tempVec3c = math.vec3();
 /**
  * {@link Viewer} plugin that loads models from CityJSON files.
  *
- * <a href="https://xeokit.github.io/xeokit-sdk/examples/#loading_CityJSONLoaderPlugin_Railway"><img src="https://xeokit.io/img/docs/CityJSONLoaderPlugin/CityJSONLoaderPlugin.png"></a>
+ * <a href="https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_CityJSONLoaderPlugin_Railway"><img src="https://xeokit.io/img/docs/CityJSONLoaderPlugin/CityJSONLoaderPlugin.png"></a>
  *
- * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/#loading_CityJSONLoaderPlugin_Railway)]
+ * [[Run this example](https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_CityJSONLoaderPlugin_Railway)]
  *
  * ## Overview
  *
@@ -135658,7 +135648,7 @@ const tempVec3c = math.vec3();
  * We'll also scale our model to half its size, rotate it 90 degrees about its local X-axis, then
  * translate it 100 units along its X axis.
  *
- * * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/#loading_CityJSONLoaderPlugin_Railway)]
+ * * [[Run example](https://xeokit.github.io/xeokit-sdk/examples/index.html#loading_CityJSONLoaderPlugin_Railway)]
  *
  * ````javascript
  * import {Viewer, CityJSONLoaderPlugin} from "xeokit-sdk.es.js";