@xeokit/xeokit-sdk 2.4.0-alpha-100 → 2.4.0-alpha-104

package/dist/xeokit-sdk.es.js

@@ -45983,7 +45983,10 @@ class Bitmap extends Component {
         this._rtcPos = math.vec3();
         this._imageSize = math.vec2();
 
-        this._texture = new Texture(this);
+        this._texture = new Texture(this, {
+            flipY: true
+        });
+
         this._image = new Image();
 
         if (this._type !== "jpg" && this._type !== "png") {
@@ -46356,6 +46359,116 @@ class Bitmap extends Component {
     }
 }
 
+const tempVec3a$v = math.vec3();
+const tempVec3b$q = math.vec3();
+const tempMat4a$h = math.mat4();
+
+/**
+ * @private
+ */
+class FrustumPlane {
+
+    constructor() {
+        this.normal = math.vec3();
+        this.offset = 0;
+        this.testVertex = math.vec3();
+    }
+
+    set(nx, ny, nz, offset) {
+        const s = 1.0 / Math.sqrt(nx * nx + ny * ny + nz * nz);
+        this.normal[0] = nx * s;
+        this.normal[1] = ny * s;
+        this.normal[2] = nz * s;
+        this.offset = offset * s;
+        this.testVertex[0] = (this.normal[0] >= 0.0) ? 1 : 0;
+        this.testVertex[1] = (this.normal[1] >= 0.0) ? 1 : 0;
+        this.testVertex[2] = (this.normal[2] >= 0.0) ? 1 : 0;
+    }
+}
+
+/**
+ * @private
+ */
+class Frustum {
+    constructor() {
+        this.planes = [
+            new FrustumPlane(), new FrustumPlane(), new FrustumPlane(),
+            new FrustumPlane(), new FrustumPlane(), new FrustumPlane()
+        ];
+    }
+}
+
+Frustum.INSIDE = 0;
+Frustum.INTERSECT = 1;
+Frustum.OUTSIDE = 2;
+
+/** @private */
+function setFrustum(frustum, viewMat, projMat) {
+
+    const m = math.mulMat4(projMat, viewMat, tempMat4a$h);
+
+    const m0 = m[0];
+    const m1 = m[1];
+    const m2 = m[2];
+    const m3 = m[3];
+    const m4 = m[4];
+    const m5 = m[5];
+    const m6 = m[6];
+    const m7 = m[7];
+    const m8 = m[8];
+    const m9 = m[9];
+    const m10 = m[10];
+    const m11 = m[11];
+    const m12 = m[12];
+    const m13 = m[13];
+    const m14 = m[14];
+    const m15 = m[15];
+
+    frustum.planes[0].set(m3 - m0, m7 - m4, m11 - m8, m15 - m12);
+    frustum.planes[1].set(m3 + m0, m7 + m4, m11 + m8, m15 + m12);
+    frustum.planes[2].set(m3 - m1, m7 - m5, m11 - m9, m15 - m13);
+    frustum.planes[3].set(m3 + m1, m7 + m5, m11 + m9, m15 + m13);
+    frustum.planes[4].set(m3 - m2, m7 - m6, m11 - m10, m15 - m14);
+    frustum.planes[5].set(m3 + m2, m7 + m6, m11 + m10, m15 + m14);
+}
+
+/** @private */
+function frustumIntersectsAABB3(frustum, aabb) {
+
+    let ret = Frustum.INSIDE;
+
+    const min = tempVec3a$v;
+    const max = tempVec3b$q;
+
+    min[0] = aabb[0];
+    min[1] = aabb[1];
+    min[2] = aabb[2];
+    max[0] = aabb[3];
+    max[1] = aabb[4];
+    max[2] = aabb[5];
+
+    const bminmax = [min, max];
+
+    for (let i = 0; i < 6; ++i) {
+        const plane = frustum.planes[i];
+        if (((plane.normal[0] * bminmax[plane.testVertex[0]][0]) +
+            (plane.normal[1] * bminmax[plane.testVertex[1]][1]) +
+            (plane.normal[2] * bminmax[plane.testVertex[2]][2]) +
+            (plane.offset)) < 0.0) {
+            return Frustum.OUTSIDE;
+        }
+
+        if (((plane.normal[0] * bminmax[1 - plane.testVertex[0]][0]) +
+            (plane.normal[1] * bminmax[1 - plane.testVertex[1]][1]) +
+            (plane.normal[2] * bminmax[1 - plane.testVertex[2]][2]) +
+            (plane.offset)) < 0.0) {
+            ret = Frustum.INTERSECT;
+        }
+    }
+
+    return ret;
+}
+
 /**
  * A set of 3D line segments.
  *
@@ -46430,8 +46543,10 @@ class LineSet extends Component {
         super(owner, cfg);
 
         this._positions = cfg.positions || [];
-
-        this._origin = math.vec3(cfg.origin || [0, 0, 0]);
+        const rtcPositions = new Float32Array(this._positions.length);
+        const rtcCenter = math.vec3();
+        const cellSize = 100;
+        const rtcNeeded = worldToRTCPositions(this._positions, new Float32Array(this._positions.length), rtcCenter, cellSize);
 
         if (cfg.indices) {
             this._indices = cfg.indices;
@@ -46449,9 +46564,9 @@ class LineSet extends Component {
             collidable: cfg.collidable,
             geometry: new VBOGeometry(this, {
                 primitive: "lines",
-                positions: this._positions,
+                positions: rtcNeeded ? rtcPositions : this._positions,
                 indices: this._indices,
-                origin: cfg.origin
+                origin: rtcNeeded ? rtcCenter : null
             }),
             material: new PhongMaterial(this, {
                 diffuse: cfg.color || [0, 0, 0],
@@ -46514,8 +46629,8 @@ class LineSet extends Component {
 }
 
 const tempVec3$5 = math.vec3();
-const tempVec3a$v = math.vec3();
-const tempVec3b$q = math.vec3();
+const tempVec3a$u = math.vec3();
+const tempVec3b$p = math.vec3();
 const tempVec3c$m = math.vec3();
 
 /**
@@ -47195,8 +47310,8 @@ class BCFViewpointsPlugin extends Plugin {
             bcfViewpoint.bitmaps.forEach(function (e) {
                 const bitmap_type = e.bitmap_type || "jpg"; // "jpg" | "png"
                 const bitmap_data = e.bitmap_data; // base64
-                let location = xyzObjectToArray(e.location, tempVec3a$v);
-                let normal = xyzObjectToArray(e.normal, tempVec3b$q);
+                let location = xyzObjectToArray(e.location, tempVec3a$u);
+                let normal = xyzObjectToArray(e.normal, tempVec3b$p);
                 let up = xyzObjectToArray(e.up, tempVec3c$m);
                 let height = e.height || 1;
                 if (!bitmap_type) {
@@ -48711,7 +48826,6 @@ class DistanceMeasurementsMouseControl extends DistanceMeasurementsControl {
             this.pointerLens.visible = false;
         }
         this.reset();
-        this.viewer;
         const canvas = this.scene.canvas.canvas;
         canvas.removeEventListener("mousedown", this._onMouseDown);
         canvas.removeEventListener("mouseup", this._onMouseUp);
@@ -50593,7 +50707,7 @@ class SplineCurve extends Curve {
     }
 }
 
-const tempVec3a$u = math.vec3();
+const tempVec3a$t = math.vec3();
 
 /**
  * @desc Defines a sequence of frames along which a {@link CameraPathAnimation} can animate a {@link Camera}.
@@ -50725,9 +50839,9 @@ class CameraPath extends Component {
         t = t / (this._frames[this._frames.length - 1].t - this._frames[0].t);
         t = t < 0.0 ? 0.0 : (t > 1.0 ? 1.0 : t);
 
-        camera.eye = this._eyeCurve.getPoint(t, tempVec3a$u);
-        camera.look = this._lookCurve.getPoint(t, tempVec3a$u);
-        camera.up = this._upCurve.getPoint(t, tempVec3a$u);
+        camera.eye = this._eyeCurve.getPoint(t, tempVec3a$t);
+        camera.look = this._lookCurve.getPoint(t, tempVec3a$t);
+        camera.up = this._upCurve.getPoint(t, tempVec3a$t);
     }
 
     /**
@@ -51766,7 +51880,7 @@ CameraPathAnimation.PLAYING = 2;
 CameraPathAnimation.PLAYING_TO = 3;
 
 const tempVec3$3 = math.vec3();
-const tempVec3b$p = math.vec3();
+const tempVec3b$o = math.vec3();
 math.vec3();
 const zeroVec$2 = math.vec3([0, -1, 0]);
 const tempQuat = math.vec4([0, 0, 0, 1]);
@@ -52194,7 +52308,7 @@ class ImagePlane extends Component {
             const dist = -math.dotVec3(negDir, tempVec3$3);
 
             math.normalizeVec3(negDir);
-            math.mulVec3Scalar(negDir, dist, tempVec3b$p);
+            math.mulVec3Scalar(negDir, dist, tempVec3b$o);
             math.vec3PairToQuaternion(zeroVec$2, dir, tempQuat);
 
             this._node.quaternion = tempQuat;
@@ -53360,116 +53474,6 @@ class SpriteMarker extends Marker {
     }
 }
 
-const tempVec3a$t = math.vec3();
-const tempVec3b$o = math.vec3();
-const tempMat4a$h = math.mat4();
-
-/**
- * @private
- */
-class FrustumPlane {
-
-    constructor() {
-        this.normal = math.vec3();
-        this.offset = 0;
-        this.testVertex = math.vec3();
-    }
-
-    set(nx, ny, nz, offset) {
-        const s = 1.0 / Math.sqrt(nx * nx + ny * ny + nz * nz);
-        this.normal[0] = nx * s;
-        this.normal[1] = ny * s;
-        this.normal[2] = nz * s;
-        this.offset = offset * s;
-        this.testVertex[0] = (this.normal[0] >= 0.0) ? 1 : 0;
-        this.testVertex[1] = (this.normal[1] >= 0.0) ? 1 : 0;
-        this.testVertex[2] = (this.normal[2] >= 0.0) ? 1 : 0;
-    }
-}
-
-/**
- * @private
- */
-class Frustum {
-    constructor() {
-        this.planes = [
-            new FrustumPlane(), new FrustumPlane(), new FrustumPlane(),
-            new FrustumPlane(), new FrustumPlane(), new FrustumPlane()
-        ];
-    }
-}
-
-Frustum.INSIDE = 0;
-Frustum.INTERSECT = 1;
-Frustum.OUTSIDE = 2;
-
-/** @private */
-function setFrustum(frustum, viewMat, projMat) {
-
-    const m = math.mulMat4(projMat, viewMat, tempMat4a$h);
-
-    const m0 = m[0];
-    const m1 = m[1];
-    const m2 = m[2];
-    const m3 = m[3];
-    const m4 = m[4];
-    const m5 = m[5];
-    const m6 = m[6];
-    const m7 = m[7];
-    const m8 = m[8];
-    const m9 = m[9];
-    const m10 = m[10];
-    const m11 = m[11];
-    const m12 = m[12];
-    const m13 = m[13];
-    const m14 = m[14];
-    const m15 = m[15];
-
-    frustum.planes[0].set(m3 - m0, m7 - m4, m11 - m8, m15 - m12);
-    frustum.planes[1].set(m3 + m0, m7 + m4, m11 + m8, m15 + m12);
-    frustum.planes[2].set(m3 - m1, m7 - m5, m11 - m9, m15 - m13);
-    frustum.planes[3].set(m3 + m1, m7 + m5, m11 + m9, m15 + m13);
-    frustum.planes[4].set(m3 - m2, m7 - m6, m11 - m10, m15 - m14);
-    frustum.planes[5].set(m3 + m2, m7 + m6, m11 + m10, m15 + m14);
-}
-
-/** @private */
-function frustumIntersectsAABB3(frustum, aabb) {
-
-    let ret = Frustum.INSIDE;
-
-    const min = tempVec3a$t;
-    const max = tempVec3b$o;
-
-    min[0] = aabb[0];
-    min[1] = aabb[1];
-    min[2] = aabb[2];
-    max[0] = aabb[3];
-    max[1] = aabb[4];
-    max[2] = aabb[5];
-
-    const bminmax = [min, max];
-
-    for (let i = 0; i < 6; ++i) {
-        const plane = frustum.planes[i];
-        if (((plane.normal[0] * bminmax[plane.testVertex[0]][0]) +
-            (plane.normal[1] * bminmax[plane.testVertex[1]][1]) +
-            (plane.normal[2] * bminmax[plane.testVertex[2]][2]) +
-            (plane.offset)) < 0.0) {
-            return Frustum.OUTSIDE;
-        }
-
-        if (((plane.normal[0] * bminmax[1 - plane.testVertex[0]][0]) +
-            (plane.normal[1] * bminmax[1 - plane.testVertex[1]][1]) +
-            (plane.normal[2] * bminmax[1 - plane.testVertex[2]][2]) +
-            (plane.offset)) < 0.0) {
-            ret = Frustum.INTERSECT;
-        }
-    }
-
-    return ret;
-}
-
 /**
  * @desc Saves and restores the state of a {@link Scene}'s {@link Camera}.
  *
@@ -59176,7 +59180,6 @@ class SnapBatchingDepthBufInitRenderer extends VBOSceneModelRenderer {
         src.push("float tmp = clipPos.w;");
         src.push("clipPos.xyzw /= tmp;");
         src.push("clipPos.xy = remapClipPos(clipPos.xy);");
-        src.push("clipPos.z += 0.0001;"); // small Z offset
         src.push("clipPos.xyzw *= tmp;");
         {
             src.push("vFragDepth = 1.0 + clipPos.w;");
@@ -59234,7 +59237,10 @@ class SnapBatchingDepthBufInitRenderer extends VBOSceneModelRenderer {
             src.push("  }");
         }
         {
-            src.push("    gl_FragDepth = isPerspective == 0.0 ? gl_FragCoord.z : log2( vFragDepth ) * logDepthBufFC * 0.5;");
+            src.push("    float dx = dFdx(vFragDepth);");
+            src.push("    float dy = dFdy(vFragDepth);");
+            src.push("    float diff = sqrt(dx*dx+dy*dy);");
+            src.push("    gl_FragDepth = isPerspective == 0.0 ? gl_FragCoord.z : log2( vFragDepth + diff ) * logDepthBufFC * 0.5;");
         }
         src.push("outCoords = ivec4(relativeToOriginPosition.xyz*coordinateScaler.xyz, -layerNumber);");
         src.push("}");
@@ -64262,7 +64268,6 @@ class SnapInstancingDepthBufInitRenderer extends VBOSceneModelRenderer {
         src.push("float tmp = clipPos.w;");
         src.push("clipPos.xyzw /= tmp;");
         src.push("clipPos.xy = remapClipPos(clipPos.xy);");
-        src.push("clipPos.z += 0.0001;"); // small Z offset
         src.push("clipPos.xyzw *= tmp;");
         {
             src.push("vFragDepth = 1.0 + clipPos.w;");
@@ -64320,7 +64325,10 @@ class SnapInstancingDepthBufInitRenderer extends VBOSceneModelRenderer {
             src.push("}");
         }
         {
-            src.push("    gl_FragDepth = isPerspective == 0.0 ? gl_FragCoord.z : log2( vFragDepth ) * logDepthBufFC * 0.5;");
+            src.push("    float dx = dFdx(vFragDepth);");
+            src.push("    float dy = dFdy(vFragDepth);");
+            src.push("    float diff = sqrt(dx*dx+dy*dy);");
+            src.push("    gl_FragDepth = isPerspective == 0.0 ? gl_FragCoord.z : log2( vFragDepth + diff ) * logDepthBufFC * 0.5;");
         }
         src.push("outCoords = ivec4(relativeToOriginPosition.xyz*coordinateScaler.xyz, -layerNumber);");
         src.push("}");
@@ -73268,9 +73276,9 @@ class TrianglesDataTextureColorRenderer {
 
         src.push("uniform int renderPass;");
 
-        if (scene.entityOffsetsEnabled) {
-            src.push("in vec3 offset;");
-        }
+        // if (scene.entityOffsetsEnabled) {
+        //     src.push("in vec3 offset;");
+        // }
 
         src.push("uniform mat4 sceneModelWorldMatrix;");
         src.push("uniform mat4 viewMatrix;");
@@ -74036,7 +74044,6 @@ const defaultColor = new Float32Array([0, 0, 0, 1]);
 
 const tempVec3a$i = math.vec3();
 const tempVec3b$e = math.vec3();
-math.vec3();
 const tempVec3d$8 = math.vec3();
 const tempMat4a$9 = math.mat4();
 
@@ -74099,8 +74106,7 @@ class TrianglesDataTextureEdgesRenderer {
         if (gotOrigin || gotPosition) {
             const rtcOrigin = tempVec3a$i;
             if (gotOrigin) {
-                const rotatedOrigin = tempVec3b$e;
-                math.transformPoint3(rotationMatrix, origin, rotatedOrigin);
+                const rotatedOrigin = math.transformPoint3(rotationMatrix, origin, tempVec3b$e);
                 rtcOrigin[0] = rotatedOrigin[0];
                 rtcOrigin[1] = rotatedOrigin[1];
                 rtcOrigin[2] = rotatedOrigin[2];
@@ -74282,9 +74288,9 @@ class TrianglesDataTextureEdgesRenderer {
 
         src.push("uniform int renderPass;");
 
-        if (scene.entityOffsetsEnabled) {
-            src.push("in vec3 offset;");
-        }
+        // if (scene.entityOffsetsEnabled) {
+        //     src.push("in vec3 offset;");
+        // }
 
         src.push("uniform mat4 sceneModelWorldMatrix;");
         src.push("uniform mat4 viewMatrix;");
@@ -74369,7 +74375,7 @@ class TrianglesDataTextureEdgesRenderer {
         // get XYZ offset
         src.push("vec4 offset = vec4(texelFetch (uTexturePerObjectIdOffsets, objectIndexCoords, 0).rgb, 0.0);");
 
-        src.push("worldPosition.xyz = worldPosition.xyz + offset.xyz;");
+        src.push("worldPosition.xyz = worldPosition.xyz + offset.xyz + vec3(110.0,50.0, 10.0);");
 
         src.push("      vec4 viewPosition  = viewMatrix * worldPosition; ");
 
@@ -74519,8 +74525,7 @@ class TrianglesDataTextureEdgesColorRenderer {
         if (gotOrigin || gotPosition) {
             const rtcOrigin = tempVec3a$h;
             if (gotOrigin) {
-                const rotatedOrigin = tempVec3b$d;
-                math.transformPoint3(rotationMatrix, origin, rotatedOrigin);
+                const rotatedOrigin = math.transformPoint3(rotationMatrix, origin, tempVec3b$d);
                 rtcOrigin[0] = rotatedOrigin[0];
                 rtcOrigin[1] = rotatedOrigin[1];
                 rtcOrigin[2] = rotatedOrigin[2];
@@ -74787,7 +74792,7 @@ class TrianglesDataTextureEdgesColorRenderer {
         // get XYZ offset
         src.push("vec4 offset = vec4(texelFetch (uTexturePerObjectIdOffsets, objectIndexCoords, 0).rgb, 0.0);");
 
-      //  src.push("worldPosition.xyz = worldPosition.xyz + offset.xyz;");
+        src.push("worldPosition.xyz = worldPosition.xyz + offset.xyz;");
 
         src.push("      vec4 viewPosition  = viewMatrix * worldPosition; ");
 
@@ -76555,7 +76560,6 @@ class TrianglesDataTextureSnapDepthBufInitRenderer {
         src.push("float tmp = clipPos.w;");
         src.push("clipPos.xyzw /= tmp;");
         src.push("clipPos.xy = remapClipPos(clipPos.xy);");
-        src.push("clipPos.z += 0.0001;"); // small Z offset
         src.push("clipPos.xyzw *= tmp;");
         {
             src.push("vFragDepth = 1.0 + clipPos.w;");
@@ -76613,7 +76617,10 @@ class TrianglesDataTextureSnapDepthBufInitRenderer {
             src.push("  }");
         }
         {
-            src.push("    gl_FragDepth = isPerspective == 0.0 ? gl_FragCoord.z : log2( vFragDepth ) * logDepthBufFC * 0.5;");
+            src.push("    float dx = dFdx(vFragDepth);");
+            src.push("    float dy = dFdy(vFragDepth);");
+            src.push("    float diff = sqrt(dx*dx+dy*dy);");
+            src.push("    gl_FragDepth = isPerspective == 0.0 ? gl_FragCoord.z : log2( vFragDepth + diff ) * logDepthBufFC * 0.5;");
         }
         src.push("outCoords = ivec4(relativeToOriginPosition.xyz * uCoordinateScaler.xyz, - uLayerNumber);");
         src.push("}");
@@ -82912,7 +82919,7 @@ class SceneModel extends Component {
             cfg.primitive = "triangles";
         }
         if (cfg.primitive !== "points" && cfg.primitive !== "lines" && cfg.primitive !== "triangles" && cfg.primitive !== "solid" && cfg.primitive !== "surface") {
-            this.error(`[createGeometry] Unsupported value for 'primitive': '${primitive}' - supported values are 'points', 'lines', 'triangles', 'solid' and 'surface'. Defaulting to 'triangles'.`);
+            this.error(`[createGeometry] Unsupported value for 'primitive': '${cfg.primitive}' - supported values are 'points', 'lines', 'triangles', 'solid' and 'surface'. Defaulting to 'triangles'.`);
             return;
         }
         if (!cfg.positions && !cfg.positionsCompressed && !cfg.buckets) {
@@ -85862,12 +85869,13 @@ class MousePickHandler {
             }
 
             const hoverSubs = cameraControl.hasSubs("hover");
+            const hoverEnterSubs = cameraControl.hasSubs("hoverEnter");
             const hoverOutSubs = cameraControl.hasSubs("hoverOut");
             const hoverOffSubs = cameraControl.hasSubs("hoverOff");
             const hoverSurfaceSubs = cameraControl.hasSubs("hoverSurface");
             const hoverSnapOrSurfaceSubs = cameraControl.hasSubs("hoverSnapOrSurface");
 
-            if (hoverSubs || hoverOutSubs || hoverOffSubs || hoverSurfaceSubs || hoverSnapOrSurfaceSubs) {
+            if (hoverSubs || hoverEnterSubs || hoverOutSubs || hoverOffSubs || hoverSurfaceSubs || hoverSnapOrSurfaceSubs) {
 
                 pickController.pickCursorPos = states.pointerCanvasPos;
                 pickController.schedulePickEntity = true;
@@ -106894,8 +106902,8 @@ function CubeTextureCanvas(viewer, navCubeScene, cfg = {}) {
     const facesZUp = [
         {boundary: [6, 6, 6, 6], color: cfg.frontColor || cfg.color || "#55FF55"},
         {boundary: [18, 6, 6, 6], color: cfg.backColor || cfg.color || "#55FF55"},
-        {boundary: [12, 6, 6, 6], color: cfg.leftColor || cfg.color || "#FF5555"},
-        {boundary: [0, 6, 6, 6], color: cfg.rightColor || cfg.color || "#FF5555"},
+        {boundary: [12, 6, 6, 6], color: cfg.rightColor || cfg.color || "#FF5555"},
+        {boundary: [0, 6, 6, 6], color: cfg.leftColor || cfg.color || "#FF5555"},
         {boundary: [6, 0, 6, 6], color: cfg.topColor || cfg.color || "#7777FF"},
         {boundary: [6, 12, 6, 6], color: cfg.bottomColor || cfg.color || "#7777FF"}
     ];
@@ -106932,8 +106940,8 @@ function CubeTextureCanvas(viewer, navCubeScene, cfg = {}) {
     [
         {boundary: [6, 6, 6, 6], color: cfg.frontColor || cfg.color || "#55FF55"},
         {boundary: [18, 6, 6, 6], color: cfg.backColor || cfg.color || "#55FF55"},
-        {boundary: [12, 6, 6, 6], color: cfg.leftColor || cfg.color || "#FF5555"},
-        {boundary: [0, 6, 6, 6], color: cfg.rightColor || cfg.color || "#FF5555"},
+        {boundary: [12, 6, 6, 6], color: cfg.rightColor || cfg.color || "#FF5555"},
+        {boundary: [0, 6, 6, 6], color: cfg.leftColor || cfg.color || "#FF5555"},
         {boundary: [6, 0, 6, 6], color: cfg.topColor || cfg.color || "#7777FF"},
         {boundary: [6, 12, 6, 6], color: cfg.bottomColor || cfg.color || "#7777FF"}
     ];