three-stdlib 2.22.5 → 2.22.7

package/interactive/HTMLMesh.js

@@ -1,406 +0,0 @@
-import { Mesh, PlaneGeometry, MeshBasicMaterial, CanvasTexture, LinearFilter, Color } from 'three';
-
-class HTMLMesh extends Mesh {
-  constructor(dom) {
-    const texture = new HTMLTexture(dom);
-    const geometry = new PlaneGeometry(texture.image.width * 0.001, texture.image.height * 0.001);
-    const material = new MeshBasicMaterial({
-      map: texture,
-      toneMapped: false,
-      transparent: true
-    });
-    super(geometry, material);
-
-    function onEvent(event) {
-      material.map.dispatchDOMEvent(event);
-    }
-
-    this.addEventListener('mousedown', onEvent);
-    this.addEventListener('mousemove', onEvent);
-    this.addEventListener('mouseup', onEvent);
-    this.addEventListener('click', onEvent);
-
-    this.dispose = function () {
-      geometry.dispose();
-      material.dispose();
-      material.map.dispose();
-      canvases.delete(dom);
-      this.removeEventListener('mousedown', onEvent);
-      this.removeEventListener('mousemove', onEvent);
-      this.removeEventListener('mouseup', onEvent);
-      this.removeEventListener('click', onEvent);
-    };
-  }
-
-}
-
-class HTMLTexture extends CanvasTexture {
-  constructor(dom) {
-    super(html2canvas(dom));
-    this.dom = dom;
-    this.anisotropy = 16;
-    if ('colorSpace' in this) this.colorSpace = 'srgb';else this.encoding = 3001; // sRGBEncoding
-
-    this.minFilter = LinearFilter;
-    this.magFilter = LinearFilter; // Create an observer on the DOM, and run html2canvas update in the next loop
-
-    const observer = new MutationObserver(() => {
-      if (!this.scheduleUpdate) {
-        // ideally should use xr.requestAnimationFrame, here setTimeout to avoid passing the renderer
-        this.scheduleUpdate = setTimeout(() => this.update(), 16);
-      }
-    });
-    const config = {
-      attributes: true,
-      childList: true,
-      subtree: true,
-      characterData: true
-    };
-    observer.observe(dom, config);
-    this.observer = observer;
-  }
-
-  dispatchDOMEvent(event) {
-    if (event.data) {
-      htmlevent(this.dom, event.type, event.data.x, event.data.y);
-    }
-  }
-
-  update() {
-    this.image = html2canvas(this.dom);
-    this.needsUpdate = true;
-    this.scheduleUpdate = null;
-  }
-
-  dispose() {
-    if (this.observer) {
-      this.observer.disconnect();
-    }
-
-    this.scheduleUpdate = clearTimeout(this.scheduleUpdate);
-    super.dispose();
-  }
-
-} //
-
-
-const canvases = new WeakMap();
-
-function html2canvas(element) {
-  const range = document.createRange();
-  const color = new Color();
-
-  function Clipper(context) {
-    const clips = [];
-    let isClipping = false;
-
-    function doClip() {
-      if (isClipping) {
-        isClipping = false;
-        context.restore();
-      }
-
-      if (clips.length === 0) return;
-      let minX = -Infinity,
-          minY = -Infinity;
-      let maxX = Infinity,
-          maxY = Infinity;
-
-      for (let i = 0; i < clips.length; i++) {
-        const clip = clips[i];
-        minX = Math.max(minX, clip.x);
-        minY = Math.max(minY, clip.y);
-        maxX = Math.min(maxX, clip.x + clip.width);
-        maxY = Math.min(maxY, clip.y + clip.height);
-      }
-
-      context.save();
-      context.beginPath();
-      context.rect(minX, minY, maxX - minX, maxY - minY);
-      context.clip();
-      isClipping = true;
-    }
-
-    return {
-      add: function (clip) {
-        clips.push(clip);
-        doClip();
-      },
-      remove: function () {
-        clips.pop();
-        doClip();
-      }
-    };
-  }
-
-  function drawText(style, x, y, string) {
-    if (string !== '') {
-      if (style.textTransform === 'uppercase') {
-        string = string.toUpperCase();
-      }
-
-      context.font = style.fontWeight + ' ' + style.fontSize + ' ' + style.fontFamily;
-      context.textBaseline = 'top';
-      context.fillStyle = style.color;
-      context.fillText(string, x, y + parseFloat(style.fontSize) * 0.1);
-    }
-  }
-
-  function buildRectPath(x, y, w, h, r) {
-    if (w < 2 * r) r = w / 2;
-    if (h < 2 * r) r = h / 2;
-    context.beginPath();
-    context.moveTo(x + r, y);
-    context.arcTo(x + w, y, x + w, y + h, r);
-    context.arcTo(x + w, y + h, x, y + h, r);
-    context.arcTo(x, y + h, x, y, r);
-    context.arcTo(x, y, x + w, y, r);
-    context.closePath();
-  }
-
-  function drawBorder(style, which, x, y, width, height) {
-    const borderWidth = style[which + 'Width'];
-    const borderStyle = style[which + 'Style'];
-    const borderColor = style[which + 'Color'];
-
-    if (borderWidth !== '0px' && borderStyle !== 'none' && borderColor !== 'transparent' && borderColor !== 'rgba(0, 0, 0, 0)') {
-      context.strokeStyle = borderColor;
-      context.lineWidth = parseFloat(borderWidth);
-      context.beginPath();
-      context.moveTo(x, y);
-      context.lineTo(x + width, y + height);
-      context.stroke();
-    }
-  }
-
-  function drawElement(element, style) {
-    let x = 0,
-        y = 0,
-        width = 0,
-        height = 0;
-
-    if (element.nodeType === Node.TEXT_NODE) {
-      // text
-      range.selectNode(element);
-      const rect = range.getBoundingClientRect();
-      x = rect.left - offset.left - 0.5;
-      y = rect.top - offset.top - 0.5;
-      width = rect.width;
-      height = rect.height;
-      drawText(style, x, y, element.nodeValue.trim());
-    } else if (element.nodeType === Node.COMMENT_NODE) {
-      return;
-    } else if (element instanceof HTMLCanvasElement) {
-      // Canvas element
-      if (element.style.display === 'none') return;
-      context.save();
-      const dpr = window.devicePixelRatio;
-      context.scale(1 / dpr, 1 / dpr);
-      context.drawImage(element, 0, 0);
-      context.restore();
-    } else {
-      if (element.style.display === 'none') return;
-      const rect = element.getBoundingClientRect();
-      x = rect.left - offset.left - 0.5;
-      y = rect.top - offset.top - 0.5;
-      width = rect.width;
-      height = rect.height;
-      style = window.getComputedStyle(element); // Get the border of the element used for fill and border
-
-      buildRectPath(x, y, width, height, parseFloat(style.borderRadius));
-      const backgroundColor = style.backgroundColor;
-
-      if (backgroundColor !== 'transparent' && backgroundColor !== 'rgba(0, 0, 0, 0)') {
-        context.fillStyle = backgroundColor;
-        context.fill();
-      } // If all the borders match then stroke the round rectangle
-
-
-      const borders = ['borderTop', 'borderLeft', 'borderBottom', 'borderRight'];
-      let match = true;
-      let prevBorder = null;
-
-      for (const border of borders) {
-        if (prevBorder !== null) {
-          match = style[border + 'Width'] === style[prevBorder + 'Width'] && style[border + 'Color'] === style[prevBorder + 'Color'] && style[border + 'Style'] === style[prevBorder + 'Style'];
-        }
-
-        if (match === false) break;
-        prevBorder = border;
-      }
-
-      if (match === true) {
-        // They all match so stroke the rectangle from before allows for border-radius
-        const width = parseFloat(style.borderTopWidth);
-
-        if (style.borderTopWidth !== '0px' && style.borderTopStyle !== 'none' && style.borderTopColor !== 'transparent' && style.borderTopColor !== 'rgba(0, 0, 0, 0)') {
-          context.strokeStyle = style.borderTopColor;
-          context.lineWidth = width;
-          context.stroke();
-        }
-      } else {
-        // Otherwise draw individual borders
-        drawBorder(style, 'borderTop', x, y, width, 0);
-        drawBorder(style, 'borderLeft', x, y, 0, height);
-        drawBorder(style, 'borderBottom', x, y + height, width, 0);
-        drawBorder(style, 'borderRight', x + width, y, 0, height);
-      }
-
-      if (element instanceof HTMLInputElement) {
-        let accentColor = style.accentColor;
-        if (accentColor === undefined || accentColor === 'auto') accentColor = style.color;
-        color.set(accentColor);
-        const luminance = Math.sqrt(0.299 * color.r ** 2 + 0.587 * color.g ** 2 + 0.114 * color.b ** 2);
-        const accentTextColor = luminance < 0.5 ? 'white' : '#111111';
-
-        if (element.type === 'radio') {
-          buildRectPath(x, y, width, height, height);
-          context.fillStyle = 'white';
-          context.strokeStyle = accentColor;
-          context.lineWidth = 1;
-          context.fill();
-          context.stroke();
-
-          if (element.checked) {
-            buildRectPath(x + 2, y + 2, width - 4, height - 4, height);
-            context.fillStyle = accentColor;
-            context.strokeStyle = accentTextColor;
-            context.lineWidth = 2;
-            context.fill();
-            context.stroke();
-          }
-        }
-
-        if (element.type === 'checkbox') {
-          buildRectPath(x, y, width, height, 2);
-          context.fillStyle = element.checked ? accentColor : 'white';
-          context.strokeStyle = element.checked ? accentTextColor : accentColor;
-          context.lineWidth = 1;
-          context.stroke();
-          context.fill();
-
-          if (element.checked) {
-            const currentTextAlign = context.textAlign;
-            context.textAlign = 'center';
-            const properties = {
-              color: accentTextColor,
-              fontFamily: style.fontFamily,
-              fontSize: height + 'px',
-              fontWeight: 'bold'
-            };
-            drawText(properties, x + width / 2, y, '✔');
-            context.textAlign = currentTextAlign;
-          }
-        }
-
-        if (element.type === 'range') {
-          const [min, max, value] = ['min', 'max', 'value'].map(property => parseFloat(element[property]));
-          const position = (value - min) / (max - min) * (width - height);
-          buildRectPath(x, y + height / 4, width, height / 2, height / 4);
-          context.fillStyle = accentTextColor;
-          context.strokeStyle = accentColor;
-          context.lineWidth = 1;
-          context.fill();
-          context.stroke();
-          buildRectPath(x, y + height / 4, position + height / 2, height / 2, height / 4);
-          context.fillStyle = accentColor;
-          context.fill();
-          buildRectPath(x + position, y, height, height, height / 2);
-          context.fillStyle = accentColor;
-          context.fill();
-        }
-
-        if (element.type === 'color' || element.type === 'text' || element.type === 'number') {
-          clipper.add({
-            x: x,
-            y: y,
-            width: width,
-            height: height
-          });
-          drawText(style, x + parseInt(style.paddingLeft), y + parseInt(style.paddingTop), element.value);
-          clipper.remove();
-        }
-      }
-    }
-    /*
-    // debug
-    context.strokeStyle = '#' + Math.random().toString( 16 ).slice( - 3 );
-    context.strokeRect( x - 0.5, y - 0.5, width + 1, height + 1 );
-    */
-
-
-    const isClipping = style.overflow === 'auto' || style.overflow === 'hidden';
-    if (isClipping) clipper.add({
-      x: x,
-      y: y,
-      width: width,
-      height: height
-    });
-
-    for (let i = 0; i < element.childNodes.length; i++) {
-      drawElement(element.childNodes[i], style);
-    }
-
-    if (isClipping) clipper.remove();
-  }
-
-  const offset = element.getBoundingClientRect();
-  let canvas = canvases.get(element);
-
-  if (canvas === undefined) {
-    canvas = document.createElement('canvas');
-    canvas.width = offset.width;
-    canvas.height = offset.height;
-    canvases.set(element, canvas);
-  }
-
-  const context = canvas.getContext('2d'
-  /*, { alpha: false }*/
-  );
-  const clipper = new Clipper(context); // console.time( 'drawElement' );
-
-  drawElement(element); // console.timeEnd( 'drawElement' );
-
-  return canvas;
-}
-
-function htmlevent(element, event, x, y) {
-  const mouseEventInit = {
-    clientX: x * element.offsetWidth + element.offsetLeft,
-    clientY: y * element.offsetHeight + element.offsetTop,
-    view: element.ownerDocument.defaultView
-  };
-  window.dispatchEvent(new MouseEvent(event, mouseEventInit));
-  const rect = element.getBoundingClientRect();
-  x = x * rect.width + rect.left;
-  y = y * rect.height + rect.top;
-
-  function traverse(element) {
-    if (element.nodeType !== Node.TEXT_NODE && element.nodeType !== Node.COMMENT_NODE) {
-      const rect = element.getBoundingClientRect();
-
-      if (x > rect.left && x < rect.right && y > rect.top && y < rect.bottom) {
-        element.dispatchEvent(new MouseEvent(event, mouseEventInit));
-
-        if (element instanceof HTMLInputElement && element.type === 'range' && (event === 'mousedown' || event === 'click')) {
-          const [min, max] = ['min', 'max'].map(property => parseFloat(element[property]));
-          const width = rect.width;
-          const offsetX = x - rect.x;
-          const proportion = offsetX / width;
-          element.value = min + (max - min) * proportion;
-          element.dispatchEvent(new InputEvent('input', {
-            bubbles: true
-          }));
-        }
-      }
-
-      for (let i = 0; i < element.childNodes.length; i++) {
-        traverse(element.childNodes[i]);
-      }
-    }
-  }
-
-  traverse(element);
-}
-
-export { HTMLMesh };

package/interactive/InteractiveGroup.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three");const t=new e.Vector2,n={type:"",data:t};class s extends e.Group{constructor(s,r){super();const o=this,i=new e.Raycaster,d=new e.Matrix4,c=s.domElement;function a(e){e.stopPropagation(),t.x=e.clientX/c.clientWidth*2-1,t.y=-e.clientY/c.clientHeight*2+1,i.setFromCamera(t,r);const s=i.intersectObjects(o.children,!1);if(s.length>0){const t=s[0],r=t.object,o=t.uv;n.type=e.type,n.data.set(o.x,1-o.y),r.dispatchEvent(n)}}c.addEventListener("pointerdown",a),c.addEventListener("pointerup",a),c.addEventListener("pointermove",a),c.addEventListener("mousedown",a),c.addEventListener("mouseup",a),c.addEventListener("mousemove",a),c.addEventListener("click",a);const l={move:"mousemove",select:"click",selectstart:"mousedown",selectend:"mouseup"};function v(e){const t=e.target;d.identity().extractRotation(t.matrixWorld),i.ray.origin.setFromMatrixPosition(t.matrixWorld),i.ray.direction.set(0,0,-1).applyMatrix4(d);const s=i.intersectObjects(o.children,!1);if(s.length>0){const t=s[0],r=t.object,o=t.uv;n.type=l[e.type],n.data.set(o.x,1-o.y),r.dispatchEvent(n)}}const p=s.xr.getController(0);p.addEventListener("move",v),p.addEventListener("select",v),p.addEventListener("selectstart",v),p.addEventListener("selectend",v);const u=s.xr.getController(1);u.addEventListener("move",v),u.addEventListener("select",v),u.addEventListener("selectstart",v),u.addEventListener("selectend",v)}}exports.InteractiveGroup=s;

package/interactive/InteractiveGroup.d.ts

@@ -1,5 +0,0 @@
-import { WebGLRenderer, Camera, Group } from 'three';
-
-export class InteractiveGroup extends Group {
-    constructor(renderer: WebGLRenderer, camera: Camera);
-}

package/interactive/InteractiveGroup.js

@@ -1,87 +0,0 @@
-import { Vector2, Group, Raycaster, Matrix4 } from 'three';
-
-const _pointer = new Vector2();
-
-const _event = {
-  type: '',
-  data: _pointer
-};
-
-class InteractiveGroup extends Group {
-  constructor(renderer, camera) {
-    super();
-    const scope = this;
-    const raycaster = new Raycaster();
-    const tempMatrix = new Matrix4(); // Pointer Events
-
-    const element = renderer.domElement;
-
-    function onPointerEvent(event) {
-      event.stopPropagation();
-      _pointer.x = event.clientX / element.clientWidth * 2 - 1;
-      _pointer.y = -(event.clientY / element.clientHeight) * 2 + 1;
-      raycaster.setFromCamera(_pointer, camera);
-      const intersects = raycaster.intersectObjects(scope.children, false);
-
-      if (intersects.length > 0) {
-        const intersection = intersects[0];
-        const object = intersection.object;
-        const uv = intersection.uv;
-        _event.type = event.type;
-
-        _event.data.set(uv.x, 1 - uv.y);
-
-        object.dispatchEvent(_event);
-      }
-    }
-
-    element.addEventListener('pointerdown', onPointerEvent);
-    element.addEventListener('pointerup', onPointerEvent);
-    element.addEventListener('pointermove', onPointerEvent);
-    element.addEventListener('mousedown', onPointerEvent);
-    element.addEventListener('mouseup', onPointerEvent);
-    element.addEventListener('mousemove', onPointerEvent);
-    element.addEventListener('click', onPointerEvent); // WebXR Controller Events
-    // TODO: Dispatch pointerevents too
-
-    const events = {
-      move: 'mousemove',
-      select: 'click',
-      selectstart: 'mousedown',
-      selectend: 'mouseup'
-    };
-
-    function onXRControllerEvent(event) {
-      const controller = event.target;
-      tempMatrix.identity().extractRotation(controller.matrixWorld);
-      raycaster.ray.origin.setFromMatrixPosition(controller.matrixWorld);
-      raycaster.ray.direction.set(0, 0, -1).applyMatrix4(tempMatrix);
-      const intersections = raycaster.intersectObjects(scope.children, false);
-
-      if (intersections.length > 0) {
-        const intersection = intersections[0];
-        const object = intersection.object;
-        const uv = intersection.uv;
-        _event.type = events[event.type];
-
-        _event.data.set(uv.x, 1 - uv.y);
-
-        object.dispatchEvent(_event);
-      }
-    }
-
-    const controller1 = renderer.xr.getController(0);
-    controller1.addEventListener('move', onXRControllerEvent);
-    controller1.addEventListener('select', onXRControllerEvent);
-    controller1.addEventListener('selectstart', onXRControllerEvent);
-    controller1.addEventListener('selectend', onXRControllerEvent);
-    const controller2 = renderer.xr.getController(1);
-    controller2.addEventListener('move', onXRControllerEvent);
-    controller2.addEventListener('select', onXRControllerEvent);
-    controller2.addEventListener('selectstart', onXRControllerEvent);
-    controller2.addEventListener('selectend', onXRControllerEvent);
-  }
-
-}
-
-export { InteractiveGroup };

package/interactive/SelectionBox.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("three");const e=(()=>{const e=new t.Frustum,r=new t.Vector3,o=new t.Vector3,a=new t.Vector3,s=new t.Vector3,n=new t.Vector3,i=new t.Vector3,c=new t.Vector3,h=new t.Vector3,m=new t.Vector3,l=new t.Vector3,p=new t.Vector3,u=new t.Vector3,d=new t.Vector3,y=new t.Vector3;return class{constructor(e,r,o){this.camera=e,this.scene=r,this.startPoint=new t.Vector3,this.endPoint=new t.Vector3,this.collection=[],this.deep=o||Number.MAX_VALUE}select(t,r){return this.startPoint=t||this.startPoint,this.endPoint=r||this.endPoint,this.collection=[],this.updateFrustum(this.startPoint,this.endPoint),this.searchChildInFrustum(e,this.scene),this.collection}updateFrustum(t,r){if(t=t||this.startPoint,r=r||this.endPoint,t.x===r.x&&(r.x+=Number.EPSILON),t.y===r.y&&(r.y+=Number.EPSILON),this.camera.updateProjectionMatrix(),this.camera.updateMatrixWorld(),this.camera.isPerspectiveCamera)o.copy(t),o.x=Math.min(t.x,r.x),o.y=Math.max(t.y,r.y),r.x=Math.max(t.x,r.x),r.y=Math.min(t.y,r.y),a.setFromMatrixPosition(this.camera.matrixWorld),s.copy(o),n.set(r.x,o.y,0),i.copy(r),c.set(o.x,r.y,0),s.unproject(this.camera),n.unproject(this.camera),i.unproject(this.camera),c.unproject(this.camera),u.copy(s).sub(a),d.copy(n).sub(a),y.copy(i).sub(a),u.normalize(),d.normalize(),y.normalize(),u.multiplyScalar(this.deep),d.multiplyScalar(this.deep),y.multiplyScalar(this.deep),u.add(a),d.add(a),y.add(a),(P=e.planes)[0].setFromCoplanarPoints(a,s,n),P[1].setFromCoplanarPoints(a,n,i),P[2].setFromCoplanarPoints(i,c,a),P[3].setFromCoplanarPoints(c,s,a),P[4].setFromCoplanarPoints(n,i,c),P[5].setFromCoplanarPoints(y,d,u),P[5].normal.multiplyScalar(-1);else if(this.camera.isOrthographicCamera){const o=Math.min(t.x,r.x),a=Math.max(t.y,r.y),u=Math.max(t.x,r.x),d=Math.min(t.y,r.y);var P;s.set(o,a,-1),n.set(u,a,-1),i.set(u,d,-1),c.set(o,d,-1),h.set(o,a,1),m.set(u,a,1),l.set(u,d,1),p.set(o,d,1),s.unproject(this.camera),n.unproject(this.camera),i.unproject(this.camera),c.unproject(this.camera),h.unproject(this.camera),m.unproject(this.camera),l.unproject(this.camera),p.unproject(this.camera),(P=e.planes)[0].setFromCoplanarPoints(s,h,m),P[1].setFromCoplanarPoints(n,m,l),P[2].setFromCoplanarPoints(l,p,c),P[3].setFromCoplanarPoints(p,h,s),P[4].setFromCoplanarPoints(n,i,c),P[5].setFromCoplanarPoints(l,m,h),P[5].normal.multiplyScalar(-1)}else console.error("THREE.SelectionBox: Unsupported camera type.")}searchChildInFrustum(t,e){if((e.isMesh||e.isLine||e.isPoints)&&void 0!==e.material&&(null===e.geometry.boundingSphere&&e.geometry.computeBoundingSphere(),r.copy(e.geometry.boundingSphere.center),r.applyMatrix4(e.matrixWorld),t.containsPoint(r)&&this.collection.push(e)),e.children.length>0)for(let r=0;r<e.children.length;r++)this.searchChildInFrustum(t,e.children[r])}}})();exports.SelectionBox=e;

package/interactive/SelectionBox.d.ts

@@ -1,15 +0,0 @@
-import { Camera, Frustum, Mesh, Object3D, Scene, Vector3 } from 'three';
-
-export class SelectionBox {
-    constructor(camera: Camera, scene: Scene, deep?: number);
-    camera: Camera;
-    collection: Mesh[];
-    deep: number;
-    endPoint: Vector3;
-    scene: Scene;
-    startPoint: Vector3;
-
-    select(startPoint?: Vector3, endPoint?: Vector3): Mesh[];
-    updateFrustum(startPoint: Vector3, endPoint: Vector3): void;
-    searchChildInFrustum(frustum: Frustum, object: Object3D): void;
-}

package/interactive/SelectionBox.js

@@ -1,152 +0,0 @@
-import { Frustum, Vector3 } from 'three';
-
-/**
- * This is a class to check whether objects are in a selection area in 3D space
- */
-
-const SelectionBox = (() => {
-  const frustum = new Frustum();
-  const center = new Vector3();
-  const tmpPoint = new Vector3();
-  const vecNear = new Vector3();
-  const vecTopLeft = new Vector3();
-  const vecTopRight = new Vector3();
-  const vecDownRight = new Vector3();
-  const vecDownLeft = new Vector3();
-  const vecFarTopLeft = new Vector3();
-  const vecFarTopRight = new Vector3();
-  const vecFarDownRight = new Vector3();
-  const vecFarDownLeft = new Vector3();
-  const vectemp1 = new Vector3();
-  const vectemp2 = new Vector3();
-  const vectemp3 = new Vector3();
-
-  class SelectionBox {
-    constructor(camera, scene, deep) {
-      this.camera = camera;
-      this.scene = scene;
-      this.startPoint = new Vector3();
-      this.endPoint = new Vector3();
-      this.collection = [];
-      this.deep = deep || Number.MAX_VALUE;
-    }
-
-    select(startPoint, endPoint) {
-      this.startPoint = startPoint || this.startPoint;
-      this.endPoint = endPoint || this.endPoint;
-      this.collection = [];
-      this.updateFrustum(this.startPoint, this.endPoint);
-      this.searchChildInFrustum(frustum, this.scene);
-      return this.collection;
-    }
-
-    updateFrustum(startPoint, endPoint) {
-      startPoint = startPoint || this.startPoint;
-      endPoint = endPoint || this.endPoint; // Avoid invalid frustum
-
-      if (startPoint.x === endPoint.x) {
-        endPoint.x += Number.EPSILON;
-      }
-
-      if (startPoint.y === endPoint.y) {
-        endPoint.y += Number.EPSILON;
-      }
-
-      this.camera.updateProjectionMatrix();
-      this.camera.updateMatrixWorld();
-
-      if (this.camera.isPerspectiveCamera) {
-        tmpPoint.copy(startPoint);
-        tmpPoint.x = Math.min(startPoint.x, endPoint.x);
-        tmpPoint.y = Math.max(startPoint.y, endPoint.y);
-        endPoint.x = Math.max(startPoint.x, endPoint.x);
-        endPoint.y = Math.min(startPoint.y, endPoint.y);
-        vecNear.setFromMatrixPosition(this.camera.matrixWorld);
-        vecTopLeft.copy(tmpPoint);
-        vecTopRight.set(endPoint.x, tmpPoint.y, 0);
-        vecDownRight.copy(endPoint);
-        vecDownLeft.set(tmpPoint.x, endPoint.y, 0);
-        vecTopLeft.unproject(this.camera);
-        vecTopRight.unproject(this.camera);
-        vecDownRight.unproject(this.camera);
-        vecDownLeft.unproject(this.camera);
-        vectemp1.copy(vecTopLeft).sub(vecNear);
-        vectemp2.copy(vecTopRight).sub(vecNear);
-        vectemp3.copy(vecDownRight).sub(vecNear);
-        vectemp1.normalize();
-        vectemp2.normalize();
-        vectemp3.normalize();
-        vectemp1.multiplyScalar(this.deep);
-        vectemp2.multiplyScalar(this.deep);
-        vectemp3.multiplyScalar(this.deep);
-        vectemp1.add(vecNear);
-        vectemp2.add(vecNear);
-        vectemp3.add(vecNear);
-        var planes = frustum.planes;
-        planes[0].setFromCoplanarPoints(vecNear, vecTopLeft, vecTopRight);
-        planes[1].setFromCoplanarPoints(vecNear, vecTopRight, vecDownRight);
-        planes[2].setFromCoplanarPoints(vecDownRight, vecDownLeft, vecNear);
-        planes[3].setFromCoplanarPoints(vecDownLeft, vecTopLeft, vecNear);
-        planes[4].setFromCoplanarPoints(vecTopRight, vecDownRight, vecDownLeft);
-        planes[5].setFromCoplanarPoints(vectemp3, vectemp2, vectemp1);
-        planes[5].normal.multiplyScalar(-1);
-      } else if (this.camera.isOrthographicCamera) {
-        const left = Math.min(startPoint.x, endPoint.x);
-        const top = Math.max(startPoint.y, endPoint.y);
-        const right = Math.max(startPoint.x, endPoint.x);
-        const down = Math.min(startPoint.y, endPoint.y);
-        vecTopLeft.set(left, top, -1);
-        vecTopRight.set(right, top, -1);
-        vecDownRight.set(right, down, -1);
-        vecDownLeft.set(left, down, -1);
-        vecFarTopLeft.set(left, top, 1);
-        vecFarTopRight.set(right, top, 1);
-        vecFarDownRight.set(right, down, 1);
-        vecFarDownLeft.set(left, down, 1);
-        vecTopLeft.unproject(this.camera);
-        vecTopRight.unproject(this.camera);
-        vecDownRight.unproject(this.camera);
-        vecDownLeft.unproject(this.camera);
-        vecFarTopLeft.unproject(this.camera);
-        vecFarTopRight.unproject(this.camera);
-        vecFarDownRight.unproject(this.camera);
-        vecFarDownLeft.unproject(this.camera);
-        var planes = frustum.planes;
-        planes[0].setFromCoplanarPoints(vecTopLeft, vecFarTopLeft, vecFarTopRight);
-        planes[1].setFromCoplanarPoints(vecTopRight, vecFarTopRight, vecFarDownRight);
-        planes[2].setFromCoplanarPoints(vecFarDownRight, vecFarDownLeft, vecDownLeft);
-        planes[3].setFromCoplanarPoints(vecFarDownLeft, vecFarTopLeft, vecTopLeft);
-        planes[4].setFromCoplanarPoints(vecTopRight, vecDownRight, vecDownLeft);
-        planes[5].setFromCoplanarPoints(vecFarDownRight, vecFarTopRight, vecFarTopLeft);
-        planes[5].normal.multiplyScalar(-1);
-      } else {
-        console.error('THREE.SelectionBox: Unsupported camera type.');
-      }
-    }
-
-    searchChildInFrustum(frustum, object) {
-      if (object.isMesh || object.isLine || object.isPoints) {
-        if (object.material !== undefined) {
-          if (object.geometry.boundingSphere === null) object.geometry.computeBoundingSphere();
-          center.copy(object.geometry.boundingSphere.center);
-          center.applyMatrix4(object.matrixWorld);
-
-          if (frustum.containsPoint(center)) {
-            this.collection.push(object);
-          }
-        }
-      }
-
-      if (object.children.length > 0) {
-        for (let x = 0; x < object.children.length; x++) {
-          this.searchChildInFrustum(frustum, object.children[x]);
-        }
-      }
-    }
-
-  }
-
-  return SelectionBox;
-})();
-
-export { SelectionBox };

package/interactive/SelectionHelper.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("three");const e=class{constructor(e,i,n){this.element=document.createElement("div"),this.element.classList.add(n),this.element.style.pointerEvents="none",this.renderer=i,this.startPoint=new t.Vector2,this.pointTopLeft=new t.Vector2,this.pointBottomRight=new t.Vector2,this.isDown=!1,this.renderer.domElement.addEventListener("pointerdown",(t=>{this.isDown=!0,this.onSelectStart(t)})),this.renderer.domElement.addEventListener("pointermove",(t=>{this.isDown&&this.onSelectMove(t)})),this.renderer.domElement.addEventListener("pointerup",(t=>{this.isDown=!1,this.onSelectOver(t)}))}onSelectStart(t){this.renderer.domElement.parentElement.appendChild(this.element),this.element.style.left=`${t.clientX}px`,this.element.style.top=`${t.clientY}px`,this.element.style.width="0px",this.element.style.height="0px",this.startPoint.x=t.clientX,this.startPoint.y=t.clientY}onSelectMove(t){this.pointBottomRight.x=Math.max(this.startPoint.x,t.clientX),this.pointBottomRight.y=Math.max(this.startPoint.y,t.clientY),this.pointTopLeft.x=Math.min(this.startPoint.x,t.clientX),this.pointTopLeft.y=Math.min(this.startPoint.y,t.clientY),this.element.style.left=`${this.pointTopLeft.x}px`,this.element.style.top=`${this.pointTopLeft.y}px`,this.element.style.width=this.pointBottomRight.x-this.pointTopLeft.x+"px",this.element.style.height=this.pointBottomRight.y-this.pointTopLeft.y+"px"}onSelectOver(){this.element.parentElement.removeChild(this.element)}};exports.SelectionHelper=e;