three-stdlib 2.21.0 → 2.21.2

package/misc/Timer.cjs.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var i=e(require("@babel/runtime/helpers/defineProperty"));function t(){!1===document.hidden&&this.reset()}exports.Timer=class{constructor(){i.default(this,"_previousTime",void 0),i.default(this,"_currentTime",void 0),i.default(this,"_delta",void 0),i.default(this,"_elapsed",void 0),i.default(this,"_timescale",void 0),i.default(this,"_useFixedDelta",void 0),i.default(this,"_fixedDelta",void 0),i.default(this,"_usePageVisibilityAPI",void 0),i.default(this,"_pageVisibilityHandler",void 0),this._previousTime=0,this._currentTime=0,this._delta=0,this._elapsed=0,this._timescale=1,this._useFixedDelta=!1,this._fixedDelta=16.67,this._usePageVisibilityAPI="undefined"!=typeof document&&void 0!==document.hidden}connect(){return this._usePageVisibilityAPI&&(this._pageVisibilityHandler=t.bind(this),document.addEventListener("visibilitychange",this._pageVisibilityHandler,!1)),this}dispose(){return this._usePageVisibilityAPI&&this._pageVisibilityHandler&&document.removeEventListener("visibilitychange",this._pageVisibilityHandler),this}disableFixedDelta(){return this._useFixedDelta=!1,this}enableFixedDelta(){return this._useFixedDelta=!0,this}getDelta(){return this._delta/1e3}getElapsed(){return this._elapsed/1e3}getFixedDelta(){return this._fixedDelta/1e3}getTimescale(){return this._timescale}reset(){return this._currentTime=this._now(),this}setFixedDelta(e){return this._fixedDelta=1e3*e,this}setTimescale(e){return this._timescale=e,this}update(){return!0===this._useFixedDelta?this._delta=this._fixedDelta:(this._previousTime=this._currentTime,this._currentTime=this._now(),this._delta=this._currentTime-this._previousTime),this._delta*=this._timescale,this._elapsed+=this._delta,this}_now(){return("undefined"==typeof performance?Date:performance).now()}};

package/misc/Timer.d.ts

@@ -0,0 +1,26 @@
+declare class Timer {
+    private _previousTime;
+    private _currentTime;
+    private _delta;
+    private _elapsed;
+    private _timescale;
+    private _useFixedDelta;
+    private _fixedDelta;
+    private _usePageVisibilityAPI;
+    private _pageVisibilityHandler;
+    constructor();
+    connect(): this;
+    dispose(): this;
+    disableFixedDelta(): this;
+    enableFixedDelta(): this;
+    getDelta(): number;
+    getElapsed(): number;
+    getFixedDelta(): number;
+    getTimescale(): number;
+    reset(): this;
+    setFixedDelta(fixedDelta: number): this;
+    setTimescale(timescale: number): this;
+    update(): this;
+    private _now;
+}
+export { Timer };

package/misc/Timer.js

@@ -0,0 +1,120 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+
+class Timer {
+  constructor() {
+    _defineProperty(this, "_previousTime", void 0);
+
+    _defineProperty(this, "_currentTime", void 0);
+
+    _defineProperty(this, "_delta", void 0);
+
+    _defineProperty(this, "_elapsed", void 0);
+
+    _defineProperty(this, "_timescale", void 0);
+
+    _defineProperty(this, "_useFixedDelta", void 0);
+
+    _defineProperty(this, "_fixedDelta", void 0);
+
+    _defineProperty(this, "_usePageVisibilityAPI", void 0);
+
+    _defineProperty(this, "_pageVisibilityHandler", void 0);
+
+    this._previousTime = 0;
+    this._currentTime = 0;
+    this._delta = 0;
+    this._elapsed = 0;
+    this._timescale = 1;
+    this._useFixedDelta = false;
+    this._fixedDelta = 16.67; // ms, corresponds to approx. 60 FPS
+
+    this._usePageVisibilityAPI = typeof document !== 'undefined' && document.hidden !== undefined;
+  } // https://github.com/mrdoob/three.js/issues/20575
+  // use Page Visibility API to avoid large time delta values
+
+
+  connect() {
+    if (this._usePageVisibilityAPI) {
+      this._pageVisibilityHandler = handleVisibilityChange.bind(this);
+      document.addEventListener('visibilitychange', this._pageVisibilityHandler, false);
+    }
+
+    return this;
+  }
+
+  dispose() {
+    if (this._usePageVisibilityAPI && this._pageVisibilityHandler) {
+      document.removeEventListener('visibilitychange', this._pageVisibilityHandler);
+    }
+
+    return this;
+  }
+
+  disableFixedDelta() {
+    this._useFixedDelta = false;
+    return this;
+  }
+
+  enableFixedDelta() {
+    this._useFixedDelta = true;
+    return this;
+  }
+
+  getDelta() {
+    return this._delta / 1000;
+  }
+
+  getElapsed() {
+    return this._elapsed / 1000;
+  }
+
+  getFixedDelta() {
+    return this._fixedDelta / 1000;
+  }
+
+  getTimescale() {
+    return this._timescale;
+  }
+
+  reset() {
+    this._currentTime = this._now();
+    return this;
+  }
+
+  setFixedDelta(fixedDelta) {
+    this._fixedDelta = fixedDelta * 1000;
+    return this;
+  }
+
+  setTimescale(timescale) {
+    this._timescale = timescale;
+    return this;
+  }
+
+  update() {
+    if (this._useFixedDelta === true) {
+      this._delta = this._fixedDelta;
+    } else {
+      this._previousTime = this._currentTime;
+      this._currentTime = this._now();
+      this._delta = this._currentTime - this._previousTime;
+    }
+
+    this._delta *= this._timescale;
+    this._elapsed += this._delta; // _elapsed is the accumulation of all previous deltas
+
+    return this;
+  } // private
+
+
+  _now() {
+    return (typeof performance === 'undefined' ? Date : performance).now();
+  }
+
+}
+
+function handleVisibilityChange() {
+  if (document.hidden === false) this.reset();
+}
+
+export { Timer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "three-stdlib",
-  "version": "2.21.0",
+  "version": "2.21.2",
   "private": false,
   "description": "stand-alone library of threejs examples",
   "main": "index.cjs.js",

package/renderers/CSS2DRenderer.js

@@ -59,7 +59,10 @@ class CSS2DRenderer {
 
     this.render = function (scene, camera) {
       if (scene.matrixWorldAutoUpdate === true || scene.autoUpdate === true) scene.updateMatrixWorld();
-      if (camera.parent === null && (camera.matrixWorldAutoUpdate == null || camera.matrixWorldAutoUpdate === true)) camera.updateMatrixWorld();
+
+      if (camera.parent === null && (camera.matrixWorldAutoUpdate == null || camera.matrixWorldAutoUpdate === true)) {
+        camera.updateMatrixWorld();
+      }
 
       _viewMatrix.copy(camera.matrixWorldInverse);
 

package/webxr/XRControllerModelFactory.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),o=require("three"),t=require("../loaders/GLTFLoader.cjs.js"),n=require("../libs/MotionControllers.cjs.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(e);const a=(e,t)=>{t.traverse((t=>{t instanceof o.Mesh&&"envMap"in t.material&&(t.material.envMap=e,t.material.needsUpdate=!0)}))};class l extends o.Object3D{constructor(){super(),s.default(this,"envMap",void 0),s.default(this,"motionController",void 0),this.motionController=null,this.envMap=null}setEnvironmentMap(e){return this.envMap==e||(this.envMap=e,a(this.envMap,this)),this}updateMatrixWorld(e){super.updateMatrixWorld(e),this.motionController&&(this.motionController.updateFromGamepad(),Object.values(this.motionController.components).forEach((e=>{Object.values(e.visualResponses).forEach((e=>{const{valueNode:o,minNode:t,maxNode:r,value:s,valueNodeProperty:a}=e;o&&(a===n.MotionControllerConstants.VisualResponseProperty.VISIBILITY&&"boolean"==typeof s?o.visible=s:a===n.MotionControllerConstants.VisualResponseProperty.TRANSFORM&&t&&r&&"number"==typeof s&&(o.quaternion.slerpQuaternions(t.quaternion,r.quaternion,s),o.position.lerpVectors(t.position,r.position,s)))}))})))}}function i(e,t){!function(e,t){Object.values(e.components).forEach((e=>{const{type:r,touchPointNodeName:s,visualResponses:a}=e;if(r===n.MotionControllerConstants.ComponentType.TOUCHPAD&&s)if(e.touchPointNode=t.getObjectByName(s),e.touchPointNode){const t=new o.SphereGeometry(.001),n=new o.MeshBasicMaterial({color:255}),r=new o.Mesh(t,n);e.touchPointNode.add(r)}else console.warn(`Could not find touch dot, ${e.touchPointNodeName}, in touchpad component ${e.id}`);Object.values(a).forEach((e=>{const{valueNodeName:o,minNodeName:r,maxNodeName:s,valueNodeProperty:a}=e;if(a===n.MotionControllerConstants.VisualResponseProperty.TRANSFORM&&r&&s){if(e.minNode=t.getObjectByName(r),e.maxNode=t.getObjectByName(s),!e.minNode)return void console.warn(`Could not find ${r} in the model`);if(!e.maxNode)return void console.warn(`Could not find ${s} in the model`)}e.valueNode=t.getObjectByName(o),e.valueNode||console.warn(`Could not find ${o} in the model`)}))}))}(e.motionController,t),e.envMap&&a(e.envMap,t),e.add(t)}exports.XRControllerModelFactory=class{constructor(e=null){s.default(this,"gltfLoader",void 0),s.default(this,"path",void 0),s.default(this,"_assetCache",void 0),this.gltfLoader=e,this.path="https://cdn.jsdelivr.net/npm/@webxr-input-profiles/assets@1.0/dist/profiles",this._assetCache={},this.gltfLoader||(this.gltfLoader=new t.GLTFLoader)}createControllerModel(e){const o=new l;let t=null;return e.addEventListener("connected",(e=>{const r=e.data;"tracked-pointer"===r.targetRayMode&&r.gamepad&&n.fetchProfile(r,this.path,"generic-trigger").then((({profile:e,assetPath:s})=>{if(!s)throw new Error("no asset path");o.motionController=new n.MotionController(r,e,s);const a=o.motionController.assetUrl,l=this._assetCache[a];if(l)t=l.scene.clone(),i(o,t);else{if(!this.gltfLoader)throw new Error("GLTFLoader not set.");this.gltfLoader.setPath(""),this.gltfLoader.load(o.motionController.assetUrl,(e=>{o.motionController?(this._assetCache[a]=e,t=e.scene.clone(),i(o,t)):console.warn("motionController gone while gltf load, bailing...")}),null,(()=>{throw new Error(`Asset ${a} missing or malformed.`)}))}})).catch((e=>{console.warn(e)}))})),e.addEventListener("disconnected",(()=>{o.motionController=null,t&&o.remove(t),t=null})),o}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),o=require("three"),t=require("../loaders/GLTFLoader.cjs.js"),n=require("../libs/MotionControllers.cjs.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(e);const a=(e,t)=>{t.traverse((t=>{t instanceof o.Mesh&&"envMap"in t.material&&(t.material.envMap=e,t.material.needsUpdate=!0)}))};class i extends o.Object3D{constructor(){super(),s.default(this,"envMap",void 0),s.default(this,"motionController",void 0),this.motionController=null,this.envMap=null}setEnvironmentMap(e){return this.envMap==e||(this.envMap=e,a(this.envMap,this)),this}updateMatrixWorld(e){super.updateMatrixWorld(e),this.motionController&&(this.motionController.updateFromGamepad(),Object.values(this.motionController.components).forEach((e=>{Object.values(e.visualResponses).forEach((e=>{const{valueNode:o,minNode:t,maxNode:r,value:s,valueNodeProperty:a}=e;o&&(a===n.MotionControllerConstants.VisualResponseProperty.VISIBILITY&&"boolean"==typeof s?o.visible=s:a===n.MotionControllerConstants.VisualResponseProperty.TRANSFORM&&t&&r&&"number"==typeof s&&(o.quaternion.slerpQuaternions(t.quaternion,r.quaternion,s),o.position.lerpVectors(t.position,r.position,s)))}))})))}}function l(e,t){!function(e,t){Object.values(e.components).forEach((e=>{const{type:r,touchPointNodeName:s,visualResponses:a}=e;if(r===n.MotionControllerConstants.ComponentType.TOUCHPAD&&s)if(e.touchPointNode=t.getObjectByName(s),e.touchPointNode){const t=new o.SphereGeometry(.001),n=new o.MeshBasicMaterial({color:255}),r=new o.Mesh(t,n);e.touchPointNode.add(r)}else console.warn(`Could not find touch dot, ${e.touchPointNodeName}, in touchpad component ${e.id}`);Object.values(a).forEach((e=>{const{valueNodeName:o,minNodeName:r,maxNodeName:s,valueNodeProperty:a}=e;if(a===n.MotionControllerConstants.VisualResponseProperty.TRANSFORM&&r&&s){if(e.minNode=t.getObjectByName(r),e.maxNode=t.getObjectByName(s),!e.minNode)return void console.warn(`Could not find ${r} in the model`);if(!e.maxNode)return void console.warn(`Could not find ${s} in the model`)}e.valueNode=t.getObjectByName(o),e.valueNode||console.warn(`Could not find ${o} in the model`)}))}))}(e.motionController,t),e.envMap&&a(e.envMap,t),e.add(t)}exports.XRControllerModelFactory=class{constructor(e=null){s.default(this,"gltfLoader",void 0),s.default(this,"path",void 0),s.default(this,"_assetCache",void 0),this.gltfLoader=e,this.path="https://cdn.jsdelivr.net/npm/@webxr-input-profiles/assets@1.0/dist/profiles",this._assetCache={},this.gltfLoader||(this.gltfLoader=new t.GLTFLoader)}createControllerModel(e){const o=new i;let t=null;const r=e=>{const r=e.data;"tracked-pointer"===r.targetRayMode&&r.gamepad&&n.fetchProfile(r,this.path,"generic-trigger").then((({profile:e,assetPath:s})=>{if(!s)throw new Error("no asset path");o.motionController=new n.MotionController(r,e,s);const a=o.motionController.assetUrl,i=this._assetCache[a];if(i)t=i.scene.clone(),l(o,t);else{if(!this.gltfLoader)throw new Error("GLTFLoader not set.");this.gltfLoader.setPath(""),this.gltfLoader.load(o.motionController.assetUrl,(e=>{o.motionController?(this._assetCache[a]=e,t=e.scene.clone(),l(o,t)):console.warn("motionController gone while gltf load, bailing...")}),null,(()=>{throw new Error(`Asset ${a} missing or malformed.`)}))}})).catch((e=>{console.warn(e)}))};e.addEventListener("connected",r);const s=()=>{e.removeEventListener("connected",r),e.removeEventListener("disconnected",s),o.motionController=null,t&&o.remove(t),t=null};return e.addEventListener("disconnected",s),o}};

package/webxr/XRControllerModelFactory.js

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { Object3D, Mesh, SphereGeometry, MeshBasicMaterial } from 'three';
 import { GLTFLoader } from '../loaders/GLTFLoader.js';
-import { fetchProfile, MotionController, MotionControllerConstants } from '../libs/MotionControllers.js';
+import { MotionControllerConstants, fetchProfile, MotionController } from '../libs/MotionControllers.js';
 
 const DEFAULT_PROFILES_PATH = 'https://cdn.jsdelivr.net/npm/@webxr-input-profiles/assets@1.0/dist/profiles';
 const DEFAULT_PROFILE = 'generic-trigger';
@@ -171,7 +171,8 @@ class XRControllerModelFactory {
   createControllerModel(controller) {
     const controllerModel = new XRControllerModel();
     let scene = null;
-    controller.addEventListener('connected', event => {
+
+    const onConnected = event => {
       const xrInputSource = event.data;
       if (xrInputSource.targetRayMode !== 'tracked-pointer' || !xrInputSource.gamepad) return;
       fetchProfile(xrInputSource, this.path, DEFAULT_PROFILE).then(({
@@ -211,8 +212,13 @@ class XRControllerModelFactory {
       }).catch(err => {
         console.warn(err);
       });
-    });
-    controller.addEventListener('disconnected', () => {
+    };
+
+    controller.addEventListener('connected', onConnected);
+
+    const onDisconnected = () => {
+      controller.removeEventListener('connected', onConnected);
+      controller.removeEventListener('disconnected', onDisconnected);
       controllerModel.motionController = null;
 
       if (scene) {
@@ -220,7 +226,9 @@ class XRControllerModelFactory {
       }
 
       scene = null;
-    });
+    };
+
+    controller.addEventListener('disconnected', onDisconnected);
     return controllerModel;
   }