three-base 2.0.84 → 2.0.86

package/PlaneText.d.ts

@@ -25,7 +25,7 @@ export default class PlaneText extends Mesh {
     get(prop: keyof SpriteText): string | number | boolean | Vector3 | import("three").Object3D<import("three").Object3DEventMap> | import("three").BufferGeometry<import("three").NormalBufferAttributes> | ((force?: boolean) => void) | ((callback: (object: import("three").Object3D<import("three").Object3DEventMap>) => any) => void) | import("three").Object3D<import("three").Object3DEventMap>[] | import("three").Euler | import("three").Material | import("three").Quaternion | import("three").Matrix4 | import("three").Matrix3 | import("three").Layers | import("three").AnimationClip[] | Record<string, any> | ((renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: import("three").Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void) | ((renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: import("three").Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void) | ((renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void) | ((renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void) | ((matrix: import("three").Matrix4) => void) | ((axis: Vector3, angle: number) => void) | ((euler: import("three").Euler) => void) | ((m: import("three").Matrix4) => void) | ((q: import("three").Quaternion) => void) | ((vector: Vector3) => Vector3) | ((vector: Vector3) => Vector3) | {
         (vector: Vector3): void;
         (x: number, y: number, z: number): void;
-    } | ((id: number) => import("three").Object3D<import("three").Object3DEventMap>) | ((name: string) => import("three").Object3D<import("three").Object3DEventMap>) | ((name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap>) | ((name: string, value: any, optionalTarget?: import("three").Object3D<import("three").Object3DEventMap>[]) => import("three").Object3D<import("three").Object3DEventMap>[]) | ((target: Vector3) => Vector3) | ((target: import("three").Quaternion) => import("three").Quaternion) | ((target: Vector3) => Vector3) | ((target: Vector3) => Vector3) | ((raycaster: import("three").Raycaster, intersects: import("three").Intersection<import("three").Object3D<import("three").Object3DEventMap>>[]) => void) | ((callback: (object: import("three").Object3D<import("three").Object3DEventMap>) => any) => void) | ((callback: (object: import("three").Object3D<import("three").Object3DEventMap>) => any) => void) | (() => void) | ((updateParents: boolean, updateChildren: boolean) => void) | ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | HTMLCanvasElement | import("three").Vector2 | import("three").SpriteMaterial | ((object: import("three").Object3D<import("three").Object3DEventMap>, recursive?: boolean) => SpriteText) | (() => void) | ((quaternion: import("three").Quaternion) => SpriteText) | ((axis: Vector3, angle: number) => SpriteText) | ((axis: Vector3, angle: number) => SpriteText) | ((angle: number) => SpriteText) | ((angle: number) => SpriteText) | ((angle: number) => SpriteText) | ((axis: Vector3, distance: number) => SpriteText) | ((distance: number) => SpriteText) | ((distance: number) => SpriteText) | ((distance: number) => SpriteText) | ((...object: import("three").Object3D<import("three").Object3DEventMap>[]) => SpriteText) | ((...object: import("three").Object3D<import("three").Object3DEventMap>[]) => SpriteText) | (() => SpriteText) | (() => SpriteText) | ((object: import("three").Object3D<import("three").Object3DEventMap>) => SpriteText) | ((recursive?: boolean) => SpriteText) | {
+    } | ((id: number) => import("three").Object3D<import("three").Object3DEventMap>) | ((name: string) => import("three").Object3D<import("three").Object3DEventMap>) | ((name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap>) | ((name: string, value: any, optionalTarget?: import("three").Object3D<import("three").Object3DEventMap>[]) => import("three").Object3D<import("three").Object3DEventMap>[]) | ((target: Vector3) => Vector3) | ((target: import("three").Quaternion) => import("three").Quaternion) | ((target: Vector3) => Vector3) | ((target: Vector3) => Vector3) | ((raycaster: import("three").Raycaster, intersects: import("three").Intersection<import("three").Object3D<import("three").Object3DEventMap>>[]) => void) | ((callback: (object: import("three").Object3D<import("three").Object3DEventMap>) => any) => void) | ((callback: (object: import("three").Object3D<import("three").Object3DEventMap>) => any) => void) | (() => void) | ((updateParents: boolean, updateChildren: boolean) => void) | ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) | (<T extends keyof import("three").Object3DEventMap>(event: import("three").BaseEvent<T> & import("three").Object3DEventMap[T]) => void) | HTMLCanvasElement | import("three").Vector2 | import("three").SpriteMaterial | ((object: import("three").Object3D<import("three").Object3DEventMap>, recursive?: boolean) => SpriteText) | ((recursive?: boolean) => SpriteText) | {
         <T_1 extends keyof import("three").Object3DEventMap>(type: T_1, listener: import("three").EventListener<import("three").Object3DEventMap[T_1], T_1, SpriteText>): void;
         <T_2 extends string>(type: T_2, listener: import("three").EventListener<{}, T_2, SpriteText>): void;
     } | {
@@ -34,6 +34,6 @@ export default class PlaneText extends Mesh {
     } | {
         <T_5 extends keyof import("three").Object3DEventMap>(type: T_5, listener: import("three").EventListener<import("three").Object3DEventMap[T_5], T_5, SpriteText>): void;
         <T_6 extends string>(type: T_6, listener: import("three").EventListener<{}, T_6, SpriteText>): void;
-    };
+    } | (() => void) | ((quaternion: import("three").Quaternion) => SpriteText) | ((axis: Vector3, angle: number) => SpriteText) | ((axis: Vector3, angle: number) => SpriteText) | ((angle: number) => SpriteText) | ((angle: number) => SpriteText) | ((angle: number) => SpriteText) | ((axis: Vector3, distance: number) => SpriteText) | ((distance: number) => SpriteText) | ((distance: number) => SpriteText) | ((distance: number) => SpriteText) | ((...object: import("three").Object3D<import("three").Object3DEventMap>[]) => SpriteText) | ((...object: import("three").Object3D<import("three").Object3DEventMap>[]) => SpriteText) | (() => SpriteText) | (() => SpriteText) | ((object: import("three").Object3D<import("three").Object3DEventMap>) => SpriteText);
 }
 export {};

package/README.md

@@ -4,6 +4,7 @@
 import { AmbientLight, BoxGeometry, Mesh, MeshLambertMaterial, PointLight } from "three";
 import ThreeBase from "three-base";
 import Transition from "three-base/Transition";
+import Fire from "three-base/Fire";
 
 //qq389652405
 class HomeRender extends ThreeBase {
@@ -102,8 +103,6 @@ homeRenderer.setContainer( document.getElementById("div") );
 
 ```
 
-演示地址:  https://drm.gitee.io/vite_react_mobx_threebase/
+请尽量使用 vite 来打包
 
 代码: https://gitee.com/drm/vite_react_mobx_threebase
-
-![demo.png](https://drm.gitee.io/vite_react_mobx_threebase/demo.png)

package/package.json

@@ -1,47 +1,48 @@
 {
-    "name": "three-base",
-    "version": "2.0.84",
-    "description": "three 3d three-base",
-    "publishConfig": {
-        "registry": "https://registry.npmjs.org/"
-    },
-    "repository": {
-        "type": "git",
-        "url": "https://gitee.com/drm/three-base"
-    },
-    "keywords": [
-        "three",
-        "3d",
-        "three-base"
-    ],
-    "main": "index.js",
-    "module": "index.js",
-    "types": "",
-    "files": [
-        "/**/*.ts",
-        "/**/*.js",
-        "/**/*.tsx",
-        "/**/*.css",
-        "/**/*.jpg",
-        "/**/*.png",
-        "/**/*.jpeg",
-        "/**/*.svg",
-        "/**/*.obj",
-        "/**/*.gltf",
-        "/**/*.fbx",
-        "/**/*.glb",
-        "/**/*.json",
-        "/**/*.wasm"
-    ],
-    "license": "ISC",
-    "devDependencies": {},
-    "dependencies": {
-        "apng-js": "^1",
-        "lodash": "^4",
-        "@types/three": "0.167.0",
-        "three": "0.167.0",
-        "dexie": "^3",
-        "vite": "*",
-        "html2canvas": "^1.4.1"
-    }
+  "name": "three-base",
+  "version": "2.0.86",
+  "description": "three 3d three-base",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitee.com/drm/three-base"
+  },
+  "keywords": [
+    "three",
+    "3d",
+    "three-base"
+  ],
+  "main": "index.js",
+  "module": "index.js",
+  "types": "",
+  "files": [
+    "/**/*.ts",
+    "/**/*.js",
+    "/**/*.tsx",
+    "/**/*.css",
+    "/**/*.jpg",
+    "/**/*.png",
+    "/**/*.jpeg",
+    "/**/*.svg",
+    "/**/*.obj",
+    "/**/*.gltf",
+    "/**/*.fbx",
+    "/**/*.glb",
+    "/**/*.json",
+    "/**/*.wasm"
+  ],
+  "license": "ISC",
+  "devDependencies": {},
+  "dependencies": {
+    "apng-js": "^1",
+    "lodash": "^4",
+    "@types/three": "0.167.0",
+    "three": "0.167.0",
+    "dexie": "^3",
+    "vite": "*",
+    "jszip": "^3.10.1",
+    "html2canvas": "^1.4.1"
+  }
 }

package/threeLoader.d.ts

@@ -1,4 +1,4 @@
-import { EventDispatcher, Object3D, Texture, TextureLoader } from "three";
+import { EventDispatcher, Material, Texture, TextureLoader } from "three";
 import { FBXLoader } from "three/examples/jsm/loaders/FBXLoader";
 import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
 import { MTLLoader } from "three/examples/jsm/loaders/MTLLoader";
@@ -12,14 +12,18 @@ declare class ThreeLoader extends EventDispatcher {
     textureMap: Map<string, Texture>;
     textureLoader: TextureLoader;
     getTexture(src: string | HTMLCanvasElement): Texture;
+    _blobs: {
+        [key: string]: string;
+    };
     fbxLoader: FBXLoader;
     objLoader: OBJLoader;
     stlLoader: STLLoader;
     mtlLoader: MTLLoader;
     gltfLoader: GLTFLoader;
     usdzLoader: USDZLoader;
+    setFlipYIsFalse<T extends Material | Material[]>(material: T): void;
     /** 加载模型支持glb,fbx,stl,obj */
-    loadModel(url: string, filename?: string): Promise<Object3D<import("three").Object3DEventMap>>;
+    loadModel(url: string, filename?: string): any;
     onload: boolean;
 }
 declare const threeLoader: ThreeLoader;

package/threeLoader.js

@@ -4,12 +4,12 @@
  * @Last Modified by: xiaosihan
  * @Last Modified time: 2023-02-07 11:11:48
  */
-import { CanvasTexture, DefaultLoadingManager, EventDispatcher, Mesh, MeshStandardMaterial, Object3D, RepeatWrapping, TextureLoader, VideoTexture } from "three";
+import { CanvasTexture, DefaultLoadingManager, EventDispatcher, Mesh, MeshStandardMaterial, RepeatWrapping, TextureLoader, VideoTexture, } from "three";
+import { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader";
 import { FBXLoader } from "three/examples/jsm/loaders/FBXLoader";
 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 { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader";
 import { STLLoader } from "three/examples/jsm/loaders/STLLoader";
 import { USDZLoader } from "three/examples/jsm/loaders/USDZLoader";
 // import { IFCLoader } from 'web-ifc-three/dist/IFCLoader';
@@ -21,8 +21,9 @@ import dracoWasmWrapperJS from "./lib/draco/draco_wasm_wrapper.js?url";
 //@ts-ignore
 import dracoDecoderJS from "./lib/draco/draco_decoder.js?url";
 //@ts-ignore
+import axios from "axios";
 import dracoDecoderWASM from "./lib/draco/draco_decoder.wasm?url";
-import { get } from "lodash";
+import threeUtils from "./threeUtils";
 // 加载器
 class ThreeLoader extends EventDispatcher {
     constructor() {
@@ -42,6 +43,19 @@ class ThreeLoader extends EventDispatcher {
         DefaultLoadingManager.onLoad = () => {
             this.onload = true;
         };
+        // 资源替换
+        DefaultLoadingManager.setURLModifier((url) => {
+            const filename = url
+                .replace(`blob:${location.origin}/`, "")
+                .replace(/^\.\//, "");
+            let new_url = this._blobs[filename] || url;
+            //如果全匹配没有匹配到资源,就尝试文件名匹配
+            if (!this._blobs[filename]) {
+                const blobKey = Object.keys(this._blobs).find((key) => new RegExp(`${key}$`).test(filename)) || "";
+                new_url = this._blobs[blobKey] || url;
+            }
+            return new_url;
+        });
     }
     // 各向异性
     anisotropy = 16;
@@ -49,7 +63,6 @@ class ThreeLoader extends EventDispatcher {
     setAnisotropy(v) {
         this.anisotropy = v;
     }
-    ;
     // 纹理对向缓存
     textureMap = new Map();
     // 纹理加载器
@@ -86,7 +99,7 @@ class ThreeLoader extends EventDispatcher {
                 texture = new VideoTexture(videoDom);
             }
             else {
-                texture = this.textureLoader.load(src, tex => {
+                texture = this.textureLoader.load(src, (tex) => {
                     tex.image.crossOrigin = "anonymous";
                 });
             }
@@ -97,7 +110,8 @@ class ThreeLoader extends EventDispatcher {
         // texture.colorSpace = SRGBColorSpace;
         return texture;
     }
-    ;
+    // 资源列表
+    _blobs = {};
     // fbx模型加载器
     fbxLoader = new FBXLoader();
     //obj 加载器
@@ -109,84 +123,231 @@ class ThreeLoader extends EventDispatcher {
     // gltf 加载器
     gltfLoader = (() => {
         const loader = new GLTFLoader();
-        const dracoLoader = new class ThreeBaseDRACOLoader extends DRACOLoader {
+        const dracoLoader = new (class ThreeBaseDRACOLoader extends DRACOLoader {
             _loadLibrary(url, responseType) {
                 //@ts-ignore
-                let urlConf = (process.env.NODE_ENV === "development") ? {
-                    "draco_decoder.js": "draco_decoder.js",
-                    "draco_wasm_wrapper.js": "draco_wasm_wrapper.js",
-                    "draco_decoder.wasm": "draco_decoder.wasm"
-                } : {
-                    "draco_decoder.js": dracoWasmWrapperJS,
-                    "draco_wasm_wrapper.js": dracoDecoderJS,
-                    "draco_decoder.wasm": dracoDecoderWASM
-                };
+                let urlConf = process.env.NODE_ENV === "development"
+                    ? {
+                        "draco_decoder.js": "draco_decoder.js",
+                        "draco_wasm_wrapper.js": "draco_wasm_wrapper.js",
+                        "draco_decoder.wasm": "draco_decoder.wasm",
+                    }
+                    : {
+                        "draco_decoder.js": dracoWasmWrapperJS,
+                        "draco_wasm_wrapper.js": dracoDecoderJS,
+                        "draco_decoder.wasm": dracoDecoderWASM,
+                    };
                 //@ts-ignore
                 return super._loadLibrary(urlConf[url], responseType);
             }
-        }();
+        })();
         //@ts-ignore
-        dracoLoader.setDecoderPath((process.env.NODE_ENV === "development") ? '/node_modules/three/examples/jsm/libs/draco/' : '');
+        dracoLoader.setDecoderPath(process.env.NODE_ENV === "development"
+            ? "/node_modules/three/examples/jsm/libs/draco/"
+            : "");
         loader.setDRACOLoader(dracoLoader);
         return loader;
     })();
     //usdz加载器
     usdzLoader = new USDZLoader();
-    /** 加载模型支持glb,fbx,stl,obj */
-    async loadModel(url, filename = "") {
-        // 获取后缀
-        const suffix = (get((filename || url).match(/\.([^\.]+)$/), [1]) || "").toLowerCase();
-        let Object3d = new Object3D();
-        if (["fbx"].includes(suffix)) {
-            await threeLoader.fbxLoader.loadAsync(url).then(res => {
-                Object3d = res;
-            }).catch(() => {
-                console.error(`${url},加载失败`);
-            });
+    //把贴图的 flipy 设置为 fasle
+    setFlipYIsFalse(material) {
+        if (material instanceof Array) {
+            material.map((m) => this.setFlipYIsFalse(m));
         }
-        else if (["gltf", "glb"].includes(suffix)) {
-            await threeLoader.gltfLoader.loadAsync(url).then(res => {
-                Object3d = res.scene;
-                Object3d.animations = res.animations;
-            }).catch(() => {
-                console.error(`${url},加载失败`);
-            });
-        }
-        else if (["stl"].includes(suffix)) {
-            await threeLoader.stlLoader.loadAsync(url).then(geometry => {
-                Object3d = new Mesh(geometry, new MeshStandardMaterial({
-                    color: "#eeeeee",
-                    metalness: 0,
-                    roughness: 0.5,
-                    envMapIntensity: 0.4
-                }));
-            }).catch(() => {
-                console.error(`${url},加载失败`);
+        else {
+            const m = material;
+            const parame = [
+                "map",
+                "lightMap",
+                "aoMap",
+                "emissiveMap",
+                "bumpMap",
+                "normalMap",
+                "displacementMap",
+                "alphaMap",
+                "envMap",
+            ];
+            parame.map((param) => {
+                const t = m[param];
+                if (t) {
+                    t.flipY = false;
+                }
             });
         }
-        else if (["usdz"].includes(suffix)) {
-            await threeLoader.usdzLoader.loadAsync(url).then(res => {
-                Object3d = res; // usdz 目前还不支持骨骼动画
-                Object3d.animations = res.animations;
-                Object3d.traverse(obj => {
+    }
+    /** 加载模型支持glb,fbx,stl,obj */
+    async loadModel(url, filename = "") {
+        // 获取后缀
+        const suffix = threeUtils.getSuffix(filename || url);
+        switch (suffix) {
+            case "zip":
+                const JSZip = (await import("jszip")).default;
+                const arrayBuffer = await axios
+                    .get(url, {
+                    responseType: "arraybuffer",
+                })
+                    .then((res) => res.data)
+                    .catch((err) => {
+                    throw new Error(`${url} 加载失败`);
+                });
+                return await JSZip.loadAsync(arrayBuffer).then(async (zip) => {
+                    for (let filename in zip.files) {
+                        if (!zip.files[filename].dir) {
+                            // 不读文件夹
+                            await zip
+                                .file(filename)
+                                .async("blob")
+                                .then((blob) => {
+                                var blobURL = URL.createObjectURL(blob);
+                                this._blobs[filename] = blobURL;
+                            });
+                        }
+                    }
+                    let objLoader = new OBJLoader();
+                    // 如果有mtl文件就加载mtl文件
+                    let mtl = Object.keys(zip.files).find((filename) => /\.mtl$/.test(filename));
+                    if (mtl) {
+                        const materials = await this.mtlLoader.loadAsync(mtl);
+                        objLoader.setMaterials(materials);
+                    }
+                    else {
+                        //@ts-ignore
+                        objLoader.materials = null;
+                    }
+                    //如果有obj就加载obj模型
+                    let obj = Object.keys(zip.files).find((filename) => /\.obj$/.test(filename));
+                    if (obj) {
+                        const objObject3d = await objLoader.loadAsync(obj);
+                        objObject3d.traverse((obj) => {
+                            const mesh = obj;
+                            if (mesh.isMesh) {
+                                // 如果obj没有材质就给默认的材质
+                                if (!objLoader.materials) {
+                                    mesh.material = new MeshStandardMaterial({
+                                        metalness: 0.5,
+                                        roughness: 0.5,
+                                    });
+                                }
+                                const uv = mesh.geometry.getAttribute("uv");
+                                if (uv) {
+                                    for (let i = 0; i < uv.count; i++) {
+                                        uv.setY(i, 1 - uv.getY(i));
+                                    }
+                                }
+                                // obj只翻转uv不翻转贴图
+                                this.setFlipYIsFalse(mesh.material);
+                            }
+                        });
+                        return objObject3d;
+                    }
+                    //如果有gltf文件就加载gltf文件
+                    let gltf = Object.keys(zip.files).find((filename) => /\.(gltf|glb)$/.test(filename));
+                    if (gltf) {
+                        return await this.loadModel(gltf);
+                    }
+                    //如果有dae文件就加载dae文件
+                    let dae = Object.keys(zip.files).find((filename) => /\.dae$/.test(filename));
+                    if (dae) {
+                        return await this.loadModel(dae);
+                    }
+                    //如果有fbx文件就加载fbx文件
+                    let fbx = Object.keys(zip.files).find((filename) => /\.fbx$/.test(filename));
+                    if (fbx) {
+                        return await this.loadModel(fbx);
+                    }
+                    //如果有usdz文件就加载usdz文件
+                    let usdz = Object.keys(zip.files).find((filename) => /\.usdz$/.test(filename));
+                    if (usdz) {
+                        return await this.loadModel(usdz);
+                    }
+                    //如果有stl文件就加载stl文件
+                    let stl = Object.keys(zip.files).find((filename) => /\.stl$/.test(filename));
+                    if (stl) {
+                        return await this.loadModel(stl);
+                    }
+                    if ([obj, gltf, dae, fbx, usdz, stl].every((v) => !v)) {
+                        throw new Error(`${url}压缩包里没有obj.glb.gltf.dae.fbx.usde.stl等模型文件`);
+                    }
+                });
+            case "fbx":
+                return await threeLoader.fbxLoader
+                    .loadAsync(url)
+                    .then((res) => {
+                    return res;
+                })
+                    .catch(() => {
+                    console.log(`${url},加载失败`);
+                });
+            case "gltf":
+            case "glb":
+                return await threeLoader.gltfLoader
+                    .loadAsync(url)
+                    .then((res) => {
+                    res.scene.animations = res.animations;
+                    return res.scene;
+                })
+                    .catch(() => {
+                    console.log(`${url},加载失败`);
+                });
+            case "stl":
+                return await threeLoader.stlLoader
+                    .loadAsync(url)
+                    .then((geometry) => {
+                    return new Mesh(geometry, new MeshStandardMaterial({
+                        metalness: 0.5,
+                        roughness: 0.5,
+                    }));
+                })
+                    .catch(() => {
+                    console.log(`${url},加载失败`);
+                });
+            case "usdz":
+                return await threeLoader.usdzLoader
+                    .loadAsync(url)
+                    .then((res) => {
+                    res.traverse((obj) => {
+                        const mesh = obj;
+                        if (mesh.isMesh) {
+                            mesh.material.transparent = true;
+                        }
+                    });
+                    return res;
+                })
+                    .catch((err) => {
+                    console.log(`${url},加载失败`, err);
+                });
+            case "obj":
+                const objObject3d = await this.objLoader.loadAsync(url);
+                objObject3d.traverse((obj) => {
                     const mesh = obj;
                     if (mesh.isMesh) {
-                        mesh.material.transparent = true;
+                        // 如果obj没有材质就给默认的材质
+                        if (!this.objLoader.materials) {
+                            mesh.material = new MeshStandardMaterial({
+                                metalness: 0.5,
+                                roughness: 0.5,
+                            });
+                        }
+                        const uv = mesh.geometry.getAttribute("uv");
+                        if (uv) {
+                            for (let i = 0; i < uv.count; i++) {
+                                uv.setY(i, 1 - uv.getY(i));
+                            }
+                        }
+                        // obj只翻转uv不翻转贴图
+                        this.setFlipYIsFalse(mesh.material);
                     }
                 });
-            }).catch((err) => {
-                console.error(`${url},加载失败`, err);
-            });
-        }
-        else {
-            if (suffix) {
-                console.error(`${suffix},不支持的格式`);
-            }
-            else {
-                console.error(`${url},不支持的格式,请尝试使用 suffix 参数来指定一下格式`);
-            }
+                return objObject3d;
+            default:
+                if (suffix) {
+                    console.log(`${suffix},不支持的格式`);
+                }
+                else {
+                    console.log(`${url},不支持的格式,请尝试使用 suffix 参数来指定一下格式`);
+                }
         }
-        return Object3d;
     }
     // 是否加载完成
     onload = true;