@babylonjs/core 5.35.0 → 5.36.0

package/Engines/nativeEngine.js

@@ -12,10 +12,11 @@ import { ThinEngine } from "./thinEngine.js";
 import { EngineStore } from "./engineStore.js";
 import { ShaderCodeInliner } from "./Processors/shaderCodeInliner.js";
 import { WebGL2ShaderProcessor } from "../Engines/WebGL/webGL2ShaderProcessors.js";
-import { RenderTargetWrapper } from "./renderTargetWrapper.js";
 import { NativeDataStream } from "./Native/nativeDataStream.js";
 import { RuntimeError, ErrorCodes } from "../Misc/error.js";
-import { WebGLHardwareTexture } from "./WebGL/webGLHardwareTexture.js";
+import { NativePipelineContext } from "./Native/nativePipelineContext.js";
+import { NativeRenderTargetWrapper } from "./Native/nativeRenderTargetWrapper.js";
+import { NativeHardwareTexture } from "./Native/nativeHardwareTexture.js";
 const onNativeObjectInitialized = new Observable();
 if (typeof self !== "undefined" && !Object.prototype.hasOwnProperty.call(self, "_native")) {
     let __native;
@@ -50,538 +51,6 @@ export function AcquireNativeObjectAsync() {
 export async function RegisterNativeTypeAsync(typeName, constructor) {
     (await AcquireNativeObjectAsync())[typeName] = constructor;
 }
-class NativePipelineContext {
-    constructor(engine) {
-        // TODO: async should be true?
-        this.isAsync = false;
-        this.isReady = false;
-        this._valueCache = {};
-        this.engine = engine;
-    }
-    _getVertexShaderCode() {
-        return null;
-    }
-    _getFragmentShaderCode() {
-        return null;
-    }
-    // TODO: what should this do?
-    _handlesSpectorRebuildCallback(onCompiled) {
-        throw new Error("Not implemented");
-    }
-    _fillEffectInformation(effect, uniformBuffersNames, uniformsNames, uniforms, samplerList, samplers, attributesNames, attributes) {
-        const engine = this.engine;
-        if (engine.supportsUniformBuffers) {
-            for (const name in uniformBuffersNames) {
-                effect.bindUniformBlock(name, uniformBuffersNames[name]);
-            }
-        }
-        const effectAvailableUniforms = this.engine.getUniforms(this, uniformsNames);
-        effectAvailableUniforms.forEach((uniform, index) => {
-            uniforms[uniformsNames[index]] = uniform;
-        });
-        this._uniforms = uniforms;
-        let index;
-        for (index = 0; index < samplerList.length; index++) {
-            const sampler = effect.getUniform(samplerList[index]);
-            if (sampler == null) {
-                samplerList.splice(index, 1);
-                index--;
-            }
-        }
-        samplerList.forEach((name, index) => {
-            samplers[name] = index;
-        });
-        attributes.push(...engine.getAttributes(this, attributesNames));
-    }
-    /**
-     * Release all associated resources.
-     **/
-    dispose() {
-        this._uniforms = {};
-    }
-    /**
-     * @internal
-     */
-    _cacheMatrix(uniformName, matrix) {
-        const cache = this._valueCache[uniformName];
-        const flag = matrix.updateFlag;
-        if (cache !== undefined && cache === flag) {
-            return false;
-        }
-        this._valueCache[uniformName] = flag;
-        return true;
-    }
-    /**
-     * @internal
-     */
-    _cacheFloat2(uniformName, x, y) {
-        let cache = this._valueCache[uniformName];
-        if (!cache) {
-            cache = [x, y];
-            this._valueCache[uniformName] = cache;
-            return true;
-        }
-        let changed = false;
-        if (cache[0] !== x) {
-            cache[0] = x;
-            changed = true;
-        }
-        if (cache[1] !== y) {
-            cache[1] = y;
-            changed = true;
-        }
-        return changed;
-    }
-    /**
-     * @internal
-     */
-    _cacheFloat3(uniformName, x, y, z) {
-        let cache = this._valueCache[uniformName];
-        if (!cache) {
-            cache = [x, y, z];
-            this._valueCache[uniformName] = cache;
-            return true;
-        }
-        let changed = false;
-        if (cache[0] !== x) {
-            cache[0] = x;
-            changed = true;
-        }
-        if (cache[1] !== y) {
-            cache[1] = y;
-            changed = true;
-        }
-        if (cache[2] !== z) {
-            cache[2] = z;
-            changed = true;
-        }
-        return changed;
-    }
-    /**
-     * @internal
-     */
-    _cacheFloat4(uniformName, x, y, z, w) {
-        let cache = this._valueCache[uniformName];
-        if (!cache) {
-            cache = [x, y, z, w];
-            this._valueCache[uniformName] = cache;
-            return true;
-        }
-        let changed = false;
-        if (cache[0] !== x) {
-            cache[0] = x;
-            changed = true;
-        }
-        if (cache[1] !== y) {
-            cache[1] = y;
-            changed = true;
-        }
-        if (cache[2] !== z) {
-            cache[2] = z;
-            changed = true;
-        }
-        if (cache[3] !== w) {
-            cache[3] = w;
-            changed = true;
-        }
-        return changed;
-    }
-    /**
-     * Sets an integer value on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param value Value to be set.
-     */
-    setInt(uniformName, value) {
-        const cache = this._valueCache[uniformName];
-        if (cache !== undefined && cache === value) {
-            return;
-        }
-        if (this.engine.setInt(this._uniforms[uniformName], value)) {
-            this._valueCache[uniformName] = value;
-        }
-    }
-    /**
-     * Sets a int2 on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param x First int in int2.
-     * @param y Second int in int2.
-     */
-    setInt2(uniformName, x, y) {
-        if (this._cacheFloat2(uniformName, x, y)) {
-            if (!this.engine.setInt2(this._uniforms[uniformName], x, y)) {
-                this._valueCache[uniformName] = null;
-            }
-        }
-    }
-    /**
-     * Sets a int3 on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param x First int in int3.
-     * @param y Second int in int3.
-     * @param z Third int in int3.
-     */
-    setInt3(uniformName, x, y, z) {
-        if (this._cacheFloat3(uniformName, x, y, z)) {
-            if (!this.engine.setInt3(this._uniforms[uniformName], x, y, z)) {
-                this._valueCache[uniformName] = null;
-            }
-        }
-    }
-    /**
-     * Sets a int4 on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param x First int in int4.
-     * @param y Second int in int4.
-     * @param z Third int in int4.
-     * @param w Fourth int in int4.
-     */
-    setInt4(uniformName, x, y, z, w) {
-        if (this._cacheFloat4(uniformName, x, y, z, w)) {
-            if (!this.engine.setInt4(this._uniforms[uniformName], x, y, z, w)) {
-                this._valueCache[uniformName] = null;
-            }
-        }
-    }
-    /**
-     * Sets an int array on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param array array to be set.
-     */
-    setIntArray(uniformName, array) {
-        this._valueCache[uniformName] = null;
-        this.engine.setIntArray(this._uniforms[uniformName], array);
-    }
-    /**
-     * Sets an int array 2 on a uniform variable. (Array is specified as single array eg. [1,2,3,4] will result in [[1,2],[3,4]] in the shader)
-     * @param uniformName Name of the variable.
-     * @param array array to be set.
-     */
-    setIntArray2(uniformName, array) {
-        this._valueCache[uniformName] = null;
-        this.engine.setIntArray2(this._uniforms[uniformName], array);
-    }
-    /**
-     * Sets an int array 3 on a uniform variable. (Array is specified as single array eg. [1,2,3,4,5,6] will result in [[1,2,3],[4,5,6]] in the shader)
-     * @param uniformName Name of the variable.
-     * @param array array to be set.
-     */
-    setIntArray3(uniformName, array) {
-        this._valueCache[uniformName] = null;
-        this.engine.setIntArray3(this._uniforms[uniformName], array);
-    }
-    /**
-     * Sets an int array 4 on a uniform variable. (Array is specified as single array eg. [1,2,3,4,5,6,7,8] will result in [[1,2,3,4],[5,6,7,8]] in the shader)
-     * @param uniformName Name of the variable.
-     * @param array array to be set.
-     */
-    setIntArray4(uniformName, array) {
-        this._valueCache[uniformName] = null;
-        this.engine.setIntArray4(this._uniforms[uniformName], array);
-    }
-    /**
-     * Sets an float array on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param array array to be set.
-     */
-    setFloatArray(uniformName, array) {
-        this._valueCache[uniformName] = null;
-        this.engine.setFloatArray(this._uniforms[uniformName], array);
-    }
-    /**
-     * Sets an float array 2 on a uniform variable. (Array is specified as single array eg. [1,2,3,4] will result in [[1,2],[3,4]] in the shader)
-     * @param uniformName Name of the variable.
-     * @param array array to be set.
-     */
-    setFloatArray2(uniformName, array) {
-        this._valueCache[uniformName] = null;
-        this.engine.setFloatArray2(this._uniforms[uniformName], array);
-    }
-    /**
-     * Sets an float array 3 on a uniform variable. (Array is specified as single array eg. [1,2,3,4,5,6] will result in [[1,2,3],[4,5,6]] in the shader)
-     * @param uniformName Name of the variable.
-     * @param array array to be set.
-     */
-    setFloatArray3(uniformName, array) {
-        this._valueCache[uniformName] = null;
-        this.engine.setFloatArray3(this._uniforms[uniformName], array);
-    }
-    /**
-     * Sets an float array 4 on a uniform variable. (Array is specified as single array eg. [1,2,3,4,5,6,7,8] will result in [[1,2,3,4],[5,6,7,8]] in the shader)
-     * @param uniformName Name of the variable.
-     * @param array array to be set.
-     */
-    setFloatArray4(uniformName, array) {
-        this._valueCache[uniformName] = null;
-        this.engine.setFloatArray4(this._uniforms[uniformName], array);
-    }
-    /**
-     * Sets an array on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param array array to be set.
-     */
-    setArray(uniformName, array) {
-        this._valueCache[uniformName] = null;
-        this.engine.setArray(this._uniforms[uniformName], array);
-    }
-    /**
-     * Sets an array 2 on a uniform variable. (Array is specified as single array eg. [1,2,3,4] will result in [[1,2],[3,4]] in the shader)
-     * @param uniformName Name of the variable.
-     * @param array array to be set.
-     */
-    setArray2(uniformName, array) {
-        this._valueCache[uniformName] = null;
-        this.engine.setArray2(this._uniforms[uniformName], array);
-    }
-    /**
-     * Sets an array 3 on a uniform variable. (Array is specified as single array eg. [1,2,3,4,5,6] will result in [[1,2,3],[4,5,6]] in the shader)
-     * @param uniformName Name of the variable.
-     * @param array array to be set.
-     * @returns this effect.
-     */
-    setArray3(uniformName, array) {
-        this._valueCache[uniformName] = null;
-        this.engine.setArray3(this._uniforms[uniformName], array);
-    }
-    /**
-     * Sets an array 4 on a uniform variable. (Array is specified as single array eg. [1,2,3,4,5,6,7,8] will result in [[1,2,3,4],[5,6,7,8]] in the shader)
-     * @param uniformName Name of the variable.
-     * @param array array to be set.
-     */
-    setArray4(uniformName, array) {
-        this._valueCache[uniformName] = null;
-        this.engine.setArray4(this._uniforms[uniformName], array);
-    }
-    /**
-     * Sets matrices on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param matrices matrices to be set.
-     */
-    setMatrices(uniformName, matrices) {
-        if (!matrices) {
-            return;
-        }
-        this._valueCache[uniformName] = null;
-        this.engine.setMatrices(this._uniforms[uniformName], matrices);
-    }
-    /**
-     * Sets matrix on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param matrix matrix to be set.
-     */
-    setMatrix(uniformName, matrix) {
-        if (this._cacheMatrix(uniformName, matrix)) {
-            if (!this.engine.setMatrices(this._uniforms[uniformName], matrix.toArray())) {
-                this._valueCache[uniformName] = null;
-            }
-        }
-    }
-    /**
-     * Sets a 3x3 matrix on a uniform variable. (Specified as [1,2,3,4,5,6,7,8,9] will result in [1,2,3][4,5,6][7,8,9] matrix)
-     * @param uniformName Name of the variable.
-     * @param matrix matrix to be set.
-     */
-    setMatrix3x3(uniformName, matrix) {
-        this._valueCache[uniformName] = null;
-        this.engine.setMatrix3x3(this._uniforms[uniformName], matrix);
-    }
-    /**
-     * Sets a 2x2 matrix on a uniform variable. (Specified as [1,2,3,4] will result in [1,2][3,4] matrix)
-     * @param uniformName Name of the variable.
-     * @param matrix matrix to be set.
-     */
-    setMatrix2x2(uniformName, matrix) {
-        this._valueCache[uniformName] = null;
-        this.engine.setMatrix2x2(this._uniforms[uniformName], matrix);
-    }
-    /**
-     * Sets a float on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param value value to be set.
-     * @returns this effect.
-     */
-    setFloat(uniformName, value) {
-        const cache = this._valueCache[uniformName];
-        if (cache !== undefined && cache === value) {
-            return;
-        }
-        if (this.engine.setFloat(this._uniforms[uniformName], value)) {
-            this._valueCache[uniformName] = value;
-        }
-    }
-    /**
-     * Sets a boolean on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param bool value to be set.
-     */
-    setBool(uniformName, bool) {
-        const cache = this._valueCache[uniformName];
-        if (cache !== undefined && cache === bool) {
-            return;
-        }
-        if (this.engine.setInt(this._uniforms[uniformName], bool ? 1 : 0)) {
-            this._valueCache[uniformName] = bool ? 1 : 0;
-        }
-    }
-    /**
-     * Sets a Vector2 on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param vector2 vector2 to be set.
-     */
-    setVector2(uniformName, vector2) {
-        if (this._cacheFloat2(uniformName, vector2.x, vector2.y)) {
-            if (!this.engine.setFloat2(this._uniforms[uniformName], vector2.x, vector2.y)) {
-                this._valueCache[uniformName] = null;
-            }
-        }
-    }
-    /**
-     * Sets a float2 on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param x First float in float2.
-     * @param y Second float in float2.
-     */
-    setFloat2(uniformName, x, y) {
-        if (this._cacheFloat2(uniformName, x, y)) {
-            if (!this.engine.setFloat2(this._uniforms[uniformName], x, y)) {
-                this._valueCache[uniformName] = null;
-            }
-        }
-    }
-    /**
-     * Sets a Vector3 on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param vector3 Value to be set.
-     */
-    setVector3(uniformName, vector3) {
-        if (this._cacheFloat3(uniformName, vector3.x, vector3.y, vector3.z)) {
-            if (!this.engine.setFloat3(this._uniforms[uniformName], vector3.x, vector3.y, vector3.z)) {
-                this._valueCache[uniformName] = null;
-            }
-        }
-    }
-    /**
-     * Sets a float3 on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param x First float in float3.
-     * @param y Second float in float3.
-     * @param z Third float in float3.
-     */
-    setFloat3(uniformName, x, y, z) {
-        if (this._cacheFloat3(uniformName, x, y, z)) {
-            if (!this.engine.setFloat3(this._uniforms[uniformName], x, y, z)) {
-                this._valueCache[uniformName] = null;
-            }
-        }
-    }
-    /**
-     * Sets a Vector4 on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param vector4 Value to be set.
-     */
-    setVector4(uniformName, vector4) {
-        if (this._cacheFloat4(uniformName, vector4.x, vector4.y, vector4.z, vector4.w)) {
-            if (!this.engine.setFloat4(this._uniforms[uniformName], vector4.x, vector4.y, vector4.z, vector4.w)) {
-                this._valueCache[uniformName] = null;
-            }
-        }
-    }
-    /**
-     * Sets a Quaternion on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param quaternion Value to be set.
-     */
-    setQuaternion(uniformName, quaternion) {
-        if (this._cacheFloat4(uniformName, quaternion.x, quaternion.y, quaternion.z, quaternion.w)) {
-            if (!this.engine.setFloat4(this._uniforms[uniformName], quaternion.x, quaternion.y, quaternion.z, quaternion.w)) {
-                this._valueCache[uniformName] = null;
-            }
-        }
-    }
-    /**
-     * Sets a float4 on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param x First float in float4.
-     * @param y Second float in float4.
-     * @param z Third float in float4.
-     * @param w Fourth float in float4.
-     * @returns this effect.
-     */
-    setFloat4(uniformName, x, y, z, w) {
-        if (this._cacheFloat4(uniformName, x, y, z, w)) {
-            if (!this.engine.setFloat4(this._uniforms[uniformName], x, y, z, w)) {
-                this._valueCache[uniformName] = null;
-            }
-        }
-    }
-    /**
-     * Sets a Color3 on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param color3 Value to be set.
-     */
-    setColor3(uniformName, color3) {
-        if (this._cacheFloat3(uniformName, color3.r, color3.g, color3.b)) {
-            if (!this.engine.setFloat3(this._uniforms[uniformName], color3.r, color3.g, color3.b)) {
-                this._valueCache[uniformName] = null;
-            }
-        }
-    }
-    /**
-     * Sets a Color4 on a uniform variable.
-     * @param uniformName Name of the variable.
-     * @param color3 Value to be set.
-     * @param alpha Alpha value to be set.
-     */
-    setColor4(uniformName, color3, alpha) {
-        if (this._cacheFloat4(uniformName, color3.r, color3.g, color3.b, alpha)) {
-            if (!this.engine.setFloat4(this._uniforms[uniformName], color3.r, color3.g, color3.b, alpha)) {
-                this._valueCache[uniformName] = null;
-            }
-        }
-    }
-    /**
-     * Sets a Color4 on a uniform variable
-     * @param uniformName defines the name of the variable
-     * @param color4 defines the value to be set
-     */
-    setDirectColor4(uniformName, color4) {
-        if (this._cacheFloat4(uniformName, color4.r, color4.g, color4.b, color4.a)) {
-            if (!this.engine.setFloat4(this._uniforms[uniformName], color4.r, color4.g, color4.b, color4.a)) {
-                this._valueCache[uniformName] = null;
-            }
-        }
-    }
-}
-class NativeRenderTargetWrapper extends RenderTargetWrapper {
-    constructor(isMulti, isCube, size, engine) {
-        super(isMulti, isCube, size, engine);
-        this.__framebuffer = null;
-        this.__framebufferDepthStencil = null;
-        this._engine = engine;
-    }
-    get _framebuffer() {
-        return this.__framebuffer;
-    }
-    set _framebuffer(framebuffer) {
-        if (this.__framebuffer) {
-            this._engine._releaseFramebufferObjects(this.__framebuffer);
-        }
-        this.__framebuffer = framebuffer;
-    }
-    get _framebufferDepthStencil() {
-        return this.__framebufferDepthStencil;
-    }
-    set _framebufferDepthStencil(framebufferDepthStencil) {
-        if (this.__framebufferDepthStencil) {
-            this._engine._releaseFramebufferObjects(this.__framebufferDepthStencil);
-        }
-        this.__framebufferDepthStencil = framebufferDepthStencil;
-    }
-    dispose(disposeOnlyFramebuffers = false) {
-        this._framebuffer = null;
-        this._framebufferDepthStencil = null;
-        super.dispose(disposeOnlyFramebuffers);
-    }
-}
 /**
  * Container for accessors for natively-stored mesh data buffers.
  */
@@ -1010,13 +479,13 @@ export class NativeEngine extends Engine {
     createDrawContext() {
         return undefined;
     }
-    _preparePipelineContext(pipelineContext, vertexSourceCode, fragmentSourceCode, createAsRaw, rawVertexSourceCode, rawFragmentSourceCode, rebuildRebind, defines, transformFeedbackVaryings) {
+    _preparePipelineContext(pipelineContext, vertexSourceCode, fragmentSourceCode, createAsRaw, _rawVertexSourceCode, _rawFragmentSourceCode, _rebuildRebind, defines) {
         const nativePipelineContext = pipelineContext;
         if (createAsRaw) {
-            nativePipelineContext.nativeProgram = this.createRawShaderProgram(pipelineContext, vertexSourceCode, fragmentSourceCode, undefined, transformFeedbackVaryings);
+            nativePipelineContext.nativeProgram = this.createRawShaderProgram();
         }
         else {
-            nativePipelineContext.nativeProgram = this.createShaderProgram(pipelineContext, vertexSourceCode, fragmentSourceCode, defines, undefined, transformFeedbackVaryings);
+            nativePipelineContext.nativeProgram = this.createShaderProgram(pipelineContext, vertexSourceCode, fragmentSourceCode, defines);
         }
     }
     /**
@@ -1033,10 +502,10 @@ export class NativeEngine extends Engine {
         // TODO: support async shader compilcation
         action();
     }
-    createRawShaderProgram(pipelineContext, vertexCode, fragmentCode, context, transformFeedbackVaryings = null) {
+    createRawShaderProgram() {
         throw new Error("Not Supported");
     }
-    createShaderProgram(pipelineContext, vertexCode, fragmentCode, defines, context, transformFeedbackVaryings = null) {
+    createShaderProgram(_pipelineContext, vertexCode, fragmentCode, defines) {
         this.onBeforeShaderCompilationObservable.notifyObservers(this);
         const vertexInliner = new ShaderCodeInliner(vertexCode);
         vertexInliner.processCode();
@@ -1098,16 +567,6 @@ export class NativeEngine extends Engine {
         }
         this._currentEffect = null;
     }
-    setMatrix(uniform, matrix) {
-        if (!uniform) {
-            return;
-        }
-        const matrixArray = matrix.toArray();
-        this._commandBufferEncoder.startEncodingCommand(_native.Engine.COMMAND_SETMATRIX);
-        this._commandBufferEncoder.encodeCommandArgAsNativeData(uniform);
-        this._commandBufferEncoder.encodeCommandArgAsFloat32s(matrixArray);
-        this._commandBufferEncoder.finishEncodingCommand();
-    }
     getRenderWidth(useScreen = false) {
         if (!useScreen && this._currentRenderTarget) {
             return this._currentRenderTarget.width;
@@ -1766,10 +1225,10 @@ export class NativeEngine extends Engine {
         texture.samplingMode = samplingMode;
         texture.is2DArray = true;
         if (texture._hardwareTexture) {
-            const webGLTexture = texture._hardwareTexture.underlyingResource;
-            this._engine.loadRawTexture2DArray(webGLTexture, data, width, height, depth, this._getNativeTextureFormat(format, textureType), generateMipMaps, invertY);
+            const nativeTexture = texture._hardwareTexture.underlyingResource;
+            this._engine.loadRawTexture2DArray(nativeTexture, data, width, height, depth, this._getNativeTextureFormat(format, textureType), generateMipMaps, invertY);
             const filter = this._getNativeSamplingMode(samplingMode);
-            this._setTextureSampling(webGLTexture, filter);
+            this._setTextureSampling(nativeTexture, filter);
         }
         texture.isReady = true;
         this._internalTexturesCache.push(texture);
@@ -1788,7 +1247,7 @@ export class NativeEngine extends Engine {
     // TODO: Refactor to share more logic with babylon.engine.ts version.
     /**
      * Usually called from Texture.ts.
-     * Passed information to create a WebGLTexture
+     * Passed information to create a NativeTexture
      * @param url defines a value which contains one of the following:
      * * A conventional http URL, e.g. 'http://...' or 'file://...'
      * * A base64 string of in-line texture data, e.g. 'data:image/jpg;base64,/...'
@@ -1932,8 +1391,7 @@ export class NativeEngine extends Engine {
      * @returns the babylon internal texture
      */
     wrapNativeTexture(texture) {
-        // Currently native is using the WebGL wrapper
-        const hardwareTexture = new WebGLHardwareTexture(texture, this._gl);
+        const hardwareTexture = new NativeHardwareTexture(texture, this._engine);
         const internalTexture = new InternalTexture(this, InternalTextureSource.Unknown, true);
         internalTexture._hardwareTexture = hardwareTexture;
         internalTexture.isReady = true;
@@ -1947,11 +1405,12 @@ export class NativeEngine extends Engine {
         throw new Error("wrapWebGLTexture is not supported, use wrapNativeTexture instead.");
     }
     _createDepthStencilTexture(size, options, rtWrapper) {
+        // TODO: options?
         const nativeRTWrapper = rtWrapper;
         const texture = new InternalTexture(this, InternalTextureSource.DepthStencil);
         const width = size.width || size;
         const height = size.height || size;
-        const framebuffer = this._engine.createFrameBuffer(texture._hardwareTexture.underlyingResource, width, height, _native.Engine.TEXTURE_FORMAT_RGBA8, false, true, false);
+        const framebuffer = this._engine.createFrameBuffer(texture._hardwareTexture.underlyingResource, width, height, true, true);
         nativeRTWrapper._framebufferDepthStencil = framebuffer;
         return texture;
     }
@@ -1965,9 +1424,8 @@ export class NativeEngine extends Engine {
             this._commandBufferEncoder.finishEncodingCommand();
         }
     }
-    /** @internal */
     /**
-     * Engine abstraction for loading and creating an image bitmap from a given source string.
+     * @internal Engine abstraction for loading and creating an image bitmap from a given source string.
      * @param imageSource source to load the image from.
      * @param options An object that sets options for the image's extraction.
      * @returns ImageBitmap
@@ -2119,64 +1577,100 @@ export class NativeEngine extends Engine {
         this._internalTexturesCache.push(texture);
         return texture;
     }
-    /**
-     * @internal
-     */
+    /** @internal */
+    _createHardwareTexture() {
+        return new NativeHardwareTexture(this._createTexture(), this._engine);
+    }
+    /** @internal */
     _createHardwareRenderTargetWrapper(isMulti, isCube, size) {
         const rtWrapper = new NativeRenderTargetWrapper(isMulti, isCube, size, this);
         this._renderTargetWrapperCache.push(rtWrapper);
         return rtWrapper;
     }
-    createRenderTargetTexture(size, options) {
-        const rtWrapper = this._createHardwareRenderTargetWrapper(false, false, size);
-        const fullOptions = {};
+    /** @internal */
+    _createInternalTexture(size, options, _delayGPUTextureCreation = true, source = InternalTextureSource.Unknown) {
+        var _a;
+        let generateMipMaps = false;
+        let type = 0;
+        let samplingMode = 3;
+        let format = 5;
+        let useSRGBBuffer = false;
+        let samples = 1;
         if (options !== undefined && typeof options === "object") {
-            fullOptions.generateMipMaps = options.generateMipMaps;
-            fullOptions.generateDepthBuffer = options.generateDepthBuffer === undefined ? true : options.generateDepthBuffer;
-            fullOptions.generateStencilBuffer = fullOptions.generateDepthBuffer && options.generateStencilBuffer;
-            fullOptions.type = options.type === undefined ? 0 : options.type;
-            fullOptions.samplingMode = options.samplingMode === undefined ? 3 : options.samplingMode;
-            fullOptions.format = options.format === undefined ? 5 : options.format;
+            generateMipMaps = !!options.generateMipMaps;
+            type = options.type === undefined ? 0 : options.type;
+            samplingMode = options.samplingMode === undefined ? 3 : options.samplingMode;
+            format = options.format === undefined ? 5 : options.format;
+            useSRGBBuffer = options.useSRGBBuffer === undefined ? false : options.useSRGBBuffer;
+            samples = (_a = options.samples) !== null && _a !== void 0 ? _a : 1;
         }
         else {
-            fullOptions.generateMipMaps = options;
-            fullOptions.generateDepthBuffer = true;
-            fullOptions.generateStencilBuffer = false;
-            fullOptions.type = 0;
-            fullOptions.samplingMode = 3;
-            fullOptions.format = 5;
-        }
-        if (fullOptions.type === 1 && !this._caps.textureFloatLinearFiltering) {
+            generateMipMaps = !!options;
+        }
+        useSRGBBuffer && (useSRGBBuffer = this._caps.supportSRGBBuffers && (this.webGLVersion > 1 || this.isWebGPU));
+        if (type === 1 && !this._caps.textureFloatLinearFiltering) {
             // if floating point linear (gl.FLOAT) then force to NEAREST_SAMPLINGMODE
-            fullOptions.samplingMode = 1;
+            samplingMode = 1;
         }
-        else if (fullOptions.type === 2 && !this._caps.textureHalfFloatLinearFiltering) {
+        else if (type === 2 && !this._caps.textureHalfFloatLinearFiltering) {
             // if floating point linear (HALF_FLOAT) then force to NEAREST_SAMPLINGMODE
-            fullOptions.samplingMode = 1;
+            samplingMode = 1;
+        }
+        if (type === 1 && !this._caps.textureFloat) {
+            type = 0;
+            Logger.Warn("Float textures are not supported. Type forced to TEXTURETYPE_UNSIGNED_BYTE");
         }
-        const texture = new InternalTexture(this, InternalTextureSource.RenderTarget);
+        const texture = new InternalTexture(this, source);
         const width = size.width || size;
         const height = size.height || size;
-        if (fullOptions.type === 1 && !this._caps.textureFloat) {
-            fullOptions.type = 0;
-            Logger.Warn("Float textures are not supported. Render target forced to TEXTURETYPE_UNSIGNED_BYTE type");
-        }
-        const framebuffer = this._engine.createFrameBuffer(texture._hardwareTexture.underlyingResource, width, height, this._getNativeTextureFormat(fullOptions.format, fullOptions.type), fullOptions.generateStencilBuffer ? true : false, fullOptions.generateDepthBuffer, fullOptions.generateMipMaps ? true : false);
-        rtWrapper._framebuffer = framebuffer;
-        rtWrapper._generateDepthBuffer = fullOptions.generateDepthBuffer;
-        rtWrapper._generateStencilBuffer = fullOptions.generateStencilBuffer ? true : false;
+        const layers = size.layers || 0;
+        if (layers !== 0) {
+            throw new Error("Texture layers are not supported in Babylon Native");
+        }
+        const nativeTexture = texture._hardwareTexture.underlyingResource;
+        const nativeTextureFormat = this._getNativeTextureFormat(format, type);
+        // REVIEW: We are always setting the renderTarget flag as we don't know whether the texture will be used as a render target.
+        this._engine.initializeTexture(nativeTexture, width, height, generateMipMaps, nativeTextureFormat, true, useSRGBBuffer);
+        this._setTextureSampling(nativeTexture, this._getNativeSamplingMode(samplingMode));
+        texture._useSRGBBuffer = useSRGBBuffer;
         texture.baseWidth = width;
         texture.baseHeight = height;
         texture.width = width;
         texture.height = height;
+        texture.depth = layers;
         texture.isReady = true;
-        texture.samples = 1;
-        texture.generateMipMaps = fullOptions.generateMipMaps ? true : false;
-        texture.samplingMode = fullOptions.samplingMode;
-        texture.type = fullOptions.type;
-        texture.format = fullOptions.format;
+        texture.samples = samples;
+        texture.generateMipMaps = generateMipMaps;
+        texture.samplingMode = samplingMode;
+        texture.type = type;
+        texture.format = format;
         this._internalTexturesCache.push(texture);
+        return texture;
+    }
+    createRenderTargetTexture(size, options) {
+        const rtWrapper = this._createHardwareRenderTargetWrapper(false, false, size);
+        let generateDepthBuffer = true;
+        let generateStencilBuffer = false;
+        let noColorAttachment = false;
+        let colorAttachment = undefined;
+        //let samples = 1;
+        if (options !== undefined && typeof options === "object") {
+            generateDepthBuffer = !!options.generateDepthBuffer;
+            generateStencilBuffer = !!options.generateStencilBuffer;
+            noColorAttachment = !!options.noColorAttachment;
+            colorAttachment = options.colorAttachment;
+            //samples = options.samples ?? 1;
+        }
+        const texture = colorAttachment || (noColorAttachment ? null : this._createInternalTexture(size, options, true, InternalTextureSource.RenderTarget));
+        const width = size.width || size;
+        const height = size.height || size;
+        const framebuffer = this._engine.createFrameBuffer(texture ? texture._hardwareTexture.underlyingResource : null, width, height, generateStencilBuffer, generateDepthBuffer);
+        rtWrapper._framebuffer = framebuffer;
+        rtWrapper._generateDepthBuffer = generateDepthBuffer;
+        rtWrapper._generateStencilBuffer = generateStencilBuffer;
         rtWrapper.setTextures(texture);
+        // TODO: handle this in native
+        //this.updateRenderTargetTextureSampleCount(rtWrapper, samples);
         return rtWrapper;
     }
     updateTextureSamplingMode(samplingMode, texture) {
@@ -2188,6 +1682,10 @@ export class NativeEngine extends Engine {
     }
     bindFramebuffer(texture, faceIndex, requiredWidth, requiredHeight, forceFullscreenViewport) {
         const nativeRTWrapper = texture;
+        if (this._currentRenderTarget) {
+            this.unBindFramebuffer(this._currentRenderTarget);
+        }
+        this._currentRenderTarget = texture;
         if (faceIndex) {
             throw new Error("Cuboid frame buffers are not yet supported in NativeEngine.");
         }
@@ -2206,6 +1704,7 @@ export class NativeEngine extends Engine {
     }
     unBindFramebuffer(texture, disableGenerateMipMaps = false, onBeforeUnbind) {
         // NOTE: Disabling mipmap generation is not yet supported in NativeEngine.
+        this._currentRenderTarget = null;
         if (onBeforeUnbind) {
             onBeforeUnbind();
         }
@@ -2235,7 +1734,7 @@ export class NativeEngine extends Engine {
         if (!texture) {
             if (this._boundTexturesCache[channel] != null) {
                 this._activeChannel = channel;
-                this._setTextureCore(uniform, null);
+                this._boundTexturesCache[channel] = null;
             }
             return false;
         }
@@ -2546,6 +2045,9 @@ export class NativeEngine extends Engine {
         else if (format == 5 && type == 0) {
             return _native.Engine.TEXTURE_FORMAT_RGBA8;
         }
+        else if (format == 5 && type == 2) {
+            return _native.Engine.TEXTURE_FORMAT_RGBA16F;
+        }
         else if (format == 5 && type == 1) {
             return _native.Engine.TEXTURE_FORMAT_RGBA32F;
         }
@@ -2602,7 +2104,7 @@ export class NativeEngine extends Engine {
         const result = { ascent: 0, height: 0, descent: 0 };
         return result;
     }
-    _readTexturePixels(texture, width, height, faceIndex, level, buffer, flushRenderer, noDataConversion, x, y) {
+    _readTexturePixels(texture, width, height, faceIndex, level, buffer, _flushRenderer, _noDataConversion, x, y) {
         var _a, _b, _c, _d;
         if (faceIndex !== undefined && faceIndex !== -1) {
             throw new Error(`Reading cubemap faces is not supported, but faceIndex is ${faceIndex}.`);
@@ -2618,5 +2120,5 @@ export class NativeEngine extends Engine {
     }
 }
 // This must match the protocol version in NativeEngine.cpp
-NativeEngine.PROTOCOL_VERSION = 6;
+NativeEngine.PROTOCOL_VERSION = 7;
 //# sourceMappingURL=nativeEngine.js.map