@babylonjs/inspector 6.21.4 → 6.22.0

package/dist/babylon.inspector.bundle.max.js

@@ -57187,62 +57187,34 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   TextureHelper: () => (/* binding */ TextureHelper)
 /* harmony export */ });
-/* harmony import */ var core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Materials/Textures/renderTargetTexture */ "core/Misc/observable");
-/* harmony import */ var core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_Misc_textureTools__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/textureTools */ "core/Misc/observable");
+/* harmony import */ var core_Misc_textureTools__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Misc_textureTools__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _lod__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./lod */ "../../../dev/inspector/dist/lod.js");
 /* harmony import */ var _lodCube__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./lodCube */ "../../../dev/inspector/dist/lodCube.js");
-/* eslint-disable @typescript-eslint/naming-convention */
-
-
 
 
 
+/**
+ * Helper class for retrieving texture data.
+ */
 class TextureHelper {
-    static async _ProcessAsync(texture, width, height, face, channels, lod, globalState, resolve, reject) {
-        const scene = texture.getScene();
-        const engine = scene.getEngine();
-        let lodPostProcess;
-        if (!texture.isCube) {
-            lodPostProcess = new core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_0__.PostProcess("lod", "lod", ["lod", "gamma"], null, 1.0, null, core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_0__.Texture.NEAREST_NEAREST_MIPNEAREST, engine);
-        }
-        else {
-            const faceDefines = ["#define POSITIVEX", "#define NEGATIVEX", "#define POSITIVEY", "#define NEGATIVEY", "#define POSITIVEZ", "#define NEGATIVEZ"];
-            lodPostProcess = new core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_0__.PostProcess("lodCube", "lodCube", ["lod", "gamma"], null, 1.0, null, core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_0__.Texture.NEAREST_NEAREST_MIPNEAREST, engine, false, faceDefines[face]);
-        }
-        if (!lodPostProcess.getEffect().isReady()) {
-            // Try again later
-            lodPostProcess.dispose();
-            setTimeout(() => {
-                this._ProcessAsync(texture, width, height, face, channels, lod, globalState, resolve, reject);
-            }, 250);
-            return;
-        }
+    /**
+     * Gets the data of the specified texture by rendering it to an intermediate RGBA texture and retrieving the bytes from it.
+     * This is convienent to get 8-bit RGBA values for a texture in a GPU compressed format.
+     * @param texture the source texture
+     * @param width the width of the result, which does not have to match the source texture width
+     * @param height the height of the result, which does not have to match the source texture height
+     * @param face if the texture has multiple faces, the face index to use for the source
+     * @param channels a filter for which of the RGBA channels to return in the result
+     * @param lod if the texture has multiple LODs, the lod index to use for the source
+     * @returns the 8-bit texture data
+     */
+    static async GetTextureDataAsync(texture, width, height, face, channels, globalState, lod = 0) {
         if (globalState) {
             globalState.blockMutationUpdates = true;
         }
-        const rtt = new core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_0__.RenderTargetTexture("temp", { width: width, height: height }, scene, false);
-        lodPostProcess.onApply = function (effect) {
-            effect.setTexture("textureSampler", texture);
-            effect.setFloat("lod", lod);
-            effect.setBool("gamma", texture.gammaSpace);
-        };
-        const internalTexture = texture.getInternalTexture();
-        if (rtt.renderTarget && internalTexture) {
-            const samplingMode = internalTexture.samplingMode;
-            if (lod !== 0) {
-                texture.updateSamplingMode(core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_0__.Texture.NEAREST_NEAREST_MIPNEAREST);
-            }
-            else {
-                texture.updateSamplingMode(core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_0__.Texture.NEAREST_NEAREST);
-            }
-            scene.postProcessManager.directRender([lodPostProcess], rtt.renderTarget, true);
-            texture.updateSamplingMode(samplingMode);
-            // Read the contents of the framebuffer
-            const numberOfChannelsByLine = width * 4;
-            const halfHeight = height / 2;
-            //Reading datas from WebGL
-            const bufferView = await engine.readPixels(0, 0, width, height);
-            const data = new Uint8Array(bufferView.buffer, 0, bufferView.byteLength);
+        try {
+            const data = await core_Misc_textureTools__WEBPACK_IMPORTED_MODULE_0__.TextureTools.GetTextureDataAsync(texture, width, height, face, lod);
             if (!channels.R || !channels.G || !channels.B || !channels.A) {
                 for (let i = 0; i < width * height * 4; i += 4) {
                     // If alpha is the only channel, just display alpha across all channels
@@ -57300,6 +57272,8 @@ class TextureHelper {
             }
             //To flip image on Y axis.
             if (texture.invertY || texture.isCube) {
+                const numberOfChannelsByLine = width * 4;
+                const halfHeight = height / 2;
                 for (let i = 0; i < halfHeight; i++) {
                     for (let j = 0; j < numberOfChannelsByLine; j++) {
                         const currentCell = j + i * numberOfChannelsByLine;
@@ -57311,29 +57285,13 @@ class TextureHelper {
                     }
                 }
             }
-            resolve(data);
-            // Unbind
-            engine.unBindFramebuffer(rtt.renderTarget);
+            return data;
         }
-        else {
-            reject();
-        }
-        rtt.dispose();
-        lodPostProcess.dispose();
-        if (globalState) {
-            globalState.blockMutationUpdates = false;
-        }
-    }
-    static GetTextureDataAsync(texture, width, height, face, channels, globalState, lod = 0) {
-        return new Promise((resolve, reject) => {
-            if (!texture.isReady() && texture._texture) {
-                texture._texture.onLoadedObservable.addOnce(() => {
-                    this._ProcessAsync(texture, width, height, face, channels, lod, globalState || null, resolve, reject);
-                });
-                return;
+        finally {
+            if (globalState) {
+                globalState.blockMutationUpdates = false;
             }
-            this._ProcessAsync(texture, width, height, face, channels, lod, globalState || null, resolve, reject);
-        });
+        }
     }
 }