@xviewer.js/core 1.0.0-alpha.57 → 1.0.0-alpha.59

package/dist/module.js

@@ -3,7 +3,7 @@ import { FBXLoader } from 'three/examples/jsm/loaders/FBXLoader.js';
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
 import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js';
 import { MeshoptDecoder } from 'three/examples/jsm/libs/meshopt_decoder.module.js';
-import { EquirectangularReflectionMapping, FileLoader, TextureLoader, SRGBColorSpace, MathUtils, Vector3, Quaternion, Raycaster, Vector2, LinearInterpolant, Spherical, Mesh, BoxGeometry, SphereGeometry, PlaneGeometry, Plane as Plane$1, Matrix4, Vector4, PerspectiveCamera, WebGLRenderTarget, HalfFloatType, LinearMipMapLinearFilter, LinearFilter, ShaderMaterial, UniformsUtils, Color, Scene, OrthographicCamera, NoBlending, AdditiveBlending, FloatType, UnsignedByteType, BufferGeometry, Float32BufferAttribute, Object3D, ClampToEdgeWrapping, NearestFilter, LinearSRGBColorSpace, WebGLCubeRenderTarget, DataTexture, RGBAFormat, UVMapping, WebGLRenderer, PCFSoftShadowMap, LoadingManager, LinearToneMapping, PMREMGenerator, MeshBasicMaterial, CubeCamera, Box3Helper, Box3, ShaderLib, ShaderChunk } from 'three';
+import { EquirectangularReflectionMapping, FileLoader, TextureLoader, SRGBColorSpace, MathUtils, Vector3, Quaternion, Raycaster, Vector2, LinearInterpolant, Spherical, Mesh, BoxGeometry, SphereGeometry, PlaneGeometry, Plane as Plane$1, Matrix4, Vector4, PerspectiveCamera, WebGLRenderTarget, HalfFloatType, LinearMipMapLinearFilter, LinearFilter, AnimationMixer, ShaderMaterial, UniformsUtils, Color, Scene, OrthographicCamera, NoBlending, AdditiveBlending, FloatType, UnsignedByteType, BufferGeometry, Float32BufferAttribute, Object3D, ClampToEdgeWrapping, NearestFilter, LinearSRGBColorSpace, WebGLCubeRenderTarget, DataTexture, RGBAFormat, UVMapping, WebGLRenderer, PCFSoftShadowMap, LoadingManager, LinearToneMapping, PMREMGenerator, MeshBasicMaterial, CubeCamera, Box3Helper, Box3, ShaderLib, ShaderChunk } from 'three';
 import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader.js';
 
 class EventEmitter {
@@ -1135,7 +1135,7 @@ class aFBXLoader extends aLoader {
             onLoad(aLoader._setUserData(node));
         };
         if (buffer) {
-            loadCallback(loader.parse(buffer, path));
+            loadCallback(loader.parse(buffer, resourcePath));
         } else {
             loader.load(url, loadCallback, onProgress, onError);
         }
@@ -3177,6 +3177,73 @@ class Reflector extends Component {
     }
 }
 
+class Animation extends Component {
+    get mixer() {
+        return this._mixer;
+    }
+    get action() {
+        return this._action;
+    }
+    get actions() {
+        return this._actions;
+    }
+    get progress() {
+        return this._progress;
+    }
+    set progress(v) {
+        if (this.playing) return;
+        if (this._action) {
+            const duration = this._action.getClip().duration;
+            this._mixer.setTime(v * duration);
+        }
+    }
+    onLoad() {
+        this._mixer = new AnimationMixer(this.node);
+        this._actions = this.node.animations.map((v)=>this._mixer.clipAction(v));
+    }
+    onDestroy() {
+        this._mixer.stopAllAction();
+    }
+    update(dt) {
+        if (this.playing) {
+            this._mixer.update(dt);
+        }
+        if (this._action) {
+            const duration = this._action.getClip().duration;
+            this._progress = this._mixer.time % duration / duration;
+        }
+    }
+    play(animName, state = {}) {
+        let action = animName ? this._actions.find((v)=>v.getClip().name === animName) : this._actions[0];
+        if (action) {
+            if (state.clampWhenFinished !== undefined) action.clampWhenFinished = state.clampWhenFinished;
+            if (state.zeroSlopeAtStart !== undefined) action.zeroSlopeAtStart = state.zeroSlopeAtStart;
+            if (state.zeroSlopeAtEnd !== undefined) action.zeroSlopeAtEnd = state.zeroSlopeAtEnd;
+            if (state.mode) action.setLoop(state.mode, state.repetitions);
+            if (state.duration) action.setDuration(state.duration);
+            if (this._action) {
+                this._action.stop();
+            }
+            this._action = action.play();
+            this.playing = true;
+        }
+        return this;
+    }
+    stop() {
+        if (this._action) {
+            this._action.stop();
+            this._action = null;
+        }
+        this.playing = false;
+        return this;
+    }
+    constructor(...args){
+        super(...args);
+        this._progress = 0;
+        this.playing = false;
+    }
+}
+
 const vert_fullscreen = /*glsl*/ `
 varying vec2 vUv;
 void main() {
@@ -4334,7 +4401,7 @@ class ResourceManager {
                     }
                 });
             } else {
-                reject("ResourceManager.loadAsset: missing loader for " + url);
+                reject("ResourceManager.loadAsset: missing loader for " + sel);
             }
         });
     }
@@ -4671,10 +4738,9 @@ class Viewer extends EventEmitter {
             const frameCallback = (time)=>{
                 if (this._running) {
                     this._frame(time * 0.001);
-                    requestAnimationFrame(frameCallback);
                 }
             };
-            requestAnimationFrame(frameCallback);
+            this._renderer.setAnimationLoop(frameCallback);
         }
         return this;
     }
@@ -4983,6 +5049,7 @@ class Viewer extends EventEmitter {
         this._input.addEventListeners();
         this._addDefaultLoaders();
         if (autoStart) this.start();
+        this.resize();
     }
 }
 Viewer.__target = new Vector3();
@@ -5616,6 +5683,9 @@ class DropFilePlugin extends Plugin {
                 asset.userData.ext = ext;
                 this._onLoad && this._onLoad(asset);
             };
+            const errCallback = (err)=>{
+                this._onError && this._onError(err);
+            };
             if ([
                 "fbx",
                 "gltf",
@@ -5626,7 +5696,7 @@ class DropFilePlugin extends Plugin {
                         ext,
                         buffer: event.target.result,
                         resourcePath: dir
-                    }).then(loadCallback);
+                    }).then(loadCallback).catch(errCallback);
                 }, false);
                 reader.readAsArrayBuffer(file);
             } else {
@@ -5634,13 +5704,13 @@ class DropFilePlugin extends Plugin {
                     this.viewer.loadAsset({
                         ext,
                         url: event.target.result
-                    }).then(loadCallback);
+                    }).then(loadCallback).catch(errCallback);
                 }, false);
                 reader.readAsDataURL(file);
             }
         }
     }
-    constructor({ onLoad, extension = [
+    constructor({ onLoad, onError, extension = [
         "glb",
         "gltf",
         "fbx",
@@ -5661,6 +5731,7 @@ class DropFilePlugin extends Plugin {
             }
         };
         this._onLoad = onLoad;
+        this._onError = onError;
         this._extensions = Array.isArray(extension) ? extension : [
             extension
         ];
@@ -5713,5 +5784,5 @@ function getFilesFromItemList(items, onDone) {
     }
 }
 
-export { AnimationCurve, Box, BoxProjectionPlugin, CinestationBlendDefinition, CinestationBrain, Component, DebugPlugin, DeviceInput, DropFilePlugin, Easing, EnvironmentPlugin, EventEmitter, FInterpConstantTo, FInterpTo, FreelookVirtualCamera, Logger, ObjectInstance, Orientation, PerformanceMonitorPlugin, Perlin, Plane, Plugin, PropertyManager, QInterpConstantTo, QInterpTo, Quat_AngularDistance, Quat_Equals, Quat_exponentialDamp, Quat_quarticDamp, Quat_smoothDamp, Reflector, ReflectorMaterial, ResourceManager, Sphere, SystemInfo, Tween, TweenChain, TweenManager, VInterpConstantTo, VInterpTo, Vec3_smoothDamp, Vector3_NEG_ONE, Vector3_ONE, Vector3_RIGHT, Vector3_UNIT_X, Vector3_UNIT_Y, Vector3_UNIT_Z, Vector3_UP, Vector3_ZERO, Viewer, VirtualCamera, aEXRLoader, aFBXLoader, aGLTFLoader, aHDRLoader, aJSONLoader, aLoader, aTextureLoader, exponentialDamp, frag_BoxfilterBlur, frag_cubeMapToPanorama, frag_panoramaToCubeMap, getClassInstance, getShaderMaterial, mixin, property, quarticDamp, smoothDamp, vert_fullscreen };
+export { Animation, AnimationCurve, Box, BoxProjectionPlugin, CinestationBlendDefinition, CinestationBrain, Component, DebugPlugin, DeviceInput, DropFilePlugin, Easing, EnvironmentPlugin, EventEmitter, FInterpConstantTo, FInterpTo, FreelookVirtualCamera, Logger, ObjectInstance, Orientation, PerformanceMonitorPlugin, Perlin, Plane, Plugin, PropertyManager, QInterpConstantTo, QInterpTo, Quat_AngularDistance, Quat_Equals, Quat_exponentialDamp, Quat_quarticDamp, Quat_smoothDamp, Reflector, ReflectorMaterial, ResourceManager, Sphere, SystemInfo, Tween, TweenChain, TweenManager, VInterpConstantTo, VInterpTo, Vec3_smoothDamp, Vector3_NEG_ONE, Vector3_ONE, Vector3_RIGHT, Vector3_UNIT_X, Vector3_UNIT_Y, Vector3_UNIT_Z, Vector3_UP, Vector3_ZERO, Viewer, VirtualCamera, aEXRLoader, aFBXLoader, aGLTFLoader, aHDRLoader, aJSONLoader, aLoader, aTextureLoader, exponentialDamp, frag_BoxfilterBlur, frag_cubeMapToPanorama, frag_panoramaToCubeMap, getClassInstance, getShaderMaterial, mixin, property, quarticDamp, smoothDamp, vert_fullscreen };
 //# sourceMappingURL=module.js.map