@galacean/engine 2.0.0-alpha.5 → 2.0.0-alpha.7

package/dist/browser.js

@@ -9799,7 +9799,7 @@
         return PipelineStage;
     }({});
     var camera_declare = "uniform vec3 camera_Position;\nuniform vec3 camera_Forward; "; // eslint-disable-line
-    var common = "#define PI 3.14159265359\n#define RECIPROCAL_PI 0.31830988618\n#define EPSILON 1e-6\n#define LOG2 1.442695\n#define HALF_MIN 6.103515625e-5  // 2^-14, the same value for 10, 11 and 16-bit: https://www.khronos.org/opengl/wiki/Small_Float_Formats\n#define HALF_EPS 4.8828125e-4    // 2^-11, machine epsilon: 1 + EPS = 1 (half of the ULP for 1.0f)\n\n#define saturate( a ) clamp( a, 0.0, 1.0 )\n\nfloat pow2(float x ) {\n    return x * x;\n}\n\nvec4 RGBMToLinear(vec4 value, float maxRange ) {\n    return vec4( value.rgb * value.a * maxRange, 1.0 );\n}\n\nvec4 gammaToLinear(vec4 value){\n    return vec4( pow(value.rgb, vec3(2.2)), value.a);\n}\n\nvec4 linearToGamma(vec4 value){\n\tvalue = max(value, 0.0);\n    return vec4( pow(value.rgb, vec3(1.0 / 2.2)), value.a);\n}\n\n\n// https://www.khronos.org/registry/OpenGL/extensions/EXT/EXT_framebuffer_sRGB.txt\n// https://www.khronos.org/registry/OpenGL/extensions/EXT/EXT_texture_sRGB_decode.txt\nfloat sRGBToLinear(float value){\n    float linearRGBLo  = value / 12.92;\n    float linearRGBHi  = pow((value + 0.055) / 1.055, 2.4);\n    float linearRGB    = (value <= 0.04045) ? linearRGBLo : linearRGBHi;\n    return linearRGB;\n}\n\nvec4 sRGBToLinear(vec4 value){\n   return vec4(sRGBToLinear(value.r), sRGBToLinear(value.g), sRGBToLinear(value.b), value.a);\n}\n\nfloat linearToSRGB(float value){\n\tvalue = max(value, 0.0);\n    return (value <= 0.0031308) ? (value * 12.9232102) : 1.055 * pow(value, 1.0 / 2.4) - 0.055;\n}\n\nvec4 linearToSRGB(vec4 value){\n    return vec4(linearToSRGB(value.r), linearToSRGB(value.g), linearToSRGB(value.b), value.a);\n}\n\n// Compatible with devices that do not even support EXT_sRGB in WebGL1.0.\nvec4 texture2DSRGB(sampler2D tex, vec2 uv) {\n\tvec4 color = texture2D(tex, uv);\n\t#ifdef ENGINE_NO_SRGB\n\t\tcolor = sRGBToLinear(color);\n\t#endif\n\treturn color;\n}\n\nvec4 outputSRGBCorrection(vec4 linearIn){\n    #ifdef ENGINE_OUTPUT_SRGB_CORRECT\n    \treturn linearToSRGB(linearIn);\n    #else \n    \treturn linearIn;\n    #endif\n}\n\n\nuniform vec4 camera_DepthBufferParams;\nuniform vec4 camera_ProjectionParams;\n\nfloat remapDepthBufferLinear01(float depth){\n\treturn 1.0 / (camera_DepthBufferParams.x * depth + camera_DepthBufferParams.y);\n}\n\nfloat remapDepthBufferEyeDepth(float depth){\n\t#ifdef CAMERA_ORTHOGRAPHIC\n\t\treturn camera_ProjectionParams.y + (camera_ProjectionParams.z - camera_ProjectionParams.y) * depth;\n\t#else\n\t\treturn 1.0 / (camera_DepthBufferParams.z * depth + camera_DepthBufferParams.w);\n\t#endif\n}\n\n// From Next Generation Post Processing in Call of Duty: Advanced Warfare [Jimenez 2014]\n// http://advances.realtimerendering.com/s2014/index.html\n// sampleCoord must not be normalized (e.g. window coordinates)\nfloat interleavedGradientNoise(vec2 sampleCoord)\n{\n\tconst vec3 magic = vec3(0.06711056, 0.00583715, 52.9829189);\n\treturn fract(magic.z * fract(dot(sampleCoord, magic.xy)));\n}\n\n#ifdef GRAPHICS_API_WEBGL2\n\t#define INVERSE_MAT(mat) inverse(mat)\n#else\n\tmat2 inverseMat(mat2 m) {\n\t\treturn mat2(m[1][1],-m[0][1],\n\t\t\t\t-m[1][0], m[0][0]) / (m[0][0]*m[1][1] - m[0][1]*m[1][0]);\n\t}\n\tmat3 inverseMat(mat3 m) {\n\t\tfloat a00 = m[0][0], a01 = m[0][1], a02 = m[0][2];\n\t\tfloat a10 = m[1][0], a11 = m[1][1], a12 = m[1][2];\n\t\tfloat a20 = m[2][0], a21 = m[2][1], a22 = m[2][2];\n\n\t\tfloat b01 = a22 * a11 - a12 * a21;\n\t\tfloat b11 = -a22 * a10 + a12 * a20;\n\t\tfloat b21 = a21 * a10 - a11 * a20;\n\n\t\tfloat det = a00 * b01 + a01 * b11 + a02 * b21;\n\n\t\treturn mat3(b01, (-a22 * a01 + a02 * a21), (a12 * a01 - a02 * a11),\n\t\t\t\t\tb11, (a22 * a00 - a02 * a20), (-a12 * a00 + a02 * a10),\n\t\t\t\t\tb21, (-a21 * a00 + a01 * a20), (a11 * a00 - a01 * a10)) / det;\n\t}\n\tmat4 inverseMat(mat4 m) {\n\t\tfloat a00 = m[0][0], a01 = m[0][1], a02 = m[0][2], a03 = m[0][3],\n\t\t\ta10 = m[1][0], a11 = m[1][1], a12 = m[1][2], a13 = m[1][3],\n\t\t\ta20 = m[2][0], a21 = m[2][1], a22 = m[2][2], a23 = m[2][3],\n\t\t\ta30 = m[3][0], a31 = m[3][1], a32 = m[3][2], a33 = m[3][3],\n\n\t\t\tb00 = a00 * a11 - a01 * a10,\n\t\t\tb01 = a00 * a12 - a02 * a10,\n\t\t\tb02 = a00 * a13 - a03 * a10,\n\t\t\tb03 = a01 * a12 - a02 * a11,\n\t\t\tb04 = a01 * a13 - a03 * a11,\n\t\t\tb05 = a02 * a13 - a03 * a12,\n\t\t\tb06 = a20 * a31 - a21 * a30,\n\t\t\tb07 = a20 * a32 - a22 * a30,\n\t\t\tb08 = a20 * a33 - a23 * a30,\n\t\t\tb09 = a21 * a32 - a22 * a31,\n\t\t\tb10 = a21 * a33 - a23 * a31,\n\t\t\tb11 = a22 * a33 - a23 * a32,\n\n\t\t\tdet = b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;\n\n\t\treturn mat4(\n\t\t\ta11 * b11 - a12 * b10 + a13 * b09,\n\t\t\ta02 * b10 - a01 * b11 - a03 * b09,\n\t\t\ta31 * b05 - a32 * b04 + a33 * b03,\n\t\t\ta22 * b04 - a21 * b05 - a23 * b03,\n\t\t\ta12 * b08 - a10 * b11 - a13 * b07,\n\t\t\ta00 * b11 - a02 * b08 + a03 * b07,\n\t\t\ta32 * b02 - a30 * b05 - a33 * b01,\n\t\t\ta20 * b05 - a22 * b02 + a23 * b01,\n\t\t\ta10 * b10 - a11 * b08 + a13 * b06,\n\t\t\ta01 * b08 - a00 * b10 - a03 * b06,\n\t\t\ta30 * b04 - a31 * b02 + a33 * b00,\n\t\t\ta21 * b02 - a20 * b04 - a23 * b00,\n\t\t\ta11 * b07 - a10 * b09 - a12 * b06,\n\t\t\ta00 * b09 - a01 * b07 + a02 * b06,\n\t\t\ta31 * b01 - a30 * b03 - a32 * b00,\n\t\t\ta20 * b03 - a21 * b01 + a22 * b00) / det;\n\t}\n\n\t#define INVERSE_MAT(mat) inverseMat(mat)\n#endif\n\n\nvec3 safeNormalize(vec3 inVec) {\n    float dp3 = max(float(HALF_MIN), dot(inVec, inVec));\n    return inVec * inversesqrt(dp3);\n}\n"; // eslint-disable-line
+    var common = "#define PI 3.14159265359\n#define RECIPROCAL_PI 0.31830988618\n#define EPSILON 1e-6\n#define LOG2 1.442695\n#define HALF_MIN 6.103515625e-5  // 2^-14, the same value for 10, 11 and 16-bit: https://www.khronos.org/opengl/wiki/Small_Float_Formats\n#define HALF_EPS 4.8828125e-4    // 2^-11, machine epsilon: 1 + EPS = 1 (half of the ULP for 1.0f)\n\n#define saturate( a ) clamp( a, 0.0, 1.0 )\n\nfloat pow2(float x ) {\n    return x * x;\n}\n\nvec4 gammaToLinear(vec4 value){\n    return vec4( pow(value.rgb, vec3(2.2)), value.a);\n}\n\nvec4 linearToGamma(vec4 value){\n\tvalue = max(value, 0.0);\n    return vec4( pow(value.rgb, vec3(1.0 / 2.2)), value.a);\n}\n\n\n// https://www.khronos.org/registry/OpenGL/extensions/EXT/EXT_framebuffer_sRGB.txt\n// https://www.khronos.org/registry/OpenGL/extensions/EXT/EXT_texture_sRGB_decode.txt\nfloat sRGBToLinear(float value){\n    float linearRGBLo  = value / 12.92;\n    float linearRGBHi  = pow((value + 0.055) / 1.055, 2.4);\n    float linearRGB    = (value <= 0.04045) ? linearRGBLo : linearRGBHi;\n    return linearRGB;\n}\n\nvec4 sRGBToLinear(vec4 value){\n   return vec4(sRGBToLinear(value.r), sRGBToLinear(value.g), sRGBToLinear(value.b), value.a);\n}\n\nfloat linearToSRGB(float value){\n\tvalue = max(value, 0.0);\n    return (value <= 0.0031308) ? (value * 12.9232102) : 1.055 * pow(value, 1.0 / 2.4) - 0.055;\n}\n\nvec4 linearToSRGB(vec4 value){\n    return vec4(linearToSRGB(value.r), linearToSRGB(value.g), linearToSRGB(value.b), value.a);\n}\n\n// Compatible with devices that do not even support EXT_sRGB in WebGL1.0.\nvec4 texture2DSRGB(sampler2D tex, vec2 uv) {\n\tvec4 color = texture2D(tex, uv);\n\t#ifdef ENGINE_NO_SRGB\n\t\tcolor = sRGBToLinear(color);\n\t#endif\n\treturn color;\n}\n\nvec4 outputSRGBCorrection(vec4 linearIn){\n    #ifdef ENGINE_OUTPUT_SRGB_CORRECT\n    \treturn linearToSRGB(linearIn);\n    #else \n    \treturn linearIn;\n    #endif\n}\n\n\nuniform vec4 camera_DepthBufferParams;\nuniform vec4 camera_ProjectionParams;\n\nfloat remapDepthBufferLinear01(float depth){\n\treturn 1.0 / (camera_DepthBufferParams.x * depth + camera_DepthBufferParams.y);\n}\n\nfloat remapDepthBufferEyeDepth(float depth){\n\t#ifdef CAMERA_ORTHOGRAPHIC\n\t\treturn camera_ProjectionParams.y + (camera_ProjectionParams.z - camera_ProjectionParams.y) * depth;\n\t#else\n\t\treturn 1.0 / (camera_DepthBufferParams.z * depth + camera_DepthBufferParams.w);\n\t#endif\n}\n\n// From Next Generation Post Processing in Call of Duty: Advanced Warfare [Jimenez 2014]\n// http://advances.realtimerendering.com/s2014/index.html\n// sampleCoord must not be normalized (e.g. window coordinates)\nfloat interleavedGradientNoise(vec2 sampleCoord)\n{\n\tconst vec3 magic = vec3(0.06711056, 0.00583715, 52.9829189);\n\treturn fract(magic.z * fract(dot(sampleCoord, magic.xy)));\n}\n\n#ifdef GRAPHICS_API_WEBGL2\n\t#define INVERSE_MAT(mat) inverse(mat)\n#else\n\tmat2 inverseMat(mat2 m) {\n\t\treturn mat2(m[1][1],-m[0][1],\n\t\t\t\t-m[1][0], m[0][0]) / (m[0][0]*m[1][1] - m[0][1]*m[1][0]);\n\t}\n\tmat3 inverseMat(mat3 m) {\n\t\tfloat a00 = m[0][0], a01 = m[0][1], a02 = m[0][2];\n\t\tfloat a10 = m[1][0], a11 = m[1][1], a12 = m[1][2];\n\t\tfloat a20 = m[2][0], a21 = m[2][1], a22 = m[2][2];\n\n\t\tfloat b01 = a22 * a11 - a12 * a21;\n\t\tfloat b11 = -a22 * a10 + a12 * a20;\n\t\tfloat b21 = a21 * a10 - a11 * a20;\n\n\t\tfloat det = a00 * b01 + a01 * b11 + a02 * b21;\n\n\t\treturn mat3(b01, (-a22 * a01 + a02 * a21), (a12 * a01 - a02 * a11),\n\t\t\t\t\tb11, (a22 * a00 - a02 * a20), (-a12 * a00 + a02 * a10),\n\t\t\t\t\tb21, (-a21 * a00 + a01 * a20), (a11 * a00 - a01 * a10)) / det;\n\t}\n\tmat4 inverseMat(mat4 m) {\n\t\tfloat a00 = m[0][0], a01 = m[0][1], a02 = m[0][2], a03 = m[0][3],\n\t\t\ta10 = m[1][0], a11 = m[1][1], a12 = m[1][2], a13 = m[1][3],\n\t\t\ta20 = m[2][0], a21 = m[2][1], a22 = m[2][2], a23 = m[2][3],\n\t\t\ta30 = m[3][0], a31 = m[3][1], a32 = m[3][2], a33 = m[3][3],\n\n\t\t\tb00 = a00 * a11 - a01 * a10,\n\t\t\tb01 = a00 * a12 - a02 * a10,\n\t\t\tb02 = a00 * a13 - a03 * a10,\n\t\t\tb03 = a01 * a12 - a02 * a11,\n\t\t\tb04 = a01 * a13 - a03 * a11,\n\t\t\tb05 = a02 * a13 - a03 * a12,\n\t\t\tb06 = a20 * a31 - a21 * a30,\n\t\t\tb07 = a20 * a32 - a22 * a30,\n\t\t\tb08 = a20 * a33 - a23 * a30,\n\t\t\tb09 = a21 * a32 - a22 * a31,\n\t\t\tb10 = a21 * a33 - a23 * a31,\n\t\t\tb11 = a22 * a33 - a23 * a32,\n\n\t\t\tdet = b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;\n\n\t\treturn mat4(\n\t\t\ta11 * b11 - a12 * b10 + a13 * b09,\n\t\t\ta02 * b10 - a01 * b11 - a03 * b09,\n\t\t\ta31 * b05 - a32 * b04 + a33 * b03,\n\t\t\ta22 * b04 - a21 * b05 - a23 * b03,\n\t\t\ta12 * b08 - a10 * b11 - a13 * b07,\n\t\t\ta00 * b11 - a02 * b08 + a03 * b07,\n\t\t\ta32 * b02 - a30 * b05 - a33 * b01,\n\t\t\ta20 * b05 - a22 * b02 + a23 * b01,\n\t\t\ta10 * b10 - a11 * b08 + a13 * b06,\n\t\t\ta01 * b08 - a00 * b10 - a03 * b06,\n\t\t\ta30 * b04 - a31 * b02 + a33 * b00,\n\t\t\ta21 * b02 - a20 * b04 - a23 * b00,\n\t\t\ta11 * b07 - a10 * b09 - a12 * b06,\n\t\t\ta00 * b09 - a01 * b07 + a02 * b06,\n\t\t\ta31 * b01 - a30 * b03 - a32 * b00,\n\t\t\ta20 * b03 - a21 * b01 + a22 * b00) / det;\n\t}\n\n\t#define INVERSE_MAT(mat) inverseMat(mat)\n#endif\n\n\nvec3 safeNormalize(vec3 inVec) {\n    float dp3 = max(float(HALF_MIN), dot(inVec, inVec));\n    return inVec * inversesqrt(dp3);\n}\n"; // eslint-disable-line
     var common_vert = "attribute vec3 POSITION;\n\n#ifdef RENDERER_HAS_UV\n    attribute vec2 TEXCOORD_0;\n#endif\n\n#ifdef RENDERER_HAS_UV1\n    attribute vec2 TEXCOORD_1;\n#endif\n\n#ifdef RENDERER_HAS_SKIN\n    attribute vec4 JOINTS_0;\n    attribute vec4 WEIGHTS_0;\n\n    #ifdef RENDERER_USE_JOINT_TEXTURE\n        uniform sampler2D renderer_JointSampler;\n        uniform float renderer_JointCount;\n\n        mat4 getJointMatrix(sampler2D smp, float index)\n        {\n            float base = index / renderer_JointCount;\n            float hf = 0.5 / renderer_JointCount;\n            float v = base + hf;\n\n            vec4 m0 = texture2D(smp, vec2(0.125, v ));\n            vec4 m1 = texture2D(smp, vec2(0.375, v ));\n            vec4 m2 = texture2D(smp, vec2(0.625, v ));\n            vec4 m3 = texture2D(smp, vec2(0.875, v ));\n\n            return mat4(m0, m1, m2, m3);\n\n        }\n\n    #else\n        uniform mat4 renderer_JointMatrix[ RENDERER_JOINTS_NUM ];\n    #endif\n#endif\n\n#ifdef RENDERER_ENABLE_VERTEXCOLOR\n    attribute vec4 COLOR_0;\n#endif\n\n\n#include <transform_declare>\n#include <camera_declare>\n\nuniform vec4 material_TilingOffset;\n\n\n#ifndef MATERIAL_OMIT_NORMAL\n    #ifdef RENDERER_HAS_NORMAL\n        attribute vec3 NORMAL;\n    #endif\n\n    #ifdef RENDERER_HAS_TANGENT\n        attribute vec4 TANGENT;\n    #endif\n#endif"; // eslint-disable-line
     var transform_declare = "uniform mat4 renderer_LocalMat;\nuniform mat4 renderer_ModelMat;\nuniform mat4 camera_ViewMat;\nuniform mat4 camera_ProjMat;\nuniform mat4 renderer_MVMat;\nuniform mat4 renderer_MVPMat;\nuniform mat4 renderer_NormalMat;"; // eslint-disable-line
     var color_share = "#ifdef RENDERER_ENABLE_VERTEXCOLOR\n\nvarying vec4 v_color;\n\n#endif\n"; // eslint-disable-line
@@ -9847,7 +9847,7 @@
     var pbr_helper = "#include <normal_get>\n#include <brdf>\n#include <btdf>\n\n// direct + indirect\n#include <direct_irradiance_frag_define>\n#include <ibl_frag_define>\n\nuniform sampler2D camera_AOTexture;\n\nfloat evaluateAmbientOcclusion(vec2 uv)\n{\n    #ifdef MATERIAL_IS_TRANSPARENT\n        return 1.0;\n    #else\n        return texture2D(camera_AOTexture, uv).r;\n    #endif\n}\n\n\nfloat computeSpecularOcclusion(float ambientOcclusion, float roughness, float dotNV ) {\n    return saturate( pow( dotNV + ambientOcclusion, exp2( - 16.0 * roughness - 1.0 ) ) - 1.0 + ambientOcclusion );\n}\n\nfloat getAARoughnessFactor(vec3 normal) {\n    // Kaplanyan 2016, \"Stable specular highlights\"\n    // Tokuyoshi 2017, \"Error Reduction and Simplification for Shading Anti-Aliasing\"\n    // Tokuyoshi and Kaplanyan 2019, \"Improved Geometric Specular Antialiasing\"\n    #ifdef HAS_DERIVATIVES\n        vec3 dxy = max( abs(dFdx(normal)), abs(dFdy(normal)) );\n        return max( max(dxy.x, dxy.y), dxy.z );\n    #else\n        return 0.0;\n    #endif\n}\n\n#ifdef MATERIAL_ENABLE_ANISOTROPY\n    // Aniso Bent Normals\n    // Mc Alley https://www.gdcvault.com/play/1022235/Rendering-the-World-of-Far \n    vec3 getAnisotropicBentNormal(Geometry geometry, vec3 n, float roughness) {\n        vec3  anisotropyDirection = geometry.anisotropy >= 0.0 ? geometry.anisotropicB : geometry.anisotropicT;\n        vec3  anisotropicTangent  = cross(anisotropyDirection, geometry.viewDir);\n        vec3  anisotropicNormal   = cross(anisotropicTangent, anisotropyDirection);\n        // reduce stretching for (roughness < 0.2), refer to https://advances.realtimerendering.com/s2018/Siggraph%202018%20HDRP%20talk_with%20notes.pdf 80\n        vec3  bentNormal          = normalize( mix(n, anisotropicNormal, abs(geometry.anisotropy) * saturate( 5.0 * roughness)) );\n\n        return bentNormal;\n    }\n#endif\n\nvoid initGeometry(out Geometry geometry, bool isFrontFacing){\n    geometry.position = v_pos;\n    #ifdef CAMERA_ORTHOGRAPHIC\n        geometry.viewDir =  -camera_Forward;\n    #else\n        geometry.viewDir =  normalize(camera_Position - v_pos);\n    #endif\n    #if defined(MATERIAL_HAS_NORMALTEXTURE) || defined(MATERIAL_HAS_CLEAR_COAT_NORMAL_TEXTURE) || defined(MATERIAL_ENABLE_ANISOTROPY)\n        mat3 tbn = getTBN(isFrontFacing);\n    #endif\n\n    #ifdef MATERIAL_HAS_NORMALTEXTURE\n        geometry.normal = getNormalByNormalTexture(tbn, material_NormalTexture, material_NormalIntensity, v_uv, isFrontFacing);\n    #else\n        geometry.normal = getNormal(isFrontFacing);\n    #endif\n\n    geometry.dotNV = saturate( dot(geometry.normal, geometry.viewDir) );\n\n\n    #ifdef MATERIAL_ENABLE_CLEAR_COAT\n        #ifdef MATERIAL_HAS_CLEAR_COAT_NORMAL_TEXTURE\n            geometry.clearCoatNormal = getNormalByNormalTexture(tbn, material_ClearCoatNormalTexture, material_NormalIntensity, v_uv, isFrontFacing);\n        #else\n            geometry.clearCoatNormal = getNormal(isFrontFacing);\n        #endif\n        geometry.clearCoatDotNV = saturate( dot(geometry.clearCoatNormal, geometry.viewDir) );\n    #endif\n\n    #ifdef MATERIAL_ENABLE_ANISOTROPY\n        float anisotropy = material_AnisotropyInfo.z;\n        vec3 anisotropicDirection = vec3(material_AnisotropyInfo.xy, 0.0);\n        #ifdef MATERIAL_HAS_ANISOTROPY_TEXTURE\n            vec3 anisotropyTextureInfo = texture2D( material_AnisotropyTexture, v_uv ).rgb;\n            anisotropy *= anisotropyTextureInfo.b;\n            anisotropicDirection.xy *= anisotropyTextureInfo.rg * 2.0 - 1.0;\n        #endif\n\n        geometry.anisotropy = anisotropy;\n        geometry.anisotropicT = normalize(tbn * anisotropicDirection);\n        geometry.anisotropicB = normalize(cross(geometry.normal, geometry.anisotropicT));\n    #endif\n}\n\nvoid initMaterial(out Material material, inout Geometry geometry){\n        vec4 baseColor = material_BaseColor;\n        float metal = material_Metal;\n        float roughness = material_Roughness;\n        float alphaCutoff = material_AlphaCutoff;\n        material.IOR = material_IOR;\n\n        #ifdef MATERIAL_HAS_BASETEXTURE\n            baseColor *= texture2DSRGB(material_BaseTexture, v_uv);\n        #endif\n\n        #ifdef RENDERER_ENABLE_VERTEXCOLOR\n            baseColor *= v_color;\n        #endif\n\n\n        #ifdef MATERIAL_IS_ALPHA_CUTOFF\n            if( baseColor.a < alphaCutoff ) {\n                discard;\n            }\n        #endif\n\n        #ifdef MATERIAL_HAS_ROUGHNESS_METALLIC_TEXTURE\n            vec4 metalRoughMapColor = texture2D( material_RoughnessMetallicTexture, v_uv );\n            roughness *= metalRoughMapColor.g;\n            metal *= metalRoughMapColor.b;\n        #endif\n\n        // Specular\n        material.specularIntensity = material_SpecularIntensity;\n        material.specularColor = material_SpecularColor;\n        #ifdef MATERIAL_HAS_SPECULAR_TEXTURE\n            material.specularIntensity *= texture2D( material_SpecularIntensityTexture, v_uv ).a;\n        #endif\n\n        #ifdef MATERIAL_ENABLE_CLEAR_COAT\n            material.clearCoat = material_ClearCoat;\n            material.clearCoatRoughness = material_ClearCoatRoughness;\n            #ifdef MATERIAL_HAS_CLEAR_COAT_TEXTURE\n                material.clearCoat *= texture2D( material_ClearCoatTexture, v_uv ).r;\n            #endif\n            #ifdef MATERIAL_HAS_CLEAR_COAT_ROUGHNESS_TEXTURE\n                material.clearCoatRoughness *= texture2D( material_ClearCoatRoughnessTexture, v_uv ).g;\n            #endif\n            material.clearCoat = saturate( material.clearCoat );\n            material.clearCoatRoughness = max(MIN_PERCEPTUAL_ROUGHNESS, min(material.clearCoatRoughness + getAARoughnessFactor(geometry.clearCoatNormal), 1.0));\n        #endif\n\n        #ifdef MATERIAL_IS_TRANSPARENT\n            material.opacity = baseColor.a;\n        #else\n            material.opacity = 1.0;\n        #endif\n\n        material.roughness = max(MIN_PERCEPTUAL_ROUGHNESS, min(roughness + getAARoughnessFactor(geometry.normal), 1.0));\n\n        #ifdef MATERIAL_ENABLE_ANISOTROPY\n            geometry.anisotropicN = getAnisotropicBentNormal(geometry, geometry.normal, material.roughness);\n        #endif\n\n        vec3 dielectricBaseF0 = vec3(pow2( (material.IOR - 1.0) / (material.IOR  + 1.0) ));\n        vec3 dielectricF0 = min(dielectricBaseF0 * material.specularColor , vec3(1.0)) * material.specularIntensity;\n        float dielectricF90 = material.specularIntensity;  \n\n        material.specularF0 = mix(dielectricF0, baseColor.rgb, metal);\n        material.specularF90 = mix(dielectricF90, 1.0, metal);\n        material.resolvedSpecularF0 = material.specularF0;\n\n        // Simplify: albedoColor * mix((1.0 - max(max(dielectricF0.r,dielectricF0.g),dielectricF0.b)), 0.0, metallic);\n        material.diffuseColor = baseColor.rgb * (1.0 - metal) * (1.0 - max(max(dielectricF0.r,dielectricF0.g),dielectricF0.b));\n        // Environment BRDF\n        vec2 dfg = envDFGApprox(material.roughness, geometry.dotNV);\n\n        // AO\n        float diffuseAO = 1.0;\n        float specularAO = 1.0;\n\n        #ifdef MATERIAL_HAS_OCCLUSION_TEXTURE\n            vec2 aoUV = v_uv;\n            #ifdef RENDERER_HAS_UV1\n                if(material_OcclusionTextureCoord == 1.0){\n                    aoUV = v_uv1;\n                }\n            #endif\n            diffuseAO = ((texture2D(material_OcclusionTexture, aoUV)).r - 1.0) * material_OcclusionIntensity + 1.0;\n        #endif\n\n         #ifdef SCENE_ENABLE_AMBIENT_OCCLUSION\n            float ambientAO = evaluateAmbientOcclusion((v_PositionCS.xy / v_PositionCS.w) * 0.5 + 0.5);\n            diffuseAO = min(diffuseAO, ambientAO);\n        #endif\n\n        #if (defined(MATERIAL_HAS_OCCLUSION_TEXTURE) || defined(SCENE_ENABLE_AMBIENT_OCCLUSION))&& defined(SCENE_USE_SPECULAR_ENV) \n            specularAO = saturate( pow( geometry.dotNV + diffuseAO, exp2( - 16.0 * material.roughness - 1.0 ) ) - 1.0 + diffuseAO );\n        #endif\n\n        material.diffuseAO = diffuseAO;\n        material.specularAO = specularAO;\n\n        // Sheen\n        #ifdef MATERIAL_ENABLE_SHEEN\n            vec3 sheenColor = material_SheenColor;\n            #ifdef MATERIAL_HAS_SHEEN_TEXTURE\n                sheenColor *= texture2DSRGB(material_SheenTexture, v_uv).rgb;\n            #endif\n            material.sheenColor = sheenColor;\n\n            material.sheenRoughness = material_SheenRoughness;\n            #ifdef MATERIAL_HAS_SHEEN_ROUGHNESS_TEXTURE\n                material.sheenRoughness *= texture2D(material_SheenRoughnessTexture, v_uv).a;\n            #endif\n\n            material.sheenRoughness = max(MIN_PERCEPTUAL_ROUGHNESS, min(material.sheenRoughness + getAARoughnessFactor(geometry.normal), 1.0));\n            material.approxIBLSheenDG = prefilteredSheenDFG(geometry.dotNV, material.sheenRoughness);\n            material.sheenScaling = 1.0 - material.approxIBLSheenDG * max(max(material.sheenColor.r, material.sheenColor.g), material.sheenColor.b);\n        #endif\n\n        // Iridescence\n        #ifdef MATERIAL_ENABLE_IRIDESCENCE\n            material.iridescenceFactor = material_IridescenceInfo.x;\n            material.iridescenceIOR = material_IridescenceInfo.y;\n\n            #ifdef MATERIAL_HAS_IRIDESCENCE_THICKNESS_TEXTURE\n               float iridescenceThicknessWeight = texture2D( material_IridescenceThicknessTexture, v_uv).g;\n               material.iridescenceThickness = mix(material_IridescenceInfo.z, material_IridescenceInfo.w, iridescenceThicknessWeight);\n            #else\n               material.iridescenceThickness = material_IridescenceInfo.w;\n            #endif\n\n            #ifdef MATERIAL_HAS_IRIDESCENCE_TEXTURE\n               material.iridescenceFactor *= texture2D( material_IridescenceTexture, v_uv).r;\n            #endif\n             \n            #ifdef MATERIAL_ENABLE_IRIDESCENCE\n                float topIOR = 1.0;\n                material.iridescenceSpecularColor = evalIridescenceSpecular(topIOR, geometry.dotNV, material.iridescenceIOR, material.specularF0, material.specularF90, material.iridescenceThickness);\n                material.resolvedSpecularF0 = mix(material.resolvedSpecularF0, material.iridescenceSpecularColor, material.iridescenceFactor);\n            #endif\n        #endif\n\n        material.envSpecularDFG = material.resolvedSpecularF0 * dfg.x + material.specularF90 * dfg.y;\n\n        // Multi-scattering energy compensation\n        // Ref: Kulla & Conty 2017, \"Revisiting Physically Based Shading at Imageworks\"\n        // Ref: Lagarde & Golubev 2018, simplified multiplier approach\n        material.energyCompensation = 1.0 + material.resolvedSpecularF0 * (1.0 / max(dfg.x + dfg.y, EPSILON) - 1.0);\n\n        // Transmission\n        #ifdef MATERIAL_ENABLE_TRANSMISSION \n            material.transmission = material_Transmission;\n            #ifdef MATERIAL_HAS_TRANSMISSION_TEXTURE\n                material.transmission *= texture2D(material_TransmissionTexture, v_uv).r;\n            #endif\n\n            #ifdef MATERIAL_HAS_THICKNESS\n                material.absorptionCoefficient = -log(material_AttenuationColor + HALF_EPS) / max(HALF_EPS, material_AttenuationDistance);\n                material.thickness = max(material_Thickness, 0.0001);\n                #ifdef MATERIAL_HAS_THICKNESS_TEXTURE\n                    material.thickness *= texture2D( material_ThicknessTexture, v_uv).g;\n                #endif\n            #endif    \n        #endif\n}\n\n"; // eslint-disable-line
     var brdf = "\n#ifdef MATERIAL_ENABLE_SHEEN\n    uniform sampler2D scene_PrefilteredDFG;\n#endif\n\nfloat F_Schlick(float f0, float f90, float dotLH) {\n\treturn f0 + (f90 - f0) * (pow(1.0 - dotLH, 5.0));\n}\n\nvec3 F_Schlick(vec3 f0, float f90, float dotLH ) {\n\n\t// Original approximation by Christophe Schlick '94\n\t// float fresnel = pow( 1.0 - dotLH, 5.0 );\n\n\t// Optimized variant (presented by Epic at SIGGRAPH '13)\n\t// https://cdn2.unrealengine.com/Resources/files/2013SiggraphPresentationsNotes-26915738.pdf\n\tfloat fresnel = exp2( ( -5.55473 * dotLH - 6.98316 ) * dotLH );\n\n\treturn (f90 - f0 ) * fresnel + f0;\n\n}\n\n// Moving Frostbite to Physically Based Rendering 3.0 - page 12, listing 2\n// https://seblagarde.files.wordpress.com/2015/07/course_notes_moving_frostbite_to_pbr_v32.pdf\nfloat G_GGX_SmithCorrelated(float alpha, float dotNL, float dotNV ) {\n\n\tfloat a2 = pow2( alpha );\n\n\t// dotNL and dotNV are explicitly swapped. This is not a mistake.\n\tfloat gv = dotNL * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\n\tfloat gl = dotNV * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\n\n\treturn 0.5 / max( gv + gl, EPSILON );\n\n}\n\n#ifdef MATERIAL_ENABLE_ANISOTROPY\n    // Heitz 2014, \"Understanding the Masking-Shadowing Function in Microfacet-Based BRDFs\"\n    // Heitz http://jcgt.org/published/0003/02/03/paper.pdf\n    float G_GGX_SmithCorrelated_Anisotropic(float at, float ab, float ToV, float BoV, float ToL, float BoL, float NoV, float NoL) {\n        float lambdaV = NoL * length(vec3(at * ToV, ab * BoV, NoV));\n        float lambdaL = NoV * length(vec3(at * ToL, ab * BoL, NoL));\n        return 0.5 / max(lambdaV + lambdaL, EPSILON);\n    }\n#endif\n\n// Microfacet Models for Refraction through Rough Surfaces - equation (33)\n// http://graphicrants.blogspot.com/2013/08/specular-brdf-reference.html\n// alpha is \"roughness squared\" in Disney’s reparameterization\nfloat D_GGX(float alpha, float dotNH ) {\n\n\tfloat a2 = pow2( alpha );\n\n\tfloat denom = pow2( dotNH ) * ( a2 - 1.0 ) + 1.0; // avoid alpha = 0 with dotNH = 1\n\n\treturn RECIPROCAL_PI * a2 / pow2( denom );\n\n}\n\n#ifdef MATERIAL_ENABLE_SHEEN\n    // http://www.aconty.com/pdf/s2017_pbs_imageworks_sheen.pdf\n    float D_Charlie(float roughness, float dotNH) {\n        float invAlpha  = 1.0 / roughness;\n        float cos2h = dotNH * dotNH;\n        float sin2h = max(1.0 - cos2h, 0.0078125); // 2^(-14/2), so sin2h^2 > 0 in fp16\n        return (2.0 + invAlpha) * pow(sin2h, invAlpha * 0.5) / (2.0 * PI);\n    }\n\n    // Neubelt and Pettineo 2013, \"Crafting a Next-gen Material Pipeline for The Order: 1886\".\n    float V_Neubelt(float NoV, float NoL) {\n        return saturate(1.0 / (4.0 * (NoL + NoV - NoL * NoV)));\n    }\n\n    vec3 sheenBRDF(vec3 incidentDirection, Geometry geometry, vec3 sheenColor, float sheenRoughness) {\n        vec3 halfDir = normalize(incidentDirection + geometry.viewDir);\n        float dotNL = saturate(dot(geometry.normal, incidentDirection));\n        float dotNH = saturate(dot(geometry.normal, halfDir));\n        float D = D_Charlie(sheenRoughness, dotNH);\n        float V = V_Neubelt(geometry.dotNV, dotNL);\n        vec3 F = sheenColor;\n        return  D * V * F;\n    }\n\n    float prefilteredSheenDFG(float dotNV, float sheenRoughness) {\n        #ifdef HAS_TEX_LOD\n            return texture2DLodEXT(scene_PrefilteredDFG, vec2(dotNV, sheenRoughness), 0.0).b;\n        #else\n            return texture2D(scene_PrefilteredDFG, vec2(dotNV, sheenRoughness),0.0).b;\n        #endif  \n    }\n#endif\n\n#ifdef MATERIAL_ENABLE_ANISOTROPY\n    // GGX Distribution Anisotropic\n    // https://blog.selfshadow.com/publications/s2012-shading-course/burley/s2012_pbs_disney_brdf_notes_v3.pdf Addenda\n    float D_GGX_Anisotropic(float at, float ab, float ToH, float BoH, float NoH) {\n        float a2 = at * ab;\n        vec3 d = vec3(ab * ToH, at * BoH, a2 * NoH);\n        float d2 = dot(d, d);\n        float b2 = a2 / d2;\n        return a2 * b2 * b2 * RECIPROCAL_PI;\n    }\n#endif\n\nfloat DG_GGX(float alpha, float dotNV, float dotNL, float dotNH) {\n\tfloat D = D_GGX( alpha, dotNH );\n\tfloat G = G_GGX_SmithCorrelated( alpha, dotNL, dotNV );\n    return G * D;\n}\n\n#ifdef MATERIAL_ENABLE_ANISOTROPY\n    float DG_GGX_anisotropic(vec3 h, vec3 l, Geometry geometry, float alpha, float dotNV, float dotNL, float dotNH) {\n        vec3 t = geometry.anisotropicT;\n        vec3 b = geometry.anisotropicB;\n        vec3 v = geometry.viewDir;\n\n        float dotTV = dot(t, v);\n        float dotBV = dot(b, v);\n        float dotTL = dot(t, l);\n        float dotBL = dot(b, l);\n        float dotTH = dot(t, h);\n        float dotBH = dot(b, h);\n\n        // Aniso parameter remapping\n        // https://blog.selfshadow.com/publications/s2017-shading-course/imageworks/s2017_pbs_imageworks_slides_v2.pdf page 24\n        float at = max(alpha * (1.0 + geometry.anisotropy), MIN_ROUGHNESS);\n        float ab = max(alpha * (1.0 - geometry.anisotropy), MIN_ROUGHNESS);\n\n        // specular anisotropic BRDF\n        float D = D_GGX_Anisotropic(at, ab, dotTH, dotBH, dotNH);\n        float G = G_GGX_SmithCorrelated_Anisotropic(at, ab, dotTV, dotBV, dotTL, dotBL, dotNV, dotNL);\n\n        return G * D;\n    }\n#endif\n\n#ifdef MATERIAL_ENABLE_IRIDESCENCE\n    vec3 iorToFresnel0(vec3 transmittedIOR, float incidentIOR) {\n        return pow((transmittedIOR - incidentIOR) / (transmittedIOR + incidentIOR),vec3(2.0));\n    } \n\n    float iorToFresnel0(float transmittedIOR, float incidentIOR) {\n        return pow((transmittedIOR - incidentIOR) / (transmittedIOR + incidentIOR),2.0);\n    } \n\n    // Assume air interface for top\n    // Note: We don't handle the case fresnel0 == 1\n    vec3 fresnelToIOR(vec3 f0){\n        vec3 sqrtF0 = sqrt(f0);\n        return (vec3(1.0) + sqrtF0) / (vec3(1.0) - sqrtF0);\n    }\n\n    // Fresnel equations for dielectric/dielectric interfaces.\n    // Ref: https://belcour.github.io/blog/research/publication/2017/05/01/brdf-thin-film.html\n    // Evaluation XYZ sensitivity curves in Fourier space\n    vec3 evalSensitivity(float opd, vec3 shift){\n        // Use Gaussian fits, given by 3 parameters: val, pos and var\n        float phase = 2.0 * PI * opd * 1.0e-9;\n        const vec3 val = vec3(5.4856e-13, 4.4201e-13, 5.2481e-13);\n        const vec3 pos = vec3(1.6810e+06, 1.7953e+06, 2.2084e+06);\n        const vec3 var = vec3(4.3278e+09, 9.3046e+09, 6.6121e+09);\n        vec3 xyz = val * sqrt(2.0 * PI * var) * cos(pos * phase + shift) * exp(-var * pow2(phase));\n        xyz.x += 9.7470e-14 * sqrt(2.0 * PI * 4.5282e+09) * cos(2.2399e+06 * phase + shift[0]) * exp(-4.5282e+09 * pow2(phase));\n        xyz /= 1.0685e-7;\n        // XYZ to RGB color space\n        const mat3 XYZ_TO_RGB = mat3( 3.2404542, -0.9692660,  0.0556434,\n                                     -1.5371385,  1.8760108, -0.2040259,\n                                     -0.4985314,  0.0415560,  1.0572252);\n        vec3 rgb = XYZ_TO_RGB * xyz;\n        return rgb;\n    }\n\n    vec3 evalIridescenceSpecular(float outsideIOR, float dotNV, float thinIOR, vec3 baseF0, float baseF90, float iridescenceThickness){ \n        vec3 iridescence = vec3(1.0);\n        // Force iridescenceIOR -> outsideIOR when thinFilmThickness -> 0.0\n        float iridescenceIOR = mix( outsideIOR, thinIOR, smoothstep( 0.0, 0.03, iridescenceThickness ) );\n        // Evaluate the cosTheta on the base layer (Snell law)\n        float sinTheta2Sq = pow( outsideIOR / iridescenceIOR, 2.0) * (1.0 - pow( dotNV, 2.0));\n        float cosTheta2Sq = 1.0 - sinTheta2Sq;\n        // Handle total internal reflection\n        if (cosTheta2Sq < 0.0) {\n           return iridescence;\n        }\n        float cosTheta2 = sqrt(cosTheta2Sq);\n            \n        // First interface\n        float f0 = iorToFresnel0(iridescenceIOR, outsideIOR);\n        float reflectance = F_Schlick(f0, baseF90, dotNV);\n        float t121 = 1.0 - reflectance;\n        float phi12 = 0.0;\n        // iridescenceIOR has limited greater than 1.0\n        // if (iridescenceIOR < outsideIOR) {phi12 = PI;} \n        float phi21 = PI - phi12;\n        \n        // Second interface\n        vec3 baseIOR = fresnelToIOR(clamp(baseF0, 0.0, 0.9999)); // guard against 1.0\n        vec3 r1  = iorToFresnel0(baseIOR, iridescenceIOR);\n        vec3 r23 = F_Schlick(r1, baseF90, cosTheta2);\n        vec3 phi23 =vec3(0.0);\n        if (baseIOR[0] < iridescenceIOR) {phi23[0] = PI;}\n        if (baseIOR[1] < iridescenceIOR) {phi23[1] = PI;}\n        if (baseIOR[2] < iridescenceIOR) {phi23[2] = PI;}\n        \n        // Phase shift\n        float opd = 2.0 * iridescenceIOR  * iridescenceThickness * cosTheta2;\n        vec3 phi = vec3(phi21) + phi23;\n        \n        // Compound terms\n        vec3 r123 = clamp(reflectance * r23, 1e-5, 0.9999);\n        vec3 sr123 = sqrt(r123);\n        vec3 rs = pow2(t121) * r23 / (vec3(1.0) - r123);\n        // Reflectance term for m = 0 (DC term amplitude)\n        vec3 c0 = reflectance + rs;\n        iridescence = c0;\n        // Reflectance term for m > 0 (pairs of diracs)\n        vec3 cm = rs - t121;\n        for (int m = 1; m <= 2; ++m) {\n             cm *= sr123;\n             vec3 sm = 2.0 * evalSensitivity(float(m) * opd, float(m) * phi);\n             iridescence += cm * sm;\n            }\n        return iridescence = max(iridescence, vec3(0.0)); \n    }\n#endif\n\n// GGX Distribution, Schlick Fresnel, GGX-Smith Visibility\nvec3 BRDF_Specular_GGX(vec3 incidentDirection, Geometry geometry, Material material, vec3 normal, vec3 specularColor, float roughness ) {\n\n\tfloat alpha = pow2( roughness ); // UE4's roughness\n\n\tvec3 halfDir = normalize( incidentDirection + geometry.viewDir );\n\n\tfloat dotNL = saturate( dot( normal, incidentDirection ) );\n\tfloat dotNV = saturate( dot( normal, geometry.viewDir ) );\n\tfloat dotNH = saturate( dot( normal, halfDir ) );\n\tfloat dotLH = saturate( dot( incidentDirection, halfDir ) );\n\n    vec3 F = F_Schlick( specularColor, material.specularF90, dotLH );\n    #ifdef MATERIAL_ENABLE_IRIDESCENCE\n        F = mix(F, material.iridescenceSpecularColor, material.iridescenceFactor);\n    #endif\n\n    #ifdef MATERIAL_ENABLE_ANISOTROPY\n        float GD = DG_GGX_anisotropic(halfDir, incidentDirection, geometry, alpha, dotNV, dotNL, dotNH);\n    #else\n        float GD = DG_GGX(alpha, dotNV, dotNL, dotNH);\n    #endif\n\n    return F * GD;\n}\n\nvec3 BRDF_Diffuse_Lambert(vec3 diffuseColor ) {\n\treturn RECIPROCAL_PI * diffuseColor;\n}\n"; // eslint-disable-line
     var direct_irradiance_frag_define = "#include <ShadowFragmentDeclaration>\n\nvoid sheenLobe(Geometry geometry, Material material, vec3 incidentDirection, vec3 attenuationIrradiance, inout vec3 diffuseColor, inout vec3 specularColor){\n    #ifdef MATERIAL_ENABLE_SHEEN\n        diffuseColor *= material.sheenScaling;\n        specularColor *= material.sheenScaling;\n\n        specularColor += attenuationIrradiance * sheenBRDF(incidentDirection, geometry, material.sheenColor, material.sheenRoughness);\n    #endif\n}\n\nvoid addDirectRadiance(vec3 incidentDirection, vec3 color, Geometry geometry, Material material, inout ReflectedLight reflectedLight) {\n    float attenuation = 1.0;\n\n    #ifdef MATERIAL_ENABLE_CLEAR_COAT\n        float clearCoatDotNL = saturate( dot( geometry.clearCoatNormal, incidentDirection ) );\n        vec3 clearCoatIrradiance = clearCoatDotNL * color;\n\n        reflectedLight.directSpecular += material.clearCoat * clearCoatIrradiance * BRDF_Specular_GGX( incidentDirection, geometry, material, geometry.clearCoatNormal, vec3( 0.04 ), material.clearCoatRoughness );\n        attenuation -= material.clearCoat * F_Schlick(0.04, 1.0, geometry.clearCoatDotNV);\n    #endif\n\n    float dotNL = saturate( dot( geometry.normal, incidentDirection ) );\n    vec3 irradiance = dotNL * color * PI;\n\n    reflectedLight.directSpecular += attenuation * irradiance * BRDF_Specular_GGX( incidentDirection, geometry, material, geometry.normal, material.specularF0, material.roughness) * material.energyCompensation;\n    reflectedLight.directDiffuse += attenuation * irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n\n    // Sheen Lobe\n    sheenLobe(geometry, material, incidentDirection, attenuation * irradiance, reflectedLight.directDiffuse, reflectedLight.directSpecular);\n\n}\n\n#ifdef SCENE_DIRECT_LIGHT_COUNT\n\n    void addDirectionalDirectLightRadiance(DirectLight directionalLight, Geometry geometry, Material material, inout ReflectedLight reflectedLight) {\n        vec3 color = directionalLight.color;\n        vec3 direction = -directionalLight.direction;\n\n\t\taddDirectRadiance( direction, color, geometry, material, reflectedLight );\n\n    }\n\n#endif\n\n#ifdef SCENE_POINT_LIGHT_COUNT\n\n\tvoid addPointDirectLightRadiance(PointLight pointLight, Geometry geometry, Material material, inout ReflectedLight reflectedLight) {\n\n\t\tvec3 lVector = pointLight.position - geometry.position;\n\t\tvec3 direction = normalize( lVector );\n\n\t\tfloat lightDistance = length( lVector );\n\n\t\tvec3 color = pointLight.color;\n\t\tcolor *= clamp(1.0 - pow(lightDistance/pointLight.distance, 4.0), 0.0, 1.0);\n\n\t\taddDirectRadiance( direction, color, geometry, material, reflectedLight );\n\n\t}\n\n#endif\n\n#ifdef SCENE_SPOT_LIGHT_COUNT\n\n\tvoid addSpotDirectLightRadiance(SpotLight spotLight, Geometry geometry, Material material, inout ReflectedLight reflectedLight) {\n\n\t\tvec3 lVector = spotLight.position - geometry.position;\n\t\tvec3 direction = normalize( lVector );\n\n\t\tfloat lightDistance = length( lVector );\n\t\tfloat angleCos = dot( direction, -spotLight.direction );\n\n\t\tfloat spotEffect = smoothstep( spotLight.penumbraCos, spotLight.angleCos, angleCos );\n\t\tfloat decayEffect = clamp(1.0 - pow(lightDistance/spotLight.distance, 4.0), 0.0, 1.0);\n\n\t\tvec3 color = spotLight.color;\n\t\tcolor *= spotEffect * decayEffect;\n\n\t\taddDirectRadiance( direction, color, geometry, material, reflectedLight );\n\n\t}\n\n\n#endif\n\nvoid addTotalDirectRadiance(Geometry geometry, Material material, inout ReflectedLight reflectedLight){\n    float shadowAttenuation = 1.0;\n\n    #ifdef SCENE_DIRECT_LIGHT_COUNT\n        shadowAttenuation = 1.0;\n        #ifdef SCENE_IS_CALCULATE_SHADOWS\n            shadowAttenuation *= sampleShadowMap();\n        #endif\n\n        DirectLight directionalLight;\n        for ( int i = 0; i < SCENE_DIRECT_LIGHT_COUNT; i ++ ) {\n            // warning: use `continue` syntax may trigger flickering bug in safri 16.1.\n            if(!isRendererCulledByLight(renderer_Layer.xy, scene_DirectLightCullingMask[i])){\n                directionalLight.color = scene_DirectLightColor[i];\n                #ifdef SCENE_IS_CALCULATE_SHADOWS\n                    if (i == 0) { // Sun light index is always 0\n                        directionalLight.color *= shadowAttenuation;\n                    }\n                #endif\n                directionalLight.direction = scene_DirectLightDirection[i];\n                addDirectionalDirectLightRadiance( directionalLight, geometry, material, reflectedLight );\n            }\n        }\n\n    #endif\n\n    #ifdef SCENE_POINT_LIGHT_COUNT\n\n        PointLight pointLight;\n\n        for ( int i = 0; i < SCENE_POINT_LIGHT_COUNT; i ++ ) {\n            if(!isRendererCulledByLight(renderer_Layer.xy, scene_PointLightCullingMask[i])){\n                pointLight.color = scene_PointLightColor[i];\n                pointLight.position = scene_PointLightPosition[i];\n                pointLight.distance = scene_PointLightDistance[i];\n\n                addPointDirectLightRadiance( pointLight, geometry, material, reflectedLight );\n            } \n        }\n\n    #endif\n\n    #ifdef SCENE_SPOT_LIGHT_COUNT\n\n        SpotLight spotLight;\n\n        for ( int i = 0; i < SCENE_SPOT_LIGHT_COUNT; i ++ ) {\n            if(!isRendererCulledByLight(renderer_Layer.xy, scene_SpotLightCullingMask[i])){\n                spotLight.color = scene_SpotLightColor[i];\n                spotLight.position = scene_SpotLightPosition[i];\n                spotLight.direction = scene_SpotLightDirection[i];\n                spotLight.distance = scene_SpotLightDistance[i];\n                spotLight.angleCos = scene_SpotLightAngleCos[i];\n                spotLight.penumbraCos = scene_SpotLightPenumbraCos[i];\n\n                addSpotDirectLightRadiance( spotLight, geometry, material, reflectedLight );\n            } \n        }\n\n    #endif\n}"; // eslint-disable-line
-    var ibl_frag_define = "// ------------------------Diffuse------------------------\n\n// sh need be pre-scaled in CPU.\nvec3 getLightProbeIrradiance(vec3 sh[9], vec3 normal){\n      normal.x = -normal.x;\n      vec3 result = sh[0] +\n\n            sh[1] * (normal.y) +\n            sh[2] * (normal.z) +\n            sh[3] * (normal.x) +\n\n            sh[4] * (normal.y * normal.x) +\n            sh[5] * (normal.y * normal.z) +\n            sh[6] * (3.0 * normal.z * normal.z - 1.0) +\n            sh[7] * (normal.z * normal.x) +\n            sh[8] * (normal.x * normal.x - normal.y * normal.y);\n    \n    return max(result, vec3(0.0));\n\n}\n\n// ------------------------Specular------------------------\n\n// Returns raw DFG approximation coefficients (split-sum LUT approximation)\nvec2 envDFGApprox(float roughness, float dotNV) {\n    const vec4 c0 = vec4( - 1, - 0.0275, - 0.572, 0.022 );\n    const vec4 c1 = vec4( 1, 0.0425, 1.04, - 0.04 );\n    vec4 r = roughness * c0 + c1;\n    float a004 = min( r.x * r.x, exp2( - 9.28 * dotNV ) ) * r.x + r.y;\n    return vec2( -1.04, 1.04 ) * a004 + r.zw;\n}\n\n// ref: https://www.unrealengine.com/blog/physically-based-shading-on-mobile - environmentBRDF for GGX on mobile\nvec3 envBRDFApprox(vec3 f0, float f90, float roughness, float dotNV ) {\n    vec2 AB = envDFGApprox(roughness, dotNV);\n    return f0 * AB.x + f90 * AB.y;\n}\n\n\nfloat getSpecularMIPLevel(float roughness, int maxMIPLevel ) {\n    return roughness * float(maxMIPLevel);\n}\n\nvec3 getReflectedVector(Geometry geometry, vec3 n) {\n    #ifdef MATERIAL_ENABLE_ANISOTROPY\n        vec3 r = reflect(-geometry.viewDir, geometry.anisotropicN);\n    #else\n        vec3 r = reflect(-geometry.viewDir, n);\n    #endif\n\n    return r;\n}\n\nvec3 getLightProbeRadiance(Geometry geometry, vec3 normal, float roughness, int maxMIPLevel, float specularIntensity) {\n\n    #ifndef SCENE_USE_SPECULAR_ENV\n        return vec3(0);\n    #else\n        vec3 reflectVec = getReflectedVector(geometry, normal);\n        reflectVec.x = -reflectVec.x; // TextureCube is left-hand,so x need inverse\n        \n        float specularMIPLevel = getSpecularMIPLevel(roughness, maxMIPLevel );\n\n        #ifdef HAS_TEX_LOD\n            vec4 envMapColor = textureCubeLodEXT( scene_EnvSpecularSampler, reflectVec, specularMIPLevel );\n        #else\n            vec4 envMapColor = textureCube( scene_EnvSpecularSampler, reflectVec, specularMIPLevel );\n        #endif\n\n        #ifdef SCENE_IS_DECODE_ENV_RGBM\n            envMapColor.rgb = RGBMToLinear(envMapColor, 5.0).rgb;\n        #elif defined(ENGINE_NO_SRGB)\n            envMapColor = sRGBToLinear(envMapColor);\n        #endif\n        \n        return envMapColor.rgb * specularIntensity;\n\n    #endif\n\n}\n\n\nvoid evaluateSheenIBL(Geometry geometry, Material material, float radianceAttenuation, inout vec3 diffuseColor, inout vec3 specularColor){\n    #ifdef MATERIAL_ENABLE_SHEEN\n        diffuseColor *= material.sheenScaling;\n        specularColor *= material.sheenScaling;\n\n        vec3 reflectance = material.specularAO * radianceAttenuation * material.approxIBLSheenDG * material.sheenColor;\n        specularColor += reflectance;\n    #endif\n}"; // eslint-disable-line
+    var ibl_frag_define = "// ------------------------Diffuse------------------------\n\n// sh need be pre-scaled in CPU.\nvec3 getLightProbeIrradiance(vec3 sh[9], vec3 normal){\n      normal.x = -normal.x;\n      vec3 result = sh[0] +\n\n            sh[1] * (normal.y) +\n            sh[2] * (normal.z) +\n            sh[3] * (normal.x) +\n\n            sh[4] * (normal.y * normal.x) +\n            sh[5] * (normal.y * normal.z) +\n            sh[6] * (3.0 * normal.z * normal.z - 1.0) +\n            sh[7] * (normal.z * normal.x) +\n            sh[8] * (normal.x * normal.x - normal.y * normal.y);\n    \n    return max(result, vec3(0.0));\n\n}\n\n// ------------------------Specular------------------------\n\n// Returns raw DFG approximation coefficients (split-sum LUT approximation)\nvec2 envDFGApprox(float roughness, float dotNV) {\n    const vec4 c0 = vec4( - 1, - 0.0275, - 0.572, 0.022 );\n    const vec4 c1 = vec4( 1, 0.0425, 1.04, - 0.04 );\n    vec4 r = roughness * c0 + c1;\n    float a004 = min( r.x * r.x, exp2( - 9.28 * dotNV ) ) * r.x + r.y;\n    return vec2( -1.04, 1.04 ) * a004 + r.zw;\n}\n\n// ref: https://www.unrealengine.com/blog/physically-based-shading-on-mobile - environmentBRDF for GGX on mobile\nvec3 envBRDFApprox(vec3 f0, float f90, float roughness, float dotNV ) {\n    vec2 AB = envDFGApprox(roughness, dotNV);\n    return f0 * AB.x + f90 * AB.y;\n}\n\n\nfloat getSpecularMIPLevel(float roughness, int maxMIPLevel ) {\n    return roughness * float(maxMIPLevel);\n}\n\nvec3 getReflectedVector(Geometry geometry, vec3 n) {\n    #ifdef MATERIAL_ENABLE_ANISOTROPY\n        vec3 r = reflect(-geometry.viewDir, geometry.anisotropicN);\n    #else\n        vec3 r = reflect(-geometry.viewDir, n);\n    #endif\n\n    return r;\n}\n\nvec3 getLightProbeRadiance(Geometry geometry, vec3 normal, float roughness, int maxMIPLevel, float specularIntensity) {\n\n    #ifndef SCENE_USE_SPECULAR_ENV\n        return vec3(0);\n    #else\n        vec3 reflectVec = getReflectedVector(geometry, normal);\n        reflectVec.x = -reflectVec.x; // TextureCube is left-hand,so x need inverse\n        \n        float specularMIPLevel = getSpecularMIPLevel(roughness, maxMIPLevel );\n\n        #ifdef HAS_TEX_LOD\n            vec4 envMapColor = textureCubeLodEXT( scene_EnvSpecularSampler, reflectVec, specularMIPLevel );\n        #else\n            vec4 envMapColor = textureCube( scene_EnvSpecularSampler, reflectVec, specularMIPLevel );\n        #endif\n\n        #ifdef ENGINE_NO_SRGB\n            envMapColor = sRGBToLinear(envMapColor);\n        #endif\n        \n        return envMapColor.rgb * specularIntensity;\n\n    #endif\n\n}\n\n\nvoid evaluateSheenIBL(Geometry geometry, Material material, float radianceAttenuation, inout vec3 diffuseColor, inout vec3 specularColor){\n    #ifdef MATERIAL_ENABLE_SHEEN\n        diffuseColor *= material.sheenScaling;\n        specularColor *= material.sheenScaling;\n\n        vec3 reflectance = material.specularAO * radianceAttenuation * material.approxIBLSheenDG * material.sheenColor;\n        specularColor += reflectance;\n    #endif\n}"; // eslint-disable-line
     var pbr_frag = "Geometry geometry;\nMaterial material;\nReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\ninitGeometry(geometry, gl_FrontFacing);\ninitMaterial(material, geometry);\n\n// Direct Light\naddTotalDirectRadiance(geometry, material, reflectedLight);\n\n// IBL diffuse\n#ifdef SCENE_USE_SH\n    vec3 irradiance = getLightProbeIrradiance(scene_EnvSH, geometry.normal);\n    irradiance *= scene_EnvMapLight.diffuseIntensity;\n#else\n   vec3 irradiance = scene_EnvMapLight.diffuse * scene_EnvMapLight.diffuseIntensity;\n   irradiance *= PI;\n#endif\n\nreflectedLight.indirectDiffuse += material.diffuseAO * irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n\n// IBL specular\nvec3 radiance = getLightProbeRadiance(geometry, geometry.normal, material.roughness, int(scene_EnvMapLight.mipMapLevel), scene_EnvMapLight.specularIntensity);\nfloat radianceAttenuation = 1.0;\n\n// IBL Clear Coat\n#ifdef MATERIAL_ENABLE_CLEAR_COAT\n    vec3 clearCoatRadiance = getLightProbeRadiance( geometry, geometry.clearCoatNormal, material.clearCoatRoughness, int(scene_EnvMapLight.mipMapLevel), scene_EnvMapLight.specularIntensity );\n\n    reflectedLight.indirectSpecular += material.specularAO * clearCoatRadiance * material.clearCoat * envBRDFApprox(vec3( 0.04 ), 1.0, material.clearCoatRoughness, geometry.clearCoatDotNV);\n    radianceAttenuation -= material.clearCoat * F_Schlick(0.04, 1.0, geometry.clearCoatDotNV);\n#endif\n\nreflectedLight.indirectSpecular += material.specularAO * radianceAttenuation * radiance * envBRDFApprox(material.resolvedSpecularF0, material.specularF90, material.roughness, geometry.dotNV) * material.energyCompensation;\n\n\n// IBL Sheen\nevaluateSheenIBL(geometry, material, radianceAttenuation, reflectedLight.indirectDiffuse, reflectedLight.indirectSpecular);\n\n\n// Final color\nvec3 totalDiffuseColor = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse;\nvec3 totalSpecularColor = reflectedLight.directSpecular + reflectedLight.indirectSpecular;\n\n#ifdef MATERIAL_ENABLE_TRANSMISSION \n    vec3 refractionTransmitted = evaluateTransmission(geometry, material);\n    totalDiffuseColor = mix(totalDiffuseColor, refractionTransmitted, material.transmission);\n#endif\n\nvec4 finalColor = vec4(totalDiffuseColor + totalSpecularColor, material.opacity);\n\n\n// Emissive\nvec3 emissiveRadiance = material_EmissiveColor;\n#ifdef MATERIAL_HAS_EMISSIVETEXTURE\n    emissiveRadiance *= texture2DSRGB(material_EmissiveTexture, v_uv).rgb;\n#endif\n\nfinalColor.rgb += emissiveRadiance;\n\n\ngl_FragColor = finalColor;\n"; // eslint-disable-line
     var btdf = "#include <refraction>\n\n#ifdef MATERIAL_ENABLE_TRANSMISSION \n    uniform sampler2D camera_OpaqueTexture;\n    vec3 evaluateTransmission(Geometry geometry, Material material) {\n        RefractionModelResult ray;\n        #if REFRACTION_MODE == 0  \n            // RefractionMode.Sphere\n            refractionModelSphere(-geometry.viewDir, geometry.position, geometry.normal, material.IOR, material.thickness, ray);\n        #elif REFRACTION_MODE == 1\n            // RefractionMode.Planar\n            refractionModelPlanar(-geometry.viewDir, geometry.position, geometry.normal, material.IOR, material.thickness, ray);\n        #endif\n\n        vec3 refractedRayExit = ray.positionExit;\n\n        // We calculate the screen space position of the refracted point\n        vec4 samplingPositionNDC = camera_ProjMat * camera_ViewMat * vec4( refractedRayExit, 1.0 );\n        vec2 refractionCoords = (samplingPositionNDC.xy / samplingPositionNDC.w) * 0.5 + 0.5;\n\n        // Sample the opaque texture to get the transmitted light\n        vec3 refractionTransmitted = texture2DSRGB(camera_OpaqueTexture, refractionCoords).rgb;\n        refractionTransmitted *= material.diffuseColor;\n         \n        // Use specularFGD as an approximation of the fresnel effect\n        // https://blog.selfshadow.com/publications/s2017-shading-course/imageworks/s2017_pbs_imageworks_slides_v2.pdf\n        refractionTransmitted *= (1.0 - material.envSpecularDFG);\n\n       #ifdef MATERIAL_HAS_THICKNESS\n            // Absorption coefficient from Disney: http://blog.selfshadow.com/publications/s2015-shading-course/burley/s2015_pbs_disney_bsdf_notes.pdf\n            vec3 transmittance = min(vec3(1.0), exp(-material.absorptionCoefficient * ray.transmissionLength));\n            refractionTransmitted *= transmittance;\n       #endif\n        \n    return refractionTransmitted;\n    }\n#endif"; // eslint-disable-line
     var refraction = "#ifdef MATERIAL_ENABLE_TRANSMISSION \n\tstruct RefractionModelResult {\n\t    float transmissionLength;         // length of the transmission during refraction through the shape\n\t    vec3 positionExit;      // out ray position\n\t    // vec3 directionExit;     // out ray direction\n\t};\n\n\t//https://docs.unity3d.com/Packages/com.unity.render-pipelines.high-definition@15.0/manual/refraction-models.html\n\t void refractionModelSphere(vec3 V, vec3 positionWS, vec3 normalWS, float ior, float thickness, out RefractionModelResult ray) {\n\t    // Refracted ray\n\t    vec3 R1 = refract(V, normalWS, 1.0 / ior);\n\t    // Center of the tangent sphere\n\t    // vec3 C = positionWS - normalWS * thickness * 0.5;\n\n\t    // Second refraction (tangent sphere out)\n\t    float dist = dot(-normalWS, R1) * thickness;\n\t    // Out hit point in the tangent sphere\n\t    vec3 P1 = positionWS + R1 * dist;\n\t    // Out normal\n\t    // vec3 N1 = safeNormalize(C - P1);\n\t    // Out refracted ray\n\t    // vec3 R2 = refract(R1, N1, ior);\n\n\t    ray.transmissionLength = dist;\n\t    ray.positionExit = P1;\n\t    // ray.directionExit = R2; \n\t}\n\n\tvoid refractionModelPlanar(vec3 V, vec3 positionWS, vec3 normalWS, float ior, float thickness, out RefractionModelResult ray) {\n\t    // Refracted ray\n\t    vec3 R = refract(V, normalWS, 1.0 / ior);\n\t    // Optical depth within the thin plane\n\t    float dist = thickness / max(dot(-normalWS, R), 1e-5f);\n\n\t    ray.transmissionLength = dist;\n\t    ray.positionExit = vec3(positionWS + R * dist);\n\t    // ray.directionExit = V;\n\t}\n\n#endif"; // eslint-disable-line
@@ -28932,7 +28932,6 @@
         /** Sprite Atlas. */ AssetType["SpriteAtlas"] = "SpriteAtlas";
         /** Ambient light. */ AssetType["Env"] = "Environment";
         /** Scene. */ AssetType["Scene"] = "Scene";
-        /** HDR to cube. */ AssetType["HDR"] = "HDR";
         /** Font. */ AssetType["Font"] = "Font";
         /** Source Font, include ttf, otf and woff. */ AssetType["SourceFont"] = "SourceFont";
         /** AudioClip, include ogg, wav and mp3. */ AssetType["Audio"] = "Audio";
@@ -29346,7 +29345,6 @@
             this._contentRestorerPool = Object.create(null);
             this._subAssetPromiseCallbacks = {};
             this./** @internal */ _objectPool = Object.create(null);
-            this./** @internal */ _idResourceMap = Object.create(null);
             this./** @internal */ _virtualPathResourceMap = Object.create(null);
         }
         var _proto = ResourceManager.prototype;
@@ -29745,30 +29743,29 @@
        * @internal
        * @beta Just for internal editor, not recommended for developers.
        */ _proto.getResourceByRef = function getResourceByRef(ref) {
-            var refId = ref.refId, key = ref.key, isClone = ref.isClone;
-            var obj = this._objectPool[refId];
-            var promise;
-            if (obj) {
-                promise = AssetPromise.resolve(obj);
-            } else {
-                var resourceConfig = this._idResourceMap[refId];
-                if (!resourceConfig) {
-                    Logger.warn("refId:" + refId + " is not find in this._idResourceMap.");
-                    return AssetPromise.resolve(null);
-                }
-                var url = resourceConfig.virtualPath;
-                if (key) {
-                    url += "?q=" + key;
-                }
-                promise = this.load({
-                    url: url,
-                    type: resourceConfig.type,
-                    params: resourceConfig.params
-                });
+            var url = ref.url, key = ref.key, isClone = ref.isClone;
+            if (!url) {
+                Logger.warn("ResourceManager.getResourceByRef: url is empty.");
+                return AssetPromise.resolve(null);
+            }
+            var cached = this._objectPool[url];
+            if (cached) {
+                return AssetPromise.resolve(isClone ? cached.clone() : cached);
+            }
+            var mapped = this._virtualPathResourceMap[url];
+            if (!mapped) {
+                Logger.warn('ResourceManager.getResourceByRef: url "' + url + '" not found in virtualPathResourceMap.');
+                return AssetPromise.resolve(null);
             }
-            return promise.then(function(item) {
-                return isClone ? item.clone() : item;
+            var loadUrl = key ? url + "?q=" + key : url;
+            var promise = this.load({
+                url: loadUrl,
+                type: mapped.type,
+                params: mapped.params
             });
+            return isClone ? promise.then(function(item) {
+                return item.clone();
+            }) : promise;
         };
         /**
        * @internal
@@ -29777,7 +29774,6 @@
             var _this = this;
             config.forEach(function(element) {
                 _this._virtualPathResourceMap[element.virtualPath] = element;
-                _this._idResourceMap[element.id] = element;
                 if (element.dependentAssetMap) {
                     _this._virtualPathResourceMap[element.virtualPath].dependentAssetMap = element.dependentAssetMap;
                 }
@@ -31095,7 +31091,7 @@
     var pbrVs = "#include <common>\n#include <common_vert>\n#include <blendShape_input>\n#include <uv_share>\n#include <color_share>\n#include <normal_share>\n#include <worldpos_share>\n\n#include <ShadowVertexDeclaration>\n#include <FogVertexDeclaration>\n#include <PositionClipSpaceDeclaration>\n\nvoid main() {\n\n    #include <begin_position_vert>\n    #include <begin_normal_vert>\n    #include <blendShape_vert>\n    #include <skinning_vert>\n    #include <uv_vert>\n    #include <color_vert>\n    #include <normal_vert>\n    #include <worldpos_vert>\n    #include <position_vert>\n\n    #include <ShadowVertex>\n    #include <FogVertex>\n    #include <PositionClipSpaceVertex>\n}\n"; // eslint-disable-line
     var shadowMapFs = "#ifdef ENGINE_NO_DEPTH_TEXTURE\n  /**\n   * Decompose and save depth value.\n  */\n  vec4 pack (float depth) {\n    // Use rgba 4 bytes with a total of 32 bits to store the z value, and the accuracy of 1 byte is 1/256.\n    const vec4 bitShift = vec4(1.0, 256.0, 256.0 * 256.0, 256.0 * 256.0 * 256.0);\n    const vec4 bitMask = vec4(1.0/256.0, 1.0/256.0, 1.0/256.0, 0.0);\n\n    vec4 rgbaDepth = fract(depth * bitShift); // Calculate the z value of each point\n\n    // Cut off the value which do not fit in 8 bits\n    rgbaDepth -= rgbaDepth.gbaa * bitMask;\n\n    return rgbaDepth;\n  }\n#endif\n\n\nuniform vec4 material_BaseColor;\nuniform sampler2D material_BaseTexture;\nuniform float material_AlphaCutoff;\nvarying vec2 v_uv;\n\nvoid main() {\n  #if defined(MATERIAL_IS_ALPHA_CUTOFF) || (defined(SCENE_ENABLE_TRANSPARENT_SHADOW) && defined(MATERIAL_IS_TRANSPARENT))\n    float alpha = material_BaseColor.a;\n    #ifdef MATERIAL_HAS_BASETEXTURE\n        alpha *= texture2D(material_BaseTexture, v_uv).a;\n    #endif\n  \n    #ifdef MATERIAL_IS_ALPHA_CUTOFF\n      if(alpha < material_AlphaCutoff){\n        discard;\n      }\n    #endif\n  \n    #if defined(SCENE_ENABLE_TRANSPARENT_SHADOW) && defined(MATERIAL_IS_TRANSPARENT)\n      // Interleaved gradient noise\n      float noise = fract(52.982919 * fract(dot(vec2(0.06711, 0.00584), gl_FragCoord.xy)));\n      if (alpha <= noise) {\n        discard;\n      };\n    #endif\n  #endif\n\n  #ifdef ENGINE_NO_DEPTH_TEXTURE\n      gl_FragColor = pack(gl_FragCoord.z);\n  #else\n      gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);\n  #endif\n}"; // eslint-disable-line
     var shadowMapVs = "#include <common>\n#include <common_vert>\n#include <blendShape_input>\n#include <normal_share>\n#include <uv_share>\nuniform mat4 camera_VPMat;\nuniform vec2 scene_ShadowBias; // x: depth bias, y: normal bias\nuniform vec3 scene_LightDirection;\n\nvec3 applyShadowBias(vec3 positionWS) {\n    positionWS -= scene_LightDirection * scene_ShadowBias.x;\n    return positionWS;\n}\n\nvec3 applyShadowNormalBias(vec3 positionWS, vec3 normalWS) {\n    float invNdotL = 1.0 - clamp(dot(-scene_LightDirection, normalWS), 0.0, 1.0);\n    float scale = invNdotL * scene_ShadowBias.y;\n    positionWS += normalWS * vec3(scale);\n    return positionWS;\n}\n\nvoid main() {\n\n    #include <begin_position_vert>\n    #include <begin_normal_vert>\n    #include <blendShape_vert>\n    #include <skinning_vert>\n    #include <uv_vert>\n    \n    vec4 positionWS = renderer_ModelMat * position;\n\n    positionWS.xyz = applyShadowBias(positionWS.xyz);\n    #ifndef MATERIAL_OMIT_NORMAL\n        #ifdef RENDERER_HAS_NORMAL\n            vec3 normalWS = normalize( mat3(renderer_NormalMat) * normal );\n            positionWS.xyz = applyShadowNormalBias(positionWS.xyz, normalWS);\n        #endif\n    #endif\n\n\n    vec4 positionCS = camera_VPMat * positionWS;\n    positionCS.z = max(positionCS.z, -1.0);// clamp to min ndc z\n\n    gl_Position = positionCS;\n\n}\n"; // eslint-disable-line
-    var skyboxFs = "#include <common>\nuniform samplerCube material_CubeTexture;\n\nvarying vec3 v_cubeUV;\nuniform float material_Exposure;\nuniform vec4 material_TintColor;\n\nvoid main() {\n    vec4 textureColor = textureCube( material_CubeTexture, v_cubeUV );\n\n    #ifdef MATERIAL_IS_DECODE_SKY_RGBM\n        textureColor = RGBMToLinear(textureColor, 5.0);\n    #elif defined(ENGINE_NO_SRGB)\n        textureColor = sRGBToLinear(textureColor);\n    #endif\n\n    textureColor.rgb *= material_Exposure * material_TintColor.rgb;\n    \n    gl_FragColor = textureColor;\n}\n"; // eslint-disable-line
+    var skyboxFs = "#include <common>\nuniform samplerCube material_CubeTexture;\n\nvarying vec3 v_cubeUV;\nuniform float material_Exposure;\nuniform vec4 material_TintColor;\n\nvoid main() {\n    vec4 textureColor = textureCube( material_CubeTexture, v_cubeUV );\n\n    #ifdef ENGINE_NO_SRGB\n        textureColor = sRGBToLinear(textureColor);\n    #endif\n\n    textureColor.rgb *= material_Exposure * material_TintColor.rgb;\n    \n    gl_FragColor = textureColor;\n}\n"; // eslint-disable-line
     var skyboxVs = "#include <common_vert>\n\nuniform mat4 camera_VPMat;\n\nvarying vec3 v_cubeUV;\nuniform float material_Rotation;\n\nvec4 rotateY(vec4 v, float angle) {\n\tconst float deg2rad = 3.1415926 / 180.0;\n\tfloat radian = angle * deg2rad;\n\tfloat sina = sin(radian);\n\tfloat cosa = cos(radian);\n\tmat2 m = mat2(cosa, -sina, sina, cosa);\n\treturn vec4(m * v.xz, v.yw).xzyw;\n}\n\nvoid main() {\n    v_cubeUV = vec3( -POSITION.x, POSITION.yz ); // TextureCube is left-hand,so x need inverse\n    gl_Position = camera_VPMat * rotateY(vec4(POSITION, 1.0), material_Rotation);\n}\n"; // eslint-disable-line
     var spriteMaskFs = "uniform sampler2D renderer_MaskTexture;\nuniform float renderer_MaskAlphaCutoff;\nvarying vec2 v_uv;\n\nvoid main()\n{\n  vec4 color = texture2D(renderer_MaskTexture, v_uv);\n  if (color.a < renderer_MaskAlphaCutoff) {\n    discard;\n  }\n\n  gl_FragColor = color;\n}\n"; // eslint-disable-line
     var spriteMaskVs = "uniform mat4 camera_VPMat;\n\nattribute vec3 POSITION;\nattribute vec2 TEXCOORD_0;\n\nvarying vec2 v_uv;\n\nvoid main()\n{\n  gl_Position = camera_VPMat * vec4(POSITION, 1.0);\n  v_uv = TEXCOORD_0;\n}\n"; // eslint-disable-line
@@ -32260,7 +32256,7 @@
         _inherits$2(AmbientLight, ReferResource);
         function AmbientLight(engine) {
             var _this;
-            _this = ReferResource.call(this, engine) || this, _this._diffuseSolidColor = new Color(0.03696758874771872, 0.0421494543549785, 0.05455383078270364), _this._diffuseIntensity = 1.0, _this._specularIntensity = 1.0, _this._diffuseMode = DiffuseMode.SolidColor, _this._shArray = new Float32Array(27), _this._scenes = [], _this._specularTextureDecodeRGBM = false;
+            _this = ReferResource.call(this, engine) || this, _this._diffuseSolidColor = new Color(0.03696758874771872, 0.0421494543549785, 0.05455383078270364), _this._diffuseIntensity = 1.0, _this._specularIntensity = 1.0, _this._diffuseMode = DiffuseMode.SolidColor, _this._shArray = new Float32Array(27), _this._scenes = [];
             return _this;
         }
         var _proto = AmbientLight.prototype;
@@ -32275,7 +32271,6 @@
             shaderData.setFloat(AmbientLight._specularIntensityProperty, this._specularIntensity);
             shaderData.setFloatArray(AmbientLight._diffuseSHProperty, this._shArray);
             this._setDiffuseMode(shaderData);
-            this._setSpecularTextureDecodeRGBM(shaderData);
             this._setSpecularTexture(shaderData);
         };
         /**
@@ -32305,13 +32300,6 @@
                 sceneShaderData.disableMacro(AmbientLight._specularMacro);
             }
         };
-        _proto._setSpecularTextureDecodeRGBM = function _setSpecularTextureDecodeRGBM(sceneShaderData) {
-            if (this._specularTextureDecodeRGBM) {
-                sceneShaderData.enableMacro(AmbientLight._decodeRGBMMacro);
-            } else {
-                sceneShaderData.disableMacro(AmbientLight._decodeRGBMMacro);
-            }
-        };
         _proto._preComputeSH = function _preComputeSH(sh, out) {
             /**
          * Basis constants
@@ -32366,21 +32354,6 @@
             out[26] = src[26] * 0.429042;
         };
         _create_class$2(AmbientLight, [
-            {
-                key: "specularTextureDecodeRGBM",
-                get: /**
-       * Whether to decode from specularTexture with RGBM format.
-       */ function get() {
-                    return this._specularTextureDecodeRGBM;
-                },
-                set: function set(value) {
-                    this._specularTextureDecodeRGBM = value;
-                    var scenes = this._scenes;
-                    for(var i = 0, n = scenes.length; i < n; i++){
-                        this._setSpecularTextureDecodeRGBM(scenes[i].shaderData);
-                    }
-                }
-            },
             {
                 key: "diffuseMode",
                 get: /**
@@ -32478,7 +32451,6 @@
     }(ReferResource);
     AmbientLight._shMacro = ShaderMacro.getByName("SCENE_USE_SH");
     AmbientLight._specularMacro = ShaderMacro.getByName("SCENE_USE_SPECULAR_ENV");
-    AmbientLight._decodeRGBMMacro = ShaderMacro.getByName("SCENE_IS_DECODE_ENV_RGBM");
     AmbientLight._diffuseColorProperty = ShaderProperty.getByName("scene_EnvMapLight.diffuse");
     AmbientLight._diffuseSHProperty = ShaderProperty.getByName("scene_EnvSH");
     AmbientLight._diffuseIntensityProperty = ShaderProperty.getByName("scene_EnvMapLight.diffuseIntensity");
@@ -37453,7 +37425,7 @@
         _inherits$2(SkyBoxMaterial, Material);
         function SkyBoxMaterial(engine) {
             var _this;
-            _this = Material.call(this, engine, Shader.find("skybox")) || this, _this._textureDecodeRGBM = false, _this._tintColor = new Color(1, 1, 1, 1);
+            _this = Material.call(this, engine, Shader.find("skybox")) || this, _this._tintColor = new Color(1, 1, 1, 1);
             _this.renderState.rasterState.cullMode = CullMode.Off;
             _this.renderState.depthState.compareFunction = CompareFunction.LessEqual;
             _this.shaderData.setFloat(SkyBoxMaterial._rotationProp, 0);
@@ -37468,22 +37440,6 @@
             return dest;
         };
         _create_class$2(SkyBoxMaterial, [
-            {
-                key: "textureDecodeRGBM",
-                get: /**
-       * Whether to decode texture with RGBM format.
-       */ function get() {
-                    return this._textureDecodeRGBM;
-                },
-                set: function set(value) {
-                    this._textureDecodeRGBM = value;
-                    if (value) {
-                        this.shaderData.enableMacro(SkyBoxMaterial._decodeSkyRGBMMacro);
-                    } else {
-                        this.shaderData.disableMacro(SkyBoxMaterial._decodeSkyRGBMMacro);
-                    }
-                }
-            },
             {
                 key: "texture",
                 get: /**
@@ -37537,7 +37493,6 @@
     SkyBoxMaterial._textureCubeProp = ShaderProperty.getByName("material_CubeTexture");
     SkyBoxMaterial._rotationProp = ShaderProperty.getByName("material_Rotation");
     SkyBoxMaterial._exposureProp = ShaderProperty.getByName("material_Exposure");
-    SkyBoxMaterial._decodeSkyRGBMMacro = ShaderMacro.getByName("MATERIAL_IS_DECODE_SKY_RGBM");
     /**
      * Sun mode.
      */ var SunMode = /*#__PURE__*/ function(SunMode) {
@@ -45757,7 +45712,9 @@
             decoderMap[type] = target;
         };
     }
-    var FileHeader = /*#__PURE__*/ function() {
+    /**
+     * Binary format: [MAGIC(4B)] [totalLength(4B)] [version(1B)] [typeLen(2B)] [type] [nameLen(2B)] [name] [data...]
+     */ var FileHeader = /*#__PURE__*/ function() {
         function FileHeader() {
             this.totalLength = 0;
             this.version = 0;
@@ -45765,14 +45722,23 @@
             this.name = "";
             this.headerLength = 0;
         }
+        FileHeader.checkMagic = function checkMagic(arrayBuffer) {
+            if (arrayBuffer.byteLength < 4) return false;
+            var view = new DataView(arrayBuffer);
+            return view.getUint32(0, true) === FileHeader.MAGIC;
+        };
         FileHeader.decode = function decode(arrayBuffer) {
             var dataView = new DataView(arrayBuffer);
-            var totalLen = dataView.getUint32(0, true);
-            var fileVersion = dataView.getUint8(4);
-            var typeLen = dataView.getUint16(5, true);
-            var typeUint8Array = new Uint8Array(arrayBuffer, 7, typeLen);
-            var nameLen = dataView.getUint16(7 + typeLen, true);
-            var nameUint8Array = new Uint8Array(arrayBuffer, 9 + typeLen, nameLen);
+            if (!FileHeader.checkMagic(arrayBuffer)) {
+                throw new Error("Invalid Galacean binary file: missing GLCN magic header.");
+            }
+            var offset = 4;
+            var totalLen = dataView.getUint32(offset, true);
+            var fileVersion = dataView.getUint8(offset + 4);
+            var typeLen = dataView.getUint16(offset + 5, true);
+            var typeUint8Array = new Uint8Array(arrayBuffer, offset + 7, typeLen);
+            var nameLen = dataView.getUint16(offset + 7 + typeLen, true);
+            var nameUint8Array = new Uint8Array(arrayBuffer, offset + 9 + typeLen, nameLen);
             var name = Utils.decodeText(nameUint8Array);
             var type = Utils.decodeText(typeUint8Array);
             var header = new FileHeader();
@@ -45780,7 +45746,7 @@
             header.name = name;
             header.type = type;
             header.version = fileVersion;
-            header.headerLength = nameUint8Array.byteLength + typeUint8Array.byteLength + 9;
+            header.headerLength = offset + nameUint8Array.byteLength + typeUint8Array.byteLength + 9;
             return header;
         };
         _create_class(FileHeader, [
@@ -45793,6 +45759,8 @@
         ]);
         return FileHeader;
     }();
+    FileHeader.MAGIC = 0x4e434c47 // "GLCN" in little-endian
+    ;
     var InterpolableValueType = /*#__PURE__*/ function(InterpolableValueType) {
         InterpolableValueType[InterpolableValueType["Float"] = 0] = "Float";
         InterpolableValueType[InterpolableValueType["FloatArray"] = 1] = "FloatArray";
@@ -46193,12 +46161,12 @@
             this.rootIds.length = 0;
             this.strippedIds.length = 0;
         };
-        /** @internal */ _proto._addDependentAsset = function _addDependentAsset(refID, promise) {
+        /** @internal */ _proto._addDependentAsset = function _addDependentAsset(url, promise) {
             var _this = this;
             var tasks = this._tasks;
-            if (tasks.has(refID)) return;
+            if (tasks.has(url)) return;
             ++this._total;
-            tasks.add(refID);
+            tasks.add(url);
             promise.finally(function() {
                 ++_this._loaded;
                 _this._setTaskCompleteProgress(_this._loaded, _this._total);
@@ -46305,7 +46273,7 @@
                     // reference object
                     // @ts-ignore
                     return context.resourceManager.getResourceByRef(value).then(function(resource) {
-                        if (context.type === ParserType.Prefab) {
+                        if (resource && context.type === ParserType.Prefab) {
                             // @ts-ignore
                             context.resource._addDependenceAsset(resource);
                         }
@@ -46348,18 +46316,18 @@
         _proto._getEntityByConfig = function _getEntityByConfig(entityConfig) {
             var _this = this;
             // @ts-ignore
-            var assetRefId = entityConfig.assetRefId;
+            var assetUrl = entityConfig.assetUrl;
             var engine = this._context.engine;
-            if (assetRefId) {
+            if (assetUrl) {
                 return engine.resourceManager // @ts-ignore
                 .getResourceByRef({
-                    refId: assetRefId,
+                    url: assetUrl,
                     key: entityConfig.key,
                     isClone: entityConfig.isClone
                 }).then(function(entity) {
                     // @ts-ignore
-                    var resource = engine.resourceManager._objectPool[assetRefId];
-                    if (_this._context.type === ParserType.Prefab) {
+                    var resource = engine.resourceManager._objectPool[assetUrl];
+                    if (resource && _this._context.type === ParserType.Prefab) {
                         // @ts-ignore
                         _this._context.resource._addDependenceAsset(resource);
                     }
@@ -46382,7 +46350,7 @@
             return value["classType"] !== undefined;
         };
         ReflectionParser._isAssetRef = function _isAssetRef(value) {
-            return value["refId"] !== undefined;
+            return value["url"] !== undefined;
         };
         ReflectionParser._isEntityRef = function _isEntityRef(value) {
             return value["entityId"] !== undefined;
@@ -46400,7 +46368,7 @@
         function Texture2DDecoder() {}
         Texture2DDecoder.decode = function decode(engine, bufferReader, restoredTexture) {
             return new AssetPromise(function(resolve, reject) {
-                var objectId = bufferReader.nextStr();
+                var url = bufferReader.nextStr();
                 var mipmap = !!bufferReader.nextUint8();
                 var filterMode = bufferReader.nextUint8();
                 var anisoLevel = bufferReader.nextUint8();
@@ -46429,7 +46397,7 @@
                         }
                     }
                     // @ts-ignore
-                    engine.resourceManager._objectPool[objectId] = texture2D;
+                    engine.resourceManager._objectPool[url] = texture2D;
                     resolve(texture2D);
                 } else {
                     var blob = new window.Blob([
@@ -46723,7 +46691,7 @@
         _proto._getEntityByConfig = function _getEntityByConfig(entityConfig, engine) {
             var _this = this;
             var entityPromise;
-            if (entityConfig.assetRefId) {
+            if (entityConfig.assetUrl) {
                 entityPromise = this._parsePrefab(entityConfig, engine);
             } else if (entityConfig.strippedId) {
                 entityPromise = this._parseStrippedEntity(entityConfig);
@@ -46743,10 +46711,10 @@
         };
         _proto._parsePrefab = function _parsePrefab(entityConfig, engine) {
             var _this = this;
-            var assetRefId = entityConfig.assetRefId;
+            var assetUrl = entityConfig.assetUrl;
             return engine.resourceManager // @ts-ignore
             .getResourceByRef({
-                refId: assetRefId
+                url: assetUrl
             }).then(function(prefabResource) {
                 var entity = _instanceof1(prefabResource, PrefabResource) ? prefabResource.instantiate() : prefabResource.instantiateSceneRoot();
                 var instanceContext = new ParserContext(engine, ParserType.Prefab, null);
@@ -46797,7 +46765,7 @@
             var componentConfigMap = context.componentConfigMap;
             for(var i = 0, n = components.length; i < n; i++){
                 var componentConfig = components[i];
-                var key = !componentConfig.refId ? componentConfig.class : componentConfig.refId;
+                var key = !componentConfig.url ? componentConfig.class : componentConfig.url;
                 var componentId = componentConfig.id;
                 var component = entity.addComponent(Loader.getClass(key));
                 componentMap.set(componentId, component);
@@ -46844,52 +46812,6 @@
         _proto._addEntityPlugin = function _addEntityPlugin(entityId, entity) {};
         return HierarchyParser;
     }();
-    exports.EditorTextureLoader = /*#__PURE__*/ function(Loader) {
-        _inherits(EditorTextureLoader, Loader);
-        function EditorTextureLoader() {
-            return Loader.apply(this, arguments) || this;
-        }
-        var _proto = EditorTextureLoader.prototype;
-        _proto.load = function load(item, resourceManager) {
-            var requestConfig = _extends({}, item, {
-                type: "arraybuffer"
-            });
-            var url = item.url;
-            return new AssetPromise(function(resolve, reject) {
-                resourceManager // @ts-ignore
-                ._request(url, requestConfig).then(function(data) {
-                    decode(data, resourceManager.engine).then(function(texture) {
-                        resourceManager.addContentRestorer(new EditorTexture2DContentRestorer(texture, url, requestConfig));
-                        resolve(texture);
-                    });
-                }).catch(reject);
-            });
-        };
-        return EditorTextureLoader;
-    }(Loader);
-    exports.EditorTextureLoader = __decorate([
-        resourceLoader("EditorTexture2D", [
-            "prefab"
-        ], true)
-    ], exports.EditorTextureLoader);
-    var EditorTexture2DContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
-        _inherits(EditorTexture2DContentRestorer, ContentRestorer);
-        function EditorTexture2DContentRestorer(resource, url, requestConfig) {
-            var _this;
-            _this = ContentRestorer.call(this, resource) || this, _this.url = url, _this.requestConfig = requestConfig;
-            return _this;
-        }
-        var _proto = EditorTexture2DContentRestorer.prototype;
-        _proto.restoreContent = function restoreContent() {
-            var texture = this.resource;
-            var engine = texture.engine;
-            return engine.resourceManager // @ts-ignore
-            ._request(this.url, this.requestConfig).then(function(data) {
-                return decode(data, engine, texture);
-            });
-        };
-        return EditorTexture2DContentRestorer;
-    }(ContentRestorer);
     var MaterialLoaderType = /*#__PURE__*/ function(MaterialLoaderType) {
         MaterialLoaderType["Vector2"] = "Vector2";
         MaterialLoaderType["Vector3"] = "Vector3";
@@ -46928,11 +46850,11 @@
                 var customAmbientLight = ambient.customAmbientLight, ambientLight = ambient.ambientLight;
                 if (useCustomAmbient && customAmbientLight) {
                     // @ts-ignore
-                    context._addDependentAsset(customAmbientLight.refId, resourceManager.getResourceByRef(customAmbientLight));
+                    context._addDependentAsset(customAmbientLight.url, resourceManager.getResourceByRef(customAmbientLight));
                 }
                 if (ambientLight && (!useCustomAmbient || useSH)) {
                     // @ts-ignore
-                    context._addDependentAsset(ambientLight.refId, resourceManager.getResourceByRef(ambientLight));
+                    context._addDependentAsset(ambientLight.url, resourceManager.getResourceByRef(ambientLight));
                 }
             }
             var background = scene.background;
@@ -46940,14 +46862,14 @@
             if (backgroundMode === BackgroundMode.Texture) {
                 var texture = background.texture;
                 // @ts-ignore
-                texture && context._addDependentAsset(texture.refId, resourceManager.getResourceByRef(texture));
+                texture && context._addDependentAsset(texture.url, resourceManager.getResourceByRef(texture));
             } else if (backgroundMode === BackgroundMode.Sky) {
                 var skyMesh = background.skyMesh, skyMaterial = background.skyMaterial;
                 if (skyMesh && skyMaterial) {
                     // @ts-ignore
-                    context._addDependentAsset(skyMesh.refId, resourceManager.getResourceByRef(skyMesh));
+                    context._addDependentAsset(skyMesh.url, resourceManager.getResourceByRef(skyMesh));
                     // @ts-ignore
-                    context._addDependentAsset(skyMaterial.refId, resourceManager.getResourceByRef(skyMaterial));
+                    context._addDependentAsset(skyMaterial.url, resourceManager.getResourceByRef(skyMaterial));
                 }
             }
         };
@@ -46963,12 +46885,12 @@
             var entities = file.entities;
             for(var i = 0, n = entities.length; i < n; i++){
                 var entity = entities[i];
-                if (!!entity.assetRefId) {
+                if (!!entity.assetUrl) {
                     var context = this.context;
-                    var refId = entity.assetRefId, key = entity.key;
+                    var url = entity.assetUrl, key = entity.key;
                     // @ts-ignore
-                    context._addDependentAsset(refId, context.resourceManager.getResourceByRef({
-                        refId: refId,
+                    context._addDependentAsset(url, context.resourceManager.getResourceByRef({
+                        url: url,
                         key: key
                     }));
                 } else if (entity.strippedId) {
@@ -46993,7 +46915,7 @@
                 if (ReflectionParser._isAssetRef(value)) {
                     var context = this.context;
                     // @ts-ignore
-                    context._addDependentAsset(value.refId, context.resourceManager.getResourceByRef(value));
+                    context._addDependentAsset(value.url, context.resourceManager.getResourceByRef(value));
                 } else {
                     for(var key in value){
                         this._searchDependentAssets(value[key]);
@@ -47055,7 +46977,7 @@
         };
         _proto._parseKeyframeValue = function _parseKeyframeValue(keyframe, resourceManager) {
             var value = keyframe.value;
-            if ((typeof value === "undefined" ? "undefined" : _type_of1(value)) === "object" && (value == null ? void 0 : value.refId)) {
+            if ((typeof value === "undefined" ? "undefined" : _type_of1(value)) === "object" && (value == null ? void 0 : value.url)) {
                 return new Promise(function(resolve) {
                     resourceManager // @ts-ignore
                     .getResourceByRef(value).then(function(asset) {
@@ -47071,7 +46993,7 @@
     }(Loader);
     AnimationClipLoader = __decorate([
         resourceLoader(AssetType.AnimationClip, [
-            "ani"
+            "anim"
         ])
     ], AnimationClipLoader);
     var AnimatorControllerLoader = /*#__PURE__*/ function(Loader1) {
@@ -47182,8 +47104,8 @@
     }(Loader);
     AnimatorControllerLoader = __decorate([
         resourceLoader(AssetType.AnimatorController, [
-            "json"
-        ], false)
+            "animCtrl"
+        ])
     ], AnimatorControllerLoader);
     var base64Regex = /^data:(.+?);base64,/;
     var BufferLoader = /*#__PURE__*/ function(Loader) {
@@ -47210,8 +47132,7 @@
     }(Loader);
     BufferLoader = __decorate([
         resourceLoader(AssetType.Buffer, [
-            "bin",
-            "r3bin"
+            "bin"
         ])
     ], BufferLoader);
     var EnvLoader = /*#__PURE__*/ function(Loader) {
@@ -47237,7 +47158,6 @@
                     sh.copyFromArray(new Float32Array(arraybuffer, 0, 27));
                     ambientLight.diffuseSphericalHarmonics = sh;
                     ambientLight.specularTexture = texture;
-                    ambientLight.specularTextureDecodeRGBM = true;
                     resolve(ambientLight);
                 }).catch(function(e) {
                     reject(e);
@@ -47250,7 +47170,7 @@
             var _this;
             var shByteLength = 27 * 4;
             var size = (_this = new Uint16Array(buffer, shByteLength, 1)) == null ? void 0 : _this[0];
-            texture || (texture = new TextureCube(engine, size, undefined, undefined, false));
+            texture || (texture = new TextureCube(engine, size, TextureFormat.R16G16B16A16, true, false));
             texture.filterMode = TextureFilterMode.Trilinear;
             var mipmapCount = texture.mipmapCount;
             var offset = shByteLength + 2;
@@ -47258,8 +47178,8 @@
                 var mipSize = size >> mipLevel;
                 for(var face = 0; face < 6; face++){
                     var dataSize = mipSize * mipSize * 4;
-                    var data = new Uint8Array(buffer, offset, dataSize);
-                    offset += dataSize;
+                    var data = new Uint16Array(buffer, offset, dataSize);
+                    offset += dataSize * 2;
                     texture.setPixelBuffer(TextureCubeFace.PositiveX + face, data, mipLevel);
                 }
             }
@@ -50750,340 +50670,6 @@
             "prefab"
         ])
     ], PrefabLoader);
-    var PI = Math.PI;
-    // referenece: https://www.flipcode.com/archives/HDR_Image_Reader.shtml
-    var HDRLoader = /*#__PURE__*/ function(Loader) {
-        _inherits(HDRLoader, Loader);
-        function HDRLoader() {
-            return Loader.apply(this, arguments) || this;
-        }
-        var _proto = HDRLoader.prototype;
-        _proto.load = function load(item, resourceManager) {
-            return new AssetPromise(function(resolve, reject) {
-                var engine = resourceManager.engine;
-                var requestConfig = _extends({}, item, {
-                    type: "arraybuffer"
-                });
-                var url = item.url;
-                resourceManager // @ts-ignore
-                ._request(url, requestConfig).then(function(buffer) {
-                    var texture = HDRLoader._setTextureByBuffer(engine, buffer);
-                    engine.resourceManager.addContentRestorer(new HDRContentRestorer(texture, url, requestConfig));
-                    resolve(texture);
-                }).catch(reject);
-            });
-        };
-        /**
-       * @internal
-       */ HDRLoader._setTextureByBuffer = function _setTextureByBuffer(engine, buffer, texture) {
-            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 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++){
-                texture.setPixelBuffer(TextureCubeFace.PositiveX + faceIndex, cubeMapData[faceIndex], 0);
-            }
-            texture.generateMipmaps();
-            return texture;
-        };
-        HDRLoader._convertToCubemap = function _convertToCubemap(pixels, inputWidth, inputHeight, size) {
-            if (!pixels) {
-                throw "ConvertPanoramaToCubemap: input cannot be null";
-            }
-            if (pixels.length != inputWidth * inputHeight * 4) {
-                throw "ConvertPanoramaToCubemap: input size is wrong";
-            }
-            var textureRight = this._createCubemapData(size, this._faceRight, pixels, inputWidth, inputHeight);
-            var textureLeft = this._createCubemapData(size, this._faceLeft, pixels, inputWidth, inputHeight);
-            var textureUp = this._createCubemapData(size, this._faceUp, pixels, inputWidth, inputHeight);
-            var textureDown = this._createCubemapData(size, this._faceBottom, pixels, inputWidth, inputHeight);
-            var textureFront = this._createCubemapData(size, this._faceFront, pixels, inputWidth, inputHeight);
-            var textureBack = this._createCubemapData(size, this._faceBack, pixels, inputWidth, inputHeight);
-            return [
-                textureRight,
-                textureLeft,
-                textureUp,
-                textureDown,
-                textureFront,
-                textureBack
-            ];
-        };
-        HDRLoader._createCubemapData = function _createCubemapData(texSize, faceData, pixels, inputWidth, inputHeight) {
-            var textureArray = new Uint8ClampedArray(texSize * texSize * 4);
-            var rotDX1 = this._tempVector3.set(0, 0, 0).add(faceData[1]).subtract(faceData[0]).scale(1 / texSize);
-            var rotDX2 = this._temp2Vector3.set(0, 0, 0).add(faceData[3]).subtract(faceData[2]).scale(1 / texSize);
-            var dy = 1 / texSize;
-            var fy = 0;
-            for(var y = 0; y < texSize; y++){
-                var xv1 = this._temp3Vector3.set(0, 0, 0).add(faceData[0]);
-                var xv2 = this._temp4Vector3.set(0, 0, 0).add(faceData[2]);
-                for(var x = 0; x < texSize; x++){
-                    var v = this._temp5Vector3.set(0, 0, 0).add(xv2).subtract(xv1).scale(fy).add(xv1);
-                    v.normalize();
-                    var color = this._calcProjectionSpherical(v, pixels, inputWidth, inputHeight);
-                    this._RGBEToLinear(color);
-                    this._linearToRGBM(color, 5);
-                    // 4 channels per pixels
-                    var index = y * texSize * 4 + x * 4;
-                    textureArray[index] = color.r;
-                    textureArray[index + 1] = color.g;
-                    textureArray[index + 2] = color.b;
-                    textureArray[index + 3] = color.a;
-                    xv1.add(rotDX1);
-                    xv2.add(rotDX2);
-                }
-                fy += dy;
-            }
-            return textureArray;
-        };
-        HDRLoader._calcProjectionSpherical = function _calcProjectionSpherical(vDir, pixels, inputWidth, inputHeight) {
-            var theta = Math.atan2(vDir.z, vDir.x);
-            var phi = Math.acos(vDir.y);
-            while(theta < -PI){
-                theta += 2 * PI;
-            }
-            while(theta > PI){
-                theta -= 2 * PI;
-            }
-            var dx = theta / PI;
-            var dy = phi / PI;
-            // recenter.
-            dx = dx * 0.5 + 0.5;
-            var px = Math.round(dx * inputWidth);
-            if (px < 0) {
-                px = 0;
-            } else if (px >= inputWidth) {
-                px = inputWidth - 1;
-            }
-            var py = Math.round(dy * inputHeight);
-            if (py < 0) {
-                py = 0;
-            } else if (py >= inputHeight) {
-                py = inputHeight - 1;
-            }
-            var inputY = inputHeight - py - 1;
-            var index = inputY * inputWidth * 4 + px * 4;
-            var r = pixels[index];
-            var g = pixels[index + 1];
-            var b = pixels[index + 2];
-            var a = pixels[index + 3];
-            return new Color(r, g, b, a);
-        };
-        HDRLoader._readStringLine = function _readStringLine(uint8array, startIndex) {
-            var line = "";
-            var character = "";
-            for(var i = startIndex; i < uint8array.length - startIndex; i++){
-                character = String.fromCharCode(uint8array[i]);
-                if (character == "\n") {
-                    break;
-                }
-                line += character;
-            }
-            return line;
-        };
-        HDRLoader._parseHeader = function _parseHeader(uint8array) {
-            var height = 0;
-            var width = 0;
-            var line = this._readStringLine(uint8array, 0);
-            if (line[0] != "#" || line[1] != "?") {
-                throw "Bad HDR Format.";
-            }
-            var endOfHeader = false;
-            var findFormat = false;
-            var lineIndex = 0;
-            do {
-                lineIndex += line.length + 1;
-                line = this._readStringLine(uint8array, lineIndex);
-                if (line == "FORMAT=32-bit_rle_rgbe") {
-                    findFormat = true;
-                } else if (line.length == 0) {
-                    endOfHeader = true;
-                }
-            }while (!endOfHeader);
-            if (!findFormat) {
-                throw "HDR Bad header format, unsupported FORMAT";
-            }
-            lineIndex += line.length + 1;
-            line = this._readStringLine(uint8array, lineIndex);
-            var sizeRegexp = /^\-Y (.*) \+X (.*)$/g;
-            var match = sizeRegexp.exec(line);
-            // TODO. Support +Y and -X if needed.
-            if (!match || match.length < 3) {
-                throw "HDR Bad header format, no size";
-            }
-            width = parseInt(match[2]);
-            height = parseInt(match[1]);
-            if (width < 8 || width > 0x7fff) {
-                throw "HDR Bad header format, unsupported size";
-            }
-            lineIndex += line.length + 1;
-            return {
-                height: height,
-                width: width,
-                dataPosition: lineIndex
-            };
-        };
-        HDRLoader._readPixels = function _readPixels(buffer, width, height) {
-            var scanLineWidth = width;
-            var byteLength = buffer.byteLength;
-            var dataRGBA = new Uint8Array(4 * width * height);
-            var offset = 0, pos = 0;
-            var ptrEnd = 4 * scanLineWidth;
-            var scanLineBuffer = new Uint8Array(ptrEnd);
-            var numScanLines = height; // read in each successive scanLine
-            while(numScanLines > 0 && pos < byteLength){
-                var a = buffer[pos++];
-                var b = buffer[pos++];
-                var c = buffer[pos++];
-                var d = buffer[pos++];
-                if (a != 2 || b != 2 || c & 0x80 || width < 8 || width > 32767) {
-                    // this file is not run length encoded
-                    // read values sequentially
-                    return buffer;
-                }
-                if ((c << 8 | d) != scanLineWidth) {
-                    // eslint-disable-next-line no-throw-literal
-                    throw "HDR Bad header format, wrong scan line width";
-                }
-                // read each of the four channels for the scanline into the buffer
-                // first red, then green, then blue, then exponent
-                var ptr = 0, count = void 0;
-                while(ptr < ptrEnd && pos < byteLength){
-                    count = buffer[pos++];
-                    var isEncodedRun = count > 128;
-                    if (isEncodedRun) count -= 128;
-                    if (0 === count || ptr + count > ptrEnd) {
-                        throw "HDR Bad Format, bad scanline data (run)";
-                    }
-                    if (isEncodedRun) {
-                        // a (encoded) run of the same value
-                        var byteValue = buffer[pos++];
-                        for(var i = 0; i < count; i++){
-                            scanLineBuffer[ptr++] = byteValue;
-                        } //ptr += count;
-                    } else {
-                        // a literal-run
-                        scanLineBuffer.set(buffer.subarray(pos, pos + count), ptr);
-                        ptr += count;
-                        pos += count;
-                    }
-                } // now convert data from buffer into rgba
-                // first red, then green, then blue, then exponent (alpha)
-                var l = scanLineWidth; //scanLine_buffer.byteLength;
-                for(var i1 = 0; i1 < l; i1++){
-                    var off = 0;
-                    dataRGBA[offset] = scanLineBuffer[i1 + off];
-                    off += scanLineWidth;
-                    dataRGBA[offset + 1] = scanLineBuffer[i1 + off];
-                    off += scanLineWidth;
-                    dataRGBA[offset + 2] = scanLineBuffer[i1 + off];
-                    off += scanLineWidth;
-                    dataRGBA[offset + 3] = scanLineBuffer[i1 + off];
-                    offset += 4;
-                }
-                numScanLines--;
-            }
-            return dataRGBA;
-        };
-        HDRLoader._RGBEToLinear = function _RGBEToLinear(color) {
-            var scaleFactor = Math.pow(2, color.a - 128) / 255;
-            color.r *= scaleFactor;
-            color.g *= scaleFactor;
-            color.b *= scaleFactor;
-            color.a = 1;
-        };
-        HDRLoader._linearToRGBM = function _linearToRGBM(color, maxRange) {
-            var maxRGB = Math.max(color.r, Math.max(color.g, color.b));
-            var M = Math.min(maxRGB / maxRange, 1);
-            M = Math.ceil(M * 255);
-            var scaleFactor = 65025 / (M * maxRange); // 255 * (255 / (M * maxRange) )
-            color.r *= scaleFactor;
-            color.g *= scaleFactor;
-            color.b *= scaleFactor;
-            color.a *= M;
-        };
-        return HDRLoader;
-    }(Loader);
-    HDRLoader._rightBottomBack = new Vector3(1.0, -1.0, -1.0);
-    HDRLoader._rightBottomFront = new Vector3(1.0, -1.0, 1.0);
-    HDRLoader._rightUpBack = new Vector3(1.0, 1.0, -1.0);
-    HDRLoader._rightUpFront = new Vector3(1.0, 1.0, 1.0);
-    HDRLoader._leftBottomBack = new Vector3(-1.0, -1.0, -1.0);
-    HDRLoader._leftBottomFront = new Vector3(-1.0, -1.0, 1.0);
-    HDRLoader._leftUpBack = new Vector3(-1.0, 1.0, -1.0);
-    HDRLoader._leftUpFront = new Vector3(-1.0, 1.0, 1.0);
-    HDRLoader._faceRight = [
-        HDRLoader._rightBottomBack,
-        HDRLoader._rightBottomFront,
-        HDRLoader._rightUpBack,
-        HDRLoader._rightUpFront
-    ];
-    HDRLoader._faceLeft = [
-        HDRLoader._leftBottomFront,
-        HDRLoader._leftBottomBack,
-        HDRLoader._leftUpFront,
-        HDRLoader._leftUpBack
-    ];
-    HDRLoader._faceUp = [
-        HDRLoader._leftBottomFront,
-        HDRLoader._rightBottomFront,
-        HDRLoader._leftBottomBack,
-        HDRLoader._rightBottomBack
-    ];
-    HDRLoader._faceBottom = [
-        HDRLoader._leftUpBack,
-        HDRLoader._rightUpBack,
-        HDRLoader._leftUpFront,
-        HDRLoader._rightUpFront
-    ];
-    HDRLoader._faceFront = [
-        HDRLoader._leftBottomBack,
-        HDRLoader._rightBottomBack,
-        HDRLoader._leftUpBack,
-        HDRLoader._rightUpBack
-    ];
-    HDRLoader._faceBack = [
-        HDRLoader._rightBottomFront,
-        HDRLoader._leftBottomFront,
-        HDRLoader._rightUpFront,
-        HDRLoader._leftUpFront
-    ];
-    HDRLoader._tempVector3 = new Vector3();
-    HDRLoader._temp2Vector3 = new Vector3();
-    HDRLoader._temp3Vector3 = new Vector3();
-    HDRLoader._temp4Vector3 = new Vector3();
-    HDRLoader._temp5Vector3 = new Vector3();
-    HDRLoader = __decorate([
-        resourceLoader(AssetType.HDR, [
-            "hdr"
-        ])
-    ], HDRLoader);
-    /**
-     * @internal
-     */ var HDRContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
-        _inherits(HDRContentRestorer, ContentRestorer);
-        function HDRContentRestorer(resource, url, requestConfig) {
-            var _this;
-            _this = ContentRestorer.call(this, resource) || this, _this.url = url, _this.requestConfig = requestConfig;
-            return _this;
-        }
-        var _proto = HDRContentRestorer.prototype;
-        _proto.restoreContent = function restoreContent() {
-            var _this = this;
-            return new AssetPromise(function(resolve, reject) {
-                var resource = _this.resource;
-                var engine = resource.engine;
-                engine.resourceManager // @ts-ignore
-                ._request(_this.url, _this.requestConfig).then(function(buffer) {
-                    HDRLoader._setTextureByBuffer(engine, buffer, resource);
-                    resolve(resource);
-                }).catch(reject);
-            });
-        };
-        return HDRContentRestorer;
-    }(ContentRestorer);
     var JSONLoader = /*#__PURE__*/ function(Loader) {
         _inherits(JSONLoader, Loader);
         function JSONLoader() {
@@ -51479,7 +51065,7 @@
     }(Loader);
     MaterialLoader = __decorate([
         resourceLoader(AssetType.Material, [
-            "json"
+            "mat"
         ])
     ], MaterialLoader);
     var MeshLoader = /*#__PURE__*/ function(Loader) {
@@ -51599,7 +51185,7 @@
     }(Loader);
     ProjectLoader = __decorate([
         resourceLoader(AssetType.Project, [
-            "proj"
+            "project"
         ], false)
     ], ProjectLoader);
     var SourceFontLoader = /*#__PURE__*/ function(Loader) {
@@ -51815,27 +51401,20 @@
             "txt"
         ])
     ], TextLoader);
-    /**
-     * @internal
-     */ var Texture2DContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
-        _inherits(Texture2DContentRestorer, ContentRestorer);
-        function Texture2DContentRestorer(resource, url, requestConfig) {
-            var _this;
-            _this = ContentRestorer.call(this, resource) || this, _this.url = url, _this.requestConfig = requestConfig;
-            return _this;
-        }
-        var _proto = Texture2DContentRestorer.prototype;
-        _proto.restoreContent = function restoreContent() {
-            var _this = this;
-            return request(this.url, this.requestConfig).then(function(image) {
-                var resource = _this.resource;
-                resource.setImageSource(image);
-                resource.generateMipmaps();
-                return resource;
-            });
-        };
-        return Texture2DContentRestorer;
-    }(ContentRestorer);
+    function loadImageFromBuffer(buffer) {
+        return new AssetPromise(function(resolve, reject) {
+            var blob = new Blob([
+                buffer
+            ]);
+            var img = new Image();
+            img.onload = function() {
+                URL.revokeObjectURL(img.src);
+                resolve(img);
+            };
+            img.onerror = reject;
+            img.src = URL.createObjectURL(blob);
+        });
+    }
     var Texture2DLoader = /*#__PURE__*/ function(Loader) {
         _inherits(Texture2DLoader, Loader);
         function Texture2DLoader() {
@@ -51843,36 +51422,48 @@
         }
         var _proto = Texture2DLoader.prototype;
         _proto.load = function load(item, resourceManager) {
+            var _this = this;
+            var url = item.url;
+            var requestConfig = _extends({}, item, {
+                type: "arraybuffer"
+            });
             return new AssetPromise(function(resolve, reject, setTaskCompleteProgress, setTaskDetailProgress) {
-                var url = item.url;
-                var requestConfig = _extends({}, item, {
-                    type: "image"
-                });
                 resourceManager // @ts-ignore
-                ._request(url, requestConfig).onProgress(setTaskCompleteProgress, setTaskDetailProgress).then(function(image) {
-                    var _item_params;
-                    var _ref = (_item_params = item.params) != null ? _item_params : {}, _ref_format = _ref.format, format = _ref_format === void 0 ? 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;
-                    var engine = resourceManager.engine;
-                    var generateMipmap = TextureUtils.supportGenerateMipmapsWithCorrection(engine, width, height, format, mipmap, isSRGBColorSpace);
-                    var texture = new Texture2D(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);
-                    generateMipmap && texture.generateMipmaps();
-                    if (url.indexOf("data:") !== 0) {
-                        var index = url.lastIndexOf("/");
-                        texture.name = url.substring(index + 1);
+                ._request(url, requestConfig).onProgress(setTaskCompleteProgress, setTaskDetailProgress).then(function(buffer) {
+                    if (FileHeader.checkMagic(buffer)) {
+                        decode(buffer, resourceManager.engine).then(function(texture) {
+                            resourceManager.addContentRestorer(new Texture2DContentRestorer(texture, url, requestConfig));
+                            resolve(texture);
+                        }, reject);
+                    } else {
+                        loadImageFromBuffer(buffer).then(function(img) {
+                            var texture = _this._createTexture(img, item, resourceManager);
+                            resourceManager.addContentRestorer(new Texture2DContentRestorer(texture, url, requestConfig));
+                            resolve(texture);
+                        }, reject);
                     }
-                    resourceManager.addContentRestorer(new Texture2DContentRestorer(texture, url, requestConfig));
-                    resolve(texture);
-                }).catch(function(e) {
-                    reject(e);
-                });
+                }).catch(reject);
             });
         };
+        _proto._createTexture = function _createTexture(img, item, resourceManager) {
+            var _item_params;
+            var _ref = (_item_params = item.params) != null ? _item_params : {}, _ref_format = _ref.format, format = _ref_format === void 0 ? 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 = img.width, height = img.height;
+            var engine = resourceManager.engine;
+            var generateMipmap = TextureUtils.supportGenerateMipmapsWithCorrection(engine, width, height, format, mipmap, isSRGBColorSpace);
+            var texture = new Texture2D(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(img);
+            generateMipmap && texture.generateMipmaps();
+            var url = item.url;
+            if (url.indexOf("data:") !== 0) {
+                texture.name = url.substring(url.lastIndexOf("/") + 1);
+            }
+            return texture;
+        };
         return Texture2DLoader;
     }(Loader);
     Texture2DLoader = __decorate([
@@ -51880,38 +51471,317 @@
             "png",
             "jpg",
             "webp",
-            "jpeg"
+            "jpeg",
+            "tex"
         ])
     ], Texture2DLoader);
-    /**
-     * @internal
-     */ var TextureCubeContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
-        _inherits(TextureCubeContentRestorer, ContentRestorer);
-        function TextureCubeContentRestorer(resource, urls, requestConfig) {
+    var Texture2DContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
+        _inherits(Texture2DContentRestorer, ContentRestorer);
+        function Texture2DContentRestorer(resource, url, requestConfig) {
             var _this;
-            _this = ContentRestorer.call(this, resource) || this, _this.urls = urls, _this.requestConfig = requestConfig;
+            _this = ContentRestorer.call(this, resource) || this, _this.url = url, _this.requestConfig = requestConfig;
             return _this;
         }
-        var _proto = TextureCubeContentRestorer.prototype;
+        var _proto = Texture2DContentRestorer.prototype;
         _proto.restoreContent = function restoreContent() {
-            var _this = this;
-            return new AssetPromise(function(resolve, reject) {
-                Promise.all(_this.urls.map(function(url) {
-                    return request(url, _this.requestConfig);
-                })).then(function(images) {
-                    var resource = _this.resource;
-                    for(var faceIndex = 0; faceIndex < 6; faceIndex++){
-                        resource.setImageSource(TextureCubeFace.PositiveX + faceIndex, images[faceIndex], 0);
-                    }
-                    resource.generateMipmaps();
-                    resolve(resource);
-                }).catch(function(e) {
-                    reject(e);
-                });
+            var texture = this.resource;
+            var engine = texture.engine;
+            return engine.resourceManager // @ts-ignore
+            ._request(this.url, this.requestConfig).then(function(buffer) {
+                if (FileHeader.checkMagic(buffer)) {
+                    return decode(buffer, engine, texture);
+                } else {
+                    return loadImageFromBuffer(buffer).then(function(img) {
+                        texture.setImageSource(img);
+                        texture.generateMipmaps();
+                        return texture;
+                    });
+                }
             });
         };
-        return TextureCubeContentRestorer;
+        return Texture2DContentRestorer;
     }(ContentRestorer);
+    /**
+     * @internal
+     * HDR panorama to cubemap decoder.
+     */ var HDRDecoder = /*#__PURE__*/ function() {
+        function HDRDecoder() {}
+        HDRDecoder.parseHeader = function parseHeader(uint8array) {
+            var line = this._readStringLine(uint8array, 0);
+            if (line[0] !== "#" || line[1] !== "?") {
+                throw "HDRDecoder: invalid file header";
+            }
+            var endOfHeader = false;
+            var findFormat = false;
+            var lineIndex = 0;
+            do {
+                lineIndex += line.length + 1;
+                line = this._readStringLine(uint8array, lineIndex);
+                if (line === "FORMAT=32-bit_rle_rgbe") findFormat = true;
+                else if (line.length === 0) endOfHeader = true;
+            }while (!endOfHeader);
+            if (!findFormat) {
+                throw "HDRDecoder: unsupported format, expected 32-bit_rle_rgbe";
+            }
+            lineIndex += line.length + 1;
+            line = this._readStringLine(uint8array, lineIndex);
+            var match = /^\-Y (.*) \+X (.*)$/g.exec(line);
+            if (!match || match.length < 3) {
+                throw "HDRDecoder: missing image size, only -Y +X layout is supported";
+            }
+            var width = parseInt(match[2]);
+            var height = parseInt(match[1]);
+            if (width < 8 || width > 0x7fff) {
+                throw "HDRDecoder: unsupported image width, must be between 8 and 32767";
+            }
+            return {
+                height: height,
+                width: width,
+                dataPosition: lineIndex + line.length + 1
+            };
+        };
+        HDRDecoder.decodeFaces = function decodeFaces(bufferArray, header, onFace) {
+            var width = header.width, height = header.height, dataPosition = header.dataPosition;
+            var cubeSize = height >> 1;
+            var pixels = HDRDecoder._readPixels(bufferArray.subarray(dataPosition), width, height);
+            var faces = HDRDecoder._faces;
+            var faceBuffer = new Uint16Array(cubeSize * cubeSize * 4);
+            for(var faceIndex = 0; faceIndex < 6; faceIndex++){
+                HDRDecoder._createCubemapData(cubeSize, faces[faceIndex], pixels, width, height, faceBuffer);
+                onFace(faceIndex, faceBuffer);
+            }
+        };
+        HDRDecoder._generateFloat2HalfTables = function _generateFloat2HalfTables() {
+            var baseTable = new Uint32Array(512);
+            var shiftTable = new Uint32Array(512);
+            for(var i = 0; i < 256; ++i){
+                var e = i - 127;
+                if (e < -27) {
+                    baseTable[i] = 0x0000;
+                    baseTable[i | 0x100] = 0x8000;
+                    shiftTable[i] = 24;
+                    shiftTable[i | 0x100] = 24;
+                } else if (e < -14) {
+                    baseTable[i] = 0x0400 >> -e - 14;
+                    baseTable[i | 0x100] = 0x0400 >> -e - 14 | 0x8000;
+                    shiftTable[i] = -e - 1;
+                    shiftTable[i | 0x100] = -e - 1;
+                } else if (e <= 15) {
+                    baseTable[i] = e + 15 << 10;
+                    baseTable[i | 0x100] = e + 15 << 10 | 0x8000;
+                    shiftTable[i] = 13;
+                    shiftTable[i | 0x100] = 13;
+                } else if (e < 128) {
+                    baseTable[i] = 0x7c00;
+                    baseTable[i | 0x100] = 0xfc00;
+                    shiftTable[i] = 24;
+                    shiftTable[i | 0x100] = 24;
+                } else {
+                    baseTable[i] = 0x7c00;
+                    baseTable[i | 0x100] = 0xfc00;
+                    shiftTable[i] = 13;
+                    shiftTable[i | 0x100] = 13;
+                }
+            }
+            return {
+                baseTable: baseTable,
+                shiftTable: shiftTable
+            };
+        };
+        HDRDecoder._createCubemapData = function _createCubemapData(texSize, face, pixels, inputWidth, inputHeight, facePixels) {
+            var invSize = 1 / texSize;
+            var rotDX1X = (face[3] - face[0]) * invSize;
+            var rotDX1Y = (face[4] - face[1]) * invSize;
+            var rotDX1Z = (face[5] - face[2]) * invSize;
+            var rotDX2X = (face[9] - face[6]) * invSize;
+            var rotDX2Y = (face[10] - face[7]) * invSize;
+            var rotDX2Z = (face[11] - face[8]) * invSize;
+            var floatView = HDRDecoder._floatView;
+            var uint32View = HDRDecoder._uint32View;
+            var _HDRDecoder__float2HalfTables = HDRDecoder._float2HalfTables, baseTable = _HDRDecoder__float2HalfTables.baseTable, shiftTable = _HDRDecoder__float2HalfTables.shiftTable;
+            var one = HDRDecoder._one;
+            var fy = 0;
+            for(var y = 0; y < texSize; y++){
+                var xv1X = face[0], xv1Y = face[1], xv1Z = face[2];
+                var xv2X = face[6], xv2Y = face[7], xv2Z = face[8];
+                for(var x = 0; x < texSize; x++){
+                    var dirX = xv1X + (xv2X - xv1X) * fy;
+                    var dirY = xv1Y + (xv2Y - xv1Y) * fy;
+                    var dirZ = xv1Z + (xv2Z - xv1Z) * fy;
+                    var invLen = 1 / Math.sqrt(dirX * dirX + dirY * dirY + dirZ * dirZ);
+                    dirX *= invLen;
+                    dirY *= invLen;
+                    dirZ *= invLen;
+                    var px = Math.round((Math.atan2(dirZ, dirX) / Math.PI * 0.5 + 0.5) * inputWidth);
+                    if (px < 0) px = 0;
+                    else if (px >= inputWidth) px = inputWidth - 1;
+                    var py = Math.round(Math.acos(dirY) / Math.PI * inputHeight);
+                    if (py < 0) py = 0;
+                    else if (py >= inputHeight) py = inputHeight - 1;
+                    var srcIndex = (inputHeight - py - 1) * inputWidth * 4 + px * 4;
+                    var scaleFactor = Math.pow(2, pixels[srcIndex + 3] - 128) / 255;
+                    var dstIndex = y * texSize * 4 + x * 4;
+                    for(var c = 0; c < 3; c++){
+                        floatView[0] = pixels[srcIndex + c] * scaleFactor;
+                        var f = uint32View[0];
+                        var e = f >> 23 & 0x1ff;
+                        facePixels[dstIndex + c] = baseTable[e] + ((f & 0x007fffff) >> shiftTable[e]);
+                    }
+                    facePixels[dstIndex + 3] = one;
+                    xv1X += rotDX1X;
+                    xv1Y += rotDX1Y;
+                    xv1Z += rotDX1Z;
+                    xv2X += rotDX2X;
+                    xv2Y += rotDX2Y;
+                    xv2Z += rotDX2Z;
+                }
+                fy += invSize;
+            }
+        };
+        HDRDecoder._readStringLine = function _readStringLine(uint8array, startIndex) {
+            var line = "";
+            for(var i = startIndex, n = uint8array.length; i < n; i++){
+                var character = String.fromCharCode(uint8array[i]);
+                if (character === "\n") break;
+                line += character;
+            }
+            return line;
+        };
+        HDRDecoder._readPixels = function _readPixels(buffer, width, height) {
+            var byteLength = buffer.byteLength;
+            var dataRGBA = new Uint8Array(4 * width * height);
+            var offset = 0;
+            var pos = 0;
+            var ptrEnd = 4 * width;
+            var scanLineBuffer = new Uint8Array(ptrEnd);
+            var numScanLines = height;
+            while(numScanLines > 0 && pos < byteLength){
+                var a = buffer[pos++];
+                var b = buffer[pos++];
+                var c = buffer[pos++];
+                var d = buffer[pos++];
+                if (a !== 2 || b !== 2 || c & 0x80 || width < 8 || width > 32767) return buffer;
+                if ((c << 8 | d) !== width) throw "HDRDecoder: wrong scanline width";
+                var ptr = 0;
+                while(ptr < ptrEnd && pos < byteLength){
+                    var count = buffer[pos++];
+                    var isEncodedRun = count > 128;
+                    if (isEncodedRun) count -= 128;
+                    if (count === 0 || ptr + count > ptrEnd) throw "HDRDecoder: bad scanline data";
+                    if (isEncodedRun) {
+                        var byteValue = buffer[pos++];
+                        for(var i = 0; i < count; i++)scanLineBuffer[ptr++] = byteValue;
+                    } else {
+                        scanLineBuffer.set(buffer.subarray(pos, pos + count), ptr);
+                        ptr += count;
+                        pos += count;
+                    }
+                }
+                for(var i1 = 0; i1 < width; i1++, offset += 4){
+                    dataRGBA[offset] = scanLineBuffer[i1];
+                    dataRGBA[offset + 1] = scanLineBuffer[i1 + width];
+                    dataRGBA[offset + 2] = scanLineBuffer[i1 + width * 2];
+                    dataRGBA[offset + 3] = scanLineBuffer[i1 + width * 3];
+                }
+                numScanLines--;
+            }
+            return dataRGBA;
+        };
+        return HDRDecoder;
+    }();
+    // Float32 to Float16 lookup tables (http://www.fox-toolkit.org/ftp/fasthalffloatconversion.pdf)
+    HDRDecoder._float2HalfTables = HDRDecoder._generateFloat2HalfTables();
+    HDRDecoder._floatView = new Float32Array(1);
+    HDRDecoder._uint32View = new Uint32Array(HDRDecoder._floatView.buffer);
+    HDRDecoder._one = 0x3c00 // Half float for 1.0
+    ;
+    // prettier-ignore
+    HDRDecoder._faces = [
+        /* +X */ [
+            1,
+            -1,
+            -1,
+            1,
+            -1,
+            1,
+            1,
+            1,
+            -1,
+            1,
+            1,
+            1
+        ],
+        /* -X */ [
+            -1,
+            -1,
+            1,
+            -1,
+            -1,
+            -1,
+            -1,
+            1,
+            1,
+            -1,
+            1,
+            -1
+        ],
+        /* +Y */ [
+            -1,
+            -1,
+            1,
+            1,
+            -1,
+            1,
+            -1,
+            -1,
+            -1,
+            1,
+            -1,
+            -1
+        ],
+        /* -Y */ [
+            -1,
+            1,
+            -1,
+            1,
+            1,
+            -1,
+            -1,
+            1,
+            1,
+            1,
+            1,
+            1
+        ],
+        /* +Z */ [
+            -1,
+            -1,
+            -1,
+            1,
+            -1,
+            -1,
+            -1,
+            1,
+            -1,
+            1,
+            1,
+            -1
+        ],
+        /* -Z */ [
+            1,
+            -1,
+            1,
+            -1,
+            -1,
+            1,
+            1,
+            1,
+            1,
+            -1,
+            1,
+            1
+        ]
+    ];
     var TextureCubeLoader = /*#__PURE__*/ function(Loader) {
         _inherits(TextureCubeLoader, Loader);
         function TextureCubeLoader() {
@@ -51919,6 +51789,44 @@
         }
         var _proto = TextureCubeLoader.prototype;
         _proto.load = function load(item, resourceManager) {
+            if (item.urls) {
+                return this._loadCubeFaces(item, resourceManager);
+            } else {
+                return this._loadHDR(item, resourceManager);
+            }
+        };
+        _proto._loadHDR = function _loadHDR(item, resourceManager) {
+            return new AssetPromise(function(resolve, reject) {
+                var engine = resourceManager.engine;
+                var url = item.url;
+                var requestConfig = _extends({}, item, {
+                    type: "arraybuffer"
+                });
+                resourceManager // @ts-ignore
+                ._request(url, requestConfig).then(function(buffer) {
+                    if (!SystemInfo.supportsTextureFormat(engine, TextureFormat.R16G16B16A16)) {
+                        reject(new Error("TextureCubeLoader: HDR texture requires half float support."));
+                        return;
+                    }
+                    var _item_params;
+                    var _ref = (_item_params = item.params) != null ? _item_params : {}, _ref_mipmap = _ref.mipmap, mipmap = _ref_mipmap === void 0 ? true : _ref_mipmap, anisoLevel = _ref.anisoLevel, wrapModeU = _ref.wrapModeU, wrapModeV = _ref.wrapModeV, filterMode = _ref.filterMode;
+                    var bufferArray = new Uint8Array(buffer);
+                    var header = HDRDecoder.parseHeader(bufferArray);
+                    var texture = new TextureCube(engine, header.height >> 1, TextureFormat.R16G16B16A16, mipmap, false);
+                    HDRDecoder.decodeFaces(bufferArray, header, function(faceIndex, data) {
+                        texture.setPixelBuffer(TextureCubeFace.PositiveX + faceIndex, data, 0);
+                    });
+                    texture.generateMipmaps();
+                    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;
+                    resourceManager.addContentRestorer(new HDRContentRestorer(texture, url, requestConfig));
+                    resolve(texture);
+                }).catch(reject);
+            });
+        };
+        _proto._loadCubeFaces = function _loadCubeFaces(item, resourceManager) {
             return new AssetPromise(function(resolve, reject) {
                 var urls = item.urls;
                 var requestConfig = _extends({}, item, {
@@ -51932,7 +51840,7 @@
                     var _ref = (_item_params = item.params) != null ? _item_params : {}, _ref_format = _ref.format, format = _ref_format === void 0 ? 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;
                     if (width !== height) {
-                        console.error("The cube texture must have the same width and height");
+                        reject(new Error("The cube texture must have the same width and height"));
                         return;
                     }
                     var engine = resourceManager.engine;
@@ -51945,21 +51853,70 @@
                     for(var faceIndex = 0; faceIndex < 6; faceIndex++){
                         texture.setImageSource(TextureCubeFace.PositiveX + faceIndex, images[faceIndex], 0);
                     }
-                    generateMipmap && texture.generateMipmaps();
-                    resourceManager.addContentRestorer(new TextureCubeContentRestorer(texture, urls, requestConfig));
+                    texture.generateMipmaps();
+                    resourceManager.addContentRestorer(new CubeFaceContentRestorer(texture, urls, requestConfig));
                     resolve(texture);
-                }).catch(function(e) {
-                    reject(e);
-                });
+                }).catch(reject);
             });
         };
         return TextureCubeLoader;
     }(Loader);
     TextureCubeLoader = __decorate([
         resourceLoader(AssetType.TextureCube, [
-            ""
+            "texCube",
+            "hdr"
         ])
     ], TextureCubeLoader);
+    var HDRContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
+        _inherits(HDRContentRestorer, ContentRestorer);
+        function HDRContentRestorer(resource, url, requestConfig) {
+            var _this;
+            _this = ContentRestorer.call(this, resource) || this, _this.url = url, _this.requestConfig = requestConfig;
+            return _this;
+        }
+        var _proto = HDRContentRestorer.prototype;
+        _proto.restoreContent = function restoreContent() {
+            var _this = this;
+            return new AssetPromise(function(resolve, reject) {
+                var resource = _this.resource;
+                resource.engine.resourceManager // @ts-ignore
+                ._request(_this.url, _this.requestConfig).then(function(buffer) {
+                    var bufferArray = new Uint8Array(buffer);
+                    HDRDecoder.decodeFaces(bufferArray, HDRDecoder.parseHeader(bufferArray), function(faceIndex, data) {
+                        resource.setPixelBuffer(TextureCubeFace.PositiveX + faceIndex, data, 0);
+                    });
+                    resource.generateMipmaps();
+                    resolve(resource);
+                }).catch(reject);
+            });
+        };
+        return HDRContentRestorer;
+    }(ContentRestorer);
+    var CubeFaceContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
+        _inherits(CubeFaceContentRestorer, ContentRestorer);
+        function CubeFaceContentRestorer(resource, urls, requestConfig) {
+            var _this;
+            _this = ContentRestorer.call(this, resource) || this, _this.urls = urls, _this.requestConfig = requestConfig;
+            return _this;
+        }
+        var _proto = CubeFaceContentRestorer.prototype;
+        _proto.restoreContent = function restoreContent() {
+            var _this = this;
+            return new AssetPromise(function(resolve, reject) {
+                Promise.all(_this.urls.map(function(url) {
+                    return request(url, _this.requestConfig);
+                })).then(function(images) {
+                    var resource = _this.resource;
+                    for(var faceIndex = 0; faceIndex < 6; faceIndex++){
+                        resource.setImageSource(TextureCubeFace.PositiveX + faceIndex, images[faceIndex], 0);
+                    }
+                    resource.generateMipmaps();
+                    resolve(resource);
+                }).catch(reject);
+            });
+        };
+        return CubeFaceContentRestorer;
+    }(ContentRestorer);
     var AudioLoader = /*#__PURE__*/ function(Loader) {
         _inherits(AudioLoader, Loader);
         function AudioLoader() {
@@ -52105,7 +52062,7 @@
     }(Loader);
     PhysicsMaterialLoader = __decorate([
         resourceLoader(AssetType.PhysicsMaterial, [
-            "mesh"
+            "physMat"
         ])
     ], PhysicsMaterialLoader);
     var SceneLoader = /*#__PURE__*/ function(Loader) {
@@ -52139,7 +52096,6 @@
                             scene.ambientLight.specularIntensity = ambient.specularIntensity;
                             scene.ambientLight.diffuseMode = ambient.diffuseMode;
                             scene.ambientLight.diffuseSolidColor.copyFrom(ambient.diffuseSolidColor);
-                            scene.ambientLight.specularTextureDecodeRGBM = true;
                             if (useCustomAmbient && ambient.customAmbientLight) {
                                 promises.push(resourceManager.getResourceByRef(ambient.customAmbientLight).then(function(ambientLight) {
                                     scene.ambientLight.specularTexture = ambientLight == null ? void 0 : ambientLight.specularTexture;
@@ -52757,7 +52713,7 @@
     ], EXT_texture_webp);
 
     //@ts-ignore
-    var version = "2.0.0-alpha.5";
+    var version = "2.0.0-alpha.7";
     console.log("Galacean Engine Version: " + version);
     for(var key in CoreObjects){
         Loader.registerClass(key, CoreObjects[key]);