three-base 1.129.17 → 2.0.2

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

@@ -16,7 +16,7 @@ export default class PlaneModal1 extends Mesh {
     static img: HTMLImageElement;
     canvas: HTMLCanvasElement;
     context: CanvasRenderingContext2D;
-    texture: CanvasTexture;
+    texture: CanvasTexture | import("three").Texture;
     _config: {
         size: number;
         title: string;

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

@@ -4,8 +4,9 @@
  * @Last Modified by: xiaosihan
  * @Last Modified time: 2023-03-09 19:15:35
  */
-import { MeshBasicMaterial, Mesh, DoubleSide, CanvasTexture, Vector2, PlaneGeometry } from "three";
+import { MeshBasicMaterial, Mesh, DoubleSide, Vector2, PlaneGeometry } from "three";
 import planeModalPNG from "./planeModal.png";
+import threeLoader from "../threeLoader";
 // 平面模型弹窗
 export default class PlaneModal1 extends Mesh {
     constructor(config = {}) {
@@ -33,7 +34,7 @@ export default class PlaneModal1 extends Mesh {
         return canvas;
     })();
     context = this.canvas.getContext("2d");
-    texture = new CanvasTexture(this.canvas);
+    texture = threeLoader.getTexture(this.canvas);
     // 配置
     _config = {
         size: 10,

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

@@ -5,8 +5,9 @@
  * @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, BufferGeometry, PlaneGeometry, SRGBColorSpace } from "three";
 import planeModalPNG from "./planeModal.png";
+import threeLoader from "../threeLoader";
 
 
 export type PlaneModal1Config = {
@@ -54,7 +55,7 @@ export default class PlaneModal1 extends Mesh {
 
     context = this.canvas.getContext("2d")!;
 
-    texture = new CanvasTexture(this.canvas);
+    texture = threeLoader.getTexture(this.canvas);
 
     // 配置
     _config: {

package/PlaneModal1/index.d.ts

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

package/PlaneModal1/index.js

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

package/PlaneModal1/index.ts

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

package/PlaneText.d.ts

@@ -0,0 +1,37 @@
+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 | ((event: import("three").Event) => void) | Vector3 | import("three").Object3D<import("three").Event> | import("three").BufferGeometry<import("three").NormalBufferAttributes> | ((force?: boolean) => void) | import("three").Object3D<import("three").Event>[] | HTMLCanvasElement | import("three").Vector2 | import("three").Material | import("three").Matrix4 | import("three").Quaternion | import("three").Euler | ((callback: (object: import("three").Object3D<import("three").Event>) => any) => void) | import("three").Matrix3 | 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<import("three").NormalBufferAttributes>, 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<import("three").NormalBufferAttributes>, 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) | ((raycaster: import("three").Raycaster, intersects: import("three").Intersection<import("three").Object3D<import("three").Event>>[]) => void) | ((callback: (object: import("three").Object3D<import("three").Event>) => any) => void) | ((callback: (object: import("three").Object3D<import("three").Event>) => any) => void) | (() => void) | ((updateParents: boolean, updateChildren: boolean) => void) | ((meta?: {
+        geometries: any;
+        materials: any;
+        textures: any;
+        images: any;
+    }) => any) | import("three").SpriteMaterial | ((source: SpriteText, recursive?: boolean) => SpriteText) | (() => 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) | (<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);
+}
+export {};

package/PointLight/index.d.ts

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

package/PointLight/index.js

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

package/PointLight/index.ts

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

package/README.md

@@ -2,6 +2,7 @@
 .创建一个 homeRender.ts 模块
 import { AmbientLight, BoxGeometry, Mesh, MeshLambertMaterial, PointLight } from "three";
 import ThreeBase, { Transition } from "three-base";
+import Transition from "three-base/Transition";
 
 // 做项目找我 qq:389652405
 class HomeRender extends ThreeBase {

package/Sky/index.d.ts

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

package/Sky/index.js

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

package/Sky/index.ts

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

package/{lib/spriteModal1 → SpriteModal1}/SpriteModal1.d.ts

@@ -14,7 +14,7 @@ export default class SpritModal1 extends Sprite {
     static img: HTMLImageElement;
     canvas: HTMLCanvasElement;
     context: CanvasRenderingContext2D;
-    texture: CanvasTexture;
+    texture: CanvasTexture | import("three").Texture;
     _config: {
         size: number;
         title: string;

package/{lib/spriteModal1 → SpriteModal1}/SpriteModal1.js

@@ -4,8 +4,9 @@
  * @Last Modified by: xiaosihan
  * @Last Modified time: 2023-03-08 02:05:25
  */
-import { Sprite, CanvasTexture, Vector2 } from "three";
+import { Sprite, Vector2 } from "three";
 import spriteModal1PNG from "./spriteModal1.png";
+import threeLoader from "../threeLoader";
 // sprit弹窗1
 export default class SpritModal1 extends Sprite {
     constructor(config = {}) {
@@ -28,7 +29,7 @@ export default class SpritModal1 extends Sprite {
         return canvas;
     })();
     context = this.canvas.getContext("2d");
-    texture = new CanvasTexture(this.canvas);
+    texture = threeLoader.getTexture(this.canvas);
     // 配置
     _config = {
         size: 10,

package/{lib/spriteModal1 → SpriteModal1}/SpriteModal1.ts

@@ -11,6 +11,7 @@
 
 import { Sprite, CanvasTexture, Vector2, Raycaster, Intersection } from "three";
 import spriteModal1PNG from "./spriteModal1.png";
+import threeLoader from "../threeLoader";
 
 export type SpritModal1Config = {
     size?: number,
@@ -50,7 +51,7 @@ export default class SpritModal1 extends Sprite {
 
     context = this.canvas.getContext("2d")!;
 
-    texture = new CanvasTexture(this.canvas);
+    texture = threeLoader.getTexture(this.canvas);
 
     // 配置
     _config: {

package/SpriteModal1/index.d.ts

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

package/SpriteModal1/index.js

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

package/SpriteModal1/index.ts

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

package/{lib/SpriteText.d.ts → SpriteText.d.ts}

@@ -4,7 +4,7 @@ export default class SpriteText extends Sprite {
     _text: string;
     _textHeight: number;
     _color: `#${string}` | `rgba(${string})`;
-    _backgroundColor: boolean;
+    _backgroundColor: boolean | `#${string}` | `rgba(${string})`;
     _padding: number;
     _borderWidth: number;
     _borderRadius: number;
@@ -21,8 +21,8 @@ export default class SpriteText extends Sprite {
     set textHeight(textHeight: number);
     get color(): `#${string}` | `rgba(${string})`;
     set color(color: `#${string}` | `rgba(${string})`);
-    get backgroundColor(): boolean;
-    set backgroundColor(color: boolean);
+    get backgroundColor(): boolean | `#${string}` | `rgba(${string})`;
+    set backgroundColor(color: boolean | `#${string}` | `rgba(${string})`);
     get padding(): number;
     set padding(padding: number);
     get borderWidth(): number;

package/{lib/SpriteText.ts → SpriteText.ts}

@@ -22,7 +22,7 @@ export default class SpriteText extends Sprite {
     _text: string = "";
     _textHeight: number = 10;
     _color: `#${string}` | `rgba(${string})` = "#fffff";
-    _backgroundColor = false; // no background color
+    _backgroundColor: boolean | `#${string}` | `rgba(${string})` = false; // no background color
 
     _padding: number = 0;
     _borderWidth: number = 0;

package/{lib/Text3D → Text3D}/Text3D.js

@@ -4,7 +4,8 @@
  * @Last Modified by: xiaosihan
  * @Last Modified time: 2023-04-07 21:52:03
  */
-import { Mesh, MeshStandardMaterial, TextGeometry } from "three";
+import { TextGeometry } from 'three/examples/jsm/geometries/TextGeometry.js';
+import { Mesh, MeshStandardMaterial } from "three";
 import fontContorller from "./fontController";
 // 3D文字模型
 export default class Text3D extends Mesh {
@@ -13,9 +14,9 @@ export default class Text3D extends Mesh {
         this.setText({ text });
     }
     // 字体的存储路径 例如 : "http://drm.gitee.io/three-base-font/simhei/字.js"
-    static path = "http://drm.gitee.io/three-base-font/";
+    static path = "//drm.gitee.io/three-base-font/";
     material = new MeshStandardMaterial({
-        metalness: 0.8,
+        metalness: 1,
         roughness: 0.5, // 粗糙度，值为0到1
     });
     // 配置

package/{lib/Text3D → Text3D}/Text3D.ts

@@ -5,7 +5,8 @@
  * @Last Modified time: 2023-04-07 21:52:03
  */
 
-import { Mesh, MeshStandardMaterial, TextGeometry } from "three";
+import { TextGeometry, TextGeometryParameters } from 'three/examples/jsm/geometries/TextGeometry.js';
+import { Mesh, MeshStandardMaterial } from "three";
 import fontContorller from "./fontController";
 
 
@@ -33,11 +34,11 @@ export default class Text3D extends Mesh {
     }
 
     // 字体的存储路径 例如 : "http://drm.gitee.io/three-base-font/simhei/字.js"
-    static path = "http://drm.gitee.io/three-base-font/";
+    static path = "//drm.gitee.io/three-base-font/";
 
 
     material = new MeshStandardMaterial({
-        metalness: 0.8, // 金属度，值为0到1
+        metalness: 1, // 金属度，值为0到1
         roughness: 0.5, // 粗糙度，值为0到1
     });
 

package/{lib/Text3D → Text3D}/fontController.d.ts

@@ -1,5 +1,5 @@
 import Dexie, { Table } from "dexie";
-import { Font } from "three";
+import { Font } from "three/examples/jsm/loaders/FontLoader.js";
 export type saveFontParam = {
     fontType?: string;
     fontName: string;

package/{lib/Text3D → Text3D}/fontController.js

@@ -2,11 +2,11 @@
  * @Author: xiaosihan
  * @Date: 2021-04-15 00:34:44
  * @Last Modified by: xiaosihan
- * @Last Modified time: 2023-04-04 19:26:27
+ * @Last Modified time: 2022-06-08 14:33:45
  */
 import Dexie from "dexie";
 import { filter, first, isEmpty } from "lodash";
-import { Font } from "three";
+import { Font } from "three/examples/jsm/loaders/FontLoader.js";
 import threeUtils from "../threeUtils";
 import gentilisJSON from "./gentilis.json";
 class indexBD extends Dexie {

package/{lib/Text3D → Text3D}/fontController.ts

@@ -2,12 +2,12 @@
  * @Author: xiaosihan 
  * @Date: 2021-04-15 00:34:44 
  * @Last Modified by: xiaosihan
- * @Last Modified time: 2023-04-04 19:26:27
+ * @Last Modified time: 2022-06-08 14:33:45
  */
 
 import Dexie, { Table } from "dexie";
 import { filter, first, isEmpty } from "lodash";
-import { Font } from "three";
+import { Font } from "three/examples/jsm/loaders/FontLoader.js";
 import threeUtils from "../threeUtils";
 import gentilisJSON from "./gentilis.json";
 

package/Text3D/index.d.ts

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

package/Text3D/index.js

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

package/Text3D/index.ts

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

package/{lib/ThreeBase.d.ts → ThreeBase.d.ts}

@@ -16,9 +16,11 @@ export default class ThreeBase extends EventDispatcher {
     controls: OrbitControls;
     isRendererContextLost: boolean;
     setContainer(div: HTMLDivElement | null): Promise<void>;
-    setsize(width: number, height: number): void;
+    setSize(width: number, height: number): void;
     controlsPosition: Transition;
     controlsCenter: Transition;
+    gridHelper: void;
+    axesHelper: void;
     init(): void;
     resetLookAt({ position, center, }: {
         position?: Vector3;

package/{lib/ThreeBase.js → ThreeBase.js}

@@ -2,7 +2,7 @@
  * @Author: xiaosihan
  * @Date: 2021-12-20 13:38:22
  * @Last Modified by: xiaosihan
- * @Last Modified time: 2023-05-09 01:11:17
+ * @Last Modified time: 2023-05-23 23:54:13
  */
 import { round } from "lodash";
 import { AxesHelper, EventDispatcher, GridHelper, LinearFilter, Mesh, MOUSE, NoBlending, NormalBlending, PerspectiveCamera, RGBAFormat, Scene, TOUCH, Vector2, Vector3, WebGLRenderer, WebGLRenderTarget } from "three";
@@ -13,7 +13,7 @@ import threeLoader from "./threeLoader";
 import ThreeMouse from "./ThreeMouse";
 import threeUtils from "./threeUtils";
 import Transition from "./Transition";
-import stroke_pass from "./stroke_pass/stroke_pass";
+import stroke_pass from "./pass/stroke_pass";
 // three.js 的基础对象
 export default class ThreeBase extends EventDispatcher {
     constructor() {
@@ -48,9 +48,12 @@ export default class ThreeBase extends EventDispatcher {
         return renderer;
     })();
     //透视相机
-    camera = new PerspectiveCamera(45, 1, 0.0001, 10000);
+    camera = new PerspectiveCamera(45, 1, 0.0001, 1000000);
     // 场景对象
-    scene = new Scene();
+    scene = (() => {
+        const scene = new Scene();
+        return scene;
+    })();
     ///鼠标事件对象
     threeMouse = new ThreeMouse(this.renderer, this.camera, this.scene);
     // 轨道控制器
@@ -76,20 +79,19 @@ export default class ThreeBase extends EventDispatcher {
             div.append(this.renderer.domElement);
             // 如果上下文被销毁了,  就恢复上下文
             if (this.isRendererContextLost) {
-                //@ts-ignore
-                this.renderer['forceContextRestore']();
+                this.renderer.forceContextRestore();
                 await new Promise(resolve => requestAnimationFrame(resolve));
                 await new Promise(resolve => requestAnimationFrame(resolve));
                 this.renderer.domElement.style.opacity = "1";
             }
-            this.setsize(div.clientWidth, div.clientHeight);
+            this.setSize(div.clientWidth, div.clientHeight);
             // 开启时时渲染
             threeUtils.removeEventListener("requestAnimationFrame", this.renderBindThis);
             threeUtils.addEventListener("requestAnimationFrame", this.renderBindThis);
         }
     }
     // 修改尺寸
-    setsize(width, height) {
+    setSize(width, height) {
         if (this.camera instanceof PerspectiveCamera) {
             this.camera.aspect = width / height;
             this.camera.updateProjectionMatrix();
@@ -123,15 +125,19 @@ export default class ThreeBase extends EventDispatcher {
         });
         return controlsCenter;
     })();
+    // 网格辅助线
+    gridHelper = (() => {
+        const gridHelper = new GridHelper(1000, 100, 0x303030, 0x303030);
+        gridHelper.visible = threeUtils.isDev;
+        this.scene.add(gridHelper);
+    })();
+    //坐标轴线
+    axesHelper = (() => {
+        const axesHelper = new AxesHelper(10000);
+        axesHelper.visible = threeUtils.isDev;
+        this.scene.add(axesHelper);
+    })();
     init() {
-        // 非开发模式添加网格辅助线
-        if (threeUtils.isDev) {
-            const gridHelper = new GridHelper(1000, 100, 0x303030, 0x303030);
-            gridHelper.position.set(0, -0.001, 0);
-            this.scene.add(gridHelper);
-            const axesHelper = new AxesHelper(10000);
-            this.scene.add(axesHelper);
-        }
         // 资源加载进度有更新时, 需要渲染
         threeLoader.addEventListener("progress", () => {
             this.needRender = true;
@@ -224,7 +230,7 @@ export default class ThreeBase extends EventDispatcher {
         this.renderer.forceContextLoss();
         // 标记上下文被销毁了
         this.isRendererContextLost = true;
-        this.setsize(100, 100);
+        this.setSize(100, 100);
         this.renderer.domElement.style.opacity = "0";
     }
     // 渲染场景
@@ -239,7 +245,7 @@ export default class ThreeBase extends EventDispatcher {
         //判断尺寸发生改变时重置尺寸
         const parentNode = this.renderer.domElement.parentNode;
         if (parentNode.clientWidth !== this.size.x || parentNode.clientHeight !== this.size.y) {
-            this.setsize(parentNode.clientWidth, parentNode.clientHeight);
+            this.setSize(parentNode.clientWidth, parentNode.clientHeight);
         }
         // 分发鼠标事件
         this.threeMouse.dispatchEvent();

package/{lib/ThreeBase.ts → ThreeBase.ts}

@@ -2,7 +2,7 @@
  * @Author: xiaosihan 
  * @Date: 2021-12-20 13:38:22 
  * @Last Modified by: xiaosihan
- * @Last Modified time: 2023-05-09 01:11:17
+ * @Last Modified time: 2023-05-23 23:54:13
  */
 
 import { round } from "lodash";
@@ -14,7 +14,7 @@ import threeLoader from "./threeLoader";
 import ThreeMouse from "./ThreeMouse";
 import threeUtils from "./threeUtils";
 import Transition from "./Transition";
-import stroke_pass from "./stroke_pass/stroke_pass";
+import stroke_pass from "./pass/stroke_pass";
 
 // three.js 的基础对象
 export default class ThreeBase extends EventDispatcher {
@@ -59,10 +59,13 @@ export default class ThreeBase extends EventDispatcher {
     })();
 
     //透视相机
-    camera: Camera = new PerspectiveCamera(45, 1, 0.0001, 10000);
+    camera: Camera = new PerspectiveCamera(45, 1, 0.0001, 1000000);
 
     // 场景对象
-    scene = new Scene();
+    scene = (() => {
+        const scene = new Scene();
+        return scene;
+    })();
 
     ///鼠标事件对象
     threeMouse = new ThreeMouse(this.renderer, this.camera, this.scene);
@@ -93,14 +96,13 @@ export default class ThreeBase extends EventDispatcher {
 
             // 如果上下文被销毁了,  就恢复上下文
             if (this.isRendererContextLost) {
-                //@ts-ignore
-                this.renderer['forceContextRestore']();
+                this.renderer.forceContextRestore();
                 await new Promise(resolve => requestAnimationFrame(resolve));
                 await new Promise(resolve => requestAnimationFrame(resolve));
                 this.renderer.domElement.style.opacity = "1";
             }
 
-            this.setsize(div.clientWidth, div.clientHeight);
+            this.setSize(div.clientWidth, div.clientHeight);
 
             // 开启时时渲染
             threeUtils.removeEventListener("requestAnimationFrame", this.renderBindThis);
@@ -109,7 +111,7 @@ export default class ThreeBase extends EventDispatcher {
     }
 
     // 修改尺寸
-    setsize(width: number, height: number) {
+    setSize(width: number, height: number) {
         if (this.camera instanceof PerspectiveCamera) {
             this.camera.aspect = width / height;
             this.camera.updateProjectionMatrix();
@@ -147,16 +149,21 @@ export default class ThreeBase extends EventDispatcher {
         return controlsCenter;
     })();
 
-    init() {
-        // 非开发模式添加网格辅助线
-        if (threeUtils.isDev) {
-            const gridHelper = new GridHelper(1000, 100, 0x303030, 0x303030);
-            gridHelper.position.set(0, -0.001, 0);
-            this.scene.add(gridHelper);
-            const axesHelper = new AxesHelper(10000);
-            this.scene.add(axesHelper);
-        }
+    // 网格辅助线
+    gridHelper = (() => {
+        const gridHelper = new GridHelper(1000, 100, 0x303030, 0x303030);
+        gridHelper.visible = threeUtils.isDev;
+        this.scene.add(gridHelper);
+    })();
 
+    //坐标轴线
+    axesHelper = (() => {
+        const axesHelper = new AxesHelper(10000);
+        axesHelper.visible = threeUtils.isDev;
+        this.scene.add(axesHelper);
+    })();
+
+    init() {
         // 资源加载进度有更新时, 需要渲染
         threeLoader.addEventListener("progress", () => {
             this.needRender = true;
@@ -268,7 +275,7 @@ export default class ThreeBase extends EventDispatcher {
         this.renderer.forceContextLoss();
         // 标记上下文被销毁了
         this.isRendererContextLost = true;
-        this.setsize(100, 100);
+        this.setSize(100, 100);
         this.renderer.domElement.style.opacity = "0";
     }
 
@@ -287,7 +294,7 @@ export default class ThreeBase extends EventDispatcher {
         //判断尺寸发生改变时重置尺寸
         const parentNode = this.renderer.domElement.parentNode as HTMLDivElement;
         if (parentNode.clientWidth !== this.size.x || parentNode.clientHeight !== this.size.y) {
-            this.setsize(parentNode.clientWidth, parentNode.clientHeight);
+            this.setSize(parentNode.clientWidth, parentNode.clientHeight);
         }
 
         // 分发鼠标事件

package/{lib/ThreeMouse.js → ThreeMouse.js}

@@ -107,6 +107,8 @@ export default class ThreeMouse {
         // 拾取模型
         let intersection = this._getSelected(meshs);
         if (intersection) {
+            const { face, object } = intersection;
+            face && face.normal.applyMatrix4(object.matrixWorld);
             const MouseEvent = Object.assign(intersection, {
                 renderer: this._renderer,
                 camera: this._camera,

package/{lib/ThreeMouse.ts → ThreeMouse.ts}

@@ -151,7 +151,8 @@ export default class ThreeMouse {
         let intersection = this._getSelected(meshs);
 
         if (intersection) {
-
+            const { face, object } = intersection;
+            face && face.normal.applyMatrix4(object.matrixWorld);
             const MouseEvent: ThreeMouseEvent = Object.assign(intersection, {  // 将来可能用到的对象
                 renderer: this._renderer,
                 camera: this._camera,

package/index.d.ts

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

package/index.js

@@ -1,38 +1,2 @@
 // 基类
-export { default } from "./lib/ThreeBase";
-// 事件对象
-export { default as EventMesh } from "./lib/EventMesh";
-// 挤出模型
-export { default as ExtrudeMesh } from "./lib/ExtrudeMesh";
-// 关键帧动画对象
-export { default as KeyFrameAnimation } from "./lib/KeyFrameAnimation";
-//实例模型组对象
-export { default as InstancedGroupMesh } from "./lib/InstancedGroupMesh";
-//点光源
-export { default as PointLight } from "./lib/PointLight/PointLight";
-//天空球
-export { default as Sky } from "./lib/Sky/Sky";
-//键盘控制器
-export { default as keyContorls } from "./lib/keyContorls";
-// 动画过度对象
-export { default as Transition } from "./lib/Transition";
-// 公共方法
-export { default as threeUtils } from "./lib/threeUtils";
-// 加载器
-export { default as threeLoader } from "./lib/threeLoader";
-// 第一人称控制器
-export { default as FPScontrol } from "./lib/FPScontrol";
-// 平面文字
-export { default as PlaneText } from "./lib/PlaneText";
-// 精灵文字
-export { default as SpriteText } from "./lib/SpriteText";
-// 精灵文字样式2
-export { default as SpriteText2 } from "./lib/SpriteText2";
-//精灵文本框
-export { default as SpriteModal1 } from "./lib/spriteModal1/SpriteModal1";
-//平面文本框
-export { default as PlaneModal1 } from "./lib/planeModal1/PlaneModal1";
-// 3D文字
-export { default as Text3D } from "./lib/Text3D/Text3D";
-// html面板
-export { default as PlaneWithHtml } from "./lib/PlaneWithHtml";
+export { default } from "./ThreeBase";