three-base 1.0.50 → 1.0.52

package/declare.d.ts

@@ -0,0 +1,6 @@
+
+// 声明模块
+// declare module "canvas-to-png";
+
+declare interface Window {
+}

package/index.ts

@@ -21,6 +21,9 @@ export { default as InstancedGroupMesh } from "./lib/InstancedGroupMesh";
 //点光源
 export { default as PointLight } from "./lib/PointLight";
 
+//天空球
+export { default as Sky } from "./lib/Sky/Sky";
+
 //键盘控制器
 export { default as keyContorls } from "./lib/keyContorls";
 

package/lib/Sky/Sky.ts

@@ -0,0 +1,36 @@
+/*
+ * @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);
+    }
+
+}

package/lib/ThreeBase.ts

@@ -15,6 +15,7 @@ import threeLoader from "./threeLoader";
 import ThreeMouse from "./ThreeMouse";
 import threeUtils from "./threeUtils";
 import Transition from "./Transition";
+import Canvas2image from "canvas-to-png";
 
 // three.js 的基础对象
 export default class ThreeBase extends EventDispatcher {
@@ -322,6 +323,17 @@ export default class ThreeBase extends EventDispatcher {
 
     renderBindThis = this.render.bind(this);
 
+    // 下载渲染图
+    download(fileName: string = "download") {
+        this.render();
+        const base64 = this.renderer.domElement.toDataURL('image/png');
+        let saveLink = document.createElement("a");
+        saveLink.download = `${fileName}.png`;
+        saveLink.href = base64;
+        document.body.append(saveLink);
+        saveLink.click();
+    }
+
     // 清理渲染目标
     clearRendererTargte(rendererTarget: WebGLRenderTarget | null) {
         const originTarget = this.renderer.getRenderTarget();

package/lib/Transition.ts

@@ -184,9 +184,13 @@ export default class Transition {
             this._isDone = false;
 
         }
+
+        threeUtils.removeEventListener("requestAnimationFrame", this.runbindThis);
         threeUtils.addEventListener("requestAnimationFrame", this.runbindThis);
 
-        await new Promise(resolve => setTimeout(resolve, this._duration));
+        if (!this._isDone) {
+            await new Promise(resolve => setTimeout(resolve, this._duration));
+        }
 
         return this;
     }

package/lib/type.ts

@@ -5,7 +5,9 @@
  * @Last Modified time: 2022-01-05 14:21:42
  */
 
-declare module '*?url' {
-    const src: string
-    export default src
-}
+
+
+// declare module '*?url' {
+//     const src: string
+//     export default src
+// }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "three-base",
-    "version": "1.0.50",
+    "version": "1.0.52",
     "description": "three 3d three-base",
     "repository": {
         "type": "git",