lythreeframe 1.0.31 → 1.0.33

package/dist/bundle.cjs.js

@@ -1664,16 +1664,31 @@ class Viewport {
         }
         this.isRenderStateDirty = false;
     }
-    renderAsImage(width = 1024, height = 1024) {
-        this.render();
-        const offscreenCanvas = document.createElement('canvas');
-        offscreenCanvas.width = width;
-        offscreenCanvas.height = height;
-        const context = offscreenCanvas.getContext('2d');
-        if (context) {
-            context.drawImage(this.renderer.domElement, 0, 0, width, height);
-        }
-        return offscreenCanvas.toDataURL('image/jpeg');
+    async renderAsImage(width = 1024, height = 1024) {
+        return new Promise((resolve, reject) => {
+            try {
+                if (this.postProcessing) {
+                    this.postProcessing.render();
+                }
+                else {
+                    this.renderer.render(this.app.world.scene, this.app.camera);
+                }
+                const offscreenCanvas = document.createElement('canvas');
+                offscreenCanvas.width = width;
+                offscreenCanvas.height = height;
+                const context = offscreenCanvas.getContext('2d');
+                if (!context) {
+                    throw Error("Can not create context");
+                }
+                context.drawImage(this.renderer.domElement, 0, 0, width, height);
+                const ret = offscreenCanvas.toDataURL('image/jpeg');
+                offscreenCanvas.remove();
+                resolve(ret);
+            }
+            catch (error) {
+                reject(error);
+            }
+        });
     }
     destroy() {
         var _a;
@@ -2162,8 +2177,8 @@ class ThreeJsApp {
         // }
         this.camera.updateProjectionMatrix();
     }
-    renderAsImage(width = 1024, height = 1024) {
-        return this.viewport.renderAsImage(width, height);
+    async renderAsImage(width = 1024, height = 1024) {
+        return await this.viewport.renderAsImage(width, height);
     }
 }
 

package/dist/bundle.esm.js

@@ -1662,16 +1662,31 @@ class Viewport {
         }
         this.isRenderStateDirty = false;
     }
-    renderAsImage(width = 1024, height = 1024) {
-        this.render();
-        const offscreenCanvas = document.createElement('canvas');
-        offscreenCanvas.width = width;
-        offscreenCanvas.height = height;
-        const context = offscreenCanvas.getContext('2d');
-        if (context) {
-            context.drawImage(this.renderer.domElement, 0, 0, width, height);
-        }
-        return offscreenCanvas.toDataURL('image/jpeg');
+    async renderAsImage(width = 1024, height = 1024) {
+        return new Promise((resolve, reject) => {
+            try {
+                if (this.postProcessing) {
+                    this.postProcessing.render();
+                }
+                else {
+                    this.renderer.render(this.app.world.scene, this.app.camera);
+                }
+                const offscreenCanvas = document.createElement('canvas');
+                offscreenCanvas.width = width;
+                offscreenCanvas.height = height;
+                const context = offscreenCanvas.getContext('2d');
+                if (!context) {
+                    throw Error("Can not create context");
+                }
+                context.drawImage(this.renderer.domElement, 0, 0, width, height);
+                const ret = offscreenCanvas.toDataURL('image/jpeg');
+                offscreenCanvas.remove();
+                resolve(ret);
+            }
+            catch (error) {
+                reject(error);
+            }
+        });
     }
     destroy() {
         var _a;
@@ -2160,8 +2175,8 @@ class ThreeJsApp {
         // }
         this.camera.updateProjectionMatrix();
     }
-    renderAsImage(width = 1024, height = 1024) {
-        return this.viewport.renderAsImage(width, height);
+    async renderAsImage(width = 1024, height = 1024) {
+        return await this.viewport.renderAsImage(width, height);
     }
 }
 

package/dist/lythreeframe/Frame/Viewport.d.ts

@@ -46,6 +46,6 @@ export declare class Viewport {
     onWindowResize(): void;
     markRenderStateDirty(): void;
     render(): void;
-    renderAsImage(width?: number, height?: number): string;
+    renderAsImage(width?: number, height?: number): Promise<string>;
     destroy(): void;
 }

package/dist/lythreeframe/ThreeJsApp.d.ts

@@ -29,5 +29,5 @@ export declare class ThreeJsApp {
     destroy(): void;
     updateCamera(param: CameraParam): void;
     onWindowResize(width: number, height: number): void;
-    renderAsImage(width?: number, height?: number): string;
+    renderAsImage(width?: number, height?: number): Promise<string>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lythreeframe",
-  "version": "1.0.31",
+  "version": "1.0.33",
   "description": "Three.js 封装",
   "main": "dist/bundle.cjs.js",
   "module": "dist/bundle.esm.js",