three-stdlib 2.16.1 → 2.17.0

package/controls/FlyControls.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@babel/runtime/helpers/defineProperty"),e=require("three");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=o(t);function s(t){t.preventDefault()}class a extends e.EventDispatcher{constructor(t,o){super(),i.default(this,"object",void 0),i.default(this,"domElement",void 0),i.default(this,"movementSpeed",1),i.default(this,"rollSpeed",.005),i.default(this,"dragToLook",!1),i.default(this,"autoForward",!1),i.default(this,"changeEvent",{type:"change"}),i.default(this,"EPS",1e-6),i.default(this,"tmpQuaternion",new e.Quaternion),i.default(this,"mouseStatus",0),i.default(this,"movementSpeedMultiplier",1),i.default(this,"moveState",{up:0,down:0,left:0,right:0,forward:0,back:0,pitchUp:0,pitchDown:0,yawLeft:0,yawRight:0,rollLeft:0,rollRight:0}),i.default(this,"moveVector",new e.Vector3(0,0,0)),i.default(this,"rotationVector",new e.Vector3(0,0,0)),i.default(this,"keydown",(t=>{if(!t.altKey){switch(t.code){case"ShiftLeft":case"ShiftRight":this.movementSpeedMultiplier=.1;break;case"KeyW":this.moveState.forward=1;break;case"KeyS":this.moveState.back=1;break;case"KeyA":this.moveState.left=1;break;case"KeyD":this.moveState.right=1;break;case"KeyR":this.moveState.up=1;break;case"KeyF":this.moveState.down=1;break;case"ArrowUp":this.moveState.pitchUp=1;break;case"ArrowDown":this.moveState.pitchDown=1;break;case"ArrowLeft":this.moveState.yawLeft=1;break;case"ArrowRight":this.moveState.yawRight=1;break;case"KeyQ":this.moveState.rollLeft=1;break;case"KeyE":this.moveState.rollRight=1}this.updateMovementVector(),this.updateRotationVector()}})),i.default(this,"keyup",(t=>{switch(t.code){case"ShiftLeft":case"ShiftRight":this.movementSpeedMultiplier=1;break;case"KeyW":this.moveState.forward=0;break;case"KeyS":this.moveState.back=0;break;case"KeyA":this.moveState.left=0;break;case"KeyD":this.moveState.right=0;break;case"KeyR":this.moveState.up=0;break;case"KeyF":this.moveState.down=0;break;case"ArrowUp":this.moveState.pitchUp=0;break;case"ArrowDown":this.moveState.pitchDown=0;break;case"ArrowLeft":this.moveState.yawLeft=0;break;case"ArrowRight":this.moveState.yawRight=0;break;case"KeyQ":this.moveState.rollLeft=0;break;case"KeyE":this.moveState.rollRight=0}this.updateMovementVector(),this.updateRotationVector()})),i.default(this,"mousedown",(t=>{if(this.dragToLook)this.mouseStatus++;else{switch(t.button){case 0:this.moveState.forward=1;break;case 2:this.moveState.back=1}this.updateMovementVector()}})),i.default(this,"mousemove",(t=>{if(!this.dragToLook||this.mouseStatus>0){const e=this.getContainerDimensions(),o=e.size[0]/2,i=e.size[1]/2;this.moveState.yawLeft=-(t.pageX-e.offset[0]-o)/o,this.moveState.pitchDown=(t.pageY-e.offset[1]-i)/i,this.updateRotationVector()}})),i.default(this,"mouseup",(t=>{if(this.dragToLook)this.mouseStatus--,this.moveState.yawLeft=this.moveState.pitchDown=0;else{switch(t.button){case 0:this.moveState.forward=0;break;case 2:this.moveState.back=0}this.updateMovementVector()}this.updateRotationVector()})),i.default(this,"lastQuaternion",new e.Quaternion),i.default(this,"lastPosition",new e.Vector3),i.default(this,"update",(t=>{const e=t*this.movementSpeed,o=t*this.rollSpeed;this.object.translateX(this.moveVector.x*e),this.object.translateY(this.moveVector.y*e),this.object.translateZ(this.moveVector.z*e),this.tmpQuaternion.set(this.rotationVector.x*o,this.rotationVector.y*o,this.rotationVector.z*o,1).normalize(),this.object.quaternion.multiply(this.tmpQuaternion),(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))})),i.default(this,"updateMovementVector",(()=>{const t=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=-t+this.moveState.back})),i.default(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})),i.default(this,"getContainerDimensions",(()=>this.domElement==document||this.domElement instanceof Document?{size:[window.innerWidth,window.innerHeight],offset:[0,0]}:{size:[this.domElement.offsetWidth,this.domElement.offsetHeight],offset:[this.domElement.offsetLeft,this.domElement.offsetTop]})),i.default(this,"dispose",(()=>{this.domElement.removeEventListener("contextmenu",s),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)})),void 0===o&&(console.warn('THREE.FlyControls: The second parameter "domElement" is now mandatory.'),o=document),this.object=t,this.domElement=o,!o||o instanceof Document||o.setAttribute("tabindex",-1),this.domElement.addEventListener("contextmenu",s),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()}}exports.FlyControls=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@babel/runtime/helpers/defineProperty"),e=require("three");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=o(t);function s(t){t.preventDefault()}class a extends e.EventDispatcher{constructor(t,o){super(),i.default(this,"object",void 0),i.default(this,"domElement",null),i.default(this,"movementSpeed",1),i.default(this,"rollSpeed",.005),i.default(this,"dragToLook",!1),i.default(this,"autoForward",!1),i.default(this,"changeEvent",{type:"change"}),i.default(this,"EPS",1e-6),i.default(this,"tmpQuaternion",new e.Quaternion),i.default(this,"mouseStatus",0),i.default(this,"movementSpeedMultiplier",1),i.default(this,"moveState",{up:0,down:0,left:0,right:0,forward:0,back:0,pitchUp:0,pitchDown:0,yawLeft:0,yawRight:0,rollLeft:0,rollRight:0}),i.default(this,"moveVector",new e.Vector3(0,0,0)),i.default(this,"rotationVector",new e.Vector3(0,0,0)),i.default(this,"keydown",(t=>{if(!t.altKey){switch(t.code){case"ShiftLeft":case"ShiftRight":this.movementSpeedMultiplier=.1;break;case"KeyW":this.moveState.forward=1;break;case"KeyS":this.moveState.back=1;break;case"KeyA":this.moveState.left=1;break;case"KeyD":this.moveState.right=1;break;case"KeyR":this.moveState.up=1;break;case"KeyF":this.moveState.down=1;break;case"ArrowUp":this.moveState.pitchUp=1;break;case"ArrowDown":this.moveState.pitchDown=1;break;case"ArrowLeft":this.moveState.yawLeft=1;break;case"ArrowRight":this.moveState.yawRight=1;break;case"KeyQ":this.moveState.rollLeft=1;break;case"KeyE":this.moveState.rollRight=1}this.updateMovementVector(),this.updateRotationVector()}})),i.default(this,"keyup",(t=>{switch(t.code){case"ShiftLeft":case"ShiftRight":this.movementSpeedMultiplier=1;break;case"KeyW":this.moveState.forward=0;break;case"KeyS":this.moveState.back=0;break;case"KeyA":this.moveState.left=0;break;case"KeyD":this.moveState.right=0;break;case"KeyR":this.moveState.up=0;break;case"KeyF":this.moveState.down=0;break;case"ArrowUp":this.moveState.pitchUp=0;break;case"ArrowDown":this.moveState.pitchDown=0;break;case"ArrowLeft":this.moveState.yawLeft=0;break;case"ArrowRight":this.moveState.yawRight=0;break;case"KeyQ":this.moveState.rollLeft=0;break;case"KeyE":this.moveState.rollRight=0}this.updateMovementVector(),this.updateRotationVector()})),i.default(this,"pointerdown",(t=>{if(this.dragToLook)this.mouseStatus++;else{switch(t.button){case 0:this.moveState.forward=1;break;case 2:this.moveState.back=1}this.updateMovementVector()}})),i.default(this,"pointermove",(t=>{if(!this.dragToLook||this.mouseStatus>0){const e=this.getContainerDimensions(),o=e.size[0]/2,i=e.size[1]/2;this.moveState.yawLeft=-(t.pageX-e.offset[0]-o)/o,this.moveState.pitchDown=(t.pageY-e.offset[1]-i)/i,this.updateRotationVector()}})),i.default(this,"pointerup",(t=>{if(this.dragToLook)this.mouseStatus--,this.moveState.yawLeft=this.moveState.pitchDown=0;else{switch(t.button){case 0:this.moveState.forward=0;break;case 2:this.moveState.back=0}this.updateMovementVector()}this.updateRotationVector()})),i.default(this,"lastQuaternion",new e.Quaternion),i.default(this,"lastPosition",new e.Vector3),i.default(this,"update",(t=>{const e=t*this.movementSpeed,o=t*this.rollSpeed;this.object.translateX(this.moveVector.x*e),this.object.translateY(this.moveVector.y*e),this.object.translateZ(this.moveVector.z*e),this.tmpQuaternion.set(this.rotationVector.x*o,this.rotationVector.y*o,this.rotationVector.z*o,1).normalize(),this.object.quaternion.multiply(this.tmpQuaternion),(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))})),i.default(this,"updateMovementVector",(()=>{const t=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=-t+this.moveState.back})),i.default(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})),i.default(this,"getContainerDimensions",(()=>this.domElement==document||this.domElement instanceof Document?{size:[window.innerWidth,window.innerHeight],offset:[0,0]}:{size:[this.domElement.offsetWidth,this.domElement.offsetHeight],offset:[this.domElement.offsetLeft,this.domElement.offsetTop]})),i.default(this,"connect",(t=>{this.domElement=t,!t||t instanceof Document||t.setAttribute("tabindex",-1),this.domElement.addEventListener("contextmenu",s),this.domElement.addEventListener("pointermove",this.pointermove),this.domElement.addEventListener("pointerdown",this.pointerdown),this.domElement.addEventListener("pointerup",this.pointerup),window.addEventListener("keydown",this.keydown),window.addEventListener("keyup",this.keyup)})),i.default(this,"dispose",(()=>{this.domElement.removeEventListener("contextmenu",s),this.domElement.removeEventListener("pointermove",this.pointermove),this.domElement.removeEventListener("pointerdown",this.pointerdown),this.domElement.removeEventListener("pointerup",this.pointerup),window.removeEventListener("keydown",this.keydown),window.removeEventListener("keyup",this.keyup)})),this.object=t,void 0!==o&&this.connect(o),this.updateMovementVector(),this.updateRotationVector()}}exports.FlyControls=a;

package/controls/FlyControls.d.ts

@@ -14,18 +14,19 @@ declare class FlyControls extends EventDispatcher {
     private moveState;
     private moveVector;
     private rotationVector;
-    constructor(object: Camera, domElement: HTMLElement | Document);
+    constructor(object: Camera, domElement?: HTMLElement | Document);
     private keydown;
     private keyup;
-    private mousedown;
-    private mousemove;
-    private mouseup;
+    private pointerdown;
+    private pointermove;
+    private pointerup;
     private lastQuaternion;
     private lastPosition;
     update: (delta: number) => void;
     private updateMovementVector;
     private updateRotationVector;
     private getContainerDimensions;
+    connect: (domElement: HTMLElement | Document) => void;
     dispose: () => void;
 }
 export { FlyControls };

package/controls/FlyControls.js

@@ -6,12 +6,12 @@ function contextmenu(event) {
 }
 
 class FlyControls extends EventDispatcher {
-  constructor(object, domElement) {
+  constructor(object, _domElement) {
     super();
 
     _defineProperty(this, "object", void 0);
 
-    _defineProperty(this, "domElement", void 0);
+    _defineProperty(this, "domElement", null);
 
     _defineProperty(this, "movementSpeed", 1.0);
 
@@ -176,7 +176,7 @@ class FlyControls extends EventDispatcher {
       this.updateRotationVector();
     });
 
-    _defineProperty(this, "mousedown", event => {
+    _defineProperty(this, "pointerdown", event => {
       if (this.dragToLook) {
         this.mouseStatus++;
       } else {
@@ -194,7 +194,7 @@ class FlyControls extends EventDispatcher {
       }
     });
 
-    _defineProperty(this, "mousemove", event => {
+    _defineProperty(this, "pointermove", event => {
       if (!this.dragToLook || this.mouseStatus > 0) {
         const container = this.getContainerDimensions();
         const halfWidth = container.size[0] / 2;
@@ -205,7 +205,7 @@ class FlyControls extends EventDispatcher {
       }
     });
 
-    _defineProperty(this, "mouseup", event => {
+    _defineProperty(this, "pointerup", event => {
       if (this.dragToLook) {
         this.mouseStatus--;
         this.moveState.yawLeft = this.moveState.pitchDown = 0;
@@ -273,33 +273,33 @@ class FlyControls extends EventDispatcher {
       }
     });
 
+    _defineProperty(this, "connect", domElement => {
+      this.domElement = domElement;
+
+      if (domElement && !(domElement instanceof Document)) {
+        domElement.setAttribute('tabindex', -1);
+      }
+
+      this.domElement.addEventListener('contextmenu', contextmenu);
+      this.domElement.addEventListener('pointermove', this.pointermove);
+      this.domElement.addEventListener('pointerdown', this.pointerdown);
+      this.domElement.addEventListener('pointerup', this.pointerup);
+      window.addEventListener('keydown', this.keydown);
+      window.addEventListener('keyup', this.keyup);
+    });
+
     _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);
+      this.domElement.removeEventListener('pointermove', this.pointermove);
+      this.domElement.removeEventListener('pointerdown', this.pointerdown);
+      this.domElement.removeEventListener('pointerup', this.pointerup);
       window.removeEventListener('keydown', this.keydown);
       window.removeEventListener('keyup', this.keyup);
     });
 
-    if (domElement === undefined) {
-      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);
-    }
+    this.object = object; // connect events
 
-    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);
+    if (_domElement !== undefined) this.connect(_domElement);
     this.updateMovementVector();
     this.updateRotationVector();
   }