@xviewer.js/core 1.0.5-alhpa.0 → 1.0.5-alhpa.2

package/dist/module.js

@@ -5,7 +5,7 @@ import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js';
 import { MeshoptDecoder } from 'three/examples/jsm/libs/meshopt_decoder.module.js';
 import * as THREE from 'three';
 import { EquirectangularReflectionMapping, FileLoader, TextureLoader as TextureLoader$1, SRGBColorSpace, CubeUVReflectionMapping, Mesh, BoxGeometry, SphereGeometry, PlaneGeometry, MathUtils, Vector3, Vector2, LinearInterpolant, Object3D, Plane as Plane$1, Matrix4, Vector4, PerspectiveCamera, WebGLRenderTarget, LinearMipMapLinearFilter, LinearFilter, HalfFloatType, AnimationMixer, Color, OrthographicCamera, MeshDepthMaterial, ShaderMaterial, Euler, Group, REVISION, Box3, Sphere as Sphere$1, Raycaster, Quaternion, Spherical, UniformsUtils, NoBlending, AdditiveBlending, FloatType, UnsignedByteType, LinearSRGBColorSpace, NearestFilter, ClampToEdgeWrapping, WebGLCubeRenderTarget, DataTexture, RGBAFormat, UVMapping, BufferGeometry, Float32BufferAttribute, Scene, WebGLRenderer, LinearToneMapping, PCFSoftShadowMap, LoadingManager, PMREMGenerator, CubeCamera, ShaderLib, ShaderChunk, BufferAttribute, NormalBlending } from 'three';
-import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader.js';
+import { HDRLoader as HDRLoader$1 } from 'three/examples/jsm/loaders/HDRLoader.js';
 import { SVGLoader as SVGLoader$1 } from 'three/examples/jsm/loaders/SVGLoader.js';
 import { KTX2Loader as KTX2Loader$1 } from 'three/examples/jsm/loaders/KTX2Loader.js';
 import { HorizontalBlurShader, VerticalBlurShader } from 'three/examples/jsm/Addons.js';
@@ -271,7 +271,7 @@ class HDRLoader extends Loader {
     load({ url, path, resourcePath, manager, texSettings, onLoad, onProgress, onError }) {
         let loader = this._loader;
         if (loader === undefined) {
-            loader = this._loader = new RGBELoader();
+            loader = this._loader = new HDRLoader$1();
         }
         loader.manager = manager;
         loader.setPath(path);
@@ -2627,9 +2627,15 @@ class DeviceInput extends Component {
     get pointerPixel() {
         return this._pointerPixel;
     }
+    get pointerDown() {
+        return this._pointerDown;
+    }
     get pointerButton() {
         return this._pointerButton;
     }
+    get pointerMoving() {
+        return this._pointerMoving;
+    }
     get prePointer() {
         return this._prePointer;
     }
@@ -2657,6 +2663,9 @@ class DeviceInput extends Component {
     get keys() {
         return this._keys;
     }
+    get pressability() {
+        return this._pressability;
+    }
     onEnable() {
         const dom = this._target;
         this._addEventListener(dom, 'contextmenu', (e)=>e.preventDefault());
@@ -2709,6 +2718,8 @@ class DeviceInput extends Component {
         this._listeners = [];
     }
     lastUpdate(dt) {
+        this._pointerDown = false;
+        this._pointerMoving = false;
         this._prePointer.copy(this._pointer);
         this._prePointerPixel.copy(this._pointerPixel);
         for(let i = this._touchCount; i--;){
@@ -2793,6 +2804,7 @@ class DeviceInput extends Component {
     }
     _onPointerDown(e) {
         e = this._remapPointer(e);
+        this._pointerDown = true;
         this._pointerButton = e.button;
         this._computePointer(e);
         this._prePointer.copy(this._pointer);
@@ -2810,6 +2822,7 @@ class DeviceInput extends Component {
     _onPointerMove(e) {
         e = this._remapPointer(e);
         this._computePointer(e);
+        this._pointerMoving = true;
         this._pressability.pointerMove(this._pointer, this.viewer.camera);
         this.viewer.emit(DeviceInput.POINTER_MOVE, e);
     }
@@ -2877,7 +2890,7 @@ class DeviceInput extends Component {
         this.viewer.emit(DeviceInput.KEYUP, e);
     }
     constructor(option){
-        super(), this._listeners = [], this._touches = [], this._touchCount = 0, this._touchStart = false, this._touchMoving = false, this._pointer = new Vector2(), this._pointerPixel = new Vector2(), this._pointerButton = -1, this._prePointer = new Vector2(), this._prePointerPixel = new Vector2(), this._preTouches = [], this._mouseWheel = 0, this._keys = {}, this._pressability = new Pressability();
+        super(), this._listeners = [], this._touches = [], this._touchCount = 0, this._touchStart = false, this._touchMoving = false, this._pointer = new Vector2(), this._pointerPixel = new Vector2(), this._pointerButton = -1, this._pointerDown = false, this._pointerMoving = false, this._prePointer = new Vector2(), this._prePointerPixel = new Vector2(), this._preTouches = [], this._mouseWheel = 0, this._keys = {}, this._pressability = new Pressability();
         this._target = option.source;
         this._normalizeWheel = option.normalizeWheel || normalizeWheel;
     }
@@ -3914,6 +3927,12 @@ class ReflectorMaterial extends ShaderMaterial {
     set aoMap(v) {
         this.uniforms.aoMap.value = v;
     }
+    get aoMapIntensity() {
+        return this.uniforms.aoMapIntensity.value;
+    }
+    set aoMapIntensity(v) {
+        this.uniforms.aoMapIntensity.value = v;
+    }
     get lightMap() {
         return this.uniforms.lightMap.value;
     }
@@ -3992,6 +4011,9 @@ class ReflectorMaterial extends ShaderMaterial {
             },
             lightMapIntensity: {
                 value: 1
+            },
+            dfgLUT: {
+                value: null
             }
         };
         Object.defineProperty(this, "opacity", {
@@ -4038,6 +4060,12 @@ __decorate([
 __decorate([
     property
 ], ReflectorMaterial.prototype, "aoMap", null);
+__decorate([
+    property({
+        min: 0,
+        max: 1
+    })
+], ReflectorMaterial.prototype, "aoMapIntensity", null);
 __decorate([
     property
 ], ReflectorMaterial.prototype, "lightMap", null);
@@ -4348,6 +4376,9 @@ function _getMipBlurMaterial(lodMax, width, height) {
 }
 
 class TaskManager {
+    get isComplete() {
+        return this._taskIndex >= this._tasks.length;
+    }
     destroy() {
         this._tasks = [];
         this._taskIndex = 0;
@@ -4480,6 +4511,9 @@ class ResourceManager {
         }
         return settings;
     }
+    get isComplete() {
+        return this._loaded >= this._totalCount;
+    }
     destroy() {
         this._loaders.clear();
     }
@@ -4504,6 +4538,7 @@ class ResourceManager {
                     ...props,
                     onProgress,
                     onLoad: (asset)=>{
+                        this._loaded++;
                         this._resources.set(url, asset);
                         resolve(asset);
                     },
@@ -4512,6 +4547,7 @@ class ResourceManager {
                         reject(err);
                     }
                 });
+                this._totalCount++;
             } else {
                 reject("ResourceManager.loadAsset: missing loader for " + sel);
             }
@@ -4523,6 +4559,8 @@ class ResourceManager {
     constructor(viewer){
         this._loaders = new Map();
         this._resources = new Map();
+        this._loaded = 0;
+        this._totalCount = 0;
         this._viewer = viewer;
     }
 }
@@ -4721,44 +4759,43 @@ class Viewer extends EventEmitter {
             };
         }
     }
-    _frame(time) {
-        this._time = time;
-        if (this._targetFrameRate > -1) {
-            const interval = 1 / this._targetFrameRate;
-            const delta = this._time - this._lastFrameTime;
-            if (delta >= interval) {
-                this.loop(this._fixedFrameTime ? interval : this._time - this._lastTime);
-                this._lastTime = this._time;
-                this._lastFrameTime = this._time - delta % interval;
+    animate() {
+        const loop = (dt)=>{
+            if (!this._active) return;
+            if (this._resourceManager.isComplete) {
+                this._taskManager.isComplete ? this._running = true : this._taskManager.update();
             }
-        } else {
-            this.loop(this._time - this._lastTime);
-            this._lastTime = this._time;
-        }
-    }
-    loop(dt) {
-        if (!this._loading) {
-            this._taskManager.update();
-            if (!this._tasking) {
-                this._running = true;
+            if (this._running) {
+                dt = Math.min(dt, 0.067);
+                this._renderer.info.reset();
+                this._componentManager.update(dt);
+                this._componentManager.render(dt);
             }
-        }
-        if (this._running) {
-            dt = Math.min(dt, 0.067);
-            this._renderer.info.reset();
-            this._componentManager.update(dt);
-            this._componentManager.render(dt);
-        }
+        };
+        const frame = (time)=>{
+            this._time = time * 0.001;
+            if (this._targetFrameRate > -1) {
+                const interval = 1 / this._targetFrameRate;
+                const delta = this._time - this._lastFrameTime;
+                if (delta >= interval) {
+                    loop(this._fixedFrameTime ? interval : this._time - this._lastTime);
+                    this._lastTime = this._time;
+                    this._lastFrameTime = this._time - delta % interval;
+                }
+            } else {
+                loop(this._time - this._lastTime);
+                this._lastTime = this._time;
+            }
+        };
+        this._renderer.setAnimationLoop(frame);
     }
     start() {
-        if (this._active == false) {
+        if (this._active === false) {
             this._active = true;
-            const frameCallback = (time)=>{
-                if (this._active) {
-                    this._frame(time * 0.001);
-                }
-            };
-            this._renderer.setAnimationLoop(frameCallback);
+            requestAnimationFrame(()=>{
+                this.rotate();
+                this.resize();
+            });
         }
         return this;
     }
@@ -4898,7 +4935,7 @@ class Viewer extends EventEmitter {
         if (parent === undefined) {
             parent = mount ? this._mount : this._scene;
         }
-        if (parent && !node.parent) {
+        if (parent !== node && !node.parent) {
             parent.add(node);
         }
         if (component) {
@@ -5118,7 +5155,7 @@ class Viewer extends EventEmitter {
             width: 1,
             height: 1,
             factor: 1
-        }, this._active = false, this._loading = false, this._tasking = false, this._running = false, this._rootRotated = false, this._time = 0, this._lastTime = 0, this._lastFrameTime = 0, this._targetFrameRate = -1, this._fixedFrameTime = false, this._windowSize = ()=>[
+        }, this._active = false, this._running = false, this._rootRotated = false, this._time = 0, this._lastTime = 0, this._lastFrameTime = 0, this._targetFrameRate = -1, this._fixedFrameTime = false, this._windowSize = ()=>[
                 window.innerWidth,
                 window.innerHeight
             ], this._orientation = Orientation.AUTO;
@@ -5150,14 +5187,8 @@ class Viewer extends EventEmitter {
         this._renderer.sortObjects = sortObjects;
         this._targetFrameRate = targetFrameRate;
         this._windowSize = typeof resize === "function" ? resize : resize === ResizeMode.AUTO ? this._windowSize : null;
-        const complete = (set, cb)=>{
-            set();
-            cb && cb();
-        };
-        this._taskManager = new TaskManager(()=>complete(()=>this._tasking = false, tasker.onComplete), tasker.onProgress, tasker.onError);
-        this._taskManager.onStart = ()=>this._tasking = true;
-        this._loadingManager = new LoadingManager(()=>complete(()=>this._loading = false, loader.onComplete), loader.onProgress, loader.onError);
-        this._loadingManager.onStart = ()=>this._loading = true;
+        this._taskManager = new TaskManager(tasker.onComplete, tasker.onProgress, tasker.onError);
+        this._loadingManager = new LoadingManager(loader.onComplete, loader.onProgress, loader.onError);
         this._resourceManager = new ResourceManager(this);
         this._componentManager = new ComponentManager(this);
         this._resourceOptions = {
@@ -5182,11 +5213,9 @@ class Viewer extends EventEmitter {
         this.addLoader(BINLoader);
         this.addLoader(SVGLoader);
         this.addLoader(KTX2Loader);
-        setTimeout(()=>{
-            this.rotate();
-            this.resize();
-            this.start();
-        });
+        this.rotate();
+        this.resize();
+        this.animate();
     }
 }
 Viewer.instanceCount = 0;