three-base 1.129.17 → 2.0.1

package/lib/KeyFrameAnimation.ts

@@ -1,122 +0,0 @@
-/*
- * @Author: xiaosihan 
- * @Date: 2023-02-16 00:22:31 
- * @Last Modified by: xiaosihan
- * @Last Modified time: 2023-02-16 19:08:55
- */
-
-import { last } from "lodash";
-import { BufferAttribute, Euler, Line, LineBasicMaterial, Object3D, Vector3 } from "three";
-import threeUtils from "./threeUtils";
-
-
-// 关键帧类型
-export type Keyframe = {
-    position: Vector3;
-    scale: Vector3;
-    rotation: Euler;
-    timeTemp: number; //时间节点 单位毫秒.
-}
-
-
-export type KeyframeAnimationProps = {
-    speedScale?: number; // 速度调整
-    object3d: Object3D; // 需要移动的对象
-    keyframes: Array<Keyframe>,
-}
-
-// 关键帧动画对象
-export default class KeyframeAnimation extends Object3D {
-
-    constructor(props: KeyframeAnimationProps) {
-        super();
-
-        // 速度调整
-        this.speedScale = props.speedScale || 1;
-
-        // 设置关键帧对象数组
-        this.setKeyframes(props.keyframes);
-
-
-        // 设置对象
-        this.setObject3D(props.object3d);
-
-    }
-
-    // 速度调整
-    speedScale = 1;
-
-    // 需要需要移动的对象
-    object3d!: Object3D;
-
-    //路径辅助线
-    halperLine = new Line(undefined, new LineBasicMaterial({ color: "#f00" }));
-
-    // 关键帧数组
-    keyframes: Array<Keyframe> = [];
-
-    // 设置需要移动的对象
-    setObject3D(object3d: Object3D) {
-        this.object3d = object3d;
-        if (threeUtils.isDev) {
-            this.children = [object3d, this.halperLine];
-        } else {
-            this.children = [object3d];
-        }
-    }
-
-    // 获取单个关键帧
-    getKeyframe(i: number) {
-        return this.keyframes[i];
-    }
-
-    // 设置单个关键帧
-    setKeyframe(i: number, keyframe: Keyframe) {
-        this.keyframes[i] = keyframe;
-        this.setKeyframes(this.keyframes);
-    }
-
-    //设置全部关键帧
-    setKeyframes(keyframes: Array<Keyframe>) {
-        this.keyframes = keyframes;
-        const position: Array<number> = [];
-        keyframes.map(k => {
-            position.push(k.position.x);
-            position.push(k.position.y);
-            position.push(k.position.z);
-        });
-        this.halperLine.geometry.setAttribute("position", new BufferAttribute(new Float32Array(position), 3, false));
-    }
-
-    // 更具关键帧的信息更新 对象的位置
-    update() {
-        const { _timeTemp } = threeUtils;
-        const maxtimetemp = last(this.keyframes)!.timeTemp;
-        const currentTime = _timeTemp % maxtimetemp;
-
-        const currentKeyframeIndex = this.keyframes.findIndex(k => currentTime < k.timeTemp);
-
-        const startKeyframe = this.keyframes[currentKeyframeIndex - 1];
-        const endKeyframe = this.keyframes[currentKeyframeIndex];
-        const progress = (currentTime - startKeyframe.timeTemp) / (endKeyframe.timeTemp - startKeyframe.timeTemp);
-
-        this.object3d.position.copy(endKeyframe.position).sub(startKeyframe.position).multiplyScalar(progress).add(startKeyframe.position);
-        this.object3d.scale.copy(endKeyframe.scale).sub(startKeyframe.scale).multiplyScalar(progress).add(startKeyframe.scale);
-
-        this.object3d.rotation.set(
-            (endKeyframe.rotation.x - startKeyframe.rotation.x) * progress + startKeyframe.rotation.x,
-            (endKeyframe.rotation.y - startKeyframe.rotation.y) * progress + startKeyframe.rotation.y,
-            (endKeyframe.rotation.z - startKeyframe.rotation.z) * progress + startKeyframe.rotation.z,
-        );
-
-        this.dispatchEvent({ type: "update" });
-    }
-
-    //更新关键帧的实例矩阵
-    updateMatrix(): void {
-        this.update();
-        super.updateMatrix();
-    }
-
-
-}

package/lib/PlaneText.d.ts

@@ -1,37 +0,0 @@
-import { Mesh, MeshBasicMaterial, PlaneGeometry, Vector3 } from "three";
-import SpriteText from "./SpriteText";
-type Props = {
-    text?: string;
-    textHeight?: number;
-    color?: string;
-    backgroundColor?: string;
-    fontFace?: string;
-    fontSize?: number;
-    fontWeight?: string;
-    padding?: number | [number, number];
-    borderWidth?: number;
-    borderRadius?: number;
-    borderColor?: string;
-    strokeWidth?: number;
-    strokeColor?: string;
-};
-export default class PlaneText extends Mesh {
-    constructor(text?: string);
-    type: string;
-    static geometry: PlaneGeometry;
-    spriteText: SpriteText;
-    material: MeshBasicMaterial;
-    set(parame: Props): void;
-    get(prop: keyof SpriteText): string | number | boolean | import("three").BufferGeometry | import("three").Matrix3 | import("three").Matrix4 | import("three").Material | import("three").Object3D<import("three").Event> | Vector3 | import("three").Object3D<import("three").Event>[] | import("three").Euler | import("three").Quaternion | import("three").Layers | import("three").AnimationClip[] | {
-        [key: string]: any;
-    } | ((renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => void) | ((renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => 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").Event>) | ((name: string) => import("three").Object3D<import("three").Event>) | ((name: string, value: any) => import("three").Object3D<import("three").Event>) | ((name: string, value: any) => import("three").Object3D<import("three").Event>[]) | ((target: Vector3) => Vector3) | ((target: import("three").Quaternion) => import("three").Quaternion) | ((target: Vector3) => Vector3) | ((target: Vector3) => Vector3) | ((callback: (object: import("three").Object3D<import("three").Event>) => any) => void) | ((callback: (object: import("three").Object3D<import("three").Event>) => any) => void) | ((callback: (object: import("three").Object3D<import("three").Event>) => any) => void) | (() => void) | ((force?: boolean) => void) | ((updateParents: boolean, updateChildren: boolean) => void) | ((meta?: {
-        geometries: any;
-        materials: any;
-        textures: any;
-        images: any;
-    }) => any) | ((event: import("three").Event) => void) | import("three").Vector2 | HTMLCanvasElement | import("three").SpriteMaterial | ((raycaster: import("three").Raycaster, intersects: import("three").Intersection<import("three").Object3D<import("three").Event>>[]) => 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").Event>[]) => SpriteText) | ((...object: import("three").Object3D<import("three").Event>[]) => SpriteText) | (() => SpriteText) | (() => SpriteText) | ((object: import("three").Object3D<import("three").Event>) => SpriteText) | ((recursive?: boolean) => SpriteText) | ((source: SpriteText) => SpriteText) | (<T extends string>(type: T, listener: import("three").EventListener<import("three").Event, T, SpriteText>) => void) | (<T_1 extends string>(type: T_1, listener: import("three").EventListener<import("three").Event, T_1, SpriteText>) => boolean) | (<T_2 extends string>(type: T_2, listener: import("three").EventListener<import("three").Event, T_2, SpriteText>) => void) | (() => void);
-}
-export {};

package/lib/PlaneText.js

@@ -1,30 +0,0 @@
-/*
- * @Author: xiaosihan
- * @Date: 2022-05-23 13:53:06
- * @Last Modified by: xiaosihan
- * @Last Modified time: 2023-05-03 02:54:52
- */
-import { DoubleSide, Mesh, MeshBasicMaterial, PlaneGeometry, Vector3 } from "three";
-import SpriteText from "./SpriteText";
-export default class PlaneText extends Mesh {
-    constructor(text = "planeText") {
-        super(PlaneText.geometry);
-        this.set({ text });
-    }
-    type = "PlaneText";
-    static geometry = new PlaneGeometry(1, 1, 1, 1);
-    spriteText = new SpriteText("");
-    material = new MeshBasicMaterial({ transparent: true, side: DoubleSide, map: this.spriteText.material.map });
-    set(parame) {
-        for (let key in parame) {
-            //@ts-ignore
-            this.spriteText[key] = parame[key];
-        }
-        this.scale.copy(this.spriteText.scale);
-        this.scale.max(new Vector3(1, 1, 1));
-        this.material.map = this.spriteText.material.map;
-    }
-    get(prop) {
-        return this.spriteText[prop];
-    }
-}

package/lib/PlaneText.ts

@@ -1,58 +0,0 @@
-/*
- * @Author: xiaosihan 
- * @Date: 2022-05-23 13:53:06 
- * @Last Modified by: xiaosihan
- * @Last Modified time: 2023-05-03 02:54:52
- */
-
-import { DoubleSide, Mesh, MeshBasicMaterial, PlaneGeometry, Vector3 } from "three";
-import SpriteText from "./SpriteText";
-
-
-type Props = {
-    text?: string;
-    textHeight?: number;
-    color?: string;
-    backgroundColor?: string;
-    fontFace?: string;
-    fontSize?: number;
-    fontWeight?: string;
-    padding?: number | [number, number];
-    borderWidth?: number;
-    borderRadius?: number;
-    borderColor?: string;
-    strokeWidth?: number;
-    strokeColor?: string;
-}
-
-export default class PlaneText extends Mesh {
-
-    constructor(text: string = "planeText") {
-        super(PlaneText.geometry);
-        this.set({ text });
-    }
-
-    type = "PlaneText";
-
-    static geometry = new PlaneGeometry(1, 1, 1, 1);
-
-    spriteText = new SpriteText("");
-
-    material = new MeshBasicMaterial({ transparent: true, side: DoubleSide, map: this.spriteText.material.map });
-
-    set(parame: Props) {
-        for (let key in parame) {
-            //@ts-ignore
-            this.spriteText[key] = parame[key];
-        }
-
-        this.scale.copy(this.spriteText.scale);
-        this.scale.max(new Vector3(1, 1, 1));
-        this.material.map = this.spriteText.material.map;
-    }
-
-    get(prop: keyof SpriteText) {
-        return this.spriteText[prop];
-    }
-
-}

package/lib/PlaneWithHtml.d.ts

@@ -1,11 +0,0 @@
-import { Mesh, MeshBasicMaterial, PlaneGeometry, Vector2 } from "three";
-export default class PlaneWithHtml extends Mesh {
-    constructor(html?: string, backgroundColor?: `#${string}`);
-    visible: boolean;
-    size: Vector2;
-    geometry: PlaneGeometry;
-    material: MeshBasicMaterial;
-    div: HTMLDivElement;
-    setGeoSize(width: number, height: number): void;
-    setHtml(html?: string, backgroundColor?: `#${string}`): Promise<void>;
-}

package/lib/PlaneWithHtml.js

@@ -1,67 +0,0 @@
-/*
- * @Author: xiaosihan
- * @Date: 2023-04-15 11:26:32
- * @Last Modified by: xiaosihan
- * @Last Modified time: 2023-04-15 12:38:09
- */
-import html2canvas from "html2canvas";
-import { CanvasTexture, DoubleSide, Mesh, MeshBasicMaterial, PlaneGeometry, Vector2 } from "three";
-import { degToRad } from "three/src/math/MathUtils";
-import threeLoader from "./threeLoader";
-// html 文本面板
-export default class PlaneWithHtml extends Mesh {
-    constructor(html = "", backgroundColor = "#00000000") {
-        super();
-        this.setHtml(html, backgroundColor);
-    }
-    visible = false;
-    size = new Vector2(10, 10);
-    geometry = (() => {
-        const geometry = new PlaneGeometry(10, 10, 1, 1);
-        geometry.rotateX(degToRad(-90));
-        return geometry;
-    })();
-    material = new MeshBasicMaterial({
-        side: DoubleSide,
-        transparent: true
-    });
-    div = (() => {
-        const div = document.createElement("div");
-        div.style.position = "fixed";
-        div.style.top = "100%";
-        div.style.left = "100%";
-        div.style.pointerEvents = "none";
-        div.style.userSelect = "none";
-        div.style.lineHeight = "1";
-        div.style.whiteSpace = "nowrap";
-        return div;
-    })();
-    // 设置网格尺寸
-    setGeoSize(width, height) {
-        this.size.set(width, height);
-        this.geometry.dispose();
-        const geometry = new PlaneGeometry(width, height, 1, 1);
-        geometry.rotateX(degToRad(-90));
-        this.geometry = geometry;
-    }
-    async setHtml(html = "", backgroundColor = "#00000000") {
-        this.div.innerHTML = html;
-        document.body.appendChild(this.div);
-        await new Promise((resolve, reject) => {
-            html2canvas(this.div, {
-                backgroundColor,
-                removeContainer: true
-            }).then(async (canvas) => {
-                this.setGeoSize(canvas.width, canvas.height);
-                this.material.map = new CanvasTexture(canvas);
-                this.material.map.anisotropy = threeLoader.anisotropy;
-                this.material.needsUpdate = true;
-                this.visible = true;
-                await new Promise(resolve => requestAnimationFrame(resolve));
-                this.div.remove();
-                resolve();
-            });
-        });
-        this.dispatchEvent({ type: "loaded" });
-    }
-}

package/lib/PlaneWithHtml.ts

@@ -1,84 +0,0 @@
-/*
- * @Author: xiaosihan 
- * @Date: 2023-04-15 11:26:32 
- * @Last Modified by: xiaosihan
- * @Last Modified time: 2023-04-15 12:38:09
- */
-
-import html2canvas from "html2canvas";
-import { CanvasTexture, DoubleSide, Mesh, MeshBasicMaterial, PlaneGeometry, Vector2 } from "three";
-import { degToRad } from "three/src/math/MathUtils";
-import threeLoader from "./threeLoader";
-
-
-// html 文本面板
-export default class PlaneWithHtml extends Mesh {
-
-    constructor(html: string = "", backgroundColor: `#${string}` = "#00000000") {
-        super();
-        this.setHtml(html, backgroundColor);
-    }
-
-    visible = false;
-
-    size = new Vector2(10, 10);
-
-    geometry = (() => {
-        const geometry = new PlaneGeometry(10, 10, 1, 1);
-        geometry.rotateX(degToRad(-90));
-        return geometry;
-    })();
-
-    material = new MeshBasicMaterial({
-        side: DoubleSide,
-        transparent: true
-    });
-
-    div = (() => {
-        const div = document.createElement("div");
-        div.style.position = "fixed";
-        div.style.top = "100%";
-        div.style.left = "100%";
-        div.style.pointerEvents = "none";
-        div.style.userSelect = "none";
-        div.style.lineHeight = "1";
-        div.style.whiteSpace = "nowrap";
-        return div;
-    })();
-
-    // 设置网格尺寸
-    setGeoSize(width: number, height: number) {
-        this.size.set(width, height);
-        this.geometry.dispose();
-        const geometry = new PlaneGeometry(width, height, 1, 1);
-        geometry.rotateX(degToRad(-90));
-        this.geometry = geometry;
-    }
-
-    async setHtml(html: string = "", backgroundColor: `#${string}` = "#00000000") {
-        this.div.innerHTML = html;
-        document.body.appendChild(this.div);
-
-        await new Promise<void>((resolve, reject) => {
-
-            html2canvas(this.div, {
-                backgroundColor,
-                removeContainer: true
-            }).then(async (canvas) => {
-                this.setGeoSize(canvas.width, canvas.height);
-                this.material.map = new CanvasTexture(canvas);
-                this.material.map.anisotropy = threeLoader.anisotropy;
-                this.material.needsUpdate = true;
-                this.visible = true;
-                await new Promise(resolve => requestAnimationFrame(resolve));
-                this.div.remove();
-                resolve();
-            });
-
-        });
-
-        this.dispatchEvent({ type: "loaded" });
-    }
-
-
-}

package/lib/PointLight/PointLight.d.ts

@@ -1,13 +0,0 @@
-import { Sprite, PointLight as THREEPointLight } from "three";
-import SpriteText from "../SpriteText";
-/**
- * 点光源
- * @export
- * @class PointLight
- * @extends {THREEPointLight}
- */
-export default class PointLight extends THREEPointLight {
-    constructor(color?: string, intensity?: number, distance?: number, decay?: number);
-    pointLinghtHelper: Sprite;
-    label: SpriteText;
-}

package/lib/PointLight/PointLight.js

@@ -1,63 +0,0 @@
-/*
- * @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.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/lib/PointLight/PointLight.ts

@@ -1,74 +0,0 @@
-/*
- * @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?: number, distance?: number, decay?: number) {
-        super(color, intensity, distance, decay);
-    }
-
-    // 灯光辅助器
-    pointLinghtHelper = threeUtils.isDev && (() => {
-        const pointLinghtHelper = new Sprite();
-        pointLinghtHelper.scale.set(0.05, 0.05, 0.05);
-        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/lib/Sky/Sky.d.ts

@@ -1,13 +0,0 @@
-import { Mesh, MeshBasicMaterial, SphereGeometry } from "three";
-/**
- * 天空球
- */
-export default class Sky extends Mesh {
-    constructor();
-    static geometry: SphereGeometry;
-    material: MeshBasicMaterial;
-    /**
-     *设置贴图
-     */
-    setMap(src: string): void;
-}

package/lib/Sky/Sky.js

@@ -1,28 +0,0 @@
-/*
- * @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 blueskyJPG from "./blueSky.jpg";
-/**
- * 天空球
- */
-export default class Sky extends Mesh {
-    constructor() {
-        super(Sky.geometry);
-    }
-    static geometry = new SphereGeometry(500000, 100, 100);
-    material = new MeshBasicMaterial({
-        side: DoubleSide,
-        map: threeLoader.getTexture(blueskyJPG)
-    });
-    /**
-     *设置贴图
-     */
-    setMap(src) {
-        this.material.map = threeLoader.getTexture(src);
-    }
-}

package/lib/Sky/Sky.ts

@@ -1,36 +0,0 @@
-/*
- * @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 blueskyJPG from "./blueSky.jpg";
-
-/**
- * 天空球
- */
-export default class Sky extends Mesh {
-
-    constructor() {
-        super(Sky.geometry);
-    }
-
-    static geometry = new SphereGeometry(500000, 100, 100);
-
-    material = new MeshBasicMaterial({
-        side: DoubleSide,
-        map: threeLoader.getTexture(blueskyJPG)
-    });
-
-    /**
-     *设置贴图
-     */
-    setMap(src: string) {
-        this.material.map = threeLoader.getTexture(src);
-    }
-
-}