three-base 2.0.142 → 2.0.166

package/PointLight/PointLight.js

@@ -1,64 +1,64 @@
-/*
- * @Author: xiaosihan
- * @Date: 2022-05-18 16:02:55
- * @Last Modified by: xiaosihan
- * @Last Modified time: 2023-05-03 02:55:28
- */
-import { Sprite, PointLight as THREEPointLight } from "three";
-import threeLoader from "../threeLoader";
-import threeUtils from "../threeUtils";
-import pointLight_mapPNG from "./pointLight_map.png";
-import SpriteText from "../SpriteText";
-/**
- * 点光源
- * @export
- * @class PointLight
- * @extends {THREEPointLight}
- */
-export default class PointLight extends THREEPointLight {
-    constructor(color = "#fff", intensity, distance, decay) {
-        super(color, intensity, distance, decay);
-    }
-    // 灯光辅助器
-    pointLinghtHelper = threeUtils.isDev && (() => {
-        const pointLinghtHelper = new Sprite();
-        pointLinghtHelper.scale.set(0.05, 0.05, 0.05);
-        pointLinghtHelper.material.alphaTest = 0.1;
-        pointLinghtHelper.material.color = this.color;
-        pointLinghtHelper.material.map = threeLoader.getTexture(pointLight_mapPNG);
-        pointLinghtHelper.material.sizeAttenuation = false;
-        pointLinghtHelper.userData = {
-            cursor: "pointer"
-        };
-        pointLinghtHelper.addEventListener("mouseenter", () => {
-            if (this.label) {
-                this.label.visible = true;
-            }
-        });
-        pointLinghtHelper.addEventListener("mouseleave", () => {
-            if (this.label) {
-                this.label.visible = false;
-            }
-        });
-        this.add(pointLinghtHelper);
-        return pointLinghtHelper;
-    })();
-    label = threeUtils.isDev && (() => {
-        const label = new SpriteText("点光源\n\n\n");
-        label.renderOrder = Infinity;
-        // label.backgroundColor = "rgba(0, 0, 0, 0.5)";
-        label.padding = 4;
-        label.strokeColor = "#333";
-        label.strokeWidth = 2;
-        // label.borderRadius = 4;
-        // label.borderWidth = 1;
-        label.position.set(0, 0, 0);
-        label.visible = false;
-        label.material.color = this.color;
-        // label.material.depthTest = false;
-        label.material.sizeAttenuation = false;
-        label.scale.multiplyScalar(0.002);
-        this.add(label);
-        return label;
-    })();
-}
+/*
+ * @Author: xiaosihan
+ * @Date: 2022-05-18 16:02:55
+ * @Last Modified by: xiaosihan
+ * @Last Modified time: 2023-05-03 02:55:28
+ */
+import { Sprite, PointLight as THREEPointLight } from "three";
+import threeLoader from "../threeLoader";
+import threeUtils from "../threeUtils";
+import pointLight_mapPNG from "./pointLight_map.png";
+import SpriteText from "../SpriteText";
+/**
+ * 点光源
+ * @export
+ * @class PointLight
+ * @extends {THREEPointLight}
+ */
+export default class PointLight extends THREEPointLight {
+    constructor(color = "#fff", intensity, distance, decay) {
+        super(color, intensity, distance, decay);
+    }
+    // 灯光辅助器
+    pointLinghtHelper = threeUtils.isDev && (() => {
+        const pointLinghtHelper = new Sprite();
+        pointLinghtHelper.scale.set(0.05, 0.05, 0.05);
+        pointLinghtHelper.material.alphaTest = 0.1;
+        pointLinghtHelper.material.color = this.color;
+        pointLinghtHelper.material.map = threeLoader.getTexture(pointLight_mapPNG);
+        pointLinghtHelper.material.sizeAttenuation = false;
+        pointLinghtHelper.userData = {
+            cursor: "pointer"
+        };
+        pointLinghtHelper.addEventListener("mouseenter", () => {
+            if (this.label) {
+                this.label.visible = true;
+            }
+        });
+        pointLinghtHelper.addEventListener("mouseleave", () => {
+            if (this.label) {
+                this.label.visible = false;
+            }
+        });
+        this.add(pointLinghtHelper);
+        return pointLinghtHelper;
+    })();
+    label = threeUtils.isDev && (() => {
+        const label = new SpriteText("点光源\n\n\n");
+        label.renderOrder = Infinity;
+        // label.backgroundColor = "rgba(0, 0, 0, 0.5)";
+        label.padding = 4;
+        label.strokeColor = "#333";
+        label.strokeWidth = 2;
+        // label.borderRadius = 4;
+        // label.borderWidth = 1;
+        label.position.set(0, 0, 0);
+        label.visible = false;
+        label.material.color = this.color;
+        // label.material.depthTest = false;
+        label.material.sizeAttenuation = false;
+        label.scale.multiplyScalar(0.002);
+        this.add(label);
+        return label;
+    })();
+}

package/PointLight/index.d.ts

@@ -1 +1 @@
-export { default } from "./PointLight";
+export { default } from "./PointLight";

package/PointLight/index.js

@@ -1 +1 @@
-export { default } from "./PointLight";
+export { default } from "./PointLight";

package/Sky/Sky.d.ts

@@ -1,9 +1,9 @@
-import { Mesh, MeshBasicMaterial, SphereGeometry } from "three";
-/**
- * 天空球
- */
-export default class Sky extends Mesh {
-    constructor();
-    static geometry: SphereGeometry;
-    material: MeshBasicMaterial;
-}
+import { Mesh, MeshBasicMaterial, SphereGeometry } from "three";
+/**
+ * 天空球
+ */
+export default class Sky extends Mesh {
+    constructor();
+    static geometry: SphereGeometry;
+    material: MeshBasicMaterial;
+}

package/Sky/Sky.js

@@ -1,22 +1,22 @@
-/*
- * @Author: xiaosihan
- * @Date: 2022-05-20 18:03:58
- * @Last Modified by: xiaosihan
- * @Last Modified time: 2022-12-27 09:54:23
- */
-import { DoubleSide, Mesh, MeshBasicMaterial, SphereGeometry } from "three";
-import threeLoader from "../threeLoader";
-import skyMapPNG from "./skyMap.png";
-/**
- * 天空球
- */
-export default class Sky extends Mesh {
-    constructor() {
-        super(Sky.geometry);
-    }
-    static geometry = new SphereGeometry(5000, 100, 100);
-    material = new MeshBasicMaterial({
-        side: DoubleSide,
-        map: threeLoader.getTexture(skyMapPNG),
-    });
-}
+/*
+ * @Author: xiaosihan
+ * @Date: 2022-05-20 18:03:58
+ * @Last Modified by: xiaosihan
+ * @Last Modified time: 2022-12-27 09:54:23
+ */
+import { DoubleSide, Mesh, MeshBasicMaterial, SphereGeometry } from "three";
+import threeLoader from "../threeLoader";
+import skyMapPNG from "./skyMap.png";
+/**
+ * 天空球
+ */
+export default class Sky extends Mesh {
+    constructor() {
+        super(Sky.geometry);
+    }
+    static geometry = new SphereGeometry(5000, 100, 100);
+    material = new MeshBasicMaterial({
+        side: DoubleSide,
+        map: threeLoader.getTexture(skyMapPNG),
+    });
+}

package/Sky/index.d.ts

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

package/Sky/index.js

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

package/SpotLight.d.ts

@@ -1,6 +1,6 @@
-import { SpotLight as THREESpotLight, Group, Object3DEventMap } from "three";
-/** 聚光灯（dev 模式显示光锥线框 + 灯体圆柱） */
-export default class SpotLight extends THREESpotLight {
-    constructor(color?: string, intensity?: number, distance?: number, angle?: number, penumbra?: number);
-    _devGroup: Group<Object3DEventMap> | false;
-}
+import { SpotLight as THREESpotLight, Group, Object3DEventMap } from "three";
+/** 聚光灯（dev 模式显示光锥线框 + 灯体圆柱） */
+export default class SpotLight extends THREESpotLight {
+    constructor(color?: string, intensity?: number, distance?: number, angle?: number, penumbra?: number);
+    _devGroup: Group<Object3DEventMap> | false;
+}

package/SpotLight.js

@@ -1,72 +1,72 @@
-/*
- * @Author: xiaosihan
- * @Date: 2024-06-08 14:00:00
- * @Last Modified by: xiaosihan
- * @Last Modified time: 2024-06-08 14:00:00
- */
-import { SpotLight as THREESpotLight, Group, BufferGeometry, BufferAttribute, LineBasicMaterial, LineSegments, CylinderGeometry, MeshBasicMaterial, Mesh } from "three";
-import threeUtils from "./threeUtils";
-import SpriteText from "./SpriteText";
-/** 聚光灯（dev 模式显示光锥线框 + 灯体圆柱） */
-export default class SpotLight extends THREESpotLight {
-    constructor(color = "#fff", intensity = 1, distance = 10, angle = Math.PI / 6, penumbra = 0) {
-        super(color, intensity, distance, angle, penumbra);
-    }
-    /* ============ dev 模式可视化 ============ */
-    _devGroup = threeUtils.isDev && (() => {
-        const group = new Group();
-        // ——— 灯体圆柱 ———
-        const body = new Mesh(new CylinderGeometry(0.15, 0.2, 0.6, 12), new MeshBasicMaterial({ color: this.color, depthTest: false, wireframe: true }));
-        group.add(body);
-        // ——— 光锥线框 ———
-        const coneAngle = this.angle;
-        const coneDist = Math.min(this.distance || 10, 10);
-        const topR = 0.01;
-        const bottomR = Math.tan(coneAngle) * coneDist;
-        const coneVerts = [];
-        const rings = 8;
-        const segs = 24;
-        for (let r = 0; r <= rings; r++) {
-            const t = r / rings;
-            const z = -0.3 - t * coneDist;
-            const radius = topR + (bottomR - topR) * t;
-            for (let i = 0; i < segs; i++) {
-                const a0 = (i / segs) * Math.PI * 2;
-                const a1 = ((i + 1) / segs) * Math.PI * 2;
-                const x0 = Math.cos(a0) * radius, y0 = Math.sin(a0) * radius;
-                const x1 = Math.cos(a1) * radius, y1 = Math.sin(a1) * radius;
-                coneVerts.push(x0, y0, z, x1, y1, z);
-                if (r < rings) {
-                    const z2 = -0.3 - ((r + 1) / rings) * coneDist;
-                    const r2 = topR + (bottomR - topR) * ((r + 1) / rings);
-                    const x2 = Math.cos(a0) * r2, y2 = Math.sin(a0) * r2;
-                    coneVerts.push(x0, y0, z, x2, y2, z2);
-                }
-            }
-        }
-        const coneGeo = new BufferGeometry();
-        coneGeo.setAttribute("position", new BufferAttribute(new Float32Array(coneVerts), 3));
-        const coneLine = new LineSegments(coneGeo, new LineBasicMaterial({
-            color: this.color, depthTest: false,
-        }));
-        group.add(coneLine);
-        // ——— 标签 ———
-        const label = new SpriteText("聚光灯\n\n");
-        label.renderOrder = Infinity;
-        label.padding = 4;
-        label.strokeColor = "#333";
-        label.strokeWidth = 2;
-        label.position.set(0, -1, 0);
-        label.visible = false;
-        label.material.color = this.color;
-        label.material.sizeAttenuation = false;
-        label.scale.multiplyScalar(0.003);
-        group.add(label);
-        // ——— 交互 ———
-        group.userData = { cursor: "pointer" };
-        group.addEventListener("mouseenter", () => { label.visible = true; });
-        group.addEventListener("mouseleave", () => { label.visible = false; });
-        this.add(group);
-        return group;
-    })();
-}
+/*
+ * @Author: xiaosihan
+ * @Date: 2024-06-08 14:00:00
+ * @Last Modified by: xiaosihan
+ * @Last Modified time: 2024-06-08 14:00:00
+ */
+import { SpotLight as THREESpotLight, Group, BufferGeometry, BufferAttribute, LineBasicMaterial, LineSegments, CylinderGeometry, MeshBasicMaterial, Mesh } from "three";
+import threeUtils from "./threeUtils";
+import SpriteText from "./SpriteText";
+/** 聚光灯（dev 模式显示光锥线框 + 灯体圆柱） */
+export default class SpotLight extends THREESpotLight {
+    constructor(color = "#fff", intensity = 1, distance = 10, angle = Math.PI / 6, penumbra = 0) {
+        super(color, intensity, distance, angle, penumbra);
+    }
+    /* ============ dev 模式可视化 ============ */
+    _devGroup = threeUtils.isDev && (() => {
+        const group = new Group();
+        // ——— 灯体圆柱 ———
+        const body = new Mesh(new CylinderGeometry(0.15, 0.2, 0.6, 12), new MeshBasicMaterial({ color: this.color, depthTest: false, wireframe: true }));
+        group.add(body);
+        // ——— 光锥线框 ———
+        const coneAngle = this.angle;
+        const coneDist = Math.min(this.distance || 10, 10);
+        const topR = 0.01;
+        const bottomR = Math.tan(coneAngle) * coneDist;
+        const coneVerts = [];
+        const rings = 8;
+        const segs = 24;
+        for (let r = 0; r <= rings; r++) {
+            const t = r / rings;
+            const z = -0.3 - t * coneDist;
+            const radius = topR + (bottomR - topR) * t;
+            for (let i = 0; i < segs; i++) {
+                const a0 = (i / segs) * Math.PI * 2;
+                const a1 = ((i + 1) / segs) * Math.PI * 2;
+                const x0 = Math.cos(a0) * radius, y0 = Math.sin(a0) * radius;
+                const x1 = Math.cos(a1) * radius, y1 = Math.sin(a1) * radius;
+                coneVerts.push(x0, y0, z, x1, y1, z);
+                if (r < rings) {
+                    const z2 = -0.3 - ((r + 1) / rings) * coneDist;
+                    const r2 = topR + (bottomR - topR) * ((r + 1) / rings);
+                    const x2 = Math.cos(a0) * r2, y2 = Math.sin(a0) * r2;
+                    coneVerts.push(x0, y0, z, x2, y2, z2);
+                }
+            }
+        }
+        const coneGeo = new BufferGeometry();
+        coneGeo.setAttribute("position", new BufferAttribute(new Float32Array(coneVerts), 3));
+        const coneLine = new LineSegments(coneGeo, new LineBasicMaterial({
+            color: this.color, depthTest: false,
+        }));
+        group.add(coneLine);
+        // ——— 标签 ———
+        const label = new SpriteText("聚光灯\n\n");
+        label.renderOrder = Infinity;
+        label.padding = 4;
+        label.strokeColor = "#333";
+        label.strokeWidth = 2;
+        label.position.set(0, -1, 0);
+        label.visible = false;
+        label.material.color = this.color;
+        label.material.sizeAttenuation = false;
+        label.scale.multiplyScalar(0.003);
+        group.add(label);
+        // ——— 交互 ———
+        group.userData = { cursor: "pointer" };
+        group.addEventListener("mouseenter", () => { label.visible = true; });
+        group.addEventListener("mouseleave", () => { label.visible = false; });
+        this.add(group);
+        return group;
+    })();
+}

package/SpriteModal1/SpriteModal1.d.ts

@@ -1,33 +1,33 @@
-import { Sprite, Texture, Raycaster, Intersection } from "three";
-export type SpritModal1Config = {
-    size?: number;
-    title?: string;
-    titleColor?: string;
-    texts?: Array<{
-        text?: string;
-        color?: string;
-        size?: number;
-    }>;
-};
-type TextItem = {
-    text: string;
-    color: string;
-    size: number;
-};
-type ConfigType = {
-    size: number;
-    title: string;
-    titleColor: string;
-    texts: TextItem[];
-};
-export default class SpritModal1 extends Sprite {
-    constructor(config?: SpritModal1Config);
-    static img: HTMLImageElement;
-    canvas: HTMLCanvasElement;
-    context: CanvasRenderingContext2D | null;
-    texture: Texture;
-    _config: ConfigType;
-    updata(config: SpritModal1Config): Promise<void>;
-    raycast(raycaster: Raycaster, intersects: Intersection[]): void;
-}
-export {};
+import { Sprite, Texture, Raycaster, Intersection } from "three";
+export type SpritModal1Config = {
+    size?: number;
+    title?: string;
+    titleColor?: string;
+    texts?: Array<{
+        text?: string;
+        color?: string;
+        size?: number;
+    }>;
+};
+type TextItem = {
+    text: string;
+    color: string;
+    size: number;
+};
+type ConfigType = {
+    size: number;
+    title: string;
+    titleColor: string;
+    texts: TextItem[];
+};
+export default class SpritModal1 extends Sprite {
+    constructor(config?: SpritModal1Config);
+    static img: HTMLImageElement;
+    canvas: HTMLCanvasElement;
+    context: CanvasRenderingContext2D | null;
+    texture: Texture;
+    _config: ConfigType;
+    updata(config: SpritModal1Config): Promise<void>;
+    raycast(raycaster: Raycaster, intersects: Intersection[]): void;
+}
+export {};