three-base 1.129.0 → 1.129.2

package/lib/lib/PlaneText.d.ts

@@ -0,0 +1,37 @@
+import { Mesh, MeshBasicMaterial, PlaneGeometry, Vector3 } from "three";
+import SpriteText from "three-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 | {
+        [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) | import("three").Quaternion | Vector3 | ((vector: number | Vector3, y?: number, z?: number) => void) | import("three").Object3D[] | ((id: number) => import("three").Object3D) | ((name: string) => import("three").Object3D) | ((name: string, value: string) => import("three").Object3D) | ((callback: (object: import("three").Object3D) => any) => void) | ((callback: (object: import("three").Object3D) => any) => void) | ((callback: (object: import("three").Object3D) => any) => void) | ((meta?: {
+        geometries: any;
+        materials: any;
+        textures: any;
+        images: any;
+    }) => any) | ((type: string, listener: (event: import("three").Event) => void) => void) | ((type: string, listener: (event: import("three").Event) => void) => boolean) | ((type: string, listener: (event: import("three").Event) => void) => void) | ((event: {
+        [attachment: string]: any;
+        type: string;
+    }) => void) | import("three").Vector2 | ((force?: boolean) => void) | import("three").Euler | (() => void) | import("three").Layers | import("three").AnimationClip[] | import("three").SpriteMaterial | ((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[]) => SpriteText) | ((...object: import("three").Object3D[]) => SpriteText) | (() => SpriteText) | (() => SpriteText) | ((object: import("three").Object3D) => SpriteText) | ((raycaster: import("three").Raycaster, intersects: import("three").Intersection[]) => void) | ((recursive?: boolean) => SpriteText) | ((source: SpriteText) => SpriteText) | ((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) | ((target: Vector3) => Vector3) | ((target: import("three").Quaternion) => import("three").Quaternion) | ((target: Vector3) => Vector3) | ((target: Vector3) => Vector3) | ((updateParents: boolean, updateChildren: boolean) => void);
+}
+export {};

package/lib/lib/PointLight.d.ts

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

package/lib/lib/Sky/Sky.d.ts

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

package/lib/lib/Text3D/Text3D.d.ts

@@ -0,0 +1,20 @@
+import { Mesh, MeshStandardMaterial } from "three";
+export type Text3DProps = {
+    text?: string;
+    fontType?: string;
+    size?: number | undefined;
+    height?: number | undefined;
+    curveSegments?: number | undefined;
+    bevelEnabled?: boolean | undefined;
+    bevelThickness?: number | undefined;
+    bevelSize?: number | undefined;
+    bevelOffset?: number | undefined;
+    bevelSegments?: number | undefined;
+};
+export default class Text3D extends Mesh {
+    constructor(text?: string);
+    static path: string;
+    material: MeshStandardMaterial;
+    _config: Text3DProps;
+    setText(text3DProps: Text3DProps): void;
+}

package/lib/lib/Text3D/fontController.d.ts

@@ -0,0 +1,59 @@
+import Dexie, { Table } from "dexie";
+import { Font } from "three";
+export type saveFontParam = {
+    fontType?: string;
+    fontName: string;
+    fontJson: any;
+};
+export type addFontFamilyParam = {
+    fontType?: string;
+    fontFamilyJson: any;
+};
+export type getFontParam = {
+    fontType?: string;
+    fontName: string;
+};
+export type loadTextParam = {
+    fontBasePath: string;
+    fontType?: string;
+    text?: string;
+    callback?: (font: Font) => void;
+};
+declare class indexBD extends Dexie {
+    constructor(dbName: string);
+    threeFont: Table;
+}
+declare class fontContorl {
+    constructor();
+    THREEFontMap: Map<string, Font>;
+    fontBD: indexBD;
+    /**
+     * 保存 字体json到本地数据库中
+     * @param {saveFontParam} { fontType = "simhei", fontName, fontJson }
+     * @memberof fontContorl
+     */
+    saveFont({ fontType, fontName, fontJson }: saveFontParam): Promise<void>;
+    /**
+     * 通过 fontType 和 fontName 查询 fontJson
+     * @param {getFontParam} { fontType = "simhei", fontName }
+     * @returns
+     * @memberof fontContorl
+     */
+    getFont({ fontType, fontName }: getFontParam): Promise<any>;
+    _loadTextCall: Map<string, Array<() => void>>;
+    loadText({ fontType, text, fontBasePath, callback }: loadTextParam): Promise<void>;
+    _loadFontIndexJson({ fontType, fontBasePath }: loadTextParam): Promise<void>;
+    _loadFontJson({ fontType, fontName, fontBasePath }: {
+        fontType: string;
+        fontName: string;
+        fontBasePath: string;
+    }): Promise<void>;
+    hasFont({ fontType, fontName }: {
+        fontType: string;
+        fontName: string;
+    }): boolean;
+    addFont({ fontType, fontName, fontJson }: saveFontParam): void;
+    addFontFamily({ fontType, fontFamilyJson }: addFontFamilyParam): void;
+}
+declare const fontContorller: fontContorl;
+export default fontContorller;

package/lib/lib/ThreeBase.d.ts

@@ -0,0 +1,59 @@
+import { BufferGeometry, EventDispatcher, Object3D, PerspectiveCamera, Scene, Texture, Vector2, Vector3, WebGLRenderer, WebGLRenderTarget } from "three";
+import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
+import ThreeMouse from "./ThreeMouse";
+import Transition from "./Transition";
+export default class ThreeBase extends EventDispatcher {
+    constructor();
+    renderTarget: WebGLRenderTarget;
+    renderTarget2: WebGLRenderTarget;
+    tempVector2: Vector2;
+    tempVector3: Vector3;
+    size: Vector2;
+    renderer: WebGLRenderer;
+    camera: PerspectiveCamera;
+    scene: Scene;
+    threeMouse: ThreeMouse;
+    controls: OrbitControls;
+    isRendererContextLost: boolean;
+    setContainer(div: HTMLDivElement | null): Promise<void>;
+    resize(width: number, height: number): void;
+    controlsPosition: Transition;
+    controlsCenter: Transition;
+    init(): void;
+    resetLookAt({ position, center, }: {
+        position?: Vector3;
+        center?: Vector3;
+    }): void;
+    setLookAt({ position, center, duration }: {
+        position?: Vector3;
+        center?: Vector3;
+        duration?: number;
+    }): Promise<void>;
+    getLookAt(): {
+        center: Vector3;
+        position: Vector3;
+        centerPosition: string;
+    };
+    v3tov2(v3: Vector3): Vector2;
+    controlType: "OrbitControls" | "MapControls";
+    originScreenSpacePanning: boolean;
+    setControlType(controlType: "OrbitControls" | "MapControls"): void;
+    autoRender: boolean;
+    needRender: boolean;
+    stopRender(): void;
+    render(): void;
+    renderBindThis: any;
+    download(fileName?: string): void;
+    private _preMesh;
+    private _preRT;
+    preloadTexture(src: string): Promise<void>;
+    preloadGeometry(geometry: BufferGeometry): Promise<void>;
+    clearRendererTargte(rendererTarget: WebGLRenderTarget | null): void;
+    copyTextureToRenderTarget(texture: Texture, rendererTarget: WebGLRenderTarget | null, alpha?: boolean, opactity?: number): void;
+    object3dToRendererTarget(obj: Object3D, rendererTarget: WebGLRenderTarget): void;
+    rendererTagetAddStroke(rendererTarget: WebGLRenderTarget, strockWidth: number, color: string, opacity: number): void;
+    renderObject3dStroke(obj: Object3D, strockWidth: number, color: string, opacity: number): void;
+    renderTargetgaussBlur(rendererTarget: WebGLRenderTarget, radius: number, opacity: number): void;
+    renderTargetAddGlow(renderTarget: WebGLRenderTarget, width: number, color: string): void;
+    renderRendererTarget(renderTarget: WebGLRenderTarget, alpha?: boolean): void;
+}

package/lib/lib/ThreeMouse.d.ts

@@ -0,0 +1,39 @@
+import * as THREE from "three";
+import { Object3D, Scene } from "three";
+import type { Intersection } from "three";
+export interface ThreeMouseEvent extends Intersection {
+    renderer: THREE.Renderer;
+    camera: THREE.Camera;
+    type: string;
+    offsetX: number;
+    offsetY: number;
+    x: number;
+    y: number;
+}
+/**
+ *  harp.gl 专用的鼠标拾取模型对象
+ */
+export default class ThreeMouse {
+    constructor(renderer: THREE.WebGLRenderer, camera: THREE.Camera, scene: THREE.Scene);
+    _renderer: THREE.WebGLRenderer;
+    _camera: THREE.Camera;
+    _scene: Scene;
+    _mosePosition: THREE.Vector2;
+    _mouseDownPosition: THREE.Vector2;
+    _mesh_on?: Object3D;
+    _mesh_Down?: Object3D;
+    _raycaster: THREE.Raycaster;
+    _frame: number;
+    _mouseInRenderer: boolean;
+    _mousemoveEvent?: MouseEvent;
+    _object3ds: Object3D[];
+    _click_num: number;
+    _getSelected(object3ds: Object3D[]): Intersection | undefined;
+    hasEvent(object?: Object3D, types?: Array<"leftclick" | "rightclick" | "click" | "dbclick" | "mouseenter" | "mouseleave" | "mousemove" | "mousedown" | "mouseup">): boolean;
+    hasCursor(object?: Object3D): boolean;
+    dispatchEvent(): void;
+    _mouseleave: (e: MouseEvent) => void;
+    _mousemove: (e: MouseEvent) => void;
+    _mousedown: (e: MouseEvent) => void;
+    _mouseup: import("lodash").DebouncedFunc<(e: PointerEvent) => Promise<void>>;
+}

package/lib/lib/Transition.d.ts

@@ -0,0 +1,45 @@
+interface TParam {
+    [key: string]: number;
+}
+export default class Transition {
+    /**
+     *Creates an instance of transition.
+     * @param {{ [key: string]: number }} // 初始值
+     * @param {[0.8, 0, 0.2, 1]} // 贝塞尔曲线
+     * @param {number} [duration=1000]  // 过渡时间
+     * @memberof transition
+     */
+    constructor(param?: TParam, bezier?: [number, number, number, number], duration?: number);
+    _keys: Array<string>;
+    _bezier: [number, number, number, number];
+    _Xbezier: [number, number, number, number];
+    _Ybezier: [number, number, number, number];
+    setBezier(bezier?: [number, number, number, number]): this;
+    timeTemp: number;
+    _duration: number;
+    _delay: number;
+    setDuration(duration?: number): this;
+    setDelay(delay?: number): this;
+    _: {
+        [key: string]: number;
+    };
+    onChangeCall?: (josn: {
+        [key: string]: number;
+    }) => void;
+    run({ timeTemp }: any): this;
+    runbindThis: any;
+    onChange(onChangeCall: (josn: {
+        [key: string]: number;
+    }) => void): this;
+    get(key: string | number): number;
+    set(param: TParam): Promise<this>;
+    reset(param: TParam): this;
+    getKeys(): string[];
+    hasKey(key: string): boolean;
+    getJson(): {
+        [key: string]: number;
+    };
+    _isDone: boolean;
+    isDone(): boolean;
+}
+export {};

package/lib/lib/keyContorls.d.ts

@@ -0,0 +1,25 @@
+import { Event, EventDispatcher, Vector3 } from "three";
+/**
+ * 键盘 使用 ↑↓←→ 控制 x z 方向, 小键盘 1 0 控制 y 方向
+ *
+ * @class KeyContorls
+ * @extends {EventDispatcher}
+ */
+declare class KeyContorls extends EventDispatcher {
+    constructor();
+    uuid: string;
+    direction: Vector3;
+    add(e: any): void;
+    delete(e: any): void;
+    enter(e: any): void;
+    keyDown: (e: any) => void;
+    _listeners?: {
+        [key: string]: Array<any>;
+    };
+    removeEvent: import("lodash").DebouncedFunc<(type: string) => void>;
+    addEventListener(type: string, listener: (event: Event) => void): void;
+    addEvent(): void;
+    dispose(): void;
+}
+declare const keyContorls: KeyContorls;
+export default keyContorls;

package/lib/lib/planeModal1/PlaneModal1.d.ts

@@ -0,0 +1,32 @@
+import { MeshBasicMaterial, Mesh, CanvasTexture, PlaneGeometry } from "three";
+export type PlaneModal1Config = {
+    size?: number;
+    title?: string;
+    titleColor?: string;
+    texts?: Array<{
+        text?: string;
+        color?: string;
+        size?: number;
+    }>;
+};
+export default class PlaneModal1 extends Mesh {
+    constructor(config?: PlaneModal1Config);
+    renderOrder: number;
+    geometry: PlaneGeometry;
+    material: MeshBasicMaterial;
+    static img: HTMLImageElement;
+    canvas: HTMLCanvasElement;
+    context: CanvasRenderingContext2D;
+    texture: CanvasTexture;
+    _config: {
+        size: number;
+        title: string;
+        titleColor: string;
+        texts: Array<{
+            text: string;
+            color: string;
+            size: number;
+        }>;
+    };
+    updata(config: PlaneModal1Config): Promise<void>;
+}

package/lib/lib/shaders.d.ts

@@ -0,0 +1,17 @@
+import { Mesh, OrthographicCamera, ShaderMaterial, WebGLRenderer } from "three";
+declare class FullScreenQuad {
+    constructor();
+    _mesh: Mesh;
+    dispose(): void;
+    render(renderer: WebGLRenderer): void;
+    get material(): import("three").Material | import("three").Material[];
+    set material(value: import("three").Material | import("three").Material[]);
+}
+export declare const fullScreenMesh: FullScreenQuad;
+export declare const orthographicCamera: OrthographicCamera;
+export declare const clearShader: ShaderMaterial;
+export declare const intersectionShader: ShaderMaterial;
+export declare const coptyShader: ShaderMaterial;
+export declare const strokeShader: ShaderMaterial;
+export declare const gaussBlurShader: ShaderMaterial;
+export {};

package/lib/lib/spriteModal1/SpriteModal1.d.ts

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

package/lib/lib/threeLoader.d.ts

@@ -0,0 +1,20 @@
+import { EventDispatcher, 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";
+import { OBJLoader } from "three/examples/jsm/loaders/OBJLoader";
+declare class ThreeLoader extends EventDispatcher {
+    constructor();
+    anisotropy: number;
+    setAnisotropy(v: number): void;
+    textureMap: Map<string, Texture>;
+    textureLoader: TextureLoader;
+    getTexture(src: string): Texture;
+    fbxLoader: FBXLoader;
+    objLoader: OBJLoader;
+    mtlLoader: MTLLoader;
+    gltfLoader: GLTFLoader;
+    onload: boolean;
+}
+declare const threeLoader: ThreeLoader;
+export default threeLoader;

package/lib/lib/threeUtils.d.ts

@@ -0,0 +1,41 @@
+import { Box3, BufferGeometry, Clock, EventDispatcher, Object3D, Vector3 } from "three";
+declare class ThreeUtils extends EventDispatcher {
+    constructor();
+    isProd: boolean;
+    isDev: boolean;
+    _timeTemp: number;
+    _accumulate: number;
+    _box3: Box3;
+    _size: Vector3;
+    _center: Vector3;
+    _clock: Clock;
+    requestAnimationFrame(): void;
+    private _keepZoomDoms;
+    /**
+     *计算需要保持比例的元素
+     */
+    private _computerDomZoom;
+    /**
+     * dom元素保持比例
+     */
+    keepZoom(dom: HTMLElement | null, width?: number, height?: number): void;
+    workList: Array<() => void>;
+    clock: Clock;
+    /**
+     * @param {() => void} [callback]
+     * @param {boolean} [first=true] 需要优先执行
+     */
+    addWork(work?: () => void, first?: boolean): void;
+    /**
+     *判断一个元素是否在页面上
+     */
+    inDocument(dom: ParentNode | null): boolean;
+    getCenter(object3d: Object3D | BufferGeometry): Vector3;
+    getSize(object3d: Object3D | BufferGeometry): Vector3;
+    alignBottom(object3d: Object3D | BufferGeometry, y?: number): void;
+    centerObject3D(object3d: Object3D | BufferGeometry): void;
+    center(object3d: Object3D | BufferGeometry): void;
+    scaleTo(object3d: Object3D | BufferGeometry, size?: number): void;
+}
+declare const threeUtils: ThreeUtils;
+export default threeUtils;

package/lib/planeModal1/{PlaneModal1.ts → PlaneModal1.js}

@@ -1,129 +1,89 @@
 /*
- * @Author: xiaosihan 
- * @Date: 2023-03-09 18:51:11 
+ * @Author: xiaosihan
+ * @Date: 2023-03-09 18:51:11
  * @Last Modified by: xiaosihan
  * @Last Modified time: 2023-03-09 19:15:35
  */
-
-import { MeshBasicMaterial, Mesh, DoubleSide, CanvasTexture, Vector2, BufferGeometry, PlaneGeometry } from "three";
+import { MeshBasicMaterial, Mesh, DoubleSide, CanvasTexture, Vector2, PlaneGeometry } from "three";
 import planeModalPNG from "./planeModal.png";
-
-
-export type PlaneModal1Config = {
-    size?: number,
-    title?: string,
-    titleColor?: string,
-    texts?: Array<{
-        text?: string,
-        color?: string,
-        size?: number
-    }>
-}
-
 // 平面模型弹窗
 export default class PlaneModal1 extends Mesh {
-
-    constructor(config: PlaneModal1Config = {}) {
+    constructor(config = {}) {
         super();
         this.updata(config);
         this.material.map = this.texture;
         this.scale.set(10, 10, 10);
     }
-
+    renderOrder = 99;
     geometry = new PlaneGeometry(1 * 0.65, 0.728 * 0.65, 1, 1);
-
     material = new MeshBasicMaterial({
         side: DoubleSide,
-        transparent: true
+        transparent: true,
+        alphaTest: 0.01
     });
-
     // 背景图
     static img = (() => {
         const img = new Image();
         img.src = planeModalPNG;
         return img;
     })();
-
     canvas = (() => {
         const canvas = document.createElement("canvas");
         canvas.width = 660;
         canvas.height = 481;
         return canvas;
     })();
-
-    context = this.canvas.getContext("2d")!;
-
+    context = this.canvas.getContext("2d");
     texture = new CanvasTexture(this.canvas);
-
     // 配置
-    _config: {
-        size: number,
-        title: string,
-        titleColor: string,
-        texts: Array<{
-            text: string,
-            color: string,
-            size: number
-        }>
-    } = {
-            size: 10,
-            title: "PlaneModal1",
-            titleColor: "#ffffff",
-            texts: []
-            // [
-            //     {
-            //         text: "1",
-            //         color: "#ffff00",
-            //         size: 40
-            //     },
-            //     {
-            //         text: "2",
-            //         color: "#ff00ff",
-            //         size: 40
-            //     },
-            // ]
-        }
-
-    async updata(config: PlaneModal1Config) {
-
-        Object.assign(this._config, config)
-
+    _config = {
+        size: 10,
+        title: "PlaneModal1",
+        titleColor: "#ffffff",
+        texts: []
+        // [
+        //     {
+        //         text: "1",
+        //         color: "#ffff00",
+        //         size: 40
+        //     },
+        //     {
+        //         text: "2",
+        //         color: "#ff00ff",
+        //         size: 40
+        //     },
+        // ]
+    };
+    async updata(config) {
+        Object.assign(this._config, config);
         //绘制背景
         this.context.clearRect(0, 0, 660, 481);
-
         while (!PlaneModal1.img.complete) {
             await new Promise(resolve => setTimeout(resolve, 100));
         }
-
         // 设置大小
         this.scale.set(this._config.size, this._config.size, this._config.size);
-
         // this.context.fillStyle = "#00000088";
         // this.context.fillRect(0, 0, 660, 481);
-
         //绘制背景
         this.context.drawImage(PlaneModal1.img, 0, 0);
-
         // 绘制标题
         this.context.fillStyle = this._config.titleColor;
-        this.context.font = '40px serif';// 设置字体大小
+        this.context.font = '40px serif'; // 设置字体大小
         this.context.textAlign = "left";
         this.context.textBaseline = "top";
         this.context.fillText(this._config.title, 60, 72);
-
         let textPos = new Vector2(60, 150);
         let maxWidth = 530;
         // 绘制内容
         this._config.texts.map(({ text = "text", color = "#ffffff", size = 40 }) => {
             this.context.fillStyle = color;
-            this.context.font = `${size}px serif`;// 设置字体大小
+            this.context.font = `${size}px serif`; // 设置字体大小
             this.context.textAlign = "left";
             this.context.textBaseline = "top";
-
             // 字符分隔为数组
             var arrText = text.split('');
             var line = '';
-
             for (var n = 0; n < arrText.length; n++) {
                 var metrics = this.context.measureText(line + arrText[n]);
                 var testWidth = metrics.width;
@@ -131,18 +91,14 @@ export default class PlaneModal1 extends Mesh {
                     this.context.fillText(line, textPos.x, textPos.y);
                     line = "";
                     textPos.y += size;
-                } else {
+                }
+                else {
                     line += arrText[n];
                 }
             }
-
             this.context.fillText(line, textPos.x, textPos.y);
             textPos.y += size;
         });
-
         this.texture.needsUpdate = true;
-
     }
-
-
-}
+}