@tonybfox/threejs-tools 1.0.5 → 1.0.6

package/dist/chunk-LUE7VHLK.mjs

@@ -1,422 +0,0 @@
-// packages/asset-loader/src/AssetLoader.ts
-import * as THREE from "three";
-import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js";
-import { FBXLoader } from "three/examples/jsm/loaders/FBXLoader.js";
-import { OBJLoader } from "three/examples/jsm/loaders/OBJLoader.js";
-import { USDLoader } from "three/examples/jsm/loaders/USDLoader.js";
-import { ColladaLoader } from "three/examples/jsm/loaders/ColladaLoader.js";
-import { STLLoader } from "three/examples/jsm/loaders/STLLoader.js";
-import { PLYLoader } from "three/examples/jsm/loaders/PLYLoader.js";
-import { ThreeMFLoader } from "three/examples/jsm/loaders/3MFLoader.js";
-var AssetLoader = class extends THREE.EventDispatcher {
-  constructor() {
-    super();
-    this.cache = /* @__PURE__ */ new Map();
-    this.placeholder = null;
-    this.loadedAsset = null;
-    this.lowResAsset = null;
-    this.errorColor = 16729156;
-    this.errorOpacity = 0.5;
-    this.gltfLoader = new GLTFLoader();
-    this.fbxLoader = new FBXLoader();
-    this.objLoader = new OBJLoader();
-    this.usdLoader = new USDLoader();
-    this.colladaLoader = new ColladaLoader();
-    this.stlLoader = new STLLoader();
-    this.plyLoader = new PLYLoader();
-    this.threeMFLoader = new ThreeMFLoader();
-  }
-  /**
-   * Create a placeholder cube with shader effect
-   */
-  createPlaceholder(size, color = 5227511, opacity = 0.3) {
-    const [width, height, depth] = size;
-    const geometry = new THREE.BoxGeometry(width, height, depth);
-    const material = new THREE.ShaderMaterial({
-      side: THREE.DoubleSide,
-      depthWrite: false,
-      blending: THREE.AdditiveBlending,
-      transparent: true,
-      uniforms: {
-        color: { value: new THREE.Color(color) },
-        opacity: { value: opacity },
-        fillProgress: { value: 0 },
-        time: { value: 0 },
-        isError: { value: 0 },
-        yMin: { value: -height / 2 },
-        yMax: { value: height / 2 }
-      },
-      vertexShader: `
-        varying vec3 vPosition;
-        void main() {
-          vPosition = position;
-          gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
-        }
-      `,
-      fragmentShader: `
-        uniform vec3 color;
-        uniform float opacity;
-        uniform float fillProgress;
-        uniform float time;
-        uniform float isError;
-        uniform float yMin;
-        uniform float yMax;
-        varying vec3 vPosition;
-        
-        void main() {
-          float normalizedY = (vPosition.y - yMin) / (yMax - yMin); // Normalize based on actual geometry bounds
-          float alpha = opacity;
-          
-          // Create fill-up effect
-          if (normalizedY > fillProgress) {
-            alpha *= 0.1; // Reduce opacity for unfilled parts
-          }
-          
-          // Error state effects
-          if (isError > 0.5) {
-            // Add pulsing effect for error state
-            float pulse = 0.5 + 0.5 * sin(time * 4.0);
-            alpha *= (0.3 + 0.4 * pulse);
-            
-            // Add error pattern
-            float stripe = sin(vPosition.y * 20.0 + time * 2.0);
-            alpha *= (0.7 + 0.3 * step(0.0, stripe));
-          }
-          
-          // Add edge glow
-          vec3 viewDirection = normalize(cameraPosition - vPosition);
-          float edgeIntensity = pow(1.0 - abs(dot(viewDirection, normalize(vPosition))), 2.0);
-          
-          vec3 finalColor = color + edgeIntensity * 0.5;
-          gl_FragColor = vec4(finalColor, alpha);
-        }
-      `
-    });
-    const mesh = new THREE.Mesh(geometry, material);
-    this.positionAssetAtBottomCenter(mesh);
-    return mesh;
-  }
-  /**
-   * Update placeholder fill progress based on loading progress
-   */
-  updatePlaceholder(progress) {
-    if (this.placeholder && this.placeholder instanceof THREE.Mesh) {
-      const material = this.placeholder.material;
-      if (material.uniforms && material.uniforms.fillProgress) {
-        material.uniforms.fillProgress.value = progress;
-      }
-    }
-  }
-  /**
-   * Set placeholder to error state with configurable color and opacity
-   */
-  setPlaceholderError() {
-    if (this.placeholder && this.placeholder instanceof THREE.Mesh) {
-      const material = this.placeholder.material;
-      if (material.uniforms) {
-        if (material.uniforms.color) {
-          material.uniforms.color.value = new THREE.Color(this.errorColor);
-        }
-        if (material.uniforms.opacity) {
-          material.uniforms.opacity.value = this.errorOpacity;
-        }
-        if (material.uniforms.fillProgress) {
-          material.uniforms.fillProgress.value = 0;
-        }
-        if (material.uniforms.isError) {
-          material.uniforms.isError.value = 1;
-        }
-      }
-    }
-  }
-  /**
-   * Update placeholder animation time (call this in your render loop)
-   */
-  updatePlaceholderAnimation(deltaTime) {
-    if (this.placeholder && this.placeholder instanceof THREE.Mesh) {
-      const material = this.placeholder.material;
-      if (material.uniforms && material.uniforms.time) {
-        material.uniforms.time.value += deltaTime;
-      }
-    }
-  }
-  /**
-   * Reposition an asset so that its bottom-center sits at the local origin.
-   */
-  positionAssetAtBottomCenter(object) {
-    object.updateMatrixWorld(true);
-    const boundingBox = new THREE.Box3().setFromObject(object);
-    if (boundingBox.isEmpty()) {
-      return;
-    }
-    const center = boundingBox.getCenter(new THREE.Vector3());
-    const bottomCenter = new THREE.Vector3(
-      center.x,
-      boundingBox.min.y - 0.01,
-      center.z
-    );
-    if (!Number.isFinite(bottomCenter.x) || !Number.isFinite(bottomCenter.y) || !Number.isFinite(bottomCenter.z)) {
-      return;
-    }
-    object.position.sub(bottomCenter);
-    object.userData.bottomCenterOffset = bottomCenter;
-    object.updateMatrixWorld(true);
-  }
-  ensureBottomCenterOffset(object) {
-    const offset = object.userData.bottomCenterOffset;
-    if (offset instanceof THREE.Vector3) {
-      return offset;
-    }
-    if (offset && typeof offset === "object") {
-      const {
-        x = 0,
-        y = 0,
-        z = 0
-      } = offset;
-      const normalized = new THREE.Vector3(x ?? 0, y ?? 0, z ?? 0);
-      object.userData.bottomCenterOffset = normalized;
-      return normalized;
-    }
-    return null;
-  }
-  normalizeBottomCenterData(object) {
-    const hasOffset = this.ensureBottomCenterOffset(object) !== null;
-    object.children.forEach((child) => this.normalizeBottomCenterData(child));
-    return hasOffset;
-  }
-  /**
-   * Load an asset with the specified options
-   */
-  async load(options) {
-    const {
-      type,
-      url,
-      size,
-      lowResUrl,
-      enableCaching = true,
-      disablePlaceholder = false,
-      placeholderColor = 5227511,
-      placeholderOpacity = 0.4,
-      errorColor = 16729156,
-      errorOpacity = 0.5
-    } = options;
-    if (enableCaching && this.cache.has(url)) {
-      const cachedClone = this.cache.get(url).clone(true);
-      const hasOffset = this.normalizeBottomCenterData(cachedClone);
-      if (!hasOffset) {
-        this.positionAssetAtBottomCenter(cachedClone);
-      } else {
-        cachedClone.updateMatrixWorld(true);
-      }
-      this.loadedAsset = cachedClone;
-      this.dispatchEvent({ type: "loaded", asset: cachedClone });
-      return cachedClone;
-    }
-    this.errorColor = errorColor;
-    this.errorOpacity = errorOpacity;
-    if (size && !disablePlaceholder) {
-      this.placeholder = this.createPlaceholder(
-        size,
-        placeholderColor,
-        placeholderOpacity
-      );
-      this.dispatchEvent({
-        type: "placeholderCreated",
-        placeholder: this.placeholder
-      });
-    }
-    try {
-      if (lowResUrl) {
-        const lowRes = await this.loadModel(type, lowResUrl, true);
-        this.lowResAsset = lowRes;
-        this.dispatchEvent({ type: "lowResLoaded", lowRes });
-      }
-      const asset = await this.loadModel(type, url, false);
-      this.loadedAsset = asset;
-      if (enableCaching) {
-        const cacheEntry = asset.clone(true);
-        const hasOffset = this.normalizeBottomCenterData(cacheEntry);
-        if (!hasOffset) {
-          this.positionAssetAtBottomCenter(cacheEntry);
-        } else {
-          cacheEntry.updateMatrixWorld(true);
-        }
-        this.cache.set(url, cacheEntry);
-      }
-      this.dispatchEvent({ type: "loaded", asset });
-      return asset;
-    } catch (error) {
-      this.setPlaceholderError();
-      this.dispatchEvent({ type: "error", error });
-      throw error;
-    }
-  }
-  /**
-   * Load a model based on type
-   */
-  loadModel(type, url, isLowRes) {
-    return new Promise((resolve, reject) => {
-      const onProgress = (event) => {
-        let percentage = -1;
-        if (event.lengthComputable && event.total > 0 && event.loaded <= event.total) {
-          percentage = event.loaded / event.total * 100;
-        }
-        this.dispatchEvent({
-          type: "progress",
-          loaded: event.loaded,
-          total: event.total,
-          percentage
-        });
-        if (!isLowRes && percentage >= 0) {
-          this.updatePlaceholder(percentage / 100);
-        }
-      };
-      const onError = (error) => {
-        reject(error);
-      };
-      switch (type) {
-        case "gltf":
-          this.gltfLoader.load(
-            url,
-            (gltf) => {
-              const scene = gltf.scene;
-              this.positionAssetAtBottomCenter(scene);
-              resolve(scene);
-            },
-            onProgress,
-            onError
-          );
-          break;
-        case "fbx":
-          this.fbxLoader.load(
-            url,
-            (fbx) => {
-              this.positionAssetAtBottomCenter(fbx);
-              resolve(fbx);
-            },
-            onProgress,
-            onError
-          );
-          break;
-        case "obj":
-          this.objLoader.load(
-            url,
-            (obj) => {
-              this.positionAssetAtBottomCenter(obj);
-              resolve(obj);
-            },
-            onProgress,
-            onError
-          );
-          break;
-        case "usd":
-        case "usdz":
-          this.usdLoader.load(
-            url,
-            (usd) => {
-              this.positionAssetAtBottomCenter(usd);
-              resolve(usd);
-            },
-            onProgress,
-            onError
-          );
-          break;
-        case "dae":
-          this.colladaLoader.load(
-            url,
-            (collada) => {
-              const scene = collada.scene;
-              this.positionAssetAtBottomCenter(scene);
-              resolve(scene);
-            },
-            onProgress,
-            onError
-          );
-          break;
-        case "stl":
-          this.stlLoader.load(
-            url,
-            (geometry) => {
-              const material = new THREE.MeshStandardMaterial({
-                color: 8947848
-              });
-              const mesh = new THREE.Mesh(geometry, material);
-              this.positionAssetAtBottomCenter(mesh);
-              resolve(mesh);
-            },
-            onProgress,
-            onError
-          );
-          break;
-        case "ply":
-          this.plyLoader.load(
-            url,
-            (geometry) => {
-              const material = new THREE.MeshStandardMaterial({
-                vertexColors: true
-              });
-              const mesh = new THREE.Mesh(geometry, material);
-              this.positionAssetAtBottomCenter(mesh);
-              resolve(mesh);
-            },
-            onProgress,
-            onError
-          );
-          break;
-        case "3mf":
-          this.threeMFLoader.load(
-            url,
-            (object) => {
-              this.positionAssetAtBottomCenter(object);
-              resolve(object);
-            },
-            onProgress,
-            onError
-          );
-          break;
-        default:
-          reject(new Error(`Unsupported asset type: ${type}`));
-      }
-    });
-  }
-  /**
-   * Get the placeholder object
-   */
-  getPlaceholder() {
-    return this.placeholder;
-  }
-  /**
-   * Get the loaded asset
-   */
-  getAsset() {
-    return this.loadedAsset;
-  }
-  /**
-   * Get the low-res asset
-   */
-  getLowResAsset() {
-    return this.lowResAsset;
-  }
-  /**
-   * Clear the cache
-   */
-  clearCache() {
-    this.cache.clear();
-  }
-  /**
-   * Remove an item from cache
-   */
-  removeFromCache(url) {
-    this.cache.delete(url);
-  }
-  /**
-   * Get cache size
-   */
-  getCacheSize() {
-    return this.cache.size;
-  }
-};
-
-export {
-  AssetLoader
-};