three-base 2.0.99 → 2.0.100

package/ThreeBase.js

@@ -5,7 +5,7 @@
  * @Last Modified time: 2024-09-23 21:20:32
  */
 import { round } from "lodash";
-import { AxesHelper, Box3, DepthFormat, DepthTexture, EventDispatcher, GridHelper, LinearFilter, MOUSE, Mesh, NoBlending, NormalBlending, OrthographicCamera, PerspectiveCamera, RGBAFormat, Scene, TOUCH, UnsignedShortType, Vector2, Vector3, WebGLRenderTarget, WebGLRenderer, } from "three";
+import { AxesHelper, Box3, DepthFormat, DepthTexture, EventDispatcher, GridHelper, LinearFilter, MOUSE, Mesh, NoBlending, NormalBlending, OrthographicCamera, PerspectiveCamera, RGBAFormat, SRGBColorSpace, Scene, TOUCH, UnsignedShortType, Vector2, Vector3, WebGLRenderTarget, WebGLRenderer, } from "three";
 import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
 import { degToRad, generateUUID } from "three/src/math/MathUtils";
 import ThreeMouse from "./ThreeMouse";
@@ -99,6 +99,7 @@ export default class ThreeBase extends EventDispatcher {
         renderer.setPixelRatio(window.devicePixelRatio);
         renderer.autoClear = false;
         renderer.clear();
+        renderer.outputColorSpace = SRGBColorSpace;
         threeLoader.setAnisotropy(renderer.capabilities.getMaxAnisotropy());
         return renderer;
     })();
@@ -271,7 +272,7 @@ export default class ThreeBase extends EventDispatcher {
         return axesHelper;
     })();
     //TODO 设置帧频率 默认50帧
-    frame = 50;
+    frame = 30;
     init() { }
     // 重置控制器的位置
     resetLookAt({ position = this.perspectiveCamera.position, center = this.controls.target, }) {
@@ -360,7 +361,7 @@ export default class ThreeBase extends EventDispatcher {
     lookatObjects({ objects, duration = 1000, direction = new Vector3(0.3, 0.3, 1), offset = new Vector3(0, 0, 0), distance = 1, }) {
         const box3 = new Box3();
         objects.map((o) => {
-            o.traverse((oo) => {
+            o.traverseVisible((oo) => {
                 box3.expandByObject(oo);
             });
         });

package/package.json

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

package/threeLoader.js

@@ -4,7 +4,7 @@
  * @Last Modified by: xiaosihan
  * @Last Modified time: 2024-09-11 11:43:31
  */
-import { CanvasTexture, DefaultLoadingManager, EventDispatcher, Mesh, MeshStandardMaterial, RepeatWrapping, TextureLoader, VideoTexture, } from "three";
+import { CanvasTexture, DefaultLoadingManager, EventDispatcher, Mesh, MeshStandardMaterial, RepeatWrapping, SRGBColorSpace, 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";
@@ -26,6 +26,8 @@ import { isArray, isEmpty, isNull, isString, isUndefined } from "lodash";
 import { generateUUID } from "three/src/math/MathUtils";
 import dracoDecoderWASM from "./lib/draco/draco_decoder.wasm?url";
 import threeUtils from "./threeUtils";
+import { TGALoader } from "three/examples/jsm/Addons.js";
+DefaultLoadingManager.addHandler(/tga$/, new TGALoader());
 // 加载器
 class ThreeLoader extends EventDispatcher {
     constructor() {
@@ -76,7 +78,7 @@ class ThreeLoader extends EventDispatcher {
             const canvasTexture = new CanvasTexture(src);
             canvasTexture.wrapS = canvasTexture.wrapT = RepeatWrapping;
             canvasTexture.anisotropy = this.anisotropy;
-            // canvasTexture.colorSpace = SRGBColorSpace;
+            canvasTexture.colorSpace = SRGBColorSpace;
             return canvasTexture;
         }
         let texture = this.textureMap.get(src);
@@ -110,7 +112,7 @@ class ThreeLoader extends EventDispatcher {
         }
         texture.wrapS = texture.wrapT = RepeatWrapping;
         texture.anisotropy = this.anisotropy;
-        // texture.colorSpace = SRGBColorSpace;
+        texture.colorSpace = SRGBColorSpace;
         return texture;
     }
     // 资源列表
@@ -344,6 +346,11 @@ class ThreeLoader extends EventDispatcher {
                     if (stl) {
                         return await this.loadModel(stl);
                     }
+                    //如果有zip文件就加载zip文件
+                    let zipFile = Object.keys(zip.files).find((filename) => /\.stl$/.test(filename));
+                    if (zipFile) {
+                        return await this.loadModel(zipFile);
+                    }
                     if ([obj, gltf, dae, fbx, usdz, stl].every((v) => !v)) {
                         throw new Error(`${url}压缩包里没有obj.glb.gltf.dae.fbx.usde.stl等模型文件`);
                     }