three-stdlib 2.15.0 → 2.15.2

package/controls/DeviceOrientationControls.js

@@ -1,119 +1,74 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { EventDispatcher, Vector3, Euler, Quaternion, MathUtils } from 'three';
-
-/**
- * W3C Device Orientation control (http://w3c.github.io/deviceorientation/spec-source-orientation.html)
- */
-
-class DeviceOrientationControls extends EventDispatcher {
-  // radians
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const THREE = require("three");
+class DeviceOrientationControls extends THREE.EventDispatcher {
   constructor(object) {
     super();
-
-    _defineProperty(this, "object", void 0);
-
-    _defineProperty(this, "changeEvent", {
-      type: 'change'
-    });
-
-    _defineProperty(this, "EPS", 0.000001);
-
-    _defineProperty(this, "enabled", true);
-
-    _defineProperty(this, "deviceOrientation", {
-      alpha: 0,
-      beta: 0,
-      gamma: 0
-    });
-
-    _defineProperty(this, "screenOrientation", 0);
-
-    _defineProperty(this, "alphaOffset", 0);
-
-    _defineProperty(this, "onDeviceOrientationChangeEvent", event => {
+    this.changeEvent = { type: "change" };
+    this.EPS = 1e-6;
+    this.enabled = true;
+    this.deviceOrientation = { alpha: 0, beta: 0, gamma: 0 };
+    this.screenOrientation = 0;
+    this.alphaOffset = 0;
+    this.onDeviceOrientationChangeEvent = (event) => {
       this.deviceOrientation = event;
-    });
-
-    _defineProperty(this, "onScreenOrientationChangeEvent", () => {
+    };
+    this.onScreenOrientationChangeEvent = () => {
       this.screenOrientation = window.orientation || 0;
-    });
-
-    _defineProperty(this, "zee", new Vector3(0, 0, 1));
-
-    _defineProperty(this, "euler", new Euler());
-
-    _defineProperty(this, "q0", new Quaternion());
-
-    _defineProperty(this, "q1", new Quaternion(-Math.sqrt(0.5), 0, 0, Math.sqrt(0.5)));
-
-    _defineProperty(this, "setObjectQuaternion", (quaternion, alpha, beta, gamma, orient) => {
-      this.euler.set(beta, alpha, -gamma, 'YXZ'); // 'ZXY' for the device, but 'YXZ' for us
-
-      quaternion.setFromEuler(this.euler); // orient the device
-
-      quaternion.multiply(this.q1); // camera looks out the back of the device, not the top
-
-      quaternion.multiply(this.q0.setFromAxisAngle(this.zee, -orient)); // adjust for screen orientation
-    });
-
-    _defineProperty(this, "connect", () => {
-      this.onScreenOrientationChangeEvent(); // run once on load
-      // iOS 13+
-
-      if (window.DeviceOrientationEvent !== undefined && typeof window.DeviceOrientationEvent.requestPermission === 'function') {
-        window.DeviceOrientationEvent.requestPermission().then(response => {
-          if (response == 'granted') {
-            window.addEventListener('orientationchange', this.onScreenOrientationChangeEvent);
-            window.addEventListener('deviceorientation', this.onDeviceOrientationChangeEvent);
+    };
+    this.zee = new THREE.Vector3(0, 0, 1);
+    this.euler = new THREE.Euler();
+    this.q0 = new THREE.Quaternion();
+    this.q1 = new THREE.Quaternion(-Math.sqrt(0.5), 0, 0, Math.sqrt(0.5));
+    this.setObjectQuaternion = (quaternion, alpha, beta, gamma, orient) => {
+      this.euler.set(beta, alpha, -gamma, "YXZ");
+      quaternion.setFromEuler(this.euler);
+      quaternion.multiply(this.q1);
+      quaternion.multiply(this.q0.setFromAxisAngle(this.zee, -orient));
+    };
+    this.connect = () => {
+      this.onScreenOrientationChangeEvent();
+      if (window.DeviceOrientationEvent !== void 0 && typeof window.DeviceOrientationEvent.requestPermission === "function") {
+        window.DeviceOrientationEvent.requestPermission().then((response) => {
+          if (response == "granted") {
+            window.addEventListener("orientationchange", this.onScreenOrientationChangeEvent);
+            window.addEventListener("deviceorientation", this.onDeviceOrientationChangeEvent);
           }
-        }).catch(error => {
-          console.error('THREE.DeviceOrientationControls: Unable to use DeviceOrientation API:', error);
+        }).catch((error) => {
+          console.error("THREE.DeviceOrientationControls: Unable to use DeviceOrientation API:", error);
         });
       } else {
-        window.addEventListener('orientationchange', this.onScreenOrientationChangeEvent);
-        window.addEventListener('deviceorientation', this.onDeviceOrientationChangeEvent);
+        window.addEventListener("orientationchange", this.onScreenOrientationChangeEvent);
+        window.addEventListener("deviceorientation", this.onDeviceOrientationChangeEvent);
       }
-
       this.enabled = true;
-    });
-
-    _defineProperty(this, "disconnect", () => {
-      window.removeEventListener('orientationchange', this.onScreenOrientationChangeEvent);
-      window.removeEventListener('deviceorientation', this.onDeviceOrientationChangeEvent);
+    };
+    this.disconnect = () => {
+      window.removeEventListener("orientationchange", this.onScreenOrientationChangeEvent);
+      window.removeEventListener("deviceorientation", this.onDeviceOrientationChangeEvent);
       this.enabled = false;
-    });
-
-    _defineProperty(this, "lastQuaternion", new Quaternion());
-
-    _defineProperty(this, "update", () => {
-      if (this.enabled === false) return;
+    };
+    this.lastQuaternion = new THREE.Quaternion();
+    this.update = () => {
+      if (this.enabled === false)
+        return;
       const device = this.deviceOrientation;
-
       if (device) {
-        const alpha = device.alpha ? MathUtils.degToRad(device.alpha) + this.alphaOffset : 0; // Z
-
-        const beta = device.beta ? MathUtils.degToRad(device.beta) : 0; // X'
-
-        const gamma = device.gamma ? MathUtils.degToRad(device.gamma) : 0; // Y''
-
-        const orient = this.screenOrientation ? MathUtils.degToRad(this.screenOrientation) : 0; // O
-
+        const alpha = device.alpha ? THREE.MathUtils.degToRad(device.alpha) + this.alphaOffset : 0;
+        const beta = device.beta ? THREE.MathUtils.degToRad(device.beta) : 0;
+        const gamma = device.gamma ? THREE.MathUtils.degToRad(device.gamma) : 0;
+        const orient = this.screenOrientation ? THREE.MathUtils.degToRad(this.screenOrientation) : 0;
         this.setObjectQuaternion(this.object.quaternion, alpha, beta, gamma, orient);
-
         if (8 * (1 - this.lastQuaternion.dot(this.object.quaternion)) > this.EPS) {
           this.lastQuaternion.copy(this.object.quaternion);
           this.dispatchEvent(this.changeEvent);
         }
       }
-    });
-
-    _defineProperty(this, "dispose", () => this.disconnect());
-
+    };
+    this.dispose = () => this.disconnect();
     this.object = object;
-    this.object.rotation.reorder('YXZ');
+    this.object.rotation.reorder("YXZ");
     this.connect();
   }
-
 }
-
-export { DeviceOrientationControls };
+exports.DeviceOrientationControls = DeviceOrientationControls;

package/controls/DeviceOrientationControls.mjs

@@ -0,0 +1,74 @@
+import { EventDispatcher, Vector3, Euler, Quaternion, MathUtils } from "three";
+class DeviceOrientationControls extends EventDispatcher {
+  constructor(object) {
+    super();
+    this.changeEvent = { type: "change" };
+    this.EPS = 1e-6;
+    this.enabled = true;
+    this.deviceOrientation = { alpha: 0, beta: 0, gamma: 0 };
+    this.screenOrientation = 0;
+    this.alphaOffset = 0;
+    this.onDeviceOrientationChangeEvent = (event) => {
+      this.deviceOrientation = event;
+    };
+    this.onScreenOrientationChangeEvent = () => {
+      this.screenOrientation = window.orientation || 0;
+    };
+    this.zee = new Vector3(0, 0, 1);
+    this.euler = new Euler();
+    this.q0 = new Quaternion();
+    this.q1 = new Quaternion(-Math.sqrt(0.5), 0, 0, Math.sqrt(0.5));
+    this.setObjectQuaternion = (quaternion, alpha, beta, gamma, orient) => {
+      this.euler.set(beta, alpha, -gamma, "YXZ");
+      quaternion.setFromEuler(this.euler);
+      quaternion.multiply(this.q1);
+      quaternion.multiply(this.q0.setFromAxisAngle(this.zee, -orient));
+    };
+    this.connect = () => {
+      this.onScreenOrientationChangeEvent();
+      if (window.DeviceOrientationEvent !== void 0 && typeof window.DeviceOrientationEvent.requestPermission === "function") {
+        window.DeviceOrientationEvent.requestPermission().then((response) => {
+          if (response == "granted") {
+            window.addEventListener("orientationchange", this.onScreenOrientationChangeEvent);
+            window.addEventListener("deviceorientation", this.onDeviceOrientationChangeEvent);
+          }
+        }).catch((error) => {
+          console.error("THREE.DeviceOrientationControls: Unable to use DeviceOrientation API:", error);
+        });
+      } else {
+        window.addEventListener("orientationchange", this.onScreenOrientationChangeEvent);
+        window.addEventListener("deviceorientation", this.onDeviceOrientationChangeEvent);
+      }
+      this.enabled = true;
+    };
+    this.disconnect = () => {
+      window.removeEventListener("orientationchange", this.onScreenOrientationChangeEvent);
+      window.removeEventListener("deviceorientation", this.onDeviceOrientationChangeEvent);
+      this.enabled = false;
+    };
+    this.lastQuaternion = new Quaternion();
+    this.update = () => {
+      if (this.enabled === false)
+        return;
+      const device = this.deviceOrientation;
+      if (device) {
+        const alpha = device.alpha ? MathUtils.degToRad(device.alpha) + this.alphaOffset : 0;
+        const beta = device.beta ? MathUtils.degToRad(device.beta) : 0;
+        const gamma = device.gamma ? MathUtils.degToRad(device.gamma) : 0;
+        const orient = this.screenOrientation ? MathUtils.degToRad(this.screenOrientation) : 0;
+        this.setObjectQuaternion(this.object.quaternion, alpha, beta, gamma, orient);
+        if (8 * (1 - this.lastQuaternion.dot(this.object.quaternion)) > this.EPS) {
+          this.lastQuaternion.copy(this.object.quaternion);
+          this.dispatchEvent(this.changeEvent);
+        }
+      }
+    };
+    this.dispose = () => this.disconnect();
+    this.object = object;
+    this.object.rotation.reorder("YXZ");
+    this.connect();
+  }
+}
+export {
+  DeviceOrientationControls
+};

package/controls/DragControls.js

@@ -1,274 +1,172 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { EventDispatcher, Plane, Raycaster, Vector2, Vector3, Matrix4 } from 'three';
-
-class DragControls extends EventDispatcher {
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const THREE = require("three");
+class DragControls extends THREE.EventDispatcher {
   constructor(_objects, _camera, _domElement) {
     super();
-
-    _defineProperty(this, "enabled", true);
-
-    _defineProperty(this, "transformGroup", false);
-
-    _defineProperty(this, "_objects", void 0);
-
-    _defineProperty(this, "_camera", void 0);
-
-    _defineProperty(this, "_domElement", void 0);
-
-    _defineProperty(this, "_plane", new Plane());
-
-    _defineProperty(this, "_raycaster", new Raycaster());
-
-    _defineProperty(this, "_mouse", new Vector2());
-
-    _defineProperty(this, "_offset", new Vector3());
-
-    _defineProperty(this, "_intersection", new Vector3());
-
-    _defineProperty(this, "_worldPosition", new Vector3());
-
-    _defineProperty(this, "_inverseMatrix", new Matrix4());
-
-    _defineProperty(this, "_intersections", []);
-
-    _defineProperty(this, "_selected", null);
-
-    _defineProperty(this, "_hovered", null);
-
-    _defineProperty(this, "activate", () => {
-      this._domElement.addEventListener('pointermove', this.onPointerMove);
-
-      this._domElement.addEventListener('pointerdown', this.onPointerDown);
-
-      this._domElement.addEventListener('pointerup', this.onPointerCancel);
-
-      this._domElement.addEventListener('pointerleave', this.onPointerCancel);
-
-      this._domElement.addEventListener('touchmove', this.onTouchMove);
-
-      this._domElement.addEventListener('touchstart', this.onTouchStart);
-
-      this._domElement.addEventListener('touchend', this.onTouchEnd);
-    });
-
-    _defineProperty(this, "deactivate", () => {
-      this._domElement.removeEventListener('pointermove', this.onPointerMove);
-
-      this._domElement.removeEventListener('pointerdown', this.onPointerDown);
-
-      this._domElement.removeEventListener('pointerup', this.onPointerCancel);
-
-      this._domElement.removeEventListener('pointerleave', this.onPointerCancel);
-
-      this._domElement.removeEventListener('touchmove', this.onTouchMove);
-
-      this._domElement.removeEventListener('touchstart', this.onTouchStart);
-
-      this._domElement.removeEventListener('touchend', this.onTouchEnd);
-
-      this._domElement.style.cursor = '';
-    });
-
-    _defineProperty(this, "dispose", () => this.deactivate());
-
-    _defineProperty(this, "getObjects", () => this._objects);
-
-    _defineProperty(this, "getRaycaster", () => this._raycaster);
-
-    _defineProperty(this, "onMouseMove", event => {
+    this.enabled = true;
+    this.transformGroup = false;
+    this._plane = new THREE.Plane();
+    this._raycaster = new THREE.Raycaster();
+    this._mouse = new THREE.Vector2();
+    this._offset = new THREE.Vector3();
+    this._intersection = new THREE.Vector3();
+    this._worldPosition = new THREE.Vector3();
+    this._inverseMatrix = new THREE.Matrix4();
+    this._intersections = [];
+    this._selected = null;
+    this._hovered = null;
+    this.activate = () => {
+      this._domElement.addEventListener("pointermove", this.onPointerMove);
+      this._domElement.addEventListener("pointerdown", this.onPointerDown);
+      this._domElement.addEventListener("pointerup", this.onPointerCancel);
+      this._domElement.addEventListener("pointerleave", this.onPointerCancel);
+      this._domElement.addEventListener("touchmove", this.onTouchMove);
+      this._domElement.addEventListener("touchstart", this.onTouchStart);
+      this._domElement.addEventListener("touchend", this.onTouchEnd);
+    };
+    this.deactivate = () => {
+      this._domElement.removeEventListener("pointermove", this.onPointerMove);
+      this._domElement.removeEventListener("pointerdown", this.onPointerDown);
+      this._domElement.removeEventListener("pointerup", this.onPointerCancel);
+      this._domElement.removeEventListener("pointerleave", this.onPointerCancel);
+      this._domElement.removeEventListener("touchmove", this.onTouchMove);
+      this._domElement.removeEventListener("touchstart", this.onTouchStart);
+      this._domElement.removeEventListener("touchend", this.onTouchEnd);
+      this._domElement.style.cursor = "";
+    };
+    this.dispose = () => this.deactivate();
+    this.getObjects = () => this._objects;
+    this.getRaycaster = () => this._raycaster;
+    this.onMouseMove = (event) => {
       const rect = this._domElement.getBoundingClientRect();
-
       this._mouse.x = (event.clientX - rect.left) / rect.width * 2 - 1;
       this._mouse.y = -((event.clientY - rect.top) / rect.height) * 2 + 1;
-
       this._raycaster.setFromCamera(this._mouse, this._camera);
-
       if (this._selected && this.enabled) {
         if (this._raycaster.ray.intersectPlane(this._plane, this._intersection)) {
           this._selected.position.copy(this._intersection.sub(this._offset).applyMatrix4(this._inverseMatrix));
         }
-
-        this.dispatchEvent({
-          type: 'drag',
-          object: this._selected
-        });
+        this.dispatchEvent({ type: "drag", object: this._selected });
         return;
       }
-
       this._intersections.length = 0;
-
       this._raycaster.setFromCamera(this._mouse, this._camera);
-
       this._raycaster.intersectObjects(this._objects, true, this._intersections);
-
       if (this._intersections.length > 0) {
         const object = this._intersections[0].object;
-
-        this._plane.setFromNormalAndCoplanarPoint(this._camera.getWorldDirection(this._plane.normal), this._worldPosition.setFromMatrixPosition(object.matrixWorld));
-
+        this._plane.setFromNormalAndCoplanarPoint(
+          this._camera.getWorldDirection(this._plane.normal),
+          this._worldPosition.setFromMatrixPosition(object.matrixWorld)
+        );
         if (this._hovered !== object) {
-          this.dispatchEvent({
-            type: 'hoveron',
-            object
-          });
-          this._domElement.style.cursor = 'pointer';
+          this.dispatchEvent({ type: "hoveron", object });
+          this._domElement.style.cursor = "pointer";
           this._hovered = object;
         }
       } else {
         if (this._hovered !== null) {
-          this.dispatchEvent({
-            type: 'hoveroff',
-            object: this._hovered
-          });
-          this._domElement.style.cursor = 'auto';
+          this.dispatchEvent({ type: "hoveroff", object: this._hovered });
+          this._domElement.style.cursor = "auto";
           this._hovered = null;
         }
       }
-    });
-
-    _defineProperty(this, "onMouseDown", () => {
+    };
+    this.onMouseDown = () => {
       this._intersections.length = 0;
-
       this._raycaster.setFromCamera(this._mouse, this._camera);
-
       this._raycaster.intersectObjects(this._objects, true, this._intersections);
-
       if (this._intersections.length > 0) {
         this._selected = this.transformGroup === true ? this._objects[0] : this._intersections[0].object;
-
         if (this._raycaster.ray.intersectPlane(this._plane, this._intersection) && this._selected.parent) {
           this._inverseMatrix.copy(this._selected.parent.matrixWorld).invert();
-
           this._offset.copy(this._intersection).sub(this._worldPosition.setFromMatrixPosition(this._selected.matrixWorld));
         }
-
-        this._domElement.style.cursor = 'move';
-        this.dispatchEvent({
-          type: 'dragstart',
-          object: this._selected
-        });
+        this._domElement.style.cursor = "move";
+        this.dispatchEvent({ type: "dragstart", object: this._selected });
       }
-    });
-
-    _defineProperty(this, "onMouseCancel", () => {
+    };
+    this.onMouseCancel = () => {
       if (this._selected) {
-        this.dispatchEvent({
-          type: 'dragend',
-          object: this._selected
-        });
+        this.dispatchEvent({ type: "dragend", object: this._selected });
         this._selected = null;
       }
-
-      this._domElement.style.cursor = this._hovered ? 'pointer' : 'auto';
-    });
-
-    _defineProperty(this, "onPointerMove", event => {
+      this._domElement.style.cursor = this._hovered ? "pointer" : "auto";
+    };
+    this.onPointerMove = (event) => {
       switch (event.pointerType) {
-        case 'mouse':
-        case 'pen':
+        case "mouse":
+        case "pen":
           this.onMouseMove(event);
           break;
-        // TODO touch
       }
-    });
-
-    _defineProperty(this, "onPointerDown", event => {
+    };
+    this.onPointerDown = (event) => {
       switch (event.pointerType) {
-        case 'mouse':
-        case 'pen':
+        case "mouse":
+        case "pen":
           this.onMouseDown();
           break;
-        // TODO touch
       }
-    });
-
-    _defineProperty(this, "onPointerCancel", event => {
+    };
+    this.onPointerCancel = (event) => {
       switch (event.pointerType) {
-        case 'mouse':
-        case 'pen':
+        case "mouse":
+        case "pen":
           this.onMouseCancel();
           break;
-        // TODO touch
       }
-    });
-
-    _defineProperty(this, "onTouchMove", event => {
+    };
+    this.onTouchMove = (event) => {
       event.preventDefault();
       const newEvent = event.changedTouches[0];
-
       const rect = this._domElement.getBoundingClientRect();
-
       this._mouse.x = (newEvent.clientX - rect.left) / rect.width * 2 - 1;
       this._mouse.y = -((newEvent.clientY - rect.top) / rect.height) * 2 + 1;
-
       this._raycaster.setFromCamera(this._mouse, this._camera);
-
       if (this._selected && this.enabled) {
         if (this._raycaster.ray.intersectPlane(this._plane, this._intersection)) {
           this._selected.position.copy(this._intersection.sub(this._offset).applyMatrix4(this._inverseMatrix));
         }
-
-        this.dispatchEvent({
-          type: 'drag',
-          object: this._selected
-        });
+        this.dispatchEvent({ type: "drag", object: this._selected });
         return;
       }
-    });
-
-    _defineProperty(this, "onTouchStart", event => {
+    };
+    this.onTouchStart = (event) => {
       event.preventDefault();
       const newEvent = event.changedTouches[0];
-
       const rect = this._domElement.getBoundingClientRect();
-
       this._mouse.x = (newEvent.clientX - rect.left) / rect.width * 2 - 1;
       this._mouse.y = -((newEvent.clientY - rect.top) / rect.height) * 2 + 1;
       this._intersections.length = 0;
-
       this._raycaster.setFromCamera(this._mouse, this._camera);
-
       this._raycaster.intersectObjects(this._objects, true, this._intersections);
-
       if (this._intersections.length > 0) {
         this._selected = this.transformGroup === true ? this._objects[0] : this._intersections[0].object;
-
-        this._plane.setFromNormalAndCoplanarPoint(this._camera.getWorldDirection(this._plane.normal), this._worldPosition.setFromMatrixPosition(this._selected.matrixWorld));
-
+        this._plane.setFromNormalAndCoplanarPoint(
+          this._camera.getWorldDirection(this._plane.normal),
+          this._worldPosition.setFromMatrixPosition(this._selected.matrixWorld)
+        );
         if (this._raycaster.ray.intersectPlane(this._plane, this._intersection) && this._selected.parent) {
           this._inverseMatrix.copy(this._selected.parent.matrixWorld).invert();
-
           this._offset.copy(this._intersection).sub(this._worldPosition.setFromMatrixPosition(this._selected.matrixWorld));
         }
-
-        this._domElement.style.cursor = 'move';
-        this.dispatchEvent({
-          type: 'dragstart',
-          object: this._selected
-        });
+        this._domElement.style.cursor = "move";
+        this.dispatchEvent({ type: "dragstart", object: this._selected });
       }
-    });
-
-    _defineProperty(this, "onTouchEnd", event => {
+    };
+    this.onTouchEnd = (event) => {
       event.preventDefault();
-
       if (this._selected) {
-        this.dispatchEvent({
-          type: 'dragend',
-          object: this._selected
-        });
+        this.dispatchEvent({ type: "dragend", object: this._selected });
         this._selected = null;
       }
-
-      this._domElement.style.cursor = 'auto';
-    });
-
+      this._domElement.style.cursor = "auto";
+    };
     this._objects = _objects;
     this._camera = _camera;
     this._domElement = _domElement;
     this.activate();
   }
-
 }
-
-export { DragControls };
+exports.DragControls = DragControls;