three-base 2.0.55 → 2.0.57

package/MeshBase.d.ts

@@ -19,6 +19,9 @@ export default class MeshBase extends Group {
     setClipActionWeight(weights?: {
         [key: string]: number;
     }): Promise<void>;
+    getAnimas(): string[];
+    play(anima?: string): void;
+    stop(): void;
     updateMatrix(): void;
     getSize(): Promise<Vector3>;
     center(): Promise<void>;

package/MeshBase.js

@@ -46,6 +46,20 @@ export default class MeshBase extends Group {
                     console.error(`${url},加载失败`);
                 });
             }
+            else if (/\.(usdz)$/i.test(suffix || url)) {
+                await threeLoader.usdzLoader.loadAsync(url).then(res => {
+                    modal = res; // usdz 目前还不支持骨骼动画
+                    modal.animations = res.animations;
+                    modal.traverse(obj => {
+                        const mesh = obj;
+                        if (mesh.isMesh) {
+                            mesh.material.transparent = true;
+                        }
+                    });
+                }).catch(() => {
+                    console.error(`${url},加载失败`);
+                });
+            }
             else {
                 if (suffix) {
                     console.error(`${suffix},不支持的格式`);
@@ -119,6 +133,18 @@ export default class MeshBase extends Group {
             this.animationActions[key].weight = weights[key] || 0;
         }
     }
+    //获取动画列表
+    getAnimas() {
+        return Object.keys(this.animationActions);
+    }
+    //播放指定动画
+    play(anima = "") {
+        this.setClipActionWeight({ [anima]: 1 });
+    }
+    //停止所有动画
+    stop() {
+        this.setClipActionWeight();
+    }
     updateMatrix() {
         //播放动画
         if (this.mixer) {

package/MeshBase.ts

@@ -1,5 +1,5 @@
 
-import { AnimationAction, AnimationMixer, Clock, DoubleSide, Group, Mesh, MeshStandardMaterial, Object3D, Vector3 } from "three";
+import { AnimationAction, AnimationMixer, Clock, DoubleSide, Group, Material, Mesh, MeshStandardMaterial, Object3D, Vector3 } from "three";
 import threeUtils from "./threeUtils";
 import threeLoader from "./threeLoader";
 import * as SkeletonUtils from 'three/examples/jsm/utils/SkeletonUtils';
@@ -57,6 +57,19 @@ export default class MeshBase extends Group {
                 }).catch(() => {
                     console.error(`${url},加载失败`);
                 })
+            } else if (/\.(usdz)$/i.test(suffix || url)) {
+                await threeLoader.usdzLoader.loadAsync(url).then(res => {
+                    modal = res; // usdz 目前还不支持骨骼动画
+                    modal.animations = res.animations;
+                    modal.traverse(obj => {
+                        const mesh = (obj as Mesh);
+                        if (mesh.isMesh) {
+                            (mesh.material as Material).transparent = true;
+                        }
+                    });
+                }).catch(() => {
+                    console.error(`${url},加载失败`);
+                })
             } else {
                 if (suffix) {
                     console.error(`${suffix},不支持的格式`);
@@ -148,6 +161,21 @@ export default class MeshBase extends Group {
         }
     }
 
+    //获取动画列表
+    getAnimas() {
+        return Object.keys(this.animationActions);
+    }
+
+    //播放指定动画
+    play(anima: string = "") {
+        this.setClipActionWeight({ [anima]: 1 });
+    }
+
+    //停止所有动画
+    stop() {
+        this.setClipActionWeight();
+    }
+
     updateMatrix(): void {
         //播放动画
         if (this.mixer) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "three-base",
-    "version": "2.0.55",
+    "version": "2.0.57",
     "description": "three 3d three-base",
     "publishConfig": {
         "registry": "https://registry.npmjs.org/"

package/threeLoader.d.ts

@@ -4,6 +4,7 @@ import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
 import { MTLLoader } from "three/examples/jsm/loaders/MTLLoader";
 import { OBJLoader } from "three/examples/jsm/loaders/OBJLoader";
 import { STLLoader } from "three/examples/jsm/loaders/STLLoader";
+import { USDZLoader } from "three/examples/jsm/loaders/USDZLoader";
 declare class ThreeLoader extends EventDispatcher {
     constructor();
     anisotropy: number;
@@ -16,6 +17,7 @@ declare class ThreeLoader extends EventDispatcher {
     stlLoader: STLLoader;
     mtlLoader: MTLLoader;
     gltfLoader: GLTFLoader;
+    usdzLoader: USDZLoader;
     /** 加载模型支持glb,fbx,stl,obj */
     loadModal(url: string): Promise<Object3D<import("three").Object3DEventMap>>;
     onload: boolean;

package/threeLoader.js

@@ -11,6 +11,7 @@ import { MTLLoader } from "three/examples/jsm/loaders/MTLLoader";
 import { OBJLoader } from "three/examples/jsm/loaders/OBJLoader";
 import { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader";
 import { STLLoader } from "three/examples/jsm/loaders/STLLoader";
+import { USDZLoader } from "three/examples/jsm/loaders/USDZLoader";
 // 引入静态资源
 //@ts-ignore
 import dracoWasmWrapperJS from "./lib/draco/draco_wasm_wrapper.js?url";
@@ -119,6 +120,8 @@ class ThreeLoader extends EventDispatcher {
         loader.setDRACOLoader(dracoLoader);
         return loader;
     })();
+    //usdz加载器
+    usdzLoader = new USDZLoader();
     /** 加载模型支持glb,fbx,stl,obj */
     async loadModal(url) {
         let Object3d = new Object3D();

package/threeLoader.ts

@@ -12,6 +12,8 @@ import { MTLLoader } from "three/examples/jsm/loaders/MTLLoader";
 import { OBJLoader } from "three/examples/jsm/loaders/OBJLoader";
 import { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader";
 import { STLLoader } from "three/examples/jsm/loaders/STLLoader";
+import { USDZLoader } from "three/examples/jsm/loaders/USDZLoader";
+
 
 // 引入静态资源
 //@ts-ignore
@@ -145,6 +147,8 @@ class ThreeLoader extends EventDispatcher {
         return loader;
     })()
 
+    //usdz加载器
+    usdzLoader = new USDZLoader();
 
     /** 加载模型支持glb,fbx,stl,obj */
     async loadModal(url: string) {

package/threeUtils.d.ts

@@ -38,6 +38,7 @@ declare class ThreeUtils extends EventDispatcher {
     scaleTo(object3d: Object3D | BufferGeometry, size?: number, key?: Array<"x" | "y" | "z">): void;
     applyAllTranstion(object3d: Object3D): void;
     exportGLB(input: Object3D, fileName?: string): void;
+    exportUsdz(): void;
     getVolume(geometry: BufferGeometry): number;
     signedVolumeOfTriangle(p1: Vector3, p2: Vector3, p3: Vector3): number;
 }

package/threeUtils.js

@@ -205,6 +205,9 @@ class ThreeUtils extends EventDispatcher {
             maxTextureSize: 4096
         });
     }
+    //导出usdz
+    exportUsdz() {
+    }
     // 计算网格的体积
     getVolume(geometry) {
         if (!geometry.index)

package/threeUtils.ts

@@ -240,6 +240,11 @@ class ThreeUtils extends EventDispatcher {
 
     }
 
+    //导出usdz
+    exportUsdz() {
+        
+    }
+
     // 计算网格的体积
     getVolume(geometry: BufferGeometry) {
         if (!geometry.index) return;