@xeokit/xeokit-sdk 2.6.65 → 2.6.66

package/dist/xeokit-sdk.es.js

@@ -1307,7 +1307,7 @@ class PointerLens {
 let doublePrecision = true;
 let FloatArrayType = doublePrecision ? Float64Array : Float32Array;
 
-const tempVec3a$N = new FloatArrayType(3);
+const tempVec3a$O = new FloatArrayType(3);
 
 const tempMat1 = new FloatArrayType(16);
 const tempMat2 = new FloatArrayType(16);
@@ -6677,10 +6677,10 @@ math.buildEdgeIndices = (function () {
  */
 math.planeClipsPositions3 = function (pos, dir, positions, numElementsPerPosition = 3) {
     for (let i = 0, len = positions.length; i < len; i += numElementsPerPosition) {
-        tempVec3a$N[0] = positions[i + 0] - pos[0];
-        tempVec3a$N[1] = positions[i + 1] - pos[1];
-        tempVec3a$N[2] = positions[i + 2] - pos[2];
-        let dotProduct = tempVec3a$N[0] * dir[0] + tempVec3a$N[1] * dir[1] + tempVec3a$N[2] * dir[2];
+        tempVec3a$O[0] = positions[i + 0] - pos[0];
+        tempVec3a$O[1] = positions[i + 1] - pos[1];
+        tempVec3a$O[2] = positions[i + 2] - pos[2];
+        let dotProduct = tempVec3a$O[0] * dir[0] + tempVec3a$O[1] * dir[1] + tempVec3a$O[2] * dir[2];
         if (dotProduct < 0) {
             return true;
         }
@@ -8560,8 +8560,8 @@ class Component {
     }
 }
 
-const tempVec3a$M = math.vec3();
-const tempVec3b$A = math.vec3();
+const tempVec3a$N = math.vec3();
+const tempVec3b$B = math.vec3();
 const tempMat4a$s = math.mat4();
 
 /**
@@ -8638,8 +8638,8 @@ function frustumIntersectsAABB3(frustum, aabb) {
 
     let ret = Frustum$1.INSIDE;
 
-    const min = tempVec3a$M;
-    const max = tempVec3b$A;
+    const min = tempVec3a$N;
+    const max = tempVec3b$B;
 
     min[0] = aabb[0];
     min[1] = aabb[1];
@@ -9274,7 +9274,7 @@ class PointerCircle {
     }
 
     /**
-     * Stop the shricking circle and hide it.
+     * Stop the shrinking circle and hide it.
      */
     stop() {
         if (this._destroyed) {
@@ -10258,7 +10258,7 @@ class Wire {
     }
 }
 
-const tempVec3a$L = math.vec3();
+const tempVec3a$M = math.vec3();
 const tempVec4$1  = math.vec4();
 
 /**
@@ -10339,7 +10339,7 @@ function worldToRTCPos(worldPos, rtcCenter, rtcPos) {
  */
 function worldToRTCPositions(worldPositions, rtcPositions, rtcCenter, cellSize = 1000) {
 
-    const center = math.getPositionsCenter(worldPositions, tempVec3a$L);
+    const center = math.getPositionsCenter(worldPositions, tempVec3a$M);
 
     const rtcCenterX = Math.round(center[0] / cellSize) * cellSize;
     const rtcCenterY = Math.round(center[1] / cellSize) * cellSize;
@@ -10393,7 +10393,7 @@ function getPlaneRTCPos(dist, dir, rtcOrigin, rtcPlanePos, originMatrix) {
                        ? (tempVec4$1.set(rtcOrigin, 0), tempVec4$1[3] = 1, math.mulMat4v4(originMatrix, tempVec4$1, tempVec4$1))
                        : rtcOrigin);
     const rtcCenterToPlaneDist = math.dotVec3(dir, rtcCenter) + dist;
-    const dirNormalized = math.normalizeVec3(dir, tempVec3a$L);
+    const dirNormalized = math.normalizeVec3(dir, tempVec3a$M);
     math.mulVec3Scalar(dirNormalized, -rtcCenterToPlaneDist, rtcPlanePos);
     return rtcPlanePos;
 }
@@ -11181,7 +11181,7 @@ class SceneModelEntity {
     }
 }
 
-const tempVec4a$b = math.vec4();
+const tempVec4a$c = math.vec4();
 const tempVec4b$7 = math.vec4();
 
 
@@ -11341,9 +11341,9 @@ class Marker extends Component {
             this.fire("viewPos", this._viewPos);
         }
         if (this._canvasPosDirty) {
-            tempVec4a$b.set(this._viewPos);
-            tempVec4a$b[3] = 1.0;
-            math.transformPoint4(this.scene.camera.projMatrix, tempVec4a$b, tempVec4b$7);
+            tempVec4a$c.set(this._viewPos);
+            tempVec4a$c[3] = 1.0;
+            math.transformPoint4(this.scene.camera.projMatrix, tempVec4a$c, tempVec4b$7);
             const aabb = this.scene.canvas.boundary;
             this._canvasPos[0] = Math.floor((1 + tempVec4b$7[0] / tempVec4b$7[3]) * aabb[2] / 2);
             this._canvasPos[1] = Math.floor((1 - tempVec4b$7[1] / tempVec4b$7[3]) * aabb[3] / 2);
@@ -14738,8 +14738,8 @@ class AngleMeasurementEditTouchControl extends AngleMeasurementEditControl {
     }
 }
 
-const tempVec3a$K = math.vec3();
-const tempVec3b$z = math.vec3();
+const tempVec3a$L = math.vec3();
+const tempVec3b$A = math.vec3();
 const tempVec3c$v = math.vec3();
 
 /**
@@ -14988,9 +14988,9 @@ class Annotation extends Marker {
         if (!pickResult.worldPos || !pickResult.worldNormal) {
             this.error("Param 'pickResult' does not have both worldPos and worldNormal");
         } else {
-            const normalizedWorldNormal = math.normalizeVec3(pickResult.worldNormal, tempVec3a$K);
+            const normalizedWorldNormal = math.normalizeVec3(pickResult.worldNormal, tempVec3a$L);
             const offset = (this.plugin && this.plugin.surfaceOffset) || 0;
-            const offsetVec = math.mulVec3Scalar(normalizedWorldNormal, offset, tempVec3b$z);
+            const offsetVec = math.mulVec3Scalar(normalizedWorldNormal, offset, tempVec3b$A);
             const offsetWorldPos = math.addVec3(pickResult.worldPos, offsetVec, tempVec3c$v);
             this.entity = pickResult.entity;
             this.worldPos = offsetWorldPos;
@@ -17860,7 +17860,7 @@ class OcclusionLayer {
 const MARKER_COLOR = math.vec3([1.0, 0.0, 0.0]);
 const POINT_SIZE = 20;
 
-const tempVec3a$J = math.vec3();
+const tempVec3a$K = math.vec3();
 
 /**
  * Manages occlusion testing. Private member of a Renderer.
@@ -18199,7 +18199,7 @@ class OcclusionTester {
                         gl.uniform1i(sectionPlaneUniforms.active, active ? 1 : 0);
                         if (active) {
                             const sectionPlane = sectionPlanes[sectionPlaneIndex];
-                            gl.uniform3fv(sectionPlaneUniforms.pos, getPlaneRTCPos(sectionPlane.dist, sectionPlane.dir, origin, tempVec3a$J));
+                            gl.uniform3fv(sectionPlaneUniforms.pos, getPlaneRTCPos(sectionPlane.dist, sectionPlane.dir, origin, tempVec3a$K));
                             gl.uniform3fv(sectionPlaneUniforms.dir, sectionPlane.dir);
                         }
                     }
@@ -20299,6 +20299,9 @@ const Renderer$1 = function (scene, options) {
                 pickProjMatrix = scene.camera.projMatrix;
                 projection     = scene.camera.projection;
 
+                nearAndFar[0] = scene.camera.project.near;
+                nearAndFar[1] = scene.camera.project.far;
+
                 pickResult.canvasPos = params.canvasPos;
 
             } else {
@@ -20312,6 +20315,9 @@ const Renderer$1 = function (scene, options) {
                     pickProjMatrix = scene.camera.projMatrix;
                     projection     = scene.camera.projection;
 
+                    nearAndFar[0] = scene.camera.project.near;
+                    nearAndFar[1] = scene.camera.project.far;
+
                 } else {
 
                     worldRayOrigin.set(params.origin || [0, 0, 0]);
@@ -20331,6 +20337,9 @@ const Renderer$1 = function (scene, options) {
                     pickProjMatrix = scene.camera.ortho.matrix;
                     projection     = "ortho";
 
+                    nearAndFar[0] = scene.camera.ortho.near;
+                    nearAndFar[1] = scene.camera.ortho.far;
+
                     pickResult.origin = worldRayOrigin;
                     pickResult.direction = worldRayDir;
                 }
@@ -20385,9 +20394,6 @@ const Renderer$1 = function (scene, options) {
 
                     if (pickable.canPickWorldPos && pickable.canPickWorldPos()) {
 
-                        nearAndFar[0] = scene.camera.project.near;
-                        nearAndFar[1] = scene.camera.project.far;
-
                         gpuPickWorldPos(pickBuffer, pickable, canvasPos, pickViewMatrix, pickProjMatrix, nearAndFar, pickResult);
 
                         if (params.pickSurfaceNormal !== false) {
@@ -23805,12 +23811,12 @@ class CustomProjection extends Component {
 }
 
 const tempVec3$6 = math.vec3();
-const tempVec3b$y = math.vec3();
+const tempVec3b$z = math.vec3();
 const tempVec3c$u = math.vec3();
 const tempVec3d$d = math.vec3();
 const tempVec3e$2 = math.vec3();
 const tempVec3f$2 = math.vec3();
-const tempVec4a$a = math.vec4();
+const tempVec4a$b = math.vec4();
 const tempVec4b$6 = math.vec4();
 const tempVec4c$2 = math.vec4();
 const tempMat = math.mat4();
@@ -24118,7 +24124,7 @@ class Camera extends Component {
     orbitYaw(angleInc) {
         let lookEyeVec = math.subVec3(this._eye, this._look, tempVec3$6);
         math.rotationMat4v(angleInc * 0.0174532925, this._gimbalLock ? this._worldUp : this._up, tempMat);
-        lookEyeVec = math.transformPoint3(tempMat, lookEyeVec, tempVec3b$y);
+        lookEyeVec = math.transformPoint3(tempMat, lookEyeVec, tempVec3b$z);
         this.eye = math.addVec3(this._look, lookEyeVec, tempVec3c$u); // Set eye position as 'look' plus 'eye' vector
         this.up = math.transformPoint3(tempMat, this._up, tempVec3d$d); // Rotate 'up' vector
     }
@@ -24136,7 +24142,7 @@ class Camera extends Component {
             }
         }
         let eye2 = math.subVec3(this._eye, this._look, tempVec3$6);
-        const left = math.cross3Vec3(math.normalizeVec3(eye2, tempVec3b$y), math.normalizeVec3(this._up, tempVec3c$u));
+        const left = math.cross3Vec3(math.normalizeVec3(eye2, tempVec3b$z), math.normalizeVec3(this._up, tempVec3c$u));
         math.rotationMat4v(angleInc * 0.0174532925, left, tempMat);
         eye2 = math.transformPoint3(tempMat, eye2, tempVec3d$d);
         this.up = math.transformPoint3(tempMat, this._up, tempVec3e$2);
@@ -24151,7 +24157,7 @@ class Camera extends Component {
     yaw(angleInc) {
         let look2 = math.subVec3(this._look, this._eye, tempVec3$6);
         math.rotationMat4v(angleInc * 0.0174532925, this._gimbalLock ? this._worldUp : this._up, tempMat);
-        look2 = math.transformPoint3(tempMat, look2, tempVec3b$y);
+        look2 = math.transformPoint3(tempMat, look2, tempVec3b$z);
         this.look = math.addVec3(look2, this._eye, tempVec3c$u);
         if (this._gimbalLock) {
             this.up = math.transformPoint3(tempMat, this._up, tempVec3d$d);
@@ -24171,7 +24177,7 @@ class Camera extends Component {
             }
         }
         let look2 = math.subVec3(this._look, this._eye, tempVec3$6);
-        const left = math.cross3Vec3(math.normalizeVec3(look2, tempVec3b$y), math.normalizeVec3(this._up, tempVec3c$u));
+        const left = math.cross3Vec3(math.normalizeVec3(look2, tempVec3b$z), math.normalizeVec3(this._up, tempVec3c$u));
         math.rotationMat4v(angleInc * 0.0174532925, left, tempMat);
         this.up = math.transformPoint3(tempMat, this._up, tempVec3f$2);
         look2 = math.transformPoint3(tempMat, look2, tempVec3d$d);
@@ -24188,7 +24194,7 @@ class Camera extends Component {
         const vec = [0, 0, 0];
         let v;
         if (pan[0] !== 0) {
-            const left = math.cross3Vec3(math.normalizeVec3(eye2, []), math.normalizeVec3(this._up, tempVec3b$y));
+            const left = math.cross3Vec3(math.normalizeVec3(eye2, []), math.normalizeVec3(this._up, tempVec3b$z));
             v = math.mulVec3Scalar(left, pan[0]);
             vec[0] += v[0];
             vec[1] += v[1];
@@ -24217,7 +24223,7 @@ class Camera extends Component {
      */
     zoom(delta) {
         const vec = math.subVec3(this._eye, this._look, tempVec3$6);
-        const lenLook = Math.abs(math.lenVec3(vec, tempVec3b$y));
+        const lenLook = Math.abs(math.lenVec3(vec, tempVec3b$z));
         const newLenLook = Math.abs(lenLook + delta);
         if (newLenLook < 0.5) {
             return;
@@ -24676,7 +24682,7 @@ class Camera extends Component {
      * @returns {[number, number]} the canvas position
      */
     projectWorldPos(worldPos) {
-        const _worldPos = tempVec4a$a;
+        const _worldPos = tempVec4a$b;
         const viewPos = tempVec4b$6;
         const screenPos = tempVec4c$2;
         _worldPos[0] = worldPos[0];
@@ -34761,7 +34767,7 @@ function buildFragmentDraw(mesh) {
  * @author xeolabs / https://github.com/xeolabs
  */
 
-const tempVec3a$I = math.vec3();
+const tempVec3a$J = math.vec3();
 
 const ids$2 = new Map$1({});
 
@@ -34863,7 +34869,7 @@ DrawRenderer.prototype.drawMesh = function (frameCtx, mesh) {
                         if (active) {
                             const sectionPlane = sectionPlanes[sectionPlaneIndex];
                             if (origin) {
-                                const rtcSectionPlanePos = getPlaneRTCPos(sectionPlane.dist, sectionPlane.dir, origin, tempVec3a$I);
+                                const rtcSectionPlanePos = getPlaneRTCPos(sectionPlane.dist, sectionPlane.dir, origin, tempVec3a$J);
                                 gl.uniform3fv(sectionPlaneUniforms.pos, rtcSectionPlanePos);
                             } else {
                                 gl.uniform3fv(sectionPlaneUniforms.pos, sectionPlane.pos);
@@ -36009,7 +36015,7 @@ function buildFragment$5(mesh) {
 
 const ids$1 = new Map$1({});
 
-const tempVec3a$H = math.vec3();
+const tempVec3a$I = math.vec3();
 
 /**
  * @private
@@ -36096,7 +36102,7 @@ EmphasisFillRenderer.prototype.drawMesh = function (frameCtx, mesh, mode) {
                         if (active) {
                             const sectionPlane = sectionPlanes[sectionPlaneIndex];
                             if (origin) {
-                                const rtcSectionPlanePos = getPlaneRTCPos(sectionPlane.dist, sectionPlane.dir, origin, tempVec3a$H);
+                                const rtcSectionPlanePos = getPlaneRTCPos(sectionPlane.dist, sectionPlane.dir, origin, tempVec3a$I);
                                 gl.uniform3fv(sectionPlaneUniforms.pos, rtcSectionPlanePos);
                             } else {
                                 gl.uniform3fv(sectionPlaneUniforms.pos, sectionPlane.pos);
@@ -36440,7 +36446,7 @@ function buildFragment$4(mesh) {
 
 const ids = new Map$1({});
 
-const tempVec3a$G = math.vec3();
+const tempVec3a$H = math.vec3();
 
 /**
  * @private
@@ -36526,7 +36532,7 @@ EmphasisEdgesRenderer.prototype.drawMesh = function (frameCtx, mesh, mode) {
                         if (active) {
                             const sectionPlane = sectionPlanes[sectionPlaneIndex];
                             if (origin) {
-                                const rtcSectionPlanePos = getPlaneRTCPos(sectionPlane.dist, sectionPlane.dir, origin, tempVec3a$G);
+                                const rtcSectionPlanePos = getPlaneRTCPos(sectionPlane.dist, sectionPlane.dir, origin, tempVec3a$H);
                                 gl.uniform3fv(sectionPlaneUniforms.pos, rtcSectionPlanePos);
                             } else {
                                 gl.uniform3fv(sectionPlaneUniforms.pos, sectionPlane.pos);
@@ -36839,7 +36845,7 @@ function buildFragment$3(mesh) {
  * @author xeolabs / https://github.com/xeolabs
  */
 
-const tempVec3a$F = math.vec3();
+const tempVec3a$G = math.vec3();
 
 // No ID, because there is exactly one PickMeshRenderer per scene
 
@@ -36926,7 +36932,7 @@ PickMeshRenderer.prototype.drawMesh = function (frameCtx, mesh) {
                         if (active) {
                             const sectionPlane = sectionPlanes[sectionPlaneIndex];
                             if (origin) {
-                                const rtcSectionPlanePos = getPlaneRTCPos(sectionPlane.dist, sectionPlane.dir, origin, tempVec3a$F);
+                                const rtcSectionPlanePos = getPlaneRTCPos(sectionPlane.dist, sectionPlane.dir, origin, tempVec3a$G);
                                 gl.uniform3fv(sectionPlaneUniforms.pos, rtcSectionPlanePos);
                             } else {
                                 gl.uniform3fv(sectionPlaneUniforms.pos, sectionPlane.pos);
@@ -37178,7 +37184,7 @@ function buildFragment$2(mesh) {
  * @author xeolabs / https://github.com/xeolabs
  */
 
-const tempVec3a$E = math.vec3();
+const tempVec3a$F = math.vec3();
 
 /**
  * @private
@@ -37273,7 +37279,7 @@ PickTriangleRenderer.prototype.drawMesh = function (frameCtx, mesh) {
                         if (active) {
                             const sectionPlane = sectionPlanes[sectionPlaneIndex];
                             if (origin) {
-                                const rtcSectionPlanePos = getPlaneRTCPos(sectionPlane.dist, sectionPlane.dir, origin, tempVec3a$E);
+                                const rtcSectionPlanePos = getPlaneRTCPos(sectionPlane.dist, sectionPlane.dir, origin, tempVec3a$F);
                                 gl.uniform3fv(sectionPlaneUniforms.pos, rtcSectionPlanePos);
                             } else {
                                 gl.uniform3fv(sectionPlaneUniforms.pos, sectionPlane.pos);
@@ -37522,7 +37528,7 @@ function buildFragment$1(mesh) {
  * @author xeolabs / https://github.com/xeolabs
  */
 
-const tempVec3a$D = math.vec3();
+const tempVec3a$E = math.vec3();
 
 // No ID, because there is exactly one PickMeshRenderer per scene
 
@@ -37637,7 +37643,7 @@ OcclusionRenderer.prototype.drawMesh = function (frameCtx, mesh) {
                         if (active) {
                             const sectionPlane = sectionPlanes[sectionPlaneIndex];
                             if (origin) {
-                                const rtcSectionPlanePos = getPlaneRTCPos(sectionPlane.dist, sectionPlane.dir, origin, tempVec3a$D);
+                                const rtcSectionPlanePos = getPlaneRTCPos(sectionPlane.dist, sectionPlane.dir, origin, tempVec3a$E);
                                 gl.uniform3fv(sectionPlaneUniforms.pos, rtcSectionPlanePos);
                             } else {
                                 gl.uniform3fv(sectionPlaneUniforms.pos, sectionPlane.pos);
@@ -42882,7 +42888,12 @@ class AxisGizmoPlugin extends Plugin {
     }
 }
 
-math.vec3();
+const tempVec3a$D = math.vec3();
+const tempVec3b$y = math.vec3();
+const tempVec4a$a = math.vec4();
+const front = math.vec3([0,  0, -1]);
+const back  = math.vec3([0,  0,  1]);
+const up    = math.vec3([0,  1,  0]);
 
 /**
  *  @desc An arbitrarily-aligned World-space clipping plane.
@@ -42954,6 +42965,8 @@ class SectionPlane extends Component {
         this._state = new RenderState({
             active: true,
             pos: math.vec3(),
+            quaternion: math.vec4(),
+            roll: 0,
             dir: math.vec3(),
             dist: 0
         });
@@ -43015,6 +43028,59 @@ class SectionPlane extends Component {
         return this._state.pos;
     }
 
+    /**
+     * Sets the quaternion of this SectionPlane's plane.
+     *
+     * Default value is ````[0, -1, 0, 0]````.
+     *
+     * @param {Number[]} value New quaternion.
+     */
+    set quaternion(value) {
+        this._state.quaternion.set(value || [0, 0, 0, -1]);
+        math.vec3ApplyQuaternion(this._state.quaternion, back, this._state.dir);
+        const quatUp = math.vec3ApplyQuaternion(this._state.quaternion, up, tempVec3a$D);
+        const dirOnlyQ = math.vec3PairToQuaternion(back, this._state.dir, tempVec4a$a);
+        const dirOnlyUp = math.vec3ApplyQuaternion(dirOnlyQ, up, tempVec3b$y);
+        const angle = Math.acos(Math.min(1, math.dotVec3(quatUp, dirOnlyUp)));
+        const sign = Math.sign(math.dotVec3(this._state.dir, math.cross3Vec3(quatUp, dirOnlyUp, tempVec3b$y)));
+        this._state.roll = sign * angle;
+        this._onDirUpdated();
+    }
+
+    /**
+     * Gets the quaternion of this SectionPlane's plane.
+     *
+     * Default value is ````[0, -1, 0, 0]````.
+     *
+     * @returns {Number[]} value Current quaternion.
+     */
+    get quaternion() {
+        return this._state.quaternion;
+    }
+
+    /**
+     * Sets the roll of this SectionPlane's plane.
+     *
+     * Default value is ````0````.
+     *
+     * @param {Number[]} value New roll.
+     */
+    set roll(value) {
+        this._state.roll = value || 0;
+        this._onDirRollUpdated();
+    }
+
+    /**
+     * Gets the roll of this SectionPlane's plane.
+     *
+     * Default value is ````0````.
+     *
+     * @returns {Number[]} value Current roll.
+     */
+    get roll() {
+        return this._state.roll;
+    }
+
     /**
      * Sets the direction of this SectionPlane's plane.
      *
@@ -43023,7 +43089,25 @@ class SectionPlane extends Component {
      * @param {Number[]} value New direction.
      */
     set dir(value) {
-        this._state.dir.set(value || [0, 0, -1]);
+        this._state.dir.set(value || front);
+        this._onDirRollUpdated();
+    }
+
+    _onDirRollUpdated() {
+        math.vec3PairToQuaternion(back, this._state.dir, this._state.quaternion);
+
+        tempVec4a$a[0] = 0;
+        tempVec4a$a[1] = 0;
+        tempVec4a$a[2] = -1;
+        tempVec4a$a[3] = this._state.roll;
+        math.angleAxisToQuaternion(tempVec4a$a, tempVec4a$a);
+
+        math.mulQuaternions(this._state.quaternion, tempVec4a$a, this._state.quaternion);
+
+        this._onDirUpdated();
+    }
+
+    _onDirUpdated() {
         this._state.dist = (-math.dotVec3(this._state.pos, this._state.dir));
         this.glRedraw();
         this.fire("dir", this._state.dir);
@@ -52680,7 +52764,10 @@ class TrianglesColorRenderer$1 extends TrianglesBatchingRenderer {
         }
 
         if (scene.logarithmicDepthBufferEnabled) {
-            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;");
         }
 
         if (this._withSAO) {
@@ -58031,7 +58118,10 @@ class TrianglesColorRenderer extends TrianglesInstancingRenderer {
         }
 
         if (scene.logarithmicDepthBufferEnabled) {
-            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;");
         }
 
         // Doing SAO blend in the main solid fill draw shader just so that edge lines can be drawn over the top
@@ -84476,6 +84566,7 @@ class SceneModel extends Component {
     set matrix(value) {
         this._matrix.set(value || DEFAULT_MATRIX);
         math.decomposeMat4(this._matrix, this._position, this._quaternion, this._scale);
+        math.quaternionToEuler(this._quaternion, "XYZ", this._rotation);
         this._matrixDirty = false;
         this._setWorldMatrixDirty();
         this._sceneModelDirty();
@@ -93251,7 +93342,7 @@ CameraPathAnimation.PLAYING_TO = 3;
 const tempVec3$3 = math.vec3();
 const tempVec3b$5 = math.vec3();
 math.vec3();
-const zeroVec$2 = math.vec3([0, -1, 0]);
+const zeroVec$1 = math.vec3([0, -1, 0]);
 const tempQuat = math.vec4([0, 0, 0, 1]);
 
 /**
@@ -93678,7 +93769,7 @@ class ImagePlane extends Component {
 
             math.normalizeVec3(negDir);
             math.mulVec3Scalar(negDir, dist, tempVec3b$5);
-            math.vec3PairToQuaternion(zeroVec$2, dir, tempQuat);
+            math.vec3PairToQuaternion(zeroVec$1, dir, tempQuat);
 
             this._node.quaternion = tempQuat;
         }
@@ -120717,9 +120808,6 @@ class OBJLoaderPlugin extends Plugin {
     }
 }
 
-const zeroVec$1 = new Float64Array([0, 0, 1]);
-const quat$1 = new Float64Array(4);
-
 /**
  * Controls a {@link SectionPlane} with mouse and touch input.
  *
@@ -120837,15 +120925,13 @@ class Control {
         });
 
         const handlers = { };
-        const addAxis = (rgb, axisDirection, hoopDirection) => {
+        const addAxis = (rgb, hoopRot) => {
+            math.mulVec3Scalar(rgb, -1, math.vec3());
             const material = colorMaterial(rgb);
 
-            const rotateToHorizontal = math.rotationMat4v(270 * math.DEGTORAD, [1, 0, 0], math.identityMat4());
-            const hoopRotation = math.quaternionToRotationMat4(math.vec3PairToQuaternion([ 0, 1, 0 ], hoopDirection), math.identityMat4());
-            const hoopMatrix = math.mulMat4(hoopRotation, rotateToHorizontal, math.identityMat4());
-
+            const hoopMatrix = math.quaternionToRotationMat4(hoopRot, math.identityMat4());
+            math.mulMat4(math.rotationMat4v(Math.PI, [0,1,0], math.mat4()), hoopMatrix, hoopMatrix);
             const scale = math.scaleMat4v([0.6, 0.6, 0.6], math.identityMat4());
-
             const scaledArrowMatrix = (t, matR) => {
                 const matT = math.translateMat4v(t, math.identityMat4());
                 const ret = math.identityMat4();
@@ -120914,7 +121000,8 @@ class Control {
             }), NO_STATE_INHERIT);
 
 
-            const axisRotation = math.quaternionToRotationMat4(math.vec3PairToQuaternion([ 0, 1, 0 ], axisDirection), math.identityMat4());
+            const axisRotation = math.quaternionToRotationMat4(math.vec3PairToQuaternion([ 0, 1, 0 ], rgb), math.identityMat4());
+            math.mulMat4(math.rotationMat4v(Math.PI, [0,1,0], math.mat4()), axisRotation, axisRotation);
 
             const translatedAxisMatrix = (yOffset) => math.mulMat4(axisRotation, math.translateMat4c(0, yOffset, 0, math.identityMat4()), math.identityMat4());
             const arrowMatrix = translatedAxisMatrix(arrowLength + .1);
@@ -121043,7 +121130,7 @@ class Control {
                         rootNode.rotate(rgb, (rotation - lastRotation) * 180 / Math.PI);
                         if (this._sectionPlane) {
                             ignoreNextSectionPlaneDirUpdate = true;
-                            this._sectionPlane.dir = math.vec3ApplyQuaternion(rootNode.quaternion, [0, 0, 1], tempVec3);
+                            this._sectionPlane.quaternion = rootNode.quaternion;
                         }
                         lastRotation = rotation;
                     };
@@ -121157,9 +121244,9 @@ class Control {
             //
             //----------------------------------------------------------------------------------------------------------
 
-            addAxis([1,0,0], [ 1,  0,  0 ], [ 1, 0,  0 ]),
-            addAxis([0,1,0], [ 0, -1,  0 ], [ 0, 1,  0 ]),
-            addAxis([0,0,1], [ 0,  0, -1 ], [ 0, 0, -1 ])
+            addAxis([1,0,0], math.vec3PairToQuaternion([1,0,0], [0,0,1])),
+            addAxis([0,1,0], math.eulerToQuaternion([90,0,0], "XYZ")),
+            addAxis([0,0,1], math.identityQuaternion())
         ];
 
         const cleanups = [ ];
@@ -121297,7 +121384,7 @@ class Control {
             this.id = sectionPlane.id;
             this._sectionPlane = sectionPlane;
             const setPosFromSectionPlane = () => setPos(sectionPlane.pos);
-            const setDirFromSectionPlane = () => rootNode.quaternion = math.vec3PairToQuaternion(zeroVec$1, sectionPlane.dir, quat$1);
+            const setDirFromSectionPlane = () => rootNode.quaternion = sectionPlane.quaternion;
             setPosFromSectionPlane();
             setDirFromSectionPlane();
             const onSectionPlanePos = sectionPlane.on("pos", setPosFromSectionPlane);