three-stdlib 2.15.1 → 2.15.2

package/controls/FirstPersonControls.mjs

@@ -0,0 +1,220 @@
+import { Vector3, EventDispatcher, Spherical, MathUtils } from "three";
+const targetPosition = new Vector3();
+class FirstPersonControls extends EventDispatcher {
+  constructor(object, domElement) {
+    super();
+    this.enabled = true;
+    this.movementSpeed = 1;
+    this.lookSpeed = 5e-3;
+    this.lookVertical = true;
+    this.autoForward = false;
+    this.activeLook = true;
+    this.heightSpeed = false;
+    this.heightCoef = 1;
+    this.heightMin = 0;
+    this.heightMax = 1;
+    this.constrainVertical = false;
+    this.verticalMin = 0;
+    this.verticalMax = Math.PI;
+    this.mouseDragOn = false;
+    this.autoSpeedFactor = 0;
+    this.mouseX = 0;
+    this.mouseY = 0;
+    this.moveForward = false;
+    this.moveBackward = false;
+    this.moveLeft = false;
+    this.moveRight = false;
+    this.moveUp = false;
+    this.moveDown = false;
+    this.viewHalfX = 0;
+    this.viewHalfY = 0;
+    this.lat = 0;
+    this.lon = 0;
+    this.lookDirection = new Vector3();
+    this.spherical = new Spherical();
+    this.target = new Vector3();
+    this.connect = (domElement2) => {
+      domElement2.setAttribute("tabindex", "-1");
+      domElement2.style.touchAction = "none";
+      domElement2.addEventListener("contextmenu", this.contextmenu);
+      domElement2.addEventListener("mousemove", this.onMouseMove);
+      domElement2.addEventListener("mousedown", this.onMouseDown);
+      domElement2.addEventListener("mouseup", this.onMouseUp);
+      this.domElement = domElement2;
+      window.addEventListener("keydown", this.onKeyDown);
+      window.addEventListener("keyup", this.onKeyUp);
+      this.handleResize();
+    };
+    this.dispose = () => {
+      var _a, _b, _c, _d;
+      (_a = this.domElement) == null ? void 0 : _a.removeEventListener("contextmenu", this.contextmenu);
+      (_b = this.domElement) == null ? void 0 : _b.removeEventListener("mousedown", this.onMouseDown);
+      (_c = this.domElement) == null ? void 0 : _c.removeEventListener("mousemove", this.onMouseMove);
+      (_d = this.domElement) == null ? void 0 : _d.removeEventListener("mouseup", this.onMouseUp);
+      window.removeEventListener("keydown", this.onKeyDown);
+      window.removeEventListener("keyup", this.onKeyUp);
+    };
+    this.handleResize = () => {
+      if (this.domElement) {
+        this.viewHalfX = this.domElement.offsetWidth / 2;
+        this.viewHalfY = this.domElement.offsetHeight / 2;
+      }
+    };
+    this.onMouseDown = (event) => {
+      var _a;
+      (_a = this.domElement) == null ? void 0 : _a.focus();
+      if (this.activeLook) {
+        switch (event.button) {
+          case 0:
+            this.moveForward = true;
+            break;
+          case 2:
+            this.moveBackward = true;
+            break;
+        }
+      }
+      this.mouseDragOn = true;
+    };
+    this.onMouseUp = (event) => {
+      if (this.activeLook) {
+        switch (event.button) {
+          case 0:
+            this.moveForward = false;
+            break;
+          case 2:
+            this.moveBackward = false;
+            break;
+        }
+      }
+      this.mouseDragOn = false;
+    };
+    this.onMouseMove = (event) => {
+      if (this.domElement) {
+        this.mouseX = event.pageX - this.domElement.offsetLeft - this.viewHalfX;
+        this.mouseY = event.pageY - this.domElement.offsetTop - this.viewHalfY;
+      }
+    };
+    this.onKeyDown = (event) => {
+      switch (event.code) {
+        case "ArrowUp":
+        case "KeyW":
+          this.moveForward = true;
+          break;
+        case "ArrowLeft":
+        case "KeyA":
+          this.moveLeft = true;
+          break;
+        case "ArrowDown":
+        case "KeyS":
+          this.moveBackward = true;
+          break;
+        case "ArrowRight":
+        case "KeyD":
+          this.moveRight = true;
+          break;
+        case "KeyR":
+          this.moveUp = true;
+          break;
+        case "KeyF":
+          this.moveDown = true;
+          break;
+      }
+    };
+    this.onKeyUp = (event) => {
+      switch (event.code) {
+        case "ArrowUp":
+        case "KeyW":
+          this.moveForward = false;
+          break;
+        case "ArrowLeft":
+        case "KeyA":
+          this.moveLeft = false;
+          break;
+        case "ArrowDown":
+        case "KeyS":
+          this.moveBackward = false;
+          break;
+        case "ArrowRight":
+        case "KeyD":
+          this.moveRight = false;
+          break;
+        case "KeyR":
+          this.moveUp = false;
+          break;
+        case "KeyF":
+          this.moveDown = false;
+          break;
+      }
+    };
+    this.lookAt = (x, y, z) => {
+      if (x instanceof Vector3) {
+        this.target.copy(x);
+      } else if (y && z) {
+        this.target.set(x, y, z);
+      }
+      this.object.lookAt(this.target);
+      this.setOrientation();
+      return this;
+    };
+    this.update = (delta) => {
+      if (!this.enabled)
+        return;
+      if (this.heightSpeed) {
+        const y = MathUtils.clamp(this.object.position.y, this.heightMin, this.heightMax);
+        const heightDelta = y - this.heightMin;
+        this.autoSpeedFactor = delta * (heightDelta * this.heightCoef);
+      } else {
+        this.autoSpeedFactor = 0;
+      }
+      const actualMoveSpeed = delta * this.movementSpeed;
+      if (this.moveForward || this.autoForward && !this.moveBackward) {
+        this.object.translateZ(-(actualMoveSpeed + this.autoSpeedFactor));
+      }
+      if (this.moveBackward)
+        this.object.translateZ(actualMoveSpeed);
+      if (this.moveLeft)
+        this.object.translateX(-actualMoveSpeed);
+      if (this.moveRight)
+        this.object.translateX(actualMoveSpeed);
+      if (this.moveUp)
+        this.object.translateY(actualMoveSpeed);
+      if (this.moveDown)
+        this.object.translateY(-actualMoveSpeed);
+      let actualLookSpeed = delta * this.lookSpeed;
+      if (!this.activeLook) {
+        actualLookSpeed = 0;
+      }
+      let verticalLookRatio = 1;
+      if (this.constrainVertical) {
+        verticalLookRatio = Math.PI / (this.verticalMax - this.verticalMin);
+      }
+      this.lon -= this.mouseX * actualLookSpeed;
+      if (this.lookVertical)
+        this.lat -= this.mouseY * actualLookSpeed * verticalLookRatio;
+      this.lat = Math.max(-85, Math.min(85, this.lat));
+      let phi = MathUtils.degToRad(90 - this.lat);
+      const theta = MathUtils.degToRad(this.lon);
+      if (this.constrainVertical) {
+        phi = MathUtils.mapLinear(phi, 0, Math.PI, this.verticalMin, this.verticalMax);
+      }
+      const position = this.object.position;
+      targetPosition.setFromSphericalCoords(1, phi, theta).add(position);
+      this.object.lookAt(targetPosition);
+    };
+    this.contextmenu = (event) => event.preventDefault();
+    this.setOrientation = () => {
+      this.lookDirection.set(0, 0, -1).applyQuaternion(this.object.quaternion);
+      this.spherical.setFromVector3(this.lookDirection);
+      this.lat = 90 - MathUtils.radToDeg(this.spherical.phi);
+      this.lon = MathUtils.radToDeg(this.spherical.theta);
+    };
+    this.object = object;
+    this.domElement = domElement;
+    this.setOrientation();
+    if (domElement)
+      this.connect(domElement);
+  }
+}
+export {
+  FirstPersonControls
+};

package/controls/FlyControls.js

@@ -1,39 +1,22 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { EventDispatcher, Quaternion, Vector3 } from 'three';
-
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const THREE = require("three");
 function contextmenu(event) {
   event.preventDefault();
 }
-
-class FlyControls extends EventDispatcher {
+class FlyControls extends THREE.EventDispatcher {
   constructor(object, domElement) {
     super();
-
-    _defineProperty(this, "object", void 0);
-
-    _defineProperty(this, "domElement", void 0);
-
-    _defineProperty(this, "movementSpeed", 1.0);
-
-    _defineProperty(this, "rollSpeed", 0.005);
-
-    _defineProperty(this, "dragToLook", false);
-
-    _defineProperty(this, "autoForward", false);
-
-    _defineProperty(this, "changeEvent", {
-      type: 'change'
-    });
-
-    _defineProperty(this, "EPS", 0.000001);
-
-    _defineProperty(this, "tmpQuaternion", new Quaternion());
-
-    _defineProperty(this, "mouseStatus", 0);
-
-    _defineProperty(this, "movementSpeedMultiplier", 1);
-
-    _defineProperty(this, "moveState", {
+    this.movementSpeed = 1;
+    this.rollSpeed = 5e-3;
+    this.dragToLook = false;
+    this.autoForward = false;
+    this.changeEvent = { type: "change" };
+    this.EPS = 1e-6;
+    this.tmpQuaternion = new THREE.Quaternion();
+    this.mouseStatus = 0;
+    this.movementSpeedMultiplier = 1;
+    this.moveState = {
       up: 0,
       down: 0,
       left: 0,
@@ -46,137 +29,105 @@ class FlyControls extends EventDispatcher {
       yawRight: 0,
       rollLeft: 0,
       rollRight: 0
-    });
-
-    _defineProperty(this, "moveVector", new Vector3(0, 0, 0));
-
-    _defineProperty(this, "rotationVector", new Vector3(0, 0, 0));
-
-    _defineProperty(this, "keydown", event => {
+    };
+    this.moveVector = new THREE.Vector3(0, 0, 0);
+    this.rotationVector = new THREE.Vector3(0, 0, 0);
+    this.keydown = (event) => {
       if (event.altKey) {
         return;
       }
-
       switch (event.code) {
-        case 'ShiftLeft':
-        case 'ShiftRight':
+        case "ShiftLeft":
+        case "ShiftRight":
           this.movementSpeedMultiplier = 0.1;
           break;
-
-        case 'KeyW':
+        case "KeyW":
           this.moveState.forward = 1;
           break;
-
-        case 'KeyS':
+        case "KeyS":
           this.moveState.back = 1;
           break;
-
-        case 'KeyA':
+        case "KeyA":
           this.moveState.left = 1;
           break;
-
-        case 'KeyD':
+        case "KeyD":
           this.moveState.right = 1;
           break;
-
-        case 'KeyR':
+        case "KeyR":
           this.moveState.up = 1;
           break;
-
-        case 'KeyF':
+        case "KeyF":
           this.moveState.down = 1;
           break;
-
-        case 'ArrowUp':
+        case "ArrowUp":
           this.moveState.pitchUp = 1;
           break;
-
-        case 'ArrowDown':
+        case "ArrowDown":
           this.moveState.pitchDown = 1;
           break;
-
-        case 'ArrowLeft':
+        case "ArrowLeft":
           this.moveState.yawLeft = 1;
           break;
-
-        case 'ArrowRight':
+        case "ArrowRight":
           this.moveState.yawRight = 1;
           break;
-
-        case 'KeyQ':
+        case "KeyQ":
           this.moveState.rollLeft = 1;
           break;
-
-        case 'KeyE':
+        case "KeyE":
           this.moveState.rollRight = 1;
           break;
       }
-
       this.updateMovementVector();
       this.updateRotationVector();
-    });
-
-    _defineProperty(this, "keyup", event => {
+    };
+    this.keyup = (event) => {
       switch (event.code) {
-        case 'ShiftLeft':
-        case 'ShiftRight':
+        case "ShiftLeft":
+        case "ShiftRight":
           this.movementSpeedMultiplier = 1;
           break;
-
-        case 'KeyW':
+        case "KeyW":
           this.moveState.forward = 0;
           break;
-
-        case 'KeyS':
+        case "KeyS":
           this.moveState.back = 0;
           break;
-
-        case 'KeyA':
+        case "KeyA":
           this.moveState.left = 0;
           break;
-
-        case 'KeyD':
+        case "KeyD":
           this.moveState.right = 0;
           break;
-
-        case 'KeyR':
+        case "KeyR":
           this.moveState.up = 0;
           break;
-
-        case 'KeyF':
+        case "KeyF":
           this.moveState.down = 0;
           break;
-
-        case 'ArrowUp':
+        case "ArrowUp":
           this.moveState.pitchUp = 0;
           break;
-
-        case 'ArrowDown':
+        case "ArrowDown":
           this.moveState.pitchDown = 0;
           break;
-
-        case 'ArrowLeft':
+        case "ArrowLeft":
           this.moveState.yawLeft = 0;
           break;
-
-        case 'ArrowRight':
+        case "ArrowRight":
           this.moveState.yawRight = 0;
           break;
-
-        case 'KeyQ':
+        case "KeyQ":
           this.moveState.rollLeft = 0;
           break;
-
-        case 'KeyE':
+        case "KeyE":
           this.moveState.rollRight = 0;
           break;
       }
-
       this.updateMovementVector();
       this.updateRotationVector();
-    });
-
-    _defineProperty(this, "mousedown", event => {
+    };
+    this.mousedown = (event) => {
       if (this.dragToLook) {
         this.mouseStatus++;
       } else {
@@ -184,17 +135,14 @@ class FlyControls extends EventDispatcher {
           case 0:
             this.moveState.forward = 1;
             break;
-
           case 2:
             this.moveState.back = 1;
             break;
         }
-
         this.updateMovementVector();
       }
-    });
-
-    _defineProperty(this, "mousemove", event => {
+    };
+    this.mousemove = (event) => {
       if (!this.dragToLook || this.mouseStatus > 0) {
         const container = this.getContainerDimensions();
         const halfWidth = container.size[0] / 2;
@@ -203,9 +151,8 @@ class FlyControls extends EventDispatcher {
         this.moveState.pitchDown = (event.pageY - container.offset[1] - halfHeight) / halfHeight;
         this.updateRotationVector();
       }
-    });
-
-    _defineProperty(this, "mouseup", event => {
+    };
+    this.mouseup = (event) => {
       if (this.dragToLook) {
         this.mouseStatus--;
         this.moveState.yawLeft = this.moveState.pitchDown = 0;
@@ -214,23 +161,17 @@ class FlyControls extends EventDispatcher {
           case 0:
             this.moveState.forward = 0;
             break;
-
           case 2:
             this.moveState.back = 0;
             break;
         }
-
         this.updateMovementVector();
       }
-
       this.updateRotationVector();
-    });
-
-    _defineProperty(this, "lastQuaternion", new Quaternion());
-
-    _defineProperty(this, "lastPosition", new Vector3());
-
-    _defineProperty(this, "update", delta => {
+    };
+    this.lastQuaternion = new THREE.Quaternion();
+    this.lastPosition = new THREE.Vector3();
+    this.update = (delta) => {
       const moveMult = delta * this.movementSpeed;
       const rotMult = delta * this.rollSpeed;
       this.object.translateX(this.moveVector.x * moveMult);
@@ -238,28 +179,24 @@ class FlyControls extends EventDispatcher {
       this.object.translateZ(this.moveVector.z * moveMult);
       this.tmpQuaternion.set(this.rotationVector.x * rotMult, this.rotationVector.y * rotMult, this.rotationVector.z * rotMult, 1).normalize();
       this.object.quaternion.multiply(this.tmpQuaternion);
-
       if (this.lastPosition.distanceToSquared(this.object.position) > this.EPS || 8 * (1 - this.lastQuaternion.dot(this.object.quaternion)) > this.EPS) {
         this.dispatchEvent(this.changeEvent);
         this.lastQuaternion.copy(this.object.quaternion);
         this.lastPosition.copy(this.object.position);
       }
-    });
-
-    _defineProperty(this, "updateMovementVector", () => {
+    };
+    this.updateMovementVector = () => {
       const forward = this.moveState.forward || this.autoForward && !this.moveState.back ? 1 : 0;
       this.moveVector.x = -this.moveState.left + this.moveState.right;
       this.moveVector.y = -this.moveState.down + this.moveState.up;
       this.moveVector.z = -forward + this.moveState.back;
-    });
-
-    _defineProperty(this, "updateRotationVector", () => {
+    };
+    this.updateRotationVector = () => {
       this.rotationVector.x = -this.moveState.pitchDown + this.moveState.pitchUp;
       this.rotationVector.y = -this.moveState.yawRight + this.moveState.yawLeft;
       this.rotationVector.z = -this.moveState.rollRight + this.moveState.rollLeft;
-    });
-
-    _defineProperty(this, "getContainerDimensions", () => {
+    };
+    this.getContainerDimensions = () => {
       if (this.domElement != document && !(this.domElement instanceof Document)) {
         return {
           size: [this.domElement.offsetWidth, this.domElement.offsetHeight],
@@ -271,39 +208,32 @@ class FlyControls extends EventDispatcher {
           offset: [0, 0]
         };
       }
-    });
-
-    _defineProperty(this, "dispose", () => {
-      this.domElement.removeEventListener('contextmenu', contextmenu);
-      this.domElement.removeEventListener('mousemove', this.mousemove);
-      this.domElement.removeEventListener('mousedown', this.mousedown);
-      this.domElement.removeEventListener('mouseup', this.mouseup);
-      window.removeEventListener('keydown', this.keydown);
-      window.removeEventListener('keyup', this.keyup);
-    });
-
-    if (domElement === undefined) {
+    };
+    this.dispose = () => {
+      this.domElement.removeEventListener("contextmenu", contextmenu);
+      this.domElement.removeEventListener("mousemove", this.mousemove);
+      this.domElement.removeEventListener("mousedown", this.mousedown);
+      this.domElement.removeEventListener("mouseup", this.mouseup);
+      window.removeEventListener("keydown", this.keydown);
+      window.removeEventListener("keyup", this.keyup);
+    };
+    if (domElement === void 0) {
       console.warn('THREE.FlyControls: The second parameter "domElement" is now mandatory.');
       domElement = document;
     }
-
     this.object = object;
     this.domElement = domElement;
-
     if (domElement && !(domElement instanceof Document)) {
-      domElement.setAttribute('tabindex', -1);
+      domElement.setAttribute("tabindex", -1);
     }
-
-    this.domElement.addEventListener('contextmenu', contextmenu);
-    this.domElement.addEventListener('mousemove', this.mousemove);
-    this.domElement.addEventListener('mousedown', this.mousedown);
-    this.domElement.addEventListener('mouseup', this.mouseup);
-    window.addEventListener('keydown', this.keydown);
-    window.addEventListener('keyup', this.keyup);
+    this.domElement.addEventListener("contextmenu", contextmenu);
+    this.domElement.addEventListener("mousemove", this.mousemove);
+    this.domElement.addEventListener("mousedown", this.mousedown);
+    this.domElement.addEventListener("mouseup", this.mouseup);
+    window.addEventListener("keydown", this.keydown);
+    window.addEventListener("keyup", this.keyup);
     this.updateMovementVector();
     this.updateRotationVector();
   }
-
 }
-
-export { FlyControls };
+exports.FlyControls = FlyControls;