@tonybfox/threejs-tools 1.0.4 → 1.0.5

package/dist/asset-loader/index.cjs

@@ -40,6 +40,10 @@ var import_GLTFLoader = require("three/examples/jsm/loaders/GLTFLoader.js");
 var import_FBXLoader = require("three/examples/jsm/loaders/FBXLoader.js");
 var import_OBJLoader = require("three/examples/jsm/loaders/OBJLoader.js");
 var import_USDLoader = require("three/examples/jsm/loaders/USDLoader.js");
+var import_ColladaLoader = require("three/examples/jsm/loaders/ColladaLoader.js");
+var import_STLLoader = require("three/examples/jsm/loaders/STLLoader.js");
+var import_PLYLoader = require("three/examples/jsm/loaders/PLYLoader.js");
+var import_MFLoader = require("three/examples/jsm/loaders/3MFLoader.js");
 var AssetLoader = class extends THREE.EventDispatcher {
   constructor() {
     super();
@@ -53,6 +57,10 @@ var AssetLoader = class extends THREE.EventDispatcher {
     this.fbxLoader = new import_FBXLoader.FBXLoader();
     this.objLoader = new import_OBJLoader.OBJLoader();
     this.usdLoader = new import_USDLoader.USDLoader();
+    this.colladaLoader = new import_ColladaLoader.ColladaLoader();
+    this.stlLoader = new import_STLLoader.STLLoader();
+    this.plyLoader = new import_PLYLoader.PLYLoader();
+    this.threeMFLoader = new import_MFLoader.ThreeMFLoader();
   }
   /**
    * Create a placeholder cube with shader effect
@@ -180,7 +188,7 @@ var AssetLoader = class extends THREE.EventDispatcher {
     const center = boundingBox.getCenter(new THREE.Vector3());
     const bottomCenter = new THREE.Vector3(
       center.x,
-      boundingBox.min.y + 0.01,
+      boundingBox.min.y - 0.01,
       center.z
     );
     if (!Number.isFinite(bottomCenter.x) || !Number.isFinite(bottomCenter.y) || !Number.isFinite(bottomCenter.z)) {
@@ -222,6 +230,7 @@ var AssetLoader = class extends THREE.EventDispatcher {
       size,
       lowResUrl,
       enableCaching = true,
+      disablePlaceholder = false,
       placeholderColor = 5227511,
       placeholderOpacity = 0.4,
       errorColor = 16729156,
@@ -241,7 +250,7 @@ var AssetLoader = class extends THREE.EventDispatcher {
     }
     this.errorColor = errorColor;
     this.errorOpacity = errorOpacity;
-    if (size) {
+    if (size && !disablePlaceholder) {
       this.placeholder = this.createPlaceholder(
         size,
         placeholderColor,
@@ -348,6 +357,59 @@ var AssetLoader = class extends THREE.EventDispatcher {
             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}`));
       }

package/dist/asset-loader/index.d.mts

@@ -19,13 +19,14 @@ interface AssetLoaderEventMap {
         lowRes: THREE.Object3D;
     };
 }
-type AssetType = 'gltf' | 'fbx' | 'obj' | 'usd' | 'usdz';
+type AssetType = 'gltf' | 'fbx' | 'obj' | 'usd' | 'usdz' | 'dae' | 'stl' | 'ply' | '3mf';
 interface AssetLoaderOptions {
     type: AssetType;
     url: string;
     size?: [number, number, number];
     lowResUrl?: string;
     enableCaching?: boolean;
+    disablePlaceholder?: boolean;
     placeholderColor?: number;
     placeholderOpacity?: number;
     errorColor?: number;
@@ -37,6 +38,10 @@ declare class AssetLoader extends THREE.EventDispatcher<AssetLoaderEventMap> {
     private fbxLoader;
     private objLoader;
     private usdLoader;
+    private colladaLoader;
+    private stlLoader;
+    private plyLoader;
+    private threeMFLoader;
     private placeholder;
     private loadedAsset;
     private lowResAsset;

package/dist/asset-loader/index.d.ts

@@ -19,13 +19,14 @@ interface AssetLoaderEventMap {
         lowRes: THREE.Object3D;
     };
 }
-type AssetType = 'gltf' | 'fbx' | 'obj' | 'usd' | 'usdz';
+type AssetType = 'gltf' | 'fbx' | 'obj' | 'usd' | 'usdz' | 'dae' | 'stl' | 'ply' | '3mf';
 interface AssetLoaderOptions {
     type: AssetType;
     url: string;
     size?: [number, number, number];
     lowResUrl?: string;
     enableCaching?: boolean;
+    disablePlaceholder?: boolean;
     placeholderColor?: number;
     placeholderOpacity?: number;
     errorColor?: number;
@@ -37,6 +38,10 @@ declare class AssetLoader extends THREE.EventDispatcher<AssetLoaderEventMap> {
     private fbxLoader;
     private objLoader;
     private usdLoader;
+    private colladaLoader;
+    private stlLoader;
+    private plyLoader;
+    private threeMFLoader;
     private placeholder;
     private loadedAsset;
     private lowResAsset;

package/dist/asset-loader/index.mjs

@@ -1,6 +1,6 @@
 import {
   AssetLoader
-} from "../chunk-27WUVRGX.mjs";
+} from "../chunk-LUE7VHLK.mjs";
 export {
   AssetLoader
 };

package/dist/{chunk-27WUVRGX.mjs → chunk-LUE7VHLK.mjs}

@@ -4,6 +4,10 @@ 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();
@@ -17,6 +21,10 @@ var AssetLoader = class extends THREE.EventDispatcher {
     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
@@ -144,7 +152,7 @@ var AssetLoader = class extends THREE.EventDispatcher {
     const center = boundingBox.getCenter(new THREE.Vector3());
     const bottomCenter = new THREE.Vector3(
       center.x,
-      boundingBox.min.y + 0.01,
+      boundingBox.min.y - 0.01,
       center.z
     );
     if (!Number.isFinite(bottomCenter.x) || !Number.isFinite(bottomCenter.y) || !Number.isFinite(bottomCenter.z)) {
@@ -186,6 +194,7 @@ var AssetLoader = class extends THREE.EventDispatcher {
       size,
       lowResUrl,
       enableCaching = true,
+      disablePlaceholder = false,
       placeholderColor = 5227511,
       placeholderOpacity = 0.4,
       errorColor = 16729156,
@@ -205,7 +214,7 @@ var AssetLoader = class extends THREE.EventDispatcher {
     }
     this.errorColor = errorColor;
     this.errorOpacity = errorOpacity;
-    if (size) {
+    if (size && !disablePlaceholder) {
       this.placeholder = this.createPlaceholder(
         size,
         placeholderColor,
@@ -312,6 +321,59 @@ var AssetLoader = class extends THREE.EventDispatcher {
             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}`));
       }