three-base 2.0.95 → 2.0.97

package/Grass/Grass.d.ts

@@ -0,0 +1,8 @@
+import { Mesh, MeshLambertMaterial, PlaneGeometry } from "three";
+export default class Grass extends Mesh {
+    constructor();
+    geometry: PlaneGeometry;
+    map: import("three").Texture;
+    material: MeshLambertMaterial;
+    setSize(width: number, height: number): void;
+}

package/Grass/Grass.js

@@ -0,0 +1,38 @@
+/*
+ * @Author: xiaosihan
+ * @Date: 2024-09-14 22:58:16
+ * @Last Modified by: xiaosihan
+ * @Last Modified time: 2024-09-14 23:20:39
+ */
+import { DoubleSide, MathUtils, Mesh, MeshLambertMaterial, PlaneGeometry, RepeatWrapping, TextureLoader, } from "three";
+import grassJPG from "./grass.jpg";
+// 草地Mesh
+export default class Grass extends Mesh {
+    constructor() {
+        super();
+    }
+    geometry = (() => {
+        const geometry = new PlaneGeometry(1, 1, 1, 1);
+        geometry.rotateX(MathUtils.degToRad(90));
+        return geometry;
+    })();
+    map = (() => {
+        const map = new TextureLoader().load(grassJPG);
+        map.wrapS = map.wrapT = RepeatWrapping;
+        map.repeat.set(1, 1);
+        return map;
+    })();
+    material = (() => {
+        const material = new MeshLambertMaterial({
+            map: this.map,
+            side: DoubleSide,
+        });
+        return material;
+    })();
+    // 设置尺寸
+    setSize(width, height) {
+        this.scale.set(width, 1, height);
+        this.map.repeat.set(width, height);
+        // this.material.uniforms.size.value.set(width * 0.001, height * 0.001);
+    }
+}

package/Ground1/Ground1.d.ts

@@ -0,0 +1,11 @@
+import { BufferGeometry, Camera, Clock, Group, Material, Matrix4, Mesh, PlaneGeometry, Scene, ShaderMaterial, WebGLRenderer } from "three";
+export default class Ground1 extends Mesh {
+    tempMatrix: Matrix4;
+    constructor();
+    renderOrder: number;
+    geometry: PlaneGeometry;
+    setSize(width: number, height: number): void;
+    clock: Clock;
+    onBeforeRender: (renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: BufferGeometry, material: Material, group: Group) => void;
+    material: ShaderMaterial;
+}

package/Ground1/Ground1.js

@@ -0,0 +1,109 @@
+/*
+ * @Author: xiaosihan
+ * @Date: 2022-09-20 23:06:00
+ * @Last Modified by: xiaosihan
+ * @Last Modified time: 2024-08-17 02:16:56
+ */
+import { Clock, Color, DoubleSide, Matrix4, Mesh, PlaneGeometry, ShaderChunk, ShaderMaterial, Vector2, } from "three";
+import { degToRad } from "three/src/math/MathUtils";
+import floorMap1PNG from "./floorMap1.png";
+import floorMap2PNG from "./floorMap2.png";
+import floorMap3PNG from "./floorMap3.png";
+import threeLoader from "../threeLoader";
+// 装饰地板1
+export default class Ground1 extends Mesh {
+    tempMatrix = new Matrix4();
+    constructor() {
+        super();
+    }
+    renderOrder = -1;
+    geometry = (() => {
+        const geo = new PlaneGeometry(1, 1, 1, 1);
+        geo.rotateX(degToRad(-90));
+        return geo;
+    })();
+    // 设置尺寸
+    setSize(width, height) {
+        this.scale.set(width, 1, height);
+        // this.material.uniforms.size.value.set(width * 0.001, height * 0.001);
+    }
+    clock = new Clock();
+    onBeforeRender = (renderer, scene, camera, geometry, material, group) => {
+        const elapsedTime = this.clock.getElapsedTime();
+        this.material.uniforms.speed.value = (elapsedTime * 0.1) % 0.6;
+        this.material.uniforms.speed2.value = ((elapsedTime * 0.1) % 0.6) - 0.1;
+    };
+    material = new ShaderMaterial({
+        uniforms: {
+            size: { value: new Vector2(10, 10) },
+            speed: { value: 0 },
+            speed2: { value: 0 },
+            speedColor: { value: new Color("#8D108E") },
+            lineColor: { value: new Color("#263C56") },
+            map1: { value: threeLoader.getTexture(floorMap1PNG) },
+            map2: { value: threeLoader.getTexture(floorMap2PNG) },
+            map3: { value: threeLoader.getTexture(floorMap3PNG) }, // 贴图纹理
+        },
+        vertexShader: `
+            ${ShaderChunk.common}
+            ${ShaderChunk.logdepthbuf_pars_vertex}
+            varying vec2 vUv;
+            void main() {
+                vUv = uv;
+                gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
+                ${ShaderChunk.logdepthbuf_vertex}
+            }
+        `,
+        fragmentShader: `
+            ${ShaderChunk.logdepthbuf_pars_fragment}
+            uniform sampler2D map1;
+            uniform sampler2D map2;
+            uniform sampler2D map3;
+            uniform vec2 size;
+            uniform vec3 lineColor;
+            uniform float speed;
+            uniform float speed2;
+            uniform vec3 speedColor;
+            varying vec2 vUv;
+            void main() {
+
+                // 中心点
+                vec2 center = vec2(0.5,0.5);
+
+                vec4 map1Color = texture2D(map1, fract( vUv * size) );
+
+                // 格子中心渐变颜色
+                if(distance( vUv , center ) < speed){
+                    map1Color = mix(map1Color, vec4(speedColor, 1.0),  clamp((1.0 - (distance(distance( vUv , center ), speed) * 8.0) ) * map1Color.a, 0.0, 1.0 ) );
+                }
+
+                vec4 map2Color = texture2D(map2, fract( vUv * size) );
+
+                vec4 map3Color = texture2D(map3, fract( vUv * size) );
+
+                // 正方形装饰中心渐变颜色
+                if(distance( vUv , center ) < speed2){
+                    map3Color = mix(map3Color, map3Color * 3.0,  clamp((1.0 - (distance(distance( vUv , center ), speed) * 4.0) ) * map3Color.a, 0.0, 1.0 ) );
+                }
+
+                vec4 mapColor = mix(map1Color, map2Color, map2Color.a);
+
+                mapColor = mix(mapColor, map3Color, map3Color.a);
+
+                //添加背景色
+                mapColor = mix(mapColor, vec4(lineColor.rgb, 1.0 ), 1.0 - mapColor.a);
+
+                // 设置透明度
+                mapColor.a = 1.0 - (distance( vUv , center ) * 2.0);
+
+                gl_FragColor = mapColor;
+
+                ${ShaderChunk.logdepthbuf_fragment}
+            }
+        `,
+        depthTest: true,
+        depthWrite: true,
+        transparent: true,
+        side: DoubleSide,
+    });
+}

package/Sky/Sky.d.ts

@@ -6,8 +6,4 @@ export default class Sky extends Mesh {
     constructor();
     static geometry: SphereGeometry;
     material: MeshBasicMaterial;
-    /**
-     *设置贴图
-     */
-    setMap(src: string): void;
 }

package/Sky/Sky.js

@@ -6,7 +6,7 @@
  */
 import { DoubleSide, Mesh, MeshBasicMaterial, SphereGeometry } from "three";
 import threeLoader from "../threeLoader";
-import blueskyJPG from "./blueSky.jpg";
+import skyMapPNG from "./skyMap.png";
 /**
  * 天空球
  */
@@ -17,12 +17,6 @@ export default class Sky extends Mesh {
     static geometry = new SphereGeometry(5000, 100, 100);
     material = new MeshBasicMaterial({
         side: DoubleSide,
-        map: threeLoader.getTexture(blueskyJPG)
+        map: threeLoader.getTexture(skyMapPNG),
     });
-    /**
-     *设置贴图
-     */
-    setMap(src) {
-        this.material.map = threeLoader.getTexture(src);
-    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "three-base",
-  "version": "2.0.95",
+  "version": "2.0.97",
   "description": "three 3d three-base",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,8 @@
     "/**/*.gltf",
     "/**/*.fbx",
     "/**/*.glb",
-    "/**/*.json",
+    "/package.json",
+    "/Text3D/gentilis.json",
     "/**/*.wasm"
   ],
   "license": "ISC",

package/threeLoader.js

@@ -22,10 +22,10 @@ import dracoWasmWrapperJS from "./lib/draco/draco_wasm_wrapper.js?url";
 import dracoDecoderJS from "./lib/draco/draco_decoder.js?url";
 //@ts-ignore
 import axios from "axios";
+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 { generateUUID } from "three/src/math/MathUtils";
-import { isEmpty, isString } from "lodash";
 // 加载器
 class ThreeLoader extends EventDispatcher {
     constructor() {
@@ -181,7 +181,10 @@ class ThreeLoader extends EventDispatcher {
     }
     /** 加载模型支持glb,gltf,fbx,stl,obj,usdz,dae,zip */
     async loadModel(url, filename = "") {
-        if (isEmpty(url)) {
+        if ((isString(url) || isArray(url)) &&
+            isEmpty(url) &&
+            isUndefined(url) &&
+            isNull(url)) {
             throw new Error(`loadModel:无效的参数 url=${url}`);
         }
         // 本次需要销毁的bloburl,加载完成后就去销毁本次的文件

package/Sky/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./Sky";

package/Sky/index.js

@@ -1 +0,0 @@
-export { default } from "./Sky";

package/tsconfig.json

@@ -1,35 +0,0 @@
-{
-    "compilerOptions": {
-        "target": "esnext",
-        "lib": [
-            "dom",
-            "dom.iterable",
-            "esnext"
-        ],
-        "types": [
-            "vite/client",
-            "node"
-        ],
-        "sourceMap": false,
-        "declaration": true,
-        "declarationDir": "./",
-        "allowJs": true,
-        "skipLibCheck": true,
-        "esModuleInterop": true,
-        "allowSyntheticDefaultImports": true,
-        "strict": false,
-        "forceConsistentCasingInFileNames": true,
-        "module": "esnext",
-        "moduleResolution": "node",
-        "resolveJsonModule": true,
-        "isolatedModules": false,
-        "noEmit": false,
-        "noImplicitAny": false,
-    },
-    "include": [
-        "./",
-    ],
-    "exclude": [
-        "./lib/draco"
-    ]
-}