@xeokit/xeokit-sdk 2.6.41 → 2.6.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xeokit/xeokit-sdk",
-  "version": "2.6.41",
+  "version": "2.6.43",
   "description": "Web Programming Toolkit for 3D/2D BIM and AEC Graphics",
   "module": "./dist/xeokit-sdk.es.js",
   "main": "./dist/xeokit-sdk.cjs.js",

package/src/extras/ContextMenu/ContextMenu.js

@@ -636,9 +636,8 @@ class ContextMenu {
                         if (itemSubMenu) {
 
                             html.push(
-                                '<li id="' + item.id + '" class="xeokit-context-menu-item">' +
+                                '<li id="' + item.id + '" class="xeokit-context-menu-item xeokit-context-menu-submenu">' +
                                 actionTitle +
-                                ' [MORE]' +
                                 '</li>');
                             if (!((groupIdx === groupLen - 1) || (j < lenj - 1))) {
                                 html.push(

package/src/plugins/DistanceMeasurementsPlugin/DistanceMeasurement.js

@@ -240,6 +240,7 @@ class DistanceMeasurement extends Component {
         this._visible = false;
         this._originVisible = false;
         this._targetVisible = false;
+        this._useRotationAdjustment = false;
         this._wireVisible = false;
         this._axisVisible = false;
         this._xAxisVisible = false;
@@ -316,7 +317,7 @@ class DistanceMeasurement extends Component {
         this.lengthLabelEnabled = cfg.lengthLabelEnabled;
         this.labelsVisible = cfg.labelsVisible;
         this.labelsOnWires = cfg.labelsOnWires;
-        this.useRotationAdjustment = cfg.useRotationAdjustment;
+        this._useRotationAdjustment = cfg.useRotationAdjustment;
 
         /**
          * @type {number[]}
@@ -378,7 +379,7 @@ class DistanceMeasurement extends Component {
             this._factors = math.transformVec3(this._axesBasis, delta);
 
             this._measurementOrientation = determineMeasurementOrientation(this._originWorld, this._targetWorld, 0);
-            if(this._measurementOrientation === 'Vertical' && this.useRotationAdjustment){
+            if (this._measurementOrientation === 'Vertical' && this._useRotationAdjustment) {
                 this._wp[0] = this._originWorld[0];
                 this._wp[1] = this._originWorld[1];
                 this._wp[2] = this._originWorld[2];
@@ -589,7 +590,7 @@ class DistanceMeasurement extends Component {
                 }
 
                 if (!this._zAxisLabelCulled) {
-                    if(this._measurementOrientation === 'Vertical' && this.useRotationAdjustment) {
+                    if (this._measurementOrientation === 'Vertical' && this._useRotationAdjustment) {
                         this._zAxisLabel.setPrefix("");
                         this._zAxisLabel.setText(tilde + Math.abs(math.lenVec3(math.subVec3(this._targetWorld, [this._originWorld[0], this._targetWorld[1], this._originWorld[2]], distVec3)) * scale).toFixed(2) + unitAbbrev);
                     }
@@ -784,6 +785,25 @@ class DistanceMeasurement extends Component {
         return this._targetVisible;
     }
 
+    /**
+     * Sets if the measurement is adjusted based on rotation
+     *
+     * @type {Boolean}
+     */
+    set useRotationAdjustment(value) {
+        value = value !== undefined ? Boolean(value) : this.plugin.useRotationAdjustment;
+        this._useRotationAdjustment = value;
+    }
+
+    /**
+     * Gets if the measurement is adjusted based on rotation
+     *
+     * @type {Boolean}
+     */
+    get useRotationAdjustment() {
+        return this._useRotationAdjustment;
+    }
+
     /**
      * Sets if the axis-aligned wires between {@link DistanceMeasurement#origin} and {@link DistanceMeasurement#target} are enabled.
      *

package/src/plugins/GLTFLoaderPlugin/GLTFDefaultDataSource.js

@@ -9,12 +9,6 @@ import {core} from "../../viewer/scene/core.js";
 class GLTFDefaultDataSource {
 
     constructor(cfg = {}) {
-
-        /**
-         * Set `true` to enable cache busting for HTTP GETs.
-         * This is `true` by default.
-         * @type {boolean}
-         */
         this.cacheBuster = (cfg.cacheBuster !== false);
     }
 

package/src/plugins/LASLoaderPlugin/LASLoaderPlugin.js

@@ -339,6 +339,7 @@ class LASLoaderPlugin extends Plugin {
         }
 
         const sceneModel = new SceneModel(this.viewer.scene, utils.apply(params, {
+            maxGeometryBatchSize: MAX_VERTICES,
             isModel: true
         }));
 

package/src/plugins/StoreyViewsPlugin/StoreyViewsPlugin.js

@@ -702,7 +702,13 @@ class StoreyViewsPlugin extends Plugin {
         return null;
     }
 
-    isPositionAboveOrBelowBuilding(worldPos){
+    /**
+     * Returns whether a position is above or below a building
+     * 
+     * @param {Number[]} worldPos 3D World-space position.
+     * @returns {String} ID of the lowest/highest story or null.
+     */
+    isPositionAboveOrBelowBuilding(worldPos) {
         const keys = Object.keys(this.storeys);
         const ids = [keys[0], keys[keys.length-1]];
         if(worldPos[1] < this.storeys[ids[0]].storeyAABB[1])

package/src/plugins/ZonesPlugin/ZonesPlugin.js

@@ -7,7 +7,7 @@ import {PhongMaterial} from "../../viewer/scene/materials/PhongMaterial.js";
 import {math} from "../../viewer/scene/math/math.js";
 import {Mesh} from "../../viewer/scene/mesh/Mesh.js";
 import {Dot} from "../lib/html/Dot.js";
-import {activateDraggableDots, Dot3D, transformToNode} from "../../../src/plugins/lib/ui/index.js";
+import {activateDraggableDots, Dot3D, touchPointSelector, transformToNode} from "../../../src/plugins/lib/ui/index.js";
 
 const hex2rgb = function(color) {
     const rgb = idx => parseInt(color.substr(idx + 1, 2), 16) / 255;

package/src/viewer/scene/model/dtx/triangles/DTXTrianglesLayer.js

@@ -822,14 +822,14 @@ export class DTXTrianglesLayer {
         // object colors
         textureState.texturePerObjectColorsAndFlags._textureData.set(tempUint8Array4, subPortionId * 32);
         if (this._deferredSetFlagsActive) {
-            console.info("_subPortionSetColor defer");
+            //console.info("_subPortionSetColor defer");
             this._deferredSetFlagsDirty = true;
             return;
         }
         if (++this._numUpdatesInFrame >= MAX_OBJECT_UPDATES_IN_FRAME_WITHOUT_BATCHED_UPDATE) {
             this._beginDeferredFlags(); // Subsequent flags updates now deferred
         }
-        console.info("_subPortionSetColor write through");
+        //console.info("_subPortionSetColor write through");
         gl.bindTexture(gl.TEXTURE_2D, textureState.texturePerObjectColorsAndFlags._texture);
         gl.texSubImage2D(
             gl.TEXTURE_2D,

package/src/viewer/scene/model/vbo/batching/points/VBOBatchingPointsLayer.js

@@ -5,7 +5,6 @@ import {math} from "../../../../math/math.js";
 import {RenderState} from "../../../../webgl/RenderState.js";
 import {ArrayBuf} from "../../../../webgl/ArrayBuf.js";
 import {getRenderers} from "./renderers/VBOBatchingPointsRenderers.js";
-import {VBOBatchingPointsBuffer} from "./VBOBatchingPointsBuffer.js";
 import {quantizePositions} from "../../../compression.js";
 
 /**
@@ -46,7 +45,58 @@ export class VBOBatchingPointsLayer {
 
         this._renderers = getRenderers(cfg.model.scene);
 
-        this._buffer = new VBOBatchingPointsBuffer(cfg.maxGeometryBatchSize);
+        const maxGeometryBatchSize = cfg.maxGeometryBatchSize || 5000000;
+
+        const attribute = function() {
+            const portions = [ ];
+
+            return {
+                append: function(data, times = 1, denormalizeScale = 1.0) {
+                    portions.push({ data: data, times: times, denormalizeScale: denormalizeScale });
+                },
+                compileBuffer: function(type) {
+                    let len = 0;
+                    portions.forEach(p => { len += p.times * p.data.length; });
+                    const buf = new type(len);
+
+                    let begin = 0;
+                    portions.forEach(p => {
+                        const data = p.data;
+                        const dScale = p.denormalizeScale;
+                        const subBuf = buf.subarray(begin);
+
+                        if (dScale === 1.0) {
+                            subBuf.set(data, 0);
+                        } else {
+                            for (let i = 0; i < data.length; ++i) {
+                                subBuf[i] = data[i] * dScale;
+                            }
+                        }
+
+                        let soFar = data.length;
+                        const allDataLen = p.times * data.length;
+                        while (soFar < allDataLen) {
+                            const toCopy = Math.min(soFar, allDataLen - soFar);
+                            subBuf.set(subBuf.subarray(0, toCopy), soFar);
+                            soFar += toCopy;
+                        }
+
+                        begin += soFar;
+                    });
+
+                    return buf;
+                }
+            };
+        };
+
+        this._buffer = {
+            maxVerts:   maxGeometryBatchSize,
+            positions:  attribute(),
+            colors:     attribute(),
+            pickColors: attribute(),
+            vertsIndex: 0
+        };
+
         this._scratchMemory = cfg.scratchMemory;
 
         this._state = new RenderState({
@@ -99,11 +149,6 @@ export class VBOBatchingPointsLayer {
             this.aabbDirty = false;
         }
         return this._aabb;
-
-        /**
-         * The type of primitives in this layer.
-         */
-        this.primitive = cfg.primitive;
     }
 
     /**
@@ -116,7 +161,7 @@ export class VBOBatchingPointsLayer {
         if (this._finalized) {
             throw "Already finalized";
         }
-        return ((this._buffer.positions.length + lenPositions) < (this._buffer.maxVerts * 3));
+        return (this._buffer.vertsIndex + (lenPositions / 3)) <= this._buffer.maxVerts;
     }
 
     /**
@@ -141,97 +186,40 @@ export class VBOBatchingPointsLayer {
             throw "Already finalized";
         }
 
-        const positions = cfg.positions;
-        const positionsCompressed = cfg.positionsCompressed;
-        const color = cfg.color;
-        const colorsCompressed = cfg.colorsCompressed;
-        const colors = cfg.colors;
-        const pickColor = cfg.pickColor;
-
         const buffer = this._buffer;
-        const positionsIndex = buffer.positions.length;
-        const vertsIndex = positionsIndex / 3;
-
-        let numVerts;
-
-        math.expandAABB3(this._modelAABB, cfg.aabb);
 
-        if (this._preCompressedPositionsExpected) {
-
-            if (!positionsCompressed) {
-                throw "positionsCompressed expected";
-            }
-
-            for (let i = 0, len = positionsCompressed.length; i < len; i++) {
-                buffer.positions.push(positionsCompressed[i]);
-            }
-
-            numVerts = positionsCompressed.length / 3;
-
-        } else {
-
-            if (!positions) {
-                throw "positions expected";
-            }
+        const positions = this._preCompressedPositionsExpected ? cfg.positionsCompressed : cfg.positions;
+        if (! positions) {
+            throw ((this._preCompressedPositionsExpected ? "positionsCompressed" : "positions") + " expected");
+        }
 
-            numVerts = positions.length / 3;
+        buffer.positions.append(positions);
 
-            const lenPositions = positions.length;
-            const positionsBase = buffer.positions.length;
+        const numVerts = positions.length / 3;
 
-            for (let i = 0, len = positions.length; i < len; i++) {
-                buffer.positions.push(positions[i]);
-            }
-        }
+        const color = cfg.color;
+        const colorsCompressed = cfg.colorsCompressed;
+        const colors = cfg.colors;
+        const pickColor = cfg.pickColor;
 
         if (colorsCompressed) {
-            for (let i = 0, len = colorsCompressed.length; i < len; i++) {
-                buffer.colors.push(colorsCompressed[i]);
-            }
-
+            buffer.colors.append(colorsCompressed);
         } else if (colors) {
-            for (let i = 0, len = colors.length; i < len; i++) {
-                buffer.colors.push(colors[i] * 255);
-            }
-
+            buffer.colors.append(colors, 1, 255.0);
         } else if (color) {
-
-            const r = color[0]; // Color is pre-quantized by VBOSceneModel
-            const g = color[1];
-            const b = color[2];
-            const a = 1.0;
-
-            for (let i = 0; i < numVerts; i++) {
-                buffer.colors.push(r);
-                buffer.colors.push(g);
-                buffer.colors.push(b);
-                buffer.colors.push(a);
-            }
+            // Color is pre-quantized by VBOSceneModel
+            buffer.colors.append([ color[0], color[1], color[2], 1.0 ], numVerts);
         }
 
-        {
-            const pickColorsBase = buffer.pickColors.length;
-            const lenPickColors = numVerts * 4;
-            for (let i = pickColorsBase, len = pickColorsBase + lenPickColors; i < len; i += 4) {
-                buffer.pickColors.push(pickColor[0]);
-                buffer.pickColors.push(pickColor[1]);
-                buffer.pickColors.push(pickColor[2]);
-                buffer.pickColors.push(pickColor[3]);
-            }
-        }
+        buffer.pickColors.append(pickColor.slice(0, 4), numVerts);
 
-        if (this.model.scene.entityOffsetsEnabled) {
-            for (let i = 0; i < numVerts; i++) {
-                buffer.offsets.push(0);
-                buffer.offsets.push(0);
-                buffer.offsets.push(0);
-            }
-        }
+        math.expandAABB3(this._modelAABB, cfg.aabb);
 
         const portionId = this._portions.length / 2;
 
-        this._portions.push(vertsIndex);
+        this._portions.push(this._buffer.vertsIndex);
         this._portions.push(numVerts);
+        this._buffer.vertsIndex += numVerts;
 
         this._numPortions++;
         this.model.numPortions++;
@@ -252,43 +240,20 @@ export class VBOBatchingPointsLayer {
         const state = this._state;
         const gl = this.model.scene.canvas.gl;
         const buffer = this._buffer;
+        const maybeCreateGlBuffer = (srcData, size, usage) => (srcData.length > 0) ? new ArrayBuf(gl, gl.ARRAY_BUFFER, srcData, srcData.length, size, usage) : null;
 
-        if (buffer.positions.length > 0) {
-            if (this._preCompressedPositionsExpected) {
-                const positions = new Uint16Array(buffer.positions);
-                state.positionsBuf = new ArrayBuf(gl, gl.ARRAY_BUFFER, positions, buffer.positions.length, 3, gl.STATIC_DRAW);
-            } else {
-                const positions = new Float32Array(buffer.positions);
-                const quantizedPositions = quantizePositions(positions, this._modelAABB, state.positionsDecodeMatrix);
-                state.positionsBuf = new ArrayBuf(gl, gl.ARRAY_BUFFER, quantizedPositions, buffer.positions.length, 3, gl.STATIC_DRAW);
-            }
-        }
+        const positions = (this._preCompressedPositionsExpected
+                           ? buffer.positions.compileBuffer(Uint16Array)
+                           : (quantizePositions(buffer.positions.compileBuffer(Float32Array), this._modelAABB, state.positionsDecodeMatrix)));
+        state.positionsBuf  = maybeCreateGlBuffer(positions, 3, gl.STATIC_DRAW);
 
-        if (buffer.colors.length > 0) {
-            const colors = new Uint8Array(buffer.colors);
-            let normalized = false;
-            state.colorsBuf = new ArrayBuf(gl, gl.ARRAY_BUFFER, colors, buffer.colors.length, 4, gl.STATIC_DRAW, normalized);
-        }
+        state.flagsBuf      = maybeCreateGlBuffer(new Float32Array(this._buffer.vertsIndex), 1, gl.DYNAMIC_DRAW); // Because we build flags arrays here, get their length from the positions array
 
-        if (buffer.positions.length > 0) { // Because we build flags arrays here, get their length from the positions array
-            const flagsLength = buffer.positions.length / 3;
-            const flags = new Float32Array(flagsLength);
-            let notNormalized = false;
-            state.flagsBuf = new ArrayBuf(gl, gl.ARRAY_BUFFER, flags, flags.length, 1, gl.DYNAMIC_DRAW, notNormalized);
-        }
+        state.colorsBuf     = maybeCreateGlBuffer(buffer.colors.compileBuffer(Uint8Array), 4, gl.STATIC_DRAW);
 
-        if (buffer.pickColors.length > 0) {
-            const pickColors = new Uint8Array(buffer.pickColors);
-            let normalized = false;
-            state.pickColorsBuf = new ArrayBuf(gl, gl.ARRAY_BUFFER, pickColors, buffer.pickColors.length, 4, gl.STATIC_DRAW, normalized);
-        }
+        state.pickColorsBuf = maybeCreateGlBuffer(buffer.pickColors.compileBuffer(Uint8Array), 4, gl.STATIC_DRAW);
 
-        if (this.model.scene.entityOffsetsEnabled) {
-            if (buffer.offsets.length > 0) {
-                const offsets = new Float32Array(buffer.offsets);
-                state.offsetsBuf = new ArrayBuf(gl, gl.ARRAY_BUFFER, offsets, buffer.offsets.length, 3, gl.DYNAMIC_DRAW);
-            }
-        }
+        state.offsetsBuf    = this.model.scene.entityOffsetsEnabled ? maybeCreateGlBuffer(new Float32Array(this._buffer.vertsIndex * 3), 3, gl.DYNAMIC_DRAW) : null;
 
         this._buffer = null;
         this._finalized = true;

package/types/plugins/DistanceMeasurementsPlugin/DistanceMeasurement.d.ts

@@ -103,6 +103,20 @@ export declare class DistanceMeasurement extends Component {
    */
   get targetVisible(): boolean;
 
+  /**
+     * Sets if the measurement is adjusted based on rotation
+     *
+     * @type {Boolean}
+     */
+  set useRotationAdjustment(arg: boolean);
+
+  /**
+   * Gets if the measurement is adjusted based on rotation
+   *
+   * @type {Boolean}
+   */
+  get useRotationAdjustment(): boolean;
+
   /**
    * Sets if the direct point-to-point wire between {@link DistanceMeasurement.origin} and {@link DistanceMeasurement.target} is visible.
    *

package/types/plugins/StoreyViewsPlugin/StoreyViewsPlugin.d.ts

@@ -128,11 +128,11 @@ export declare class StoreyViewsPlugin extends Plugin {
 
 
   /**
-   * Gets the ID of the storey that contains the given 3D World-space position.
-   *.
-    * @param {Number[]} worldPos 3D World-space position.
-    * @returns {String} ID of the storey containing the position, or null if the position falls outside all the storeys.
-    */
+   * Returns whether a position is above or below a building
+   * 
+   * @param {Number[]} worldPos 3D World-space position.
+   * @returns {String} ID of the lowest/highest story or null.
+   */
   isPositionAboveOrBelowBuilding(worldPos: number[]): string;
 
   /**

package/src/viewer/scene/model/vbo/batching/points/VBOBatchingPointsBuffer.js

@@ -1,20 +0,0 @@
-/**
- * @private
- */
-export class VBOBatchingPointsBuffer {
-
-    constructor(maxGeometryBatchSize = 5000000) {
-
-        if (maxGeometryBatchSize > 5000000) {
-            maxGeometryBatchSize = 5000000;
-        }
-
-        this.maxVerts = maxGeometryBatchSize;
-        this.maxIndices = maxGeometryBatchSize * 3; // Rough rule-of-thumb
-        this.positions = [];
-        this.colors = [];
-        this.intensities = [];
-        this.pickColors = [];
-        this.offsets = [];
-    }
-}