three-stdlib 2.15.2 → 2.16.1

package/lines/LineSegments2.js

@@ -1,38 +1,66 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const THREE = require("three");
-const LineSegmentsGeometry = require("./LineSegmentsGeometry.js");
-const LineMaterial = require("./LineMaterial.js");
-const _start = new THREE.Vector3();
-const _end = new THREE.Vector3();
-const _start4 = new THREE.Vector4();
-const _end4 = new THREE.Vector4();
-const _ssOrigin = new THREE.Vector4();
-const _ssOrigin3 = new THREE.Vector3();
-const _mvMatrix = new THREE.Matrix4();
-const _line = new THREE.Line3();
-const _closestPoint = new THREE.Vector3();
-const _box = new THREE.Box3();
-const _sphere = new THREE.Sphere();
-const _clipToWorldVector = new THREE.Vector4();
-let _ray, _instanceStart, _instanceEnd, _lineWidth;
+import { Vector3, Vector4, Matrix4, Line3, Box3, Sphere, Mesh, InstancedInterleavedBuffer, InterleavedBufferAttribute, MathUtils } from 'three';
+import { LineSegmentsGeometry } from './LineSegmentsGeometry.js';
+import { LineMaterial } from './LineMaterial.js';
+
+const _start = new Vector3();
+
+const _end = new Vector3();
+
+const _start4 = new Vector4();
+
+const _end4 = new Vector4();
+
+const _ssOrigin = new Vector4();
+
+const _ssOrigin3 = new Vector3();
+
+const _mvMatrix = new Matrix4();
+
+const _line = new Line3();
+
+const _closestPoint = new Vector3();
+
+const _box = new Box3();
+
+const _sphere = new Sphere();
+
+const _clipToWorldVector = new Vector4();
+
+let _ray, _instanceStart, _instanceEnd, _lineWidth; // Returns the margin required to expand by in world space given the distance from the camera,
+// line width, resolution, and camera projection
+
+
 function getWorldSpaceHalfWidth(camera, distance, resolution) {
-  _clipToWorldVector.set(0, 0, -distance, 1).applyMatrix4(camera.projectionMatrix);
-  _clipToWorldVector.multiplyScalar(1 / _clipToWorldVector.w);
+  // transform into clip space, adjust the x and y values by the pixel width offset, then
+  // transform back into world space to get world offset. Note clip space is [-1, 1] so full
+  // width does not need to be halved.
+  _clipToWorldVector.set(0, 0, -distance, 1.0).applyMatrix4(camera.projectionMatrix);
+
+  _clipToWorldVector.multiplyScalar(1.0 / _clipToWorldVector.w);
+
   _clipToWorldVector.x = _lineWidth / resolution.width;
   _clipToWorldVector.y = _lineWidth / resolution.height;
+
   _clipToWorldVector.applyMatrix4(camera.projectionMatrixInverse);
-  _clipToWorldVector.multiplyScalar(1 / _clipToWorldVector.w);
+
+  _clipToWorldVector.multiplyScalar(1.0 / _clipToWorldVector.w);
+
   return Math.abs(Math.max(_clipToWorldVector.x, _clipToWorldVector.y));
 }
+
 function raycastWorldUnits(lineSegments, intersects) {
   for (let i = 0, l = _instanceStart.count; i < l; i++) {
     _line.start.fromBufferAttribute(_instanceStart, i);
+
     _line.end.fromBufferAttribute(_instanceEnd, i);
-    const pointOnLine = new THREE.Vector3();
-    const point = new THREE.Vector3();
+
+    const pointOnLine = new Vector3();
+    const point = new Vector3();
+
     _ray.distanceSqToSegment(_line.start, _line.end, point, pointOnLine);
+
     const isInside = point.distanceTo(pointOnLine) < _lineWidth * 0.5;
+
     if (isInside) {
       intersects.push({
         point,
@@ -47,6 +75,7 @@ function raycastWorldUnits(lineSegments, intersects) {
     }
   }
 }
+
 function raycastScreenSpace(lineSegments, camera, intersects) {
   const projectionMatrix = camera.projectionMatrix;
   const material = lineSegments.material;
@@ -55,65 +84,114 @@ function raycastScreenSpace(lineSegments, camera, intersects) {
   const geometry = lineSegments.geometry;
   const instanceStart = geometry.attributes.instanceStart;
   const instanceEnd = geometry.attributes.instanceEnd;
-  const near = -camera.near;
-  _ray.at(1, _ssOrigin);
+  const near = -camera.near; //
+  // pick a point 1 unit out along the ray to avoid the ray origin
+  // sitting at the camera origin which will cause "w" to be 0 when
+  // applying the projection matrix.
+
+  _ray.at(1, _ssOrigin); // ndc space [ - 1.0, 1.0 ]
+
+
   _ssOrigin.w = 1;
+
   _ssOrigin.applyMatrix4(camera.matrixWorldInverse);
+
   _ssOrigin.applyMatrix4(projectionMatrix);
-  _ssOrigin.multiplyScalar(1 / _ssOrigin.w);
+
+  _ssOrigin.multiplyScalar(1 / _ssOrigin.w); // screen space
+
+
   _ssOrigin.x *= resolution.x / 2;
   _ssOrigin.y *= resolution.y / 2;
   _ssOrigin.z = 0;
+
   _ssOrigin3.copy(_ssOrigin);
+
   _mvMatrix.multiplyMatrices(camera.matrixWorldInverse, matrixWorld);
+
   for (let i = 0, l = instanceStart.count; i < l; i++) {
     _start4.fromBufferAttribute(instanceStart, i);
+
     _end4.fromBufferAttribute(instanceEnd, i);
+
     _start4.w = 1;
-    _end4.w = 1;
+    _end4.w = 1; // camera space
+
     _start4.applyMatrix4(_mvMatrix);
-    _end4.applyMatrix4(_mvMatrix);
+
+    _end4.applyMatrix4(_mvMatrix); // skip the segment if it's entirely behind the camera
+
+
     const isBehindCameraNear = _start4.z > near && _end4.z > near;
+
     if (isBehindCameraNear) {
       continue;
-    }
+    } // trim the segment if it extends behind camera near
+
+
     if (_start4.z > near) {
       const deltaDist = _start4.z - _end4.z;
       const t = (_start4.z - near) / deltaDist;
+
       _start4.lerp(_end4, t);
     } else if (_end4.z > near) {
       const deltaDist = _end4.z - _start4.z;
       const t = (_end4.z - near) / deltaDist;
+
       _end4.lerp(_start4, t);
-    }
+    } // clip space
+
+
     _start4.applyMatrix4(projectionMatrix);
-    _end4.applyMatrix4(projectionMatrix);
+
+    _end4.applyMatrix4(projectionMatrix); // ndc space [ - 1.0, 1.0 ]
+
+
     _start4.multiplyScalar(1 / _start4.w);
-    _end4.multiplyScalar(1 / _end4.w);
+
+    _end4.multiplyScalar(1 / _end4.w); // screen space
+
+
     _start4.x *= resolution.x / 2;
     _start4.y *= resolution.y / 2;
     _end4.x *= resolution.x / 2;
-    _end4.y *= resolution.y / 2;
+    _end4.y *= resolution.y / 2; // create 2d segment
+
     _line.start.copy(_start4);
+
     _line.start.z = 0;
+
     _line.end.copy(_end4);
-    _line.end.z = 0;
+
+    _line.end.z = 0; // get closest point on ray to segment
+
     const param = _line.closestPointToPointParameter(_ssOrigin3, true);
-    _line.at(param, _closestPoint);
-    const zPos = THREE.MathUtils.lerp(_start4.z, _end4.z, param);
+
+    _line.at(param, _closestPoint); // check if the intersection point is within clip space
+
+
+    const zPos = MathUtils.lerp(_start4.z, _end4.z, param);
     const isInClipSpace = zPos >= -1 && zPos <= 1;
+
     const isInside = _ssOrigin3.distanceTo(_closestPoint) < _lineWidth * 0.5;
+
     if (isInClipSpace && isInside) {
       _line.start.fromBufferAttribute(instanceStart, i);
+
       _line.end.fromBufferAttribute(instanceEnd, i);
+
       _line.start.applyMatrix4(matrixWorld);
+
       _line.end.applyMatrix4(matrixWorld);
-      const pointOnLine = new THREE.Vector3();
-      const point = new THREE.Vector3();
+
+      const pointOnLine = new Vector3();
+      const point = new Vector3();
+
       _ray.distanceSqToSegment(_line.start, _line.end, point, pointOnLine);
+
       intersects.push({
-        point,
-        pointOnLine,
+        point: point,
+        pointOnLine: pointOnLine,
         distance: _ray.origin.distanceTo(point),
         object: lineSegments,
         face: null,
@@ -124,79 +202,110 @@ function raycastScreenSpace(lineSegments, camera, intersects) {
     }
   }
 }
-class LineSegments2 extends THREE.Mesh {
-  constructor(geometry = new LineSegmentsGeometry.LineSegmentsGeometry(), material = new LineMaterial.LineMaterial({ color: Math.random() * 16777215 })) {
+
+class LineSegments2 extends Mesh {
+  constructor(geometry = new LineSegmentsGeometry(), material = new LineMaterial({
+    color: Math.random() * 0xffffff
+  })) {
     super(geometry, material);
     this.isLineSegments2 = true;
-    this.type = "LineSegments2";
-  }
+    this.type = 'LineSegments2';
+  } // for backwards-compatibility, but could be a method of LineSegmentsGeometry...
+
+
   computeLineDistances() {
     const geometry = this.geometry;
     const instanceStart = geometry.attributes.instanceStart;
     const instanceEnd = geometry.attributes.instanceEnd;
     const lineDistances = new Float32Array(2 * instanceStart.count);
+
     for (let i = 0, j = 0, l = instanceStart.count; i < l; i++, j += 2) {
       _start.fromBufferAttribute(instanceStart, i);
+
       _end.fromBufferAttribute(instanceEnd, i);
+
       lineDistances[j] = j === 0 ? 0 : lineDistances[j - 1];
       lineDistances[j + 1] = lineDistances[j] + _start.distanceTo(_end);
     }
-    const instanceDistanceBuffer = new THREE.InstancedInterleavedBuffer(lineDistances, 2, 1);
-    geometry.setAttribute("instanceDistanceStart", new THREE.InterleavedBufferAttribute(instanceDistanceBuffer, 1, 0));
-    geometry.setAttribute("instanceDistanceEnd", new THREE.InterleavedBufferAttribute(instanceDistanceBuffer, 1, 1));
+
+    const instanceDistanceBuffer = new InstancedInterleavedBuffer(lineDistances, 2, 1); // d0, d1
+
+    geometry.setAttribute('instanceDistanceStart', new InterleavedBufferAttribute(instanceDistanceBuffer, 1, 0)); // d0
+
+    geometry.setAttribute('instanceDistanceEnd', new InterleavedBufferAttribute(instanceDistanceBuffer, 1, 1)); // d1
+
     return this;
   }
+
   raycast(raycaster, intersects) {
     const worldUnits = this.material.worldUnits;
     const camera = raycaster.camera;
+
     if (camera === null && !worldUnits) {
-      console.error(
-        'LineSegments2: "Raycaster.camera" needs to be set in order to raycast against LineSegments2 while worldUnits is set to false.'
-      );
+      console.error('LineSegments2: "Raycaster.camera" needs to be set in order to raycast against LineSegments2 while worldUnits is set to false.');
     }
-    const threshold = raycaster.params.Line2 !== void 0 ? raycaster.params.Line2.threshold || 0 : 0;
+
+    const threshold = raycaster.params.Line2 !== undefined ? raycaster.params.Line2.threshold || 0 : 0;
     _ray = raycaster.ray;
     const matrixWorld = this.matrixWorld;
     const geometry = this.geometry;
     const material = this.material;
     _lineWidth = material.linewidth + threshold;
     _instanceStart = geometry.attributes.instanceStart;
-    _instanceEnd = geometry.attributes.instanceEnd;
+    _instanceEnd = geometry.attributes.instanceEnd; // check if we intersect the sphere bounds
+
     if (geometry.boundingSphere === null) {
       geometry.computeBoundingSphere();
     }
-    _sphere.copy(geometry.boundingSphere).applyMatrix4(matrixWorld);
+
+    _sphere.copy(geometry.boundingSphere).applyMatrix4(matrixWorld); // increase the sphere bounds by the worst case line screen space width
+
+
     let sphereMargin;
+
     if (worldUnits) {
       sphereMargin = _lineWidth * 0.5;
     } else {
       const distanceToSphere = Math.max(camera.near, _sphere.distanceToPoint(_ray.origin));
       sphereMargin = getWorldSpaceHalfWidth(camera, distanceToSphere, material.resolution);
     }
+
     _sphere.radius += sphereMargin;
+
     if (_ray.intersectsSphere(_sphere) === false) {
       return;
-    }
+    } // check if we intersect the box bounds
+
+
     if (geometry.boundingBox === null) {
       geometry.computeBoundingBox();
     }
-    _box.copy(geometry.boundingBox).applyMatrix4(matrixWorld);
+
+    _box.copy(geometry.boundingBox).applyMatrix4(matrixWorld); // increase the box bounds by the worst case line width
+
+
     let boxMargin;
+
     if (worldUnits) {
       boxMargin = _lineWidth * 0.5;
     } else {
       const distanceToBox = Math.max(camera.near, _box.distanceToPoint(_ray.origin));
       boxMargin = getWorldSpaceHalfWidth(camera, distanceToBox, material.resolution);
     }
+
     _box.expandByScalar(boxMargin);
+
     if (_ray.intersectsBox(_box) === false) {
       return;
     }
+
     if (worldUnits) {
       raycastWorldUnits(this, intersects);
     } else {
       raycastScreenSpace(this, camera, intersects);
     }
   }
+
 }
-exports.LineSegments2 = LineSegments2;
+
+export { LineSegments2 };

package/lines/LineSegmentsGeometry.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("three");const e=new t.Box3,r=new t.Vector3;class i extends t.InstancedBufferGeometry{constructor(){super(),this.isLineSegmentsGeometry=!0,this.type="LineSegmentsGeometry";this.setIndex([0,2,1,2,3,1,2,4,3,4,5,3,4,6,5,6,7,5]),this.setAttribute("position",new t.Float32BufferAttribute([-1,2,0,1,2,0,-1,1,0,1,1,0,-1,0,0,1,0,0,-1,-1,0,1,-1,0],3)),this.setAttribute("uv",new t.Float32BufferAttribute([-1,2,1,2,-1,1,1,1,-1,-1,1,-1,-1,-2,1,-2],2))}applyMatrix4(t){const e=this.attributes.instanceStart,r=this.attributes.instanceEnd;return void 0!==e&&(e.applyMatrix4(t),r.applyMatrix4(t),e.needsUpdate=!0),null!==this.boundingBox&&this.computeBoundingBox(),null!==this.boundingSphere&&this.computeBoundingSphere(),this}setPositions(e){let r;e instanceof Float32Array?r=e:Array.isArray(e)&&(r=new Float32Array(e));const i=new t.InstancedInterleavedBuffer(r,6,1);return this.setAttribute("instanceStart",new t.InterleavedBufferAttribute(i,3,0)),this.setAttribute("instanceEnd",new t.InterleavedBufferAttribute(i,3,3)),this.computeBoundingBox(),this.computeBoundingSphere(),this}setColors(e){let r;e instanceof Float32Array?r=e:Array.isArray(e)&&(r=new Float32Array(e));const i=new t.InstancedInterleavedBuffer(r,6,1);return this.setAttribute("instanceColorStart",new t.InterleavedBufferAttribute(i,3,0)),this.setAttribute("instanceColorEnd",new t.InterleavedBufferAttribute(i,3,3)),this}fromWireframeGeometry(t){return this.setPositions(t.attributes.position.array),this}fromEdgesGeometry(t){return this.setPositions(t.attributes.position.array),this}fromMesh(e){return this.fromWireframeGeometry(new t.WireframeGeometry(e.geometry)),this}fromLineSegments(t){const e=t.geometry;return this.setPositions(e.attributes.position.array),this}computeBoundingBox(){null===this.boundingBox&&(this.boundingBox=new t.Box3);const r=this.attributes.instanceStart,i=this.attributes.instanceEnd;void 0!==r&&void 0!==i&&(this.boundingBox.setFromBufferAttribute(r),e.setFromBufferAttribute(i),this.boundingBox.union(e))}computeBoundingSphere(){null===this.boundingSphere&&(this.boundingSphere=new t.Sphere),null===this.boundingBox&&this.computeBoundingBox();const e=this.attributes.instanceStart,i=this.attributes.instanceEnd;if(void 0!==e&&void 0!==i){const t=this.boundingSphere.center;this.boundingBox.getCenter(t);let n=0;for(let s=0,o=e.count;s<o;s++)r.fromBufferAttribute(e,s),n=Math.max(n,t.distanceToSquared(r)),r.fromBufferAttribute(i,s),n=Math.max(n,t.distanceToSquared(r));this.boundingSphere.radius=Math.sqrt(n),isNaN(this.boundingSphere.radius)&&console.error("THREE.LineSegmentsGeometry.computeBoundingSphere(): Computed radius is NaN. The instanced position data is likely to have NaN values.",this)}}toJSON(){}applyMatrix(t){return console.warn("THREE.LineSegmentsGeometry: applyMatrix() has been renamed to applyMatrix4()."),this.applyMatrix4(t)}}exports.LineSegmentsGeometry=i;

package/lines/LineSegmentsGeometry.js

@@ -1,124 +1,166 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const THREE = require("three");
-const _box = new THREE.Box3();
-const _vector = new THREE.Vector3();
-class LineSegmentsGeometry extends THREE.InstancedBufferGeometry {
+import { Box3, Vector3, InstancedBufferGeometry, Float32BufferAttribute, InstancedInterleavedBuffer, InterleavedBufferAttribute, WireframeGeometry, Sphere } from 'three';
+
+const _box = new Box3();
+
+const _vector = new Vector3();
+
+class LineSegmentsGeometry extends InstancedBufferGeometry {
   constructor() {
     super();
     this.isLineSegmentsGeometry = true;
-    this.type = "LineSegmentsGeometry";
+    this.type = 'LineSegmentsGeometry';
     const positions = [-1, 2, 0, 1, 2, 0, -1, 1, 0, 1, 1, 0, -1, 0, 0, 1, 0, 0, -1, -1, 0, 1, -1, 0];
     const uvs = [-1, 2, 1, 2, -1, 1, 1, 1, -1, -1, 1, -1, -1, -2, 1, -2];
     const index = [0, 2, 1, 2, 3, 1, 2, 4, 3, 4, 5, 3, 4, 6, 5, 6, 7, 5];
     this.setIndex(index);
-    this.setAttribute("position", new THREE.Float32BufferAttribute(positions, 3));
-    this.setAttribute("uv", new THREE.Float32BufferAttribute(uvs, 2));
+    this.setAttribute('position', new Float32BufferAttribute(positions, 3));
+    this.setAttribute('uv', new Float32BufferAttribute(uvs, 2));
   }
+
   applyMatrix4(matrix) {
     const start = this.attributes.instanceStart;
     const end = this.attributes.instanceEnd;
-    if (start !== void 0) {
+
+    if (start !== undefined) {
       start.applyMatrix4(matrix);
       end.applyMatrix4(matrix);
       start.needsUpdate = true;
     }
+
     if (this.boundingBox !== null) {
       this.computeBoundingBox();
     }
+
     if (this.boundingSphere !== null) {
       this.computeBoundingSphere();
     }
+
     return this;
   }
+
   setPositions(array) {
     let lineSegments;
+
     if (array instanceof Float32Array) {
       lineSegments = array;
     } else if (Array.isArray(array)) {
       lineSegments = new Float32Array(array);
     }
-    const instanceBuffer = new THREE.InstancedInterleavedBuffer(lineSegments, 6, 1);
-    this.setAttribute("instanceStart", new THREE.InterleavedBufferAttribute(instanceBuffer, 3, 0));
-    this.setAttribute("instanceEnd", new THREE.InterleavedBufferAttribute(instanceBuffer, 3, 3));
+
+    const instanceBuffer = new InstancedInterleavedBuffer(lineSegments, 6, 1); // xyz, xyz
+
+    this.setAttribute('instanceStart', new InterleavedBufferAttribute(instanceBuffer, 3, 0)); // xyz
+
+    this.setAttribute('instanceEnd', new InterleavedBufferAttribute(instanceBuffer, 3, 3)); // xyz
+    //
+
     this.computeBoundingBox();
     this.computeBoundingSphere();
     return this;
   }
+
   setColors(array) {
     let colors;
+
     if (array instanceof Float32Array) {
       colors = array;
     } else if (Array.isArray(array)) {
       colors = new Float32Array(array);
     }
-    const instanceColorBuffer = new THREE.InstancedInterleavedBuffer(colors, 6, 1);
-    this.setAttribute("instanceColorStart", new THREE.InterleavedBufferAttribute(instanceColorBuffer, 3, 0));
-    this.setAttribute("instanceColorEnd", new THREE.InterleavedBufferAttribute(instanceColorBuffer, 3, 3));
+
+    const instanceColorBuffer = new InstancedInterleavedBuffer(colors, 6, 1); // rgb, rgb
+
+    this.setAttribute('instanceColorStart', new InterleavedBufferAttribute(instanceColorBuffer, 3, 0)); // rgb
+
+    this.setAttribute('instanceColorEnd', new InterleavedBufferAttribute(instanceColorBuffer, 3, 3)); // rgb
+
     return this;
   }
+
   fromWireframeGeometry(geometry) {
     this.setPositions(geometry.attributes.position.array);
     return this;
   }
+
   fromEdgesGeometry(geometry) {
     this.setPositions(geometry.attributes.position.array);
     return this;
   }
+
   fromMesh(mesh) {
-    this.fromWireframeGeometry(new THREE.WireframeGeometry(mesh.geometry));
+    this.fromWireframeGeometry(new WireframeGeometry(mesh.geometry)); // set colors, maybe
+
     return this;
   }
+
   fromLineSegments(lineSegments) {
     const geometry = lineSegments.geometry;
-    this.setPositions(geometry.attributes.position.array);
+    this.setPositions(geometry.attributes.position.array); // assumes non-indexed
+    // set colors, maybe
+
     return this;
   }
+
   computeBoundingBox() {
     if (this.boundingBox === null) {
-      this.boundingBox = new THREE.Box3();
+      this.boundingBox = new Box3();
     }
+
     const start = this.attributes.instanceStart;
     const end = this.attributes.instanceEnd;
-    if (start !== void 0 && end !== void 0) {
+
+    if (start !== undefined && end !== undefined) {
       this.boundingBox.setFromBufferAttribute(start);
+
       _box.setFromBufferAttribute(end);
+
       this.boundingBox.union(_box);
     }
   }
+
   computeBoundingSphere() {
     if (this.boundingSphere === null) {
-      this.boundingSphere = new THREE.Sphere();
+      this.boundingSphere = new Sphere();
     }
+
     if (this.boundingBox === null) {
       this.computeBoundingBox();
     }
+
     const start = this.attributes.instanceStart;
     const end = this.attributes.instanceEnd;
-    if (start !== void 0 && end !== void 0) {
+
+    if (start !== undefined && end !== undefined) {
       const center = this.boundingSphere.center;
       this.boundingBox.getCenter(center);
       let maxRadiusSq = 0;
+
       for (let i = 0, il = start.count; i < il; i++) {
         _vector.fromBufferAttribute(start, i);
+
         maxRadiusSq = Math.max(maxRadiusSq, center.distanceToSquared(_vector));
+
         _vector.fromBufferAttribute(end, i);
+
         maxRadiusSq = Math.max(maxRadiusSq, center.distanceToSquared(_vector));
       }
+
       this.boundingSphere.radius = Math.sqrt(maxRadiusSq);
+
       if (isNaN(this.boundingSphere.radius)) {
-        console.error(
-          "THREE.LineSegmentsGeometry.computeBoundingSphere(): Computed radius is NaN. The instanced position data is likely to have NaN values.",
-          this
-        );
+        console.error('THREE.LineSegmentsGeometry.computeBoundingSphere(): Computed radius is NaN. The instanced position data is likely to have NaN values.', this);
       }
     }
   }
-  toJSON() {
+
+  toJSON() {// todo
   }
+
   applyMatrix(matrix) {
-    console.warn("THREE.LineSegmentsGeometry: applyMatrix() has been renamed to applyMatrix4().");
+    console.warn('THREE.LineSegmentsGeometry: applyMatrix() has been renamed to applyMatrix4().');
     return this.applyMatrix4(matrix);
   }
+
 }
-exports.LineSegmentsGeometry = LineSegmentsGeometry;
+
+export { LineSegmentsGeometry };

package/lines/Wireframe.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),t=require("./LineSegmentsGeometry.cjs.js"),r=require("./LineMaterial.cjs.js");const n=new e.Vector3,s=new e.Vector3;class i extends e.Mesh{constructor(e=new t.LineSegmentsGeometry,n=new r.LineMaterial({color:16777215*Math.random()})){super(e,n),this.isWireframe=!0,this.type="Wireframe"}computeLineDistances(){const t=this.geometry,r=t.attributes.instanceStart,i=t.attributes.instanceEnd,a=new Float32Array(2*r.count);for(let e=0,t=0,c=r.count;e<c;e++,t+=2)n.fromBufferAttribute(r,e),s.fromBufferAttribute(i,e),a[t]=0===t?0:a[t-1],a[t+1]=a[t]+n.distanceTo(s);const c=new e.InstancedInterleavedBuffer(a,2,1);return t.setAttribute("instanceDistanceStart",new e.InterleavedBufferAttribute(c,1,0)),t.setAttribute("instanceDistanceEnd",new e.InterleavedBufferAttribute(c,1,1)),this}}exports.Wireframe=i;

package/lines/Wireframe.js

@@ -1,31 +1,45 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const THREE = require("three");
-const LineSegmentsGeometry = require("./LineSegmentsGeometry.js");
-const LineMaterial = require("./LineMaterial.js");
-const _start = new THREE.Vector3();
-const _end = new THREE.Vector3();
-class Wireframe extends THREE.Mesh {
-  constructor(geometry = new LineSegmentsGeometry.LineSegmentsGeometry(), material = new LineMaterial.LineMaterial({ color: Math.random() * 16777215 })) {
+import { Vector3, Mesh, InstancedInterleavedBuffer, InterleavedBufferAttribute } from 'three';
+import { LineSegmentsGeometry } from './LineSegmentsGeometry.js';
+import { LineMaterial } from './LineMaterial.js';
+
+const _start = new Vector3();
+
+const _end = new Vector3();
+
+class Wireframe extends Mesh {
+  constructor(geometry = new LineSegmentsGeometry(), material = new LineMaterial({
+    color: Math.random() * 0xffffff
+  })) {
     super(geometry, material);
     this.isWireframe = true;
-    this.type = "Wireframe";
-  }
+    this.type = 'Wireframe';
+  } // for backwards-compatibility, but could be a method of LineSegmentsGeometry...
+
+
   computeLineDistances() {
     const geometry = this.geometry;
     const instanceStart = geometry.attributes.instanceStart;
     const instanceEnd = geometry.attributes.instanceEnd;
     const lineDistances = new Float32Array(2 * instanceStart.count);
+
     for (let i = 0, j = 0, l = instanceStart.count; i < l; i++, j += 2) {
       _start.fromBufferAttribute(instanceStart, i);
+
       _end.fromBufferAttribute(instanceEnd, i);
+
       lineDistances[j] = j === 0 ? 0 : lineDistances[j - 1];
       lineDistances[j + 1] = lineDistances[j] + _start.distanceTo(_end);
     }
-    const instanceDistanceBuffer = new THREE.InstancedInterleavedBuffer(lineDistances, 2, 1);
-    geometry.setAttribute("instanceDistanceStart", new THREE.InterleavedBufferAttribute(instanceDistanceBuffer, 1, 0));
-    geometry.setAttribute("instanceDistanceEnd", new THREE.InterleavedBufferAttribute(instanceDistanceBuffer, 1, 1));
+
+    const instanceDistanceBuffer = new InstancedInterleavedBuffer(lineDistances, 2, 1); // d0, d1
+
+    geometry.setAttribute('instanceDistanceStart', new InterleavedBufferAttribute(instanceDistanceBuffer, 1, 0)); // d0
+
+    geometry.setAttribute('instanceDistanceEnd', new InterleavedBufferAttribute(instanceDistanceBuffer, 1, 1)); // d1
+
     return this;
   }
+
 }
-exports.Wireframe = Wireframe;
+
+export { Wireframe };

package/lines/WireframeGeometry2.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),r=require("./LineSegmentsGeometry.cjs.js");class t extends r.LineSegmentsGeometry{constructor(r){super(),this.isWireframeGeometry2=!0,this.type="WireframeGeometry2",this.fromWireframeGeometry(new e.WireframeGeometry(r))}}exports.WireframeGeometry2=t;

package/lines/WireframeGeometry2.js

@@ -1,13 +1,14 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const THREE = require("three");
-const LineSegmentsGeometry = require("./LineSegmentsGeometry.js");
-class WireframeGeometry2 extends LineSegmentsGeometry.LineSegmentsGeometry {
+import { WireframeGeometry } from 'three';
+import { LineSegmentsGeometry } from './LineSegmentsGeometry.js';
+
+class WireframeGeometry2 extends LineSegmentsGeometry {
   constructor(geometry) {
     super();
     this.isWireframeGeometry2 = true;
-    this.type = "WireframeGeometry2";
-    this.fromWireframeGeometry(new THREE.WireframeGeometry(geometry));
+    this.type = 'WireframeGeometry2';
+    this.fromWireframeGeometry(new WireframeGeometry(geometry)); // set colors, maybe
   }
+
 }
-exports.WireframeGeometry2 = WireframeGeometry2;
+
+export { WireframeGeometry2 };