@babylonjs/core 5.14.1 → 5.16.0

package/Engines/thinEngine.d.ts

@@ -42,8 +42,8 @@ declare type RenderTargetWrapper = import("./renderTargetWrapper").RenderTargetW
  * @hidden
  */
 export interface ISceneLike {
-    _addPendingData(data: any): void;
-    _removePendingData(data: any): void;
+    addPendingData(data: any): void;
+    removePendingData(data: any): void;
     offlineProvider: IOfflineProvider;
 }
 /**
@@ -126,6 +126,11 @@ export interface EngineOptions extends WebGLContextAttributes {
      * This will not influence NativeEngine and WebGPUEngine which set the behavior to true during construction.
      */
     forceSRGBBufferSupportState?: boolean;
+    /**
+     * True if the more expensive but exact conversions should be used for transforming colors to and from linear space within shaders.
+     * Otherwise, the default is to use a cheaper approximation.
+     */
+    useExactSrgbConversions?: boolean;
 }
 /**
  * The base engine class (root of all engines)
@@ -388,8 +393,12 @@ export declare class ThinEngine {
     private _maxSimultaneousTextures;
     private _maxMSAASamplesOverride;
     private _activeRequests;
+    /**
+     * If set to true zooming in and out in the browser will rescale the hardware-scaling correctly.
+     */
+    adaptToDeviceRatio: boolean;
     /** @hidden */
-    private _adaptToDeviceRatio;
+    private _lastDevicePixelRatio;
     /** @hidden */
     _transformTextureUrl: Nullable<(url: string) => string>;
     /**
@@ -459,6 +468,11 @@ export declare class ThinEngine {
      */
     get snapshotRenderingMode(): number;
     set snapshotRenderingMode(mode: number);
+    protected _useExactSrgbConversions: boolean;
+    /**
+     * Gets a boolean indicating if the exact sRGB conversions or faster approximations are used for converting to and from linear space.
+     */
+    get useExactSrgbConversions(): boolean;
     /**
      * Creates a new snapshot at the next frame using the current snapshotRenderingMode
      */

package/Engines/thinEngine.js

@@ -158,8 +158,12 @@ var ThinEngine = /** @class */ (function () {
         this._maxSimultaneousTextures = 0;
         this._maxMSAASamplesOverride = null;
         this._activeRequests = new Array();
+        /**
+         * If set to true zooming in and out in the browser will rescale the hardware-scaling correctly.
+         */
+        this.adaptToDeviceRatio = false;
         /** @hidden */
-        this._adaptToDeviceRatio = false;
+        this._lastDevicePixelRatio = 1.0;
         /** @hidden */
         this._transformTextureUrl = null;
         /**
@@ -179,6 +183,7 @@ var ThinEngine = /** @class */ (function () {
         /** @hidden */
         this._isWebGPU = false;
         this._snapshotRenderingMode = 0;
+        this._useExactSrgbConversions = false;
         this._viewportCached = { x: 0, y: 0, z: 0, w: 0 };
         this._unpackFlipYCached = null;
         /**
@@ -192,7 +197,7 @@ var ThinEngine = /** @class */ (function () {
         options = options || {};
         this._creationOptions = options;
         // Save this off for use in resize().
-        this._adaptToDeviceRatio = adaptToDeviceRatio !== null && adaptToDeviceRatio !== void 0 ? adaptToDeviceRatio : false;
+        this.adaptToDeviceRatio = adaptToDeviceRatio !== null && adaptToDeviceRatio !== void 0 ? adaptToDeviceRatio : false;
         this._stencilStateComposer.stencilGlobal = this._stencilState;
         PerformanceConfigurator.SetMatrixPrecision(!!options.useHighPrecisionMatrix);
         if (!canvasOrContext) {
@@ -235,6 +240,9 @@ var ThinEngine = /** @class */ (function () {
             if (options.xrCompatible === undefined) {
                 options.xrCompatible = true;
             }
+            if (options.useExactSrgbConversions !== undefined) {
+                this._useExactSrgbConversions = options.useExactSrgbConversions;
+            }
             this._doNotHandleContextLost = options.doNotHandleContextLost ? true : false;
             // Exceptions
             if (navigator && navigator.userAgent) {
@@ -368,6 +376,7 @@ var ThinEngine = /** @class */ (function () {
         var devicePixelRatio = IsWindowObjectExist() ? window.devicePixelRatio || 1.0 : 1.0;
         var limitDeviceRatio = options.limitDeviceRatio || devicePixelRatio;
         this._hardwareScalingLevel = adaptToDeviceRatio ? 1.0 / Math.min(limitDeviceRatio, devicePixelRatio) : 1.0;
+        this._lastDevicePixelRatio = devicePixelRatio;
         this.resize();
         this._isStencilEnable = options.stencil ? true : false;
         this._initGLContext();
@@ -400,7 +409,7 @@ var ThinEngine = /** @class */ (function () {
          */
         // Not mixed with Version for tooling purpose.
         get: function () {
-            return "babylonjs@5.14.1";
+            return "babylonjs@5.16.0";
         },
         enumerable: false,
         configurable: true
@@ -410,7 +419,7 @@ var ThinEngine = /** @class */ (function () {
          * Returns the current version of the framework
          */
         get: function () {
-            return "5.14.1";
+            return "5.16.0";
         },
         enumerable: false,
         configurable: true
@@ -697,6 +706,16 @@ var ThinEngine = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(ThinEngine.prototype, "useExactSrgbConversions", {
+        /**
+         * Gets a boolean indicating if the exact sRGB conversions or faster approximations are used for converting to and from linear space.
+         */
+        get: function () {
+            return this._useExactSrgbConversions;
+        },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * Creates a new snapshot at the next frame using the current snapshotRenderingMode
      */
@@ -1400,10 +1419,11 @@ var ThinEngine = /** @class */ (function () {
         var width;
         var height;
         // Requery hardware scaling level to handle zoomed-in resizing.
-        if (this._adaptToDeviceRatio) {
+        if (this.adaptToDeviceRatio) {
             var devicePixelRatio_1 = IsWindowObjectExist() ? window.devicePixelRatio || 1.0 : 1.0;
-            var limitDeviceRatio = this._creationOptions.limitDeviceRatio || devicePixelRatio_1;
-            this._hardwareScalingLevel = this._adaptToDeviceRatio ? 1.0 / Math.min(limitDeviceRatio, devicePixelRatio_1) : 1.0;
+            var changeRatio = this._lastDevicePixelRatio / devicePixelRatio_1;
+            this._lastDevicePixelRatio = devicePixelRatio_1;
+            this._hardwareScalingLevel *= changeRatio;
         }
         if (IsWindowObjectExist()) {
             width = this._renderingCanvas ? this._renderingCanvas.clientWidth || this._renderingCanvas.width : window.innerWidth;
@@ -2234,6 +2254,12 @@ var ThinEngine = /** @class */ (function () {
             else {
                 delete defines["USE_REVERSE_DEPTHBUFFER"];
             }
+            if (this.useExactSrgbConversions) {
+                defines["USE_EXACT_SRGB_CONVERSIONS"] = "";
+            }
+            else {
+                delete defines["USE_EXACT_SRGB_CONVERSIONS"];
+            }
             return;
         }
         else {
@@ -2247,6 +2273,12 @@ var ThinEngine = /** @class */ (function () {
                 }
                 s += "#define USE_REVERSE_DEPTHBUFFER";
             }
+            if (this.useExactSrgbConversions) {
+                if (s) {
+                    s += "\n";
+                }
+                s += "#define USE_EXACT_SRGB_CONVERSIONS";
+            }
             return s;
         }
     };
@@ -3190,7 +3222,7 @@ var ThinEngine = /** @class */ (function () {
             }
         }
         if (scene) {
-            scene._addPendingData(texture);
+            scene.addPendingData(texture);
         }
         texture.url = url;
         texture.generateMipMaps = !noMipmap;
@@ -3210,7 +3242,7 @@ var ThinEngine = /** @class */ (function () {
         }
         var onInternalError = function (message, exception) {
             if (scene) {
-                scene._removePendingData(texture);
+                scene.removePendingData(texture);
             }
             if (url === originalUrl) {
                 if (onLoadObserver) {
@@ -3767,7 +3799,7 @@ var ThinEngine = /** @class */ (function () {
         this._bindTextureDirectly(gl.TEXTURE_2D, null);
         // this.resetTextureCache();
         if (scene) {
-            scene._removePendingData(texture);
+            scene.removePendingData(texture);
         }
         texture.onLoadedObservable.notifyObservers(texture);
         texture.onLoadedObservable.clear();
@@ -3785,7 +3817,7 @@ var ThinEngine = /** @class */ (function () {
         if (!texture._hardwareTexture) {
             //  this.resetTextureCache();
             if (scene) {
-                scene._removePendingData(texture);
+                scene.removePendingData(texture);
             }
             return;
         }