@galacean/engine-loader 1.4.15 → 1.5.0-alpha.0

package/dist/main.js

@@ -437,9 +437,10 @@ exports.Texture2DDecoder = /*#__PURE__*/ function() {
             var width = bufferReader.nextUint16();
             var height = bufferReader.nextUint16();
             var isPixelBuffer = bufferReader.nextUint8();
+            var isSRGBColorSpace = !!bufferReader.nextUint8();
             var mipCount = bufferReader.nextUint8();
             var imagesData = bufferReader.nextImagesData(mipCount);
-            var texture2D = new engineCore.Texture2D(engine, width, height, format, mipmap);
+            var texture2D = new engineCore.Texture2D(engine, width, height, format, mipmap, isSRGBColorSpace);
             texture2D.filterMode = filterMode;
             texture2D.anisoLevel = anisoLevel;
             texture2D.wrapModeU = wrapModeU;
@@ -1690,7 +1691,7 @@ var EnvLoader = /*#__PURE__*/ function(Loader) {
         var _this;
         var shByteLength = 27 * 4;
         var size = (_this = new Uint16Array(buffer, shByteLength, 1)) == null ? void 0 : _this[0];
-        texture || (texture = new engineCore.TextureCube(engine, size));
+        texture || (texture = new engineCore.TextureCube(engine, size, undefined, undefined, false));
         texture.filterMode = engineCore.TextureFilterMode.Trilinear;
         var mipmapCount = texture.mipmapCount;
         var offset = shByteLength + 2;
@@ -2421,8 +2422,8 @@ var GLTFParserType = /*#__PURE__*/ function(GLTFParserType) {
 }({});
 var _obj$3;
 var glTFSchemaMap = (_obj$3 = {}, _obj$3[2] = "scenes", _obj$3[3] = "buffers", _obj$3[5] = "textures", _obj$3[6] = "materials", _obj$3[7] = "meshes", _obj$3[8] = "nodes", _obj$3[9] = "skins", _obj$3[10] = "animations", _obj$3[4] = "bufferViews", _obj$3);
-var _obj1;
-var glTFResourceMap = (_obj1 = {}, _obj1[2] = "_sceneRoots", _obj1[5] = "textures", _obj1[6] = "materials", _obj1[7] = "meshes", _obj1[8] = "entities", _obj1[9] = "skins", _obj1[10] = "animations", _obj1[11] = "animatorController", _obj1);
+var _obj1$1;
+var glTFResourceMap = (_obj1$1 = {}, _obj1$1[2] = "_sceneRoots", _obj1$1[5] = "textures", _obj1$1[6] = "materials", _obj1$1[7] = "meshes", _obj1$1[8] = "entities", _obj1$1[9] = "skins", _obj1$1[10] = "animations", _obj1$1[11] = "animatorController", _obj1$1);
 function registerGLTFParser(pipeline) {
     return function(Parser) {
         var parser = new Parser();
@@ -2817,6 +2818,11 @@ function registerGLTFParser(pipeline) {
     return GLTFUtils;
 }();
 
+var DFDTransferFunction = /*#__PURE__*/ function(DFDTransferFunction) {
+    DFDTransferFunction[DFDTransferFunction["linear"] = 1] = "linear";
+    DFDTransferFunction[DFDTransferFunction["sRGB"] = 2] = "sRGB";
+    return DFDTransferFunction;
+}({});
 var SupercompressionScheme = /*#__PURE__*/ function(SupercompressionScheme) {
     SupercompressionScheme[SupercompressionScheme["None"] = 0] = "None";
     SupercompressionScheme[SupercompressionScheme["BasisLZ"] = 1] = "BasisLZ";
@@ -3611,8 +3617,8 @@ exports.KTX2Loader = /*#__PURE__*/ function(Loader) {
                 type: "arraybuffer"
             }).onProgress(setTaskCompleteProgress, setTaskDetailProgress).then(function(buffer) {
                 return KTX2Loader._parseBuffer(new Uint8Array(buffer), resourceManager.engine, item.params).then(function(param) {
-                    var engine = param.engine, result = param.result, targetFormat = param.targetFormat, params = param.params;
-                    return KTX2Loader._createTextureByBuffer(engine, result, targetFormat, params);
+                    var ktx2Container = param.ktx2Container, engine = param.engine, result = param.result, targetFormat = param.targetFormat, params = param.params;
+                    return KTX2Loader._createTextureByBuffer(engine, ktx2Container.isSRGB, result, targetFormat, params);
                 });
             }).then(resolve).catch(reject);
         });
@@ -3646,6 +3652,7 @@ exports.KTX2Loader = /*#__PURE__*/ function(Loader) {
         }
         return transcodeResultPromise.then(function(result) {
             return {
+                ktx2Container: ktx2Container,
                 engine: engine,
                 result: result,
                 targetFormat: targetFormat,
@@ -3653,7 +3660,7 @@ exports.KTX2Loader = /*#__PURE__*/ function(Loader) {
             };
         });
     };
-    /** @internal */ KTX2Loader._createTextureByBuffer = function _createTextureByBuffer(engine, transcodeResult, targetFormat, params) {
+    /** @internal */ KTX2Loader._createTextureByBuffer = function _createTextureByBuffer(engine, isSRGB, transcodeResult, targetFormat, params) {
         var width = transcodeResult.width, height = transcodeResult.height, faces = transcodeResult.faces;
         var faceCount = faces.length;
         var mipmaps = faces[0];
@@ -3661,13 +3668,13 @@ exports.KTX2Loader = /*#__PURE__*/ function(Loader) {
         var engineFormat = this._getEngineTextureFormat(targetFormat, transcodeResult);
         var texture;
         if (faceCount !== 6) {
-            texture = new engineCore.Texture2D(engine, width, height, engineFormat, mipmap);
+            texture = new engineCore.Texture2D(engine, width, height, engineFormat, mipmap, isSRGB);
             for(var mipLevel = 0; mipLevel < mipmaps.length; mipLevel++){
                 var data = mipmaps[mipLevel].data;
                 texture.setPixelBuffer(data, mipLevel);
             }
         } else {
-            texture = new engineCore.TextureCube(engine, height, engineFormat, mipmap);
+            texture = new engineCore.TextureCube(engine, height, engineFormat, mipmap, isSRGB);
             for(var i = 0; i < faces.length; i++){
                 var faceData = faces[i];
                 for(var mipLevel1 = 0; mipLevel1 < mipmaps.length; mipLevel1++){
@@ -3685,8 +3692,9 @@ exports.KTX2Loader = /*#__PURE__*/ function(Loader) {
     };
     KTX2Loader._decideTargetFormat = function _decideTargetFormat(engine, ktx2Container, priorityFormats) {
         var renderer = engine._hardwareRenderer;
-        var targetFormat = this._detectSupportedFormat(renderer, priorityFormats);
-        if (targetFormat === KTX2TargetFormat.PVRTC && (!engineMath.MathUtil.isPowerOf2(ktx2Container.pixelWidth) || !engineMath.MathUtil.isPowerOf2(ktx2Container.pixelHeight) || ktx2Container.pixelWidth !== ktx2Container.pixelHeight)) {
+        var isSRGB = ktx2Container.isSRGB, pixelWidth = ktx2Container.pixelWidth, pixelHeight = ktx2Container.pixelHeight;
+        var targetFormat = this._detectSupportedFormat(renderer, priorityFormats, isSRGB);
+        if (targetFormat === KTX2TargetFormat.PVRTC && (!engineMath.MathUtil.isPowerOf2(pixelWidth) || !engineMath.MathUtil.isPowerOf2(pixelHeight) || pixelWidth !== pixelHeight)) {
             engineCore.Logger.warn("PVRTC image need power of 2 and width===height, downgrade to RGBA8");
             return KTX2TargetFormat.R8G8B8A8;
         }
@@ -3696,10 +3704,11 @@ exports.KTX2Loader = /*#__PURE__*/ function(Loader) {
         }
         return targetFormat;
     };
-    KTX2Loader._detectSupportedFormat = function _detectSupportedFormat(renderer, priorityFormats) {
+    KTX2Loader._detectSupportedFormat = function _detectSupportedFormat(renderer, priorityFormats, isSRGB) {
         for(var i = 0; i < priorityFormats.length; i++){
+            var _this__capabilityMap_format;
             var format = priorityFormats[i];
-            var capabilities = this._supportedMap[format];
+            var capabilities = (_this__capabilityMap_format = this._capabilityMap[format]) == null ? void 0 : _this__capabilityMap_format[isSRGB ? DFDTransferFunction.sRGB : DFDTransferFunction.linear];
             if (capabilities) {
                 for(var j = 0; j < capabilities.length; j++){
                     if (renderer.canIUse(capabilities[j])) {
@@ -3765,19 +3774,31 @@ exports.KTX2Loader._priorityFormats = {
         KTX2TargetFormat.PVRTC
     ]
 };
-var _obj$1;
-exports.KTX2Loader._supportedMap = (_obj$1 = {}, _obj$1[KTX2TargetFormat.ASTC] = [
-    engineCore.GLCapabilityType.astc
-], _obj$1[KTX2TargetFormat.ETC] = [
-    engineCore.GLCapabilityType.etc
-], _obj$1[KTX2TargetFormat.BC7] = [
+var _obj$1, _obj1, _obj2, _obj3, _obj4, _obj5;
+exports.KTX2Loader._capabilityMap = (_obj5 = {}, _obj5[KTX2TargetFormat.ASTC] = (_obj$1 = {}, _obj$1[DFDTransferFunction.linear] = [
+    engineCore.GLCapabilityType.astc,
+    engineCore.GLCapabilityType.astc_webkit
+], _obj$1[DFDTransferFunction.sRGB] = [
+    engineCore.GLCapabilityType.astc,
+    engineCore.GLCapabilityType.astc_webkit
+], _obj$1), _obj5[KTX2TargetFormat.ETC] = (_obj1 = {}, _obj1[DFDTransferFunction.linear] = [
+    engineCore.GLCapabilityType.etc,
+    engineCore.GLCapabilityType.etc_webkit
+], _obj1[DFDTransferFunction.sRGB] = [
+    engineCore.GLCapabilityType.etc,
+    engineCore.GLCapabilityType.etc_webkit
+], _obj1), _obj5[KTX2TargetFormat.BC7] = (_obj2 = {}, _obj2[DFDTransferFunction.linear] = [
+    engineCore.GLCapabilityType.bptc
+], _obj2[DFDTransferFunction.sRGB] = [
     engineCore.GLCapabilityType.bptc
-], _obj$1[KTX2TargetFormat.BC1_BC3] = [
+], _obj2), _obj5[KTX2TargetFormat.BC1_BC3] = (_obj3 = {}, _obj3[DFDTransferFunction.linear] = [
     engineCore.GLCapabilityType.s3tc
-], _obj$1[KTX2TargetFormat.PVRTC] = [
+], _obj3[DFDTransferFunction.sRGB] = [
+    engineCore.GLCapabilityType.s3tc_srgb
+], _obj3), _obj5[KTX2TargetFormat.PVRTC] = (_obj4 = {}, _obj4[DFDTransferFunction.linear] = [
     engineCore.GLCapabilityType.pvrtc,
     engineCore.GLCapabilityType.pvrtc_webkit
-], _obj$1);
+], _obj4), _obj5);
 exports.KTX2Loader = __decorate([
     engineCore.resourceLoader(engineCore.AssetType.KTX2, [
         "ktx2"
@@ -4496,7 +4517,7 @@ exports.GLTFMaterialParser = /*#__PURE__*/ function(GLTFParser1) {
         if (pbrMetallicRoughness) {
             var baseColorFactor = pbrMetallicRoughness.baseColorFactor, baseColorTexture = pbrMetallicRoughness.baseColorTexture, metallicFactor = pbrMetallicRoughness.metallicFactor, roughnessFactor = pbrMetallicRoughness.roughnessFactor, metallicRoughnessTexture = pbrMetallicRoughness.metallicRoughnessTexture;
             if (baseColorFactor) {
-                material.baseColor = new engineMath.Color(engineMath.Color.linearToGammaSpace(baseColorFactor[0]), engineMath.Color.linearToGammaSpace(baseColorFactor[1]), engineMath.Color.linearToGammaSpace(baseColorFactor[2]), baseColorFactor[3]);
+                material.baseColor = new engineMath.Color(engineMath.Color.linearToSRGBSpace(baseColorFactor[0]), engineMath.Color.linearToSRGBSpace(baseColorFactor[1]), engineMath.Color.linearToSRGBSpace(baseColorFactor[2]), baseColorFactor[3]);
             }
             if (baseColorTexture) {
                 context.get(GLTFParserType.Texture, baseColorTexture.index).then(function(texture) {
@@ -4529,7 +4550,7 @@ exports.GLTFMaterialParser = /*#__PURE__*/ function(GLTFParser1) {
                 });
             }
             if (emissiveFactor) {
-                material.emissiveColor = new engineMath.Color(engineMath.Color.linearToGammaSpace(emissiveFactor[0]), engineMath.Color.linearToGammaSpace(emissiveFactor[1]), engineMath.Color.linearToGammaSpace(emissiveFactor[2]));
+                material.emissiveColor = new engineMath.Color(engineMath.Color.linearToSRGBSpace(emissiveFactor[0]), engineMath.Color.linearToSRGBSpace(emissiveFactor[1]), engineMath.Color.linearToSRGBSpace(emissiveFactor[2]));
             }
             if (normalTexture) {
                 var index = normalTexture.index, scale = normalTexture.scale;
@@ -5068,9 +5089,10 @@ exports.GLTFTextureParser = /*#__PURE__*/ function(GLTFParser1) {
         var textureInfo = context.glTF.textures[textureIndex];
         var glTFResource = context.glTFResource;
         var sampler = textureInfo.sampler, tmp = textureInfo.source, imageIndex = tmp === void 0 ? 0 : tmp, textureName = textureInfo.name, extensions = textureInfo.extensions;
-        var texture = GLTFParser.executeExtensionsCreateAndParse(extensions, context, textureInfo, textureIndex);
+        var isSRGBColorSpace = this._isSRGBColorSpace(textureIndex, context.glTF.materials);
+        var texture = GLTFParser.executeExtensionsCreateAndParse(extensions, context, textureInfo, textureIndex, isSRGBColorSpace);
         if (!texture) {
-            texture = GLTFTextureParser._parseTexture(context, imageIndex, textureIndex, sampler, textureName);
+            texture = GLTFTextureParser._parseTexture(context, imageIndex, textureIndex, sampler, textureName, isSRGBColorSpace);
         }
         return engineCore.AssetPromise.resolve(texture).then(function(texture) {
             GLTFParser.executeExtensionsAdditiveAndParse(extensions, context, texture, textureInfo);
@@ -5079,7 +5101,27 @@ exports.GLTFTextureParser = /*#__PURE__*/ function(GLTFParser1) {
             return texture;
         });
     };
-    /** @internal */ GLTFTextureParser._parseTexture = function _parseTexture(context, imageIndex, textureIndex, sampler, textureName) {
+    _proto._isSRGBColorSpace = function _isSRGBColorSpace(textureIndex, materials) {
+        return materials == null ? void 0 : materials.some(function(material) {
+            var _material_emissiveTexture, _material_pbrMetallicRoughness_baseColorTexture, _material_pbrMetallicRoughness, _material_extensions_KHR_materials_sheen_sheenColorTexture, _material_extensions_KHR_materials_sheen, _material_extensions, _material_extensions_KHR_materials_pbrSpecularGlossiness_diffuseTexture, _material_extensions_KHR_materials_pbrSpecularGlossiness, _material_extensions1, _material_extensions_KHR_materials_pbrSpecularGlossiness_specularGlossinessTexture, _material_extensions_KHR_materials_pbrSpecularGlossiness1, _material_extensions2;
+            if (((_material_emissiveTexture = material.emissiveTexture) == null ? void 0 : _material_emissiveTexture.index) === textureIndex) {
+                return true;
+            }
+            if (((_material_pbrMetallicRoughness = material.pbrMetallicRoughness) == null ? void 0 : (_material_pbrMetallicRoughness_baseColorTexture = _material_pbrMetallicRoughness.baseColorTexture) == null ? void 0 : _material_pbrMetallicRoughness_baseColorTexture.index) === textureIndex) {
+                return true;
+            }
+            if (((_material_extensions = material.extensions) == null ? void 0 : (_material_extensions_KHR_materials_sheen = _material_extensions.KHR_materials_sheen) == null ? void 0 : (_material_extensions_KHR_materials_sheen_sheenColorTexture = _material_extensions_KHR_materials_sheen.sheenColorTexture) == null ? void 0 : _material_extensions_KHR_materials_sheen_sheenColorTexture.index) === textureIndex) {
+                return true;
+            }
+            if (((_material_extensions1 = material.extensions) == null ? void 0 : (_material_extensions_KHR_materials_pbrSpecularGlossiness = _material_extensions1.KHR_materials_pbrSpecularGlossiness) == null ? void 0 : (_material_extensions_KHR_materials_pbrSpecularGlossiness_diffuseTexture = _material_extensions_KHR_materials_pbrSpecularGlossiness.diffuseTexture) == null ? void 0 : _material_extensions_KHR_materials_pbrSpecularGlossiness_diffuseTexture.index) === textureIndex) {
+                return true;
+            }
+            if (((_material_extensions2 = material.extensions) == null ? void 0 : (_material_extensions_KHR_materials_pbrSpecularGlossiness1 = _material_extensions2.KHR_materials_pbrSpecularGlossiness) == null ? void 0 : (_material_extensions_KHR_materials_pbrSpecularGlossiness_specularGlossinessTexture = _material_extensions_KHR_materials_pbrSpecularGlossiness1.specularGlossinessTexture) == null ? void 0 : _material_extensions_KHR_materials_pbrSpecularGlossiness_specularGlossinessTexture.index) === textureIndex) {
+                return true;
+            }
+        });
+    };
+    /** @internal */ GLTFTextureParser._parseTexture = function _parseTexture(context, imageIndex, textureIndex, sampler, textureName, isSRGBColorSpace) {
         var glTFResource = context.glTFResource, glTF = context.glTF;
         var engine = glTFResource.engine, url = glTFResource.url;
         var _glTF_images_imageIndex = glTF.images[imageIndex], uri = _glTF_images_imageIndex.uri, bufferViewIndex = _glTF_images_imageIndex.bufferView, mimeType = _glTF_images_imageIndex.mimeType, imageName = _glTF_images_imageIndex.name;
@@ -5094,7 +5136,8 @@ exports.GLTFTextureParser = /*#__PURE__*/ function(GLTFParser1) {
                 url: engineCore.Utils.resolveAbsoluteUrl(url, uri),
                 type: type,
                 params: {
-                    mipmap: samplerInfo == null ? void 0 : samplerInfo.mipmap
+                    mipmap: samplerInfo == null ? void 0 : samplerInfo.mipmap,
+                    isSRGBColorSpace: isSRGBColorSpace
                 }
             }).onProgress(undefined, context._onTaskDetail).then(function(texture) {
                 texture.name = textureName || imageName || texture.name || "texture_" + textureIndex;
@@ -5108,7 +5151,7 @@ exports.GLTFTextureParser = /*#__PURE__*/ function(GLTFParser1) {
                 var buffer = buffers[bufferView.buffer];
                 var imageBuffer = new Uint8Array(buffer, bufferView.byteOffset, bufferView.byteLength);
                 return GLTFUtils.loadImageBuffer(imageBuffer, mimeType).then(function(image) {
-                    var texture = new engineCore.Texture2D(engine, image.width, image.height, undefined, samplerInfo == null ? void 0 : samplerInfo.mipmap);
+                    var texture = new engineCore.Texture2D(engine, image.width, image.height, undefined, samplerInfo == null ? void 0 : samplerInfo.mipmap, isSRGBColorSpace);
                     texture.setImageSource(image);
                     texture.generateMipmaps();
                     texture.name = textureName || imageName || "texture_" + textureIndex;
@@ -5373,7 +5416,7 @@ var HDRLoader = /*#__PURE__*/ function(Loader) {
         var bufferArray = new Uint8Array(buffer);
         var _HDRLoader__parseHeader = HDRLoader._parseHeader(bufferArray), width = _HDRLoader__parseHeader.width, height = _HDRLoader__parseHeader.height, dataPosition = _HDRLoader__parseHeader.dataPosition;
         var cubeSize = height >> 1;
-        texture || (texture = new engineCore.TextureCube(engine, cubeSize));
+        texture || (texture = new engineCore.TextureCube(engine, cubeSize, undefined, undefined, false));
         var pixels = HDRLoader._readPixels(bufferArray.subarray(dataPosition), width, height);
         var cubeMapData = HDRLoader._convertToCubemap(pixels, width, height, cubeSize);
         for(var faceIndex = 0; faceIndex < 6; faceIndex++){
@@ -5933,7 +5976,7 @@ var KTXLoader = /*#__PURE__*/ function(Loader) {
                 var parsedData = parseSingleKTX(bin);
                 var width = parsedData.width, height = parsedData.height, mipmaps = parsedData.mipmaps, engineFormat = parsedData.engineFormat;
                 var mipmap = mipmaps.length > 1;
-                var texture = new engineCore.Texture2D(resourceManager.engine, width, height, engineFormat, mipmap);
+                var texture = new engineCore.Texture2D(resourceManager.engine, width, height, engineFormat, mipmap, false);
                 for(var miplevel = 0; miplevel < mipmaps.length; miplevel++){
                     var _mipmaps_miplevel = mipmaps[miplevel], width1 = _mipmaps_miplevel.width, height1 = _mipmaps_miplevel.height, data = _mipmaps_miplevel.data;
                     texture.setPixelBuffer(data, miplevel, 0, 0, width1, height1);
@@ -6375,14 +6418,18 @@ var Texture2DLoader = /*#__PURE__*/ function(Loader) {
             resourceManager// @ts-ignore
             ._request(url, requestConfig).onProgress(setTaskCompleteProgress, setTaskDetailProgress).then(function(image) {
                 var _item_params;
-                var _ref = (_item_params = item.params) != null ? _item_params : {}, format = _ref.format, mipmap = _ref.mipmap, anisoLevel = _ref.anisoLevel, wrapModeU = _ref.wrapModeU, wrapModeV = _ref.wrapModeV, filterMode = _ref.filterMode;
-                var texture = new engineCore.Texture2D(resourceManager.engine, image.width, image.height, format, mipmap);
+                var _ref = (_item_params = item.params) != null ? _item_params : {}, _ref_format = _ref.format, format = _ref_format === void 0 ? engineCore.TextureFormat.R8G8B8A8 : _ref_format, anisoLevel = _ref.anisoLevel, wrapModeU = _ref.wrapModeU, wrapModeV = _ref.wrapModeV, filterMode = _ref.filterMode, _ref_isSRGBColorSpace = _ref.isSRGBColorSpace, isSRGBColorSpace = _ref_isSRGBColorSpace === void 0 ? true : _ref_isSRGBColorSpace, _ref_mipmap = _ref.mipmap, mipmap = _ref_mipmap === void 0 ? true : _ref_mipmap;
+                var width = image.width, height = image.height;
+                // @ts-ignore
+                var isWebGL2 = resourceManager.engine._hardwareRenderer._isWebGL2;
+                var generateMipmap = engineCore.TextureUtils.supportGenerateMipmapsWithCorrection(width, height, format, mipmap, isSRGBColorSpace, isWebGL2);
+                var texture = new engineCore.Texture2D(resourceManager.engine, width, height, format, generateMipmap, isSRGBColorSpace);
                 texture.anisoLevel = anisoLevel != null ? anisoLevel : texture.anisoLevel;
                 texture.filterMode = filterMode != null ? filterMode : texture.filterMode;
                 texture.wrapModeU = wrapModeU != null ? wrapModeU : texture.wrapModeU;
                 texture.wrapModeV = wrapModeV != null ? wrapModeV : texture.wrapModeV;
                 texture.setImageSource(image);
-                texture.generateMipmaps();
+                generateMipmap && texture.generateMipmaps();
                 if (url.indexOf("data:") !== 0) {
                     var index = url.lastIndexOf("/");
                     texture.name = url.substring(index + 1);
@@ -6451,16 +6498,25 @@ var TextureCubeLoader = /*#__PURE__*/ function(Loader) {
             Promise.all(urls.map(function(url) {
                 return resourceManager._request(url, requestConfig);
             })).then(function(images) {
+                var _item_params;
+                var _ref = (_item_params = item.params) != null ? _item_params : {}, _ref_format = _ref.format, format = _ref_format === void 0 ? engineCore.TextureFormat.R8G8B8A8 : _ref_format, anisoLevel = _ref.anisoLevel, wrapModeU = _ref.wrapModeU, wrapModeV = _ref.wrapModeV, filterMode = _ref.filterMode, _ref_isSRGBColorSpace = _ref.isSRGBColorSpace, isSRGBColorSpace = _ref_isSRGBColorSpace === void 0 ? true : _ref_isSRGBColorSpace, _ref_mipmap = _ref.mipmap, mipmap = _ref_mipmap === void 0 ? true : _ref_mipmap;
                 var _images_ = images[0], width = _images_.width, height = _images_.height;
+                // @ts-ignore
+                var isWebGL2 = resourceManager.engine._hardwareRenderer._isWebGL2;
                 if (width !== height) {
                     console.error("The cube texture must have the same width and height");
                     return;
                 }
-                var texture = new engineCore.TextureCube(resourceManager.engine, width);
+                var generateMipmap = engineCore.TextureUtils.supportGenerateMipmapsWithCorrection(width, height, format, mipmap, isSRGBColorSpace, isWebGL2);
+                var texture = new engineCore.TextureCube(resourceManager.engine, width, format, generateMipmap, isSRGBColorSpace);
+                texture.anisoLevel = anisoLevel != null ? anisoLevel : texture.anisoLevel;
+                texture.filterMode = filterMode != null ? filterMode : texture.filterMode;
+                texture.wrapModeU = wrapModeU != null ? wrapModeU : texture.wrapModeU;
+                texture.wrapModeV = wrapModeV != null ? wrapModeV : texture.wrapModeV;
                 for(var faceIndex = 0; faceIndex < 6; faceIndex++){
                     texture.setImageSource(engineCore.TextureCubeFace.PositiveX + faceIndex, images[faceIndex], 0);
                 }
-                texture.generateMipmaps();
+                generateMipmap && texture.generateMipmaps();
                 resourceManager.addContentRestorer(new TextureCubeContentRestorer(texture, urls, requestConfig));
                 resolve(texture);
             }).catch(function(e) {
@@ -6873,7 +6929,7 @@ var KHR_materials_pbrSpecularGlossiness = /*#__PURE__*/ function(GLTFExtensionPa
         var material = new engineCore.PBRSpecularMaterial(engine);
         var diffuseFactor = schema.diffuseFactor, diffuseTexture = schema.diffuseTexture, specularFactor = schema.specularFactor, glossinessFactor = schema.glossinessFactor, specularGlossinessTexture = schema.specularGlossinessTexture;
         if (diffuseFactor) {
-            material.baseColor = new engineMath.Color(engineMath.Color.linearToGammaSpace(diffuseFactor[0]), engineMath.Color.linearToGammaSpace(diffuseFactor[1]), engineMath.Color.linearToGammaSpace(diffuseFactor[2]), diffuseFactor[3]);
+            material.baseColor = new engineMath.Color(engineMath.Color.linearToSRGBSpace(diffuseFactor[0]), engineMath.Color.linearToSRGBSpace(diffuseFactor[1]), engineMath.Color.linearToSRGBSpace(diffuseFactor[2]), diffuseFactor[3]);
         }
         if (diffuseTexture) {
             context.get(GLTFParserType.Texture, diffuseTexture.index).then(function(texture) {
@@ -6884,7 +6940,7 @@ var KHR_materials_pbrSpecularGlossiness = /*#__PURE__*/ function(GLTFExtensionPa
             });
         }
         if (specularFactor) {
-            material.specularColor = new engineMath.Color(engineMath.Color.linearToGammaSpace(specularFactor[0]), engineMath.Color.linearToGammaSpace(specularFactor[1]), engineMath.Color.linearToGammaSpace(specularFactor[2]));
+            material.specularColor = new engineMath.Color(engineMath.Color.linearToSRGBSpace(specularFactor[0]), engineMath.Color.linearToSRGBSpace(specularFactor[1]), engineMath.Color.linearToSRGBSpace(specularFactor[2]));
         }
         if (glossinessFactor !== undefined) {
             material.glossiness = glossinessFactor;
@@ -6916,7 +6972,7 @@ var KHR_materials_sheen = /*#__PURE__*/ function(GLTFExtensionParser) {
     _proto.additiveParse = function additiveParse(context, material, schema) {
         var sheenColorFactor = schema.sheenColorFactor, sheenColorTexture = schema.sheenColorTexture, _schema_sheenRoughnessFactor = schema.sheenRoughnessFactor, sheenRoughnessFactor = _schema_sheenRoughnessFactor === void 0 ? 0 : _schema_sheenRoughnessFactor, sheenRoughnessTexture = schema.sheenRoughnessTexture;
         if (sheenColorFactor) {
-            material.sheenColor.set(engineMath.Color.linearToGammaSpace(sheenColorFactor[0]), engineMath.Color.linearToGammaSpace(sheenColorFactor[1]), engineMath.Color.linearToGammaSpace(sheenColorFactor[2]), undefined);
+            material.sheenColor.set(engineMath.Color.linearToSRGBSpace(sheenColorFactor[0]), engineMath.Color.linearToSRGBSpace(sheenColorFactor[1]), engineMath.Color.linearToSRGBSpace(sheenColorFactor[2]), undefined);
         }
         material.sheenRoughness = sheenRoughnessFactor;
         if (sheenColorTexture) {
@@ -7031,7 +7087,7 @@ var KHR_materials_volume = /*#__PURE__*/ function(GLTFExtensionParser) {
         material.thickness = thicknessFactor;
         material.attenuationDistance = attenuationDistance;
         if (attenuationColor) {
-            material.attenuationColor.set(engineMath.Color.linearToGammaSpace(attenuationColor[0]), engineMath.Color.linearToGammaSpace(attenuationColor[1]), engineMath.Color.linearToGammaSpace(attenuationColor[2]), undefined);
+            material.attenuationColor.set(engineMath.Color.linearToSRGBSpace(attenuationColor[0]), engineMath.Color.linearToSRGBSpace(attenuationColor[1]), engineMath.Color.linearToSRGBSpace(attenuationColor[2]), undefined);
         }
         if (thicknessTexture) {
             exports.GLTFMaterialParser._checkOtherTextureTransform(thicknessTexture, "Thickness texture");
@@ -7093,8 +7149,8 @@ var KHR_texture_basisu = /*#__PURE__*/ function(GLTFExtensionParser) {
             return context.get(GLTFParserType.Buffer, bufferView.buffer).then(function(buffer) {
                 var imageBuffer = new Uint8Array(buffer, bufferView.byteOffset, bufferView.byteLength);
                 return exports.KTX2Loader._parseBuffer(imageBuffer, engine).then(function(param) {
-                    var engine = param.engine, result = param.result, targetFormat = param.targetFormat, params = param.params;
-                    return exports.KTX2Loader._createTextureByBuffer(engine, result, targetFormat, params);
+                    var ktx2Container = param.ktx2Container, engine = param.engine, result = param.result, targetFormat = param.targetFormat, params = param.params;
+                    return exports.KTX2Loader._createTextureByBuffer(engine, ktx2Container.isSRGB, result, targetFormat, params);
                 }).then(function(texture) {
                     texture.name = textureName || imageName || "texture_" + bufferViewIndex;
                     if (sampler !== undefined) {
@@ -7282,10 +7338,10 @@ var EXT_texture_webp = /*#__PURE__*/ function(GLTFExtensionParser) {
         return _this;
     }
     var _proto = EXT_texture_webp.prototype;
-    _proto.createAndParse = function createAndParse(context, schema, textureInfo, textureIndex) {
+    _proto.createAndParse = function createAndParse(context, schema, textureInfo, textureIndex, isSRGBColorSpace) {
         var webPIndex = schema.source;
         var sampler = textureInfo.sampler, tmp = textureInfo.source, fallbackIndex = tmp === void 0 ? 0 : tmp, textureName = textureInfo.name;
-        var texture = exports.GLTFTextureParser._parseTexture(context, this._supportWebP ? webPIndex : fallbackIndex, textureIndex, sampler, textureName);
+        var texture = exports.GLTFTextureParser._parseTexture(context, this._supportWebP ? webPIndex : fallbackIndex, textureIndex, sampler, textureName, isSRGBColorSpace);
         return texture;
     };
     return EXT_texture_webp;