@xeokit/xeokit-sdk 2.3.0-beta-2 → 2.3.0-beta-5

package/dist/xeokit-sdk.cjs.js

@@ -8811,7 +8811,8 @@ const createRTCViewMat = (function () {
     const rtcCenterWorld = new Float64Array(4);
     const rtcCenterView = new Float64Array(4);
 
-    return function (viewMat, rtcCenter, rtcViewMat = tempMat) {
+    return function (viewMat, rtcCenter, rtcViewMat) {
+        rtcViewMat = rtcViewMat || tempMat;
         rtcCenterWorld[0] = rtcCenter[0];
         rtcCenterWorld[1] = rtcCenter[1];
         rtcCenterWorld[2] = rtcCenter[2];
@@ -98887,10 +98888,8 @@ const ParserV9 = {
 };
 
 /*
-
  Parser for .XKT Format V10
-
- */
+*/
 
 let pako = window.pako || p;
 if (!pako.inflate) {  // See https://github.com/nodeca/pako/issues/97
@@ -98906,30 +98905,31 @@ function extract(elements) {
         metadata: elements[0],
         textureData: elements[1],
         eachTextureDataPortion: elements[2],
-        positions: elements[3],
-        normals: elements[4],
-        colors: elements[5],
-        uvs: elements[6],
-        indices: elements[7],
-        edgeIndices: elements[8],
-        eachTextureSetTextures: elements[9],
-        matrices: elements[10],
-        reusedGeometriesDecodeMatrix: elements[11],
-        eachGeometryPrimitiveType: elements[12],
-        eachGeometryPositionsPortion: elements[13],
-        eachGeometryNormalsPortion: elements[14],
-        eachGeometryColorsPortion: elements[15],
-        eachGeometryUVsPortion: elements[16],
-        eachGeometryIndicesPortion: elements[17],
-        eachGeometryEdgeIndicesPortion: elements[18],
-        eachMeshGeometriesPortion: elements[19],
-        eachMeshMatricesPortion: elements[20],
-        eachMeshTextureSet: elements[21],
-        eachMeshMaterialAttributes: elements[22],
-        eachEntityId: elements[23],
-        eachEntityMeshesPortion: elements[24],
-        eachTileAABB: elements[25],
-        eachTileEntitiesPortion: elements[26]
+        eachTextureDimensions: elements[3],
+        positions: elements[4],
+        normals: elements[5],
+        colors: elements[6],
+        uvs: elements[7],
+        indices: elements[8],
+        edgeIndices: elements[9],
+        eachTextureSetTextures: elements[10],
+        matrices: elements[11],
+        reusedGeometriesDecodeMatrix: elements[12],
+        eachGeometryPrimitiveType: elements[13],
+        eachGeometryPositionsPortion: elements[14],
+        eachGeometryNormalsPortion: elements[15],
+        eachGeometryColorsPortion: elements[16],
+        eachGeometryUVsPortion: elements[17],
+        eachGeometryIndicesPortion: elements[18],
+        eachGeometryEdgeIndicesPortion: elements[19],
+        eachMeshGeometriesPortion: elements[20],
+        eachMeshMatricesPortion: elements[21],
+        eachMeshTextureSet: elements[22],
+        eachMeshMaterialAttributes: elements[23],
+        eachEntityId: elements[24],
+        eachEntityMeshesPortion: elements[25],
+        eachTileAABB: elements[26],
+        eachTileEntitiesPortion: elements[27]
     };
 }
 
@@ -98941,8 +98941,9 @@ function inflate(deflatedData) {
 
     return {
         metadata: JSON.parse(pako.inflate(deflatedData.metadata, {to: 'string'})),
-        textureData: new Uint8Array(inflate(deflatedData.textureData)),
+        textureData: new Uint8ClampedArray(inflate(deflatedData.textureData)),
         eachTextureDataPortion: new Uint32Array(inflate(deflatedData.eachTextureDataPortion)),
+        eachTextureDimensions: new Uint16Array(inflate(deflatedData.eachTextureDimensions)),
         positions: new Uint16Array(inflate(deflatedData.positions)),
         normals: new Int8Array(inflate(deflatedData.normals)),
         colors: new Uint8Array(inflate(deflatedData.colors)),
@@ -98980,11 +98981,23 @@ const decompressColor = (function () {
     };
 })();
 
+const imagDataToImage = (function () {
+    const canvas = document.createElement('canvas');
+    const context = canvas.getContext('2d');
+    return function (imagedata) {
+        canvas.width = imagedata.width;
+        canvas.height = imagedata.height;
+        context.putImageData(imagedata, 0, 0);
+        return canvas.toDataURL();
+    };
+})();
+
 function load(viewer, options, inflatedData, performanceModel) {
 
     const metadata = inflatedData.metadata;
     const textureData = inflatedData.textureData;
     const eachTextureDataPortion = inflatedData.eachTextureDataPortion;
+    const eachTextureDimensions = inflatedData.eachTextureDimensions;
     const positions = inflatedData.positions;
     const normals = inflatedData.normals;
     const colors = inflatedData.colors;
@@ -99041,16 +99054,23 @@ function load(viewer, options, inflatedData, performanceModel) {
     for (let textureIndex = 0; textureIndex < numTextures; textureIndex++) {
         const atLastTexture = (textureIndex === (numTextures - 1));
         const textureDataPortionStart = eachTextureDataPortion[textureIndex];
-        const textureDataPortionEnd = atLastTexture ? textureData.length : (eachTextureDataPortion[textureIndex + 1] - 1);
+        const textureDataPortionEnd = atLastTexture ? textureData.length : (eachTextureDataPortion[textureIndex + 1]);
         const textureDataPortionSize = textureDataPortionEnd - textureDataPortionStart;
         const textureDataPortionExists = (textureDataPortionSize > 0);
         if (textureDataPortionExists) {
-            const imageData = textureData.subarray(textureDataPortionStart, textureDataPortionEnd);
-            const base64String = URL.createObjectURL(new Blob([imageData.buffer], {type: 'image/jpeg'} /* (1) */));
+            const imageDataSubarray = textureData.subarray(textureDataPortionStart, textureDataPortionEnd);
+            const width = eachTextureDimensions[textureIndex * 2 + 0];
+            const height = eachTextureDimensions[textureIndex * 2 + 1];
+            const imageData = new ImageData(imageDataSubarray, width, height);
+
+            //////////////////////////////////////////////////////////////
+            // TODO: This is super inefficient - replace with Basis:
+            //////////////////////////////////////////////////////////////
+
+            const image = imagDataToImage(imageData);
             performanceModel.createTexture({
                 id: `texture-${textureIndex}`,
-                src: base64String,
-                //    flipY: true
+                src: image
             });
         }
     }
@@ -99197,15 +99217,10 @@ function load(viewer, options, inflatedData, performanceModel) {
                 const textureSetId = (textureSetIndex >= 0) ? `textureSet-${textureSetIndex}` : null;
 
                 const meshColor = decompressColor(eachMeshMaterialAttributes.subarray((meshIndex * 6), (meshIndex * 6) + 3));
-                //const meshOpacity = eachMeshMaterialAttributes[(meshIndex * 6) + 3] / 255.0;
+                const meshOpacity = eachMeshMaterialAttributes[(meshIndex * 6) + 3] / 255.0;
                 const meshMetallic = eachMeshMaterialAttributes[(meshIndex * 6) + 4] / 255.0;
                 const meshRoughness = eachMeshMaterialAttributes[(meshIndex * 6) + 5] / 255.0;
 
-                // const meshColor = [.3, .3, .3];
-                const meshOpacity = 1;
-                // const meshMetallic = 0;
-                // const meshRoughness = 1;
-
                 const meshId = nextMeshId++;
 
                 if (isReusedGeometry) {
@@ -153870,23 +153885,26 @@ class MousePickHandler {
 
             if (this._clicks === 1) { // First click
 
-                this._timeout = setTimeout(() => {
+                pickController.pickCursorPos = states.pointerCanvasPos;
+                pickController.schedulePickEntity = configs.doublePickFlyTo;
+                pickController.schedulePickSurface = pickedSurfaceSubs;
+                pickController.update();
 
-                    pickController.pickCursorPos = states.pointerCanvasPos;
-                    pickController.schedulePickEntity = configs.doublePickFlyTo;
-                    pickController.schedulePickSurface = pickedSurfaceSubs;
-                    pickController.update();
+                const firstClickPickResult = pickController.pickResult;
+                const firstClickPickSurface = pickController.pickedSurface;
 
-                    if (pickController.pickResult) {
+                this._timeout = setTimeout(() => {
 
-                        cameraControl.fire("picked", pickController.pickResult, true);
+                    if (firstClickPickResult) {
 
-                        if (pickController.pickedSurface) {
+                        cameraControl.fire("picked", firstClickPickResult, true);
 
-                            cameraControl.fire("pickedSurface", pickController.pickResult, true);
+                        if (firstClickPickSurface) {
+
+                            cameraControl.fire("pickedSurface", firstClickPickResult, true);
 
                             if ((!configs.firstPerson) && configs.followPointer) {
-                                controllers.pivotController.setPivotPos(pickController.pickResult.worldPos);
+                                controllers.pivotController.setPivotPos(firstClickPickResult.worldPos);
                                 if (controllers.pivotController.startPivot()) {
                                     controllers.pivotController.showPivot();
                                 }
@@ -153900,7 +153918,7 @@ class MousePickHandler {
 
                     this._clicks = 0;
 
-                }, 250);  // FIXME: Too short for track pads
+                }, configs.doubleClickTimeFrame);
 
             } else { // Second click
 
@@ -155649,6 +155667,7 @@ class CameraControl extends Component {
             pointerEnabled: true,
             constrainVertical: false,
             smartPivot: false,
+            doubleClickTimeFrame: 250,
 
             // Rotation
 
@@ -156612,6 +156631,30 @@ class CameraControl extends Component {
         return this._configs.smartPivot;
     }
 
+    /**
+     * Sets the double click time frame length in milliseconds.
+     * 
+     * If two mouse click events occur within this time frame, it is considered a double click. 
+     * 
+     * Default is ````250````
+     * 
+     * @param {Number} value New double click time frame.
+     */
+    set doubleClickTimeFrame(value) {
+        this._configs.doubleClickTimeFrame = (value !== undefined && value !== null) ? value : 250;
+    }
+
+    /**
+     * Gets the double click time frame length in milliseconds.
+     *  
+     * Default is ````250````
+     * 
+     * @param {Number} value Current double click time frame.
+     */
+    get doubleClickTimeFrame() {
+        return this._configs.doubleClickTimeFrame;
+    }
+
     /**
      * Destroys this ````CameraControl````.
      * @private

package/dist/xeokit-sdk.es.js

@@ -8807,7 +8807,8 @@ const createRTCViewMat = (function () {
     const rtcCenterWorld = new Float64Array(4);
     const rtcCenterView = new Float64Array(4);
 
-    return function (viewMat, rtcCenter, rtcViewMat = tempMat) {
+    return function (viewMat, rtcCenter, rtcViewMat) {
+        rtcViewMat = rtcViewMat || tempMat;
         rtcCenterWorld[0] = rtcCenter[0];
         rtcCenterWorld[1] = rtcCenter[1];
         rtcCenterWorld[2] = rtcCenter[2];
@@ -98883,10 +98884,8 @@ const ParserV9 = {
 };
 
 /*
-
  Parser for .XKT Format V10
-
- */
+*/
 
 let pako = window.pako || p;
 if (!pako.inflate) {  // See https://github.com/nodeca/pako/issues/97
@@ -98902,30 +98901,31 @@ function extract(elements) {
         metadata: elements[0],
         textureData: elements[1],
         eachTextureDataPortion: elements[2],
-        positions: elements[3],
-        normals: elements[4],
-        colors: elements[5],
-        uvs: elements[6],
-        indices: elements[7],
-        edgeIndices: elements[8],
-        eachTextureSetTextures: elements[9],
-        matrices: elements[10],
-        reusedGeometriesDecodeMatrix: elements[11],
-        eachGeometryPrimitiveType: elements[12],
-        eachGeometryPositionsPortion: elements[13],
-        eachGeometryNormalsPortion: elements[14],
-        eachGeometryColorsPortion: elements[15],
-        eachGeometryUVsPortion: elements[16],
-        eachGeometryIndicesPortion: elements[17],
-        eachGeometryEdgeIndicesPortion: elements[18],
-        eachMeshGeometriesPortion: elements[19],
-        eachMeshMatricesPortion: elements[20],
-        eachMeshTextureSet: elements[21],
-        eachMeshMaterialAttributes: elements[22],
-        eachEntityId: elements[23],
-        eachEntityMeshesPortion: elements[24],
-        eachTileAABB: elements[25],
-        eachTileEntitiesPortion: elements[26]
+        eachTextureDimensions: elements[3],
+        positions: elements[4],
+        normals: elements[5],
+        colors: elements[6],
+        uvs: elements[7],
+        indices: elements[8],
+        edgeIndices: elements[9],
+        eachTextureSetTextures: elements[10],
+        matrices: elements[11],
+        reusedGeometriesDecodeMatrix: elements[12],
+        eachGeometryPrimitiveType: elements[13],
+        eachGeometryPositionsPortion: elements[14],
+        eachGeometryNormalsPortion: elements[15],
+        eachGeometryColorsPortion: elements[16],
+        eachGeometryUVsPortion: elements[17],
+        eachGeometryIndicesPortion: elements[18],
+        eachGeometryEdgeIndicesPortion: elements[19],
+        eachMeshGeometriesPortion: elements[20],
+        eachMeshMatricesPortion: elements[21],
+        eachMeshTextureSet: elements[22],
+        eachMeshMaterialAttributes: elements[23],
+        eachEntityId: elements[24],
+        eachEntityMeshesPortion: elements[25],
+        eachTileAABB: elements[26],
+        eachTileEntitiesPortion: elements[27]
     };
 }
 
@@ -98937,8 +98937,9 @@ function inflate(deflatedData) {
 
     return {
         metadata: JSON.parse(pako.inflate(deflatedData.metadata, {to: 'string'})),
-        textureData: new Uint8Array(inflate(deflatedData.textureData)),
+        textureData: new Uint8ClampedArray(inflate(deflatedData.textureData)),
         eachTextureDataPortion: new Uint32Array(inflate(deflatedData.eachTextureDataPortion)),
+        eachTextureDimensions: new Uint16Array(inflate(deflatedData.eachTextureDimensions)),
         positions: new Uint16Array(inflate(deflatedData.positions)),
         normals: new Int8Array(inflate(deflatedData.normals)),
         colors: new Uint8Array(inflate(deflatedData.colors)),
@@ -98976,11 +98977,23 @@ const decompressColor = (function () {
     };
 })();
 
+const imagDataToImage = (function () {
+    const canvas = document.createElement('canvas');
+    const context = canvas.getContext('2d');
+    return function (imagedata) {
+        canvas.width = imagedata.width;
+        canvas.height = imagedata.height;
+        context.putImageData(imagedata, 0, 0);
+        return canvas.toDataURL();
+    };
+})();
+
 function load(viewer, options, inflatedData, performanceModel) {
 
     const metadata = inflatedData.metadata;
     const textureData = inflatedData.textureData;
     const eachTextureDataPortion = inflatedData.eachTextureDataPortion;
+    const eachTextureDimensions = inflatedData.eachTextureDimensions;
     const positions = inflatedData.positions;
     const normals = inflatedData.normals;
     const colors = inflatedData.colors;
@@ -99037,16 +99050,23 @@ function load(viewer, options, inflatedData, performanceModel) {
     for (let textureIndex = 0; textureIndex < numTextures; textureIndex++) {
         const atLastTexture = (textureIndex === (numTextures - 1));
         const textureDataPortionStart = eachTextureDataPortion[textureIndex];
-        const textureDataPortionEnd = atLastTexture ? textureData.length : (eachTextureDataPortion[textureIndex + 1] - 1);
+        const textureDataPortionEnd = atLastTexture ? textureData.length : (eachTextureDataPortion[textureIndex + 1]);
         const textureDataPortionSize = textureDataPortionEnd - textureDataPortionStart;
         const textureDataPortionExists = (textureDataPortionSize > 0);
         if (textureDataPortionExists) {
-            const imageData = textureData.subarray(textureDataPortionStart, textureDataPortionEnd);
-            const base64String = URL.createObjectURL(new Blob([imageData.buffer], {type: 'image/jpeg'} /* (1) */));
+            const imageDataSubarray = textureData.subarray(textureDataPortionStart, textureDataPortionEnd);
+            const width = eachTextureDimensions[textureIndex * 2 + 0];
+            const height = eachTextureDimensions[textureIndex * 2 + 1];
+            const imageData = new ImageData(imageDataSubarray, width, height);
+
+            //////////////////////////////////////////////////////////////
+            // TODO: This is super inefficient - replace with Basis:
+            //////////////////////////////////////////////////////////////
+
+            const image = imagDataToImage(imageData);
             performanceModel.createTexture({
                 id: `texture-${textureIndex}`,
-                src: base64String,
-                //    flipY: true
+                src: image
             });
         }
     }
@@ -99193,15 +99213,10 @@ function load(viewer, options, inflatedData, performanceModel) {
                 const textureSetId = (textureSetIndex >= 0) ? `textureSet-${textureSetIndex}` : null;
 
                 const meshColor = decompressColor(eachMeshMaterialAttributes.subarray((meshIndex * 6), (meshIndex * 6) + 3));
-                //const meshOpacity = eachMeshMaterialAttributes[(meshIndex * 6) + 3] / 255.0;
+                const meshOpacity = eachMeshMaterialAttributes[(meshIndex * 6) + 3] / 255.0;
                 const meshMetallic = eachMeshMaterialAttributes[(meshIndex * 6) + 4] / 255.0;
                 const meshRoughness = eachMeshMaterialAttributes[(meshIndex * 6) + 5] / 255.0;
 
-                // const meshColor = [.3, .3, .3];
-                const meshOpacity = 1;
-                // const meshMetallic = 0;
-                // const meshRoughness = 1;
-
                 const meshId = nextMeshId++;
 
                 if (isReusedGeometry) {
@@ -153866,23 +153881,26 @@ class MousePickHandler {
 
             if (this._clicks === 1) { // First click
 
-                this._timeout = setTimeout(() => {
+                pickController.pickCursorPos = states.pointerCanvasPos;
+                pickController.schedulePickEntity = configs.doublePickFlyTo;
+                pickController.schedulePickSurface = pickedSurfaceSubs;
+                pickController.update();
 
-                    pickController.pickCursorPos = states.pointerCanvasPos;
-                    pickController.schedulePickEntity = configs.doublePickFlyTo;
-                    pickController.schedulePickSurface = pickedSurfaceSubs;
-                    pickController.update();
+                const firstClickPickResult = pickController.pickResult;
+                const firstClickPickSurface = pickController.pickedSurface;
 
-                    if (pickController.pickResult) {
+                this._timeout = setTimeout(() => {
 
-                        cameraControl.fire("picked", pickController.pickResult, true);
+                    if (firstClickPickResult) {
 
-                        if (pickController.pickedSurface) {
+                        cameraControl.fire("picked", firstClickPickResult, true);
 
-                            cameraControl.fire("pickedSurface", pickController.pickResult, true);
+                        if (firstClickPickSurface) {
+
+                            cameraControl.fire("pickedSurface", firstClickPickResult, true);
 
                             if ((!configs.firstPerson) && configs.followPointer) {
-                                controllers.pivotController.setPivotPos(pickController.pickResult.worldPos);
+                                controllers.pivotController.setPivotPos(firstClickPickResult.worldPos);
                                 if (controllers.pivotController.startPivot()) {
                                     controllers.pivotController.showPivot();
                                 }
@@ -153896,7 +153914,7 @@ class MousePickHandler {
 
                     this._clicks = 0;
 
-                }, 250);  // FIXME: Too short for track pads
+                }, configs.doubleClickTimeFrame);
 
             } else { // Second click
 
@@ -155645,6 +155663,7 @@ class CameraControl extends Component {
             pointerEnabled: true,
             constrainVertical: false,
             smartPivot: false,
+            doubleClickTimeFrame: 250,
 
             // Rotation
 
@@ -156608,6 +156627,30 @@ class CameraControl extends Component {
         return this._configs.smartPivot;
     }
 
+    /**
+     * Sets the double click time frame length in milliseconds.
+     * 
+     * If two mouse click events occur within this time frame, it is considered a double click. 
+     * 
+     * Default is ````250````
+     * 
+     * @param {Number} value New double click time frame.
+     */
+    set doubleClickTimeFrame(value) {
+        this._configs.doubleClickTimeFrame = (value !== undefined && value !== null) ? value : 250;
+    }
+
+    /**
+     * Gets the double click time frame length in milliseconds.
+     *  
+     * Default is ````250````
+     * 
+     * @param {Number} value Current double click time frame.
+     */
+    get doubleClickTimeFrame() {
+        return this._configs.doubleClickTimeFrame;
+    }
+
     /**
      * Destroys this ````CameraControl````.
      * @private