@galacean/engine-core 1.3.0-alpha.0 → 1.3.0-alpha.2

package/dist/main.js

@@ -2994,6 +2994,12 @@ exports.RenderStateDataKey = void 0;
     StencilOperation[StencilOperation[/** Decrements the current stencil buffer value. Wraps stencil buffer value to the maximum representable unsigned value when decrementing a stencil buffer value of 0. */ "DecrementWrap"] = 7] = "DecrementWrap";
 })(exports.StencilOperation || (exports.StencilOperation = {}));
 
+exports.ShaderPlatformTarget = void 0;
+(function(ShaderPlatformTarget) {
+    ShaderPlatformTarget[ShaderPlatformTarget["GLES100"] = 0] = "GLES100";
+    ShaderPlatformTarget[ShaderPlatformTarget["GLES300"] = 1] = "GLES300";
+})(exports.ShaderPlatformTarget || (exports.ShaderPlatformTarget = {}));
+
 /**
  * Shader macro。
  */ var ShaderMacro = /*#__PURE__*/ function() {
@@ -3023,14 +3029,14 @@ exports.RenderStateDataKey = void 0;
                 maskMap.length++;
                 maskMap[index] = new Array(32);
             }
-            maskMap[index][bit] = key;
+            maskMap[index][bit] = macro;
             ShaderMacro._macroCounter++;
         }
         return macro;
     };
     /**
    * @internal
-   */ ShaderMacro._getNamesByMacros = function _getNamesByMacros(macros, out) {
+   */ ShaderMacro._getMacrosElements = function _getMacrosElements(macros, out) {
         var maskMap = ShaderMacro._macroMaskMap;
         var mask = macros._mask;
         out.length = 0;
@@ -3213,15 +3219,6 @@ exports.RenderStateDataKey = void 0;
     return ShaderMacroCollection;
 }();
 
-/**
- * Pipeline stage.
- */ exports.PipelineStage = void 0;
-(function(PipelineStage) {
-    PipelineStage[/** DepthOnly stage. */ "DepthOnly"] = "DepthOnly";
-    PipelineStage[/** Shadow caster stage. */ "ShadowCaster"] = "ShadowCaster";
-    PipelineStage[/** Forward shading stage. */ "Forward"] = "Forward";
-})(exports.PipelineStage || (exports.PipelineStage = {}));
-
 function _extends() {
     _extends = Object.assign || function assign(target) {
         for (var i = 1; i < arguments.length; i++) {
@@ -3235,6 +3232,15 @@ function _extends() {
     return _extends.apply(this, arguments);
 }
 
+/**
+ * Pipeline stage.
+ */ exports.PipelineStage = void 0;
+(function(PipelineStage) {
+    PipelineStage[/** DepthOnly stage. */ "DepthOnly"] = "DepthOnly";
+    PipelineStage[/** Shadow caster stage. */ "ShadowCaster"] = "ShadowCaster";
+    PipelineStage[/** Forward shading stage. */ "Forward"] = "Forward";
+})(exports.PipelineStage || (exports.PipelineStage = {}));
+
 var camera_declare = "#define GLSLIFY 1\nuniform vec3 camera_Position;uniform vec3 camera_Forward;uniform vec4 camera_ProjectionParams;"; // eslint-disable-line
 
 var common = "#define GLSLIFY 1\n#define PI 3.14159265359\n#define RECIPROCAL_PI 0.31830988618\n#define EPSILON 1e-6\n#define LOG2 1.442695\n#define saturate( a ) clamp( a, 0.0, 1.0 )\nfloat pow2(float x){return x*x;}vec4 RGBMToLinear(vec4 value,float maxRange){return vec4(value.rgb*value.a*maxRange,1.0);}vec4 gammaToLinear(vec4 srgbIn){return vec4(pow(srgbIn.rgb,vec3(2.2)),srgbIn.a);}vec4 linearToGamma(vec4 linearIn){return vec4(pow(linearIn.rgb,vec3(1.0/2.2)),linearIn.a);}uniform vec4 camera_DepthBufferParams;float remapDepthBufferLinear01(float z){return 1.0/(camera_DepthBufferParams.x*z+camera_DepthBufferParams.y);}\n#ifdef GRAPHICS_API_WEBGL2\n#define INVERSE_MAT(mat) inverse(mat)\n#else\nmat2 inverseMat(mat2 m){return mat2(m[1][1],-m[0][1],-m[1][0],m[0][0])/(m[0][0]*m[1][1]-m[0][1]*m[1][0]);}mat3 inverseMat(mat3 m){float a00=m[0][0],a01=m[0][1],a02=m[0][2];float a10=m[1][0],a11=m[1][1],a12=m[1][2];float a20=m[2][0],a21=m[2][1],a22=m[2][2];float b01=a22*a11-a12*a21;float b11=-a22*a10+a12*a20;float b21=a21*a10-a11*a20;float det=a00*b01+a01*b11+a02*b21;return mat3(b01,(-a22*a01+a02*a21),(a12*a01-a02*a11),b11,(a22*a00-a02*a20),(-a12*a00+a02*a10),b21,(-a21*a00+a01*a20),(a11*a00-a01*a10))/det;}mat4 inverseMat(mat4 m){float a00=m[0][0],a01=m[0][1],a02=m[0][2],a03=m[0][3],a10=m[1][0],a11=m[1][1],a12=m[1][2],a13=m[1][3],a20=m[2][0],a21=m[2][1],a22=m[2][2],a23=m[2][3],a30=m[3][0],a31=m[3][1],a32=m[3][2],a33=m[3][3],b00=a00*a11-a01*a10,b01=a00*a12-a02*a10,b02=a00*a13-a03*a10,b03=a01*a12-a02*a11,b04=a01*a13-a03*a11,b05=a02*a13-a03*a12,b06=a20*a31-a21*a30,b07=a20*a32-a22*a30,b08=a20*a33-a23*a30,b09=a21*a32-a22*a31,b10=a21*a33-a23*a31,b11=a22*a33-a23*a32,det=b00*b11-b01*b10+b02*b09+b03*b08-b04*b07+b05*b06;return mat4(a11*b11-a12*b10+a13*b09,a02*b10-a01*b11-a03*b09,a31*b05-a32*b04+a33*b03,a22*b04-a21*b05-a23*b03,a12*b08-a10*b11-a13*b07,a00*b11-a02*b08+a03*b07,a32*b02-a30*b05-a33*b01,a20*b05-a22*b02+a23*b01,a10*b10-a11*b08+a13*b06,a01*b08-a00*b10-a03*b06,a30*b04-a31*b02+a33*b00,a21*b02-a20*b04-a23*b00,a11*b07-a10*b09-a12*b06,a00*b09-a01*b07+a02*b06,a31*b01-a30*b03-a32*b00,a20*b03-a21*b01+a22*b00)/det;}\n#define INVERSE_MAT(mat) inverseMat(mat)\n#endif\n"; // eslint-disable-line
@@ -3323,13 +3329,13 @@ var noise_simplex_4D = "#define GLSLIFY 1\nvec4 grad4(float j,vec4 ip){const vec
 
 var pbr_frag_define = "#define GLSLIFY 1\n#define MIN_PERCEPTUAL_ROUGHNESS 0.045\n#define MIN_ROUGHNESS 0.002025\nuniform float material_AlphaCutoff;uniform vec4 material_BaseColor;uniform float material_Metal;uniform float material_Roughness;uniform float material_IOR;uniform vec3 material_PBRSpecularColor;uniform float material_Glossiness;uniform vec3 material_EmissiveColor;uniform float material_NormalIntensity;uniform float material_OcclusionIntensity;uniform float material_OcclusionTextureCoord;\n#ifdef MATERIAL_ENABLE_CLEAR_COAT\nuniform float material_ClearCoat;uniform float material_ClearCoatRoughness;\n#ifdef MATERIAL_HAS_CLEAR_COAT_TEXTURE\nuniform sampler2D material_ClearCoatTexture;\n#endif\n#ifdef MATERIAL_HAS_CLEAR_COAT_ROUGHNESS_TEXTURE\nuniform sampler2D material_ClearCoatRoughnessTexture;\n#endif\n#ifdef MATERIAL_HAS_CLEAR_COAT_NORMAL_TEXTURE\nuniform sampler2D material_ClearCoatNormalTexture;\n#endif\n#endif\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nuniform vec3 material_AnisotropyInfo;\n#ifdef MATERIAL_HAS_ANISOTROPY_TEXTURE\nuniform sampler2D material_AnisotropyTexture;\n#endif\n#endif\n#ifdef MATERIAL_HAS_BASETEXTURE\nuniform sampler2D material_BaseTexture;\n#endif\n#ifdef MATERIAL_HAS_NORMALTEXTURE\nuniform sampler2D material_NormalTexture;\n#endif\n#ifdef MATERIAL_HAS_EMISSIVETEXTURE\nuniform sampler2D material_EmissiveTexture;\n#endif\n#ifdef MATERIAL_HAS_ROUGHNESS_METALLIC_TEXTURE\nuniform sampler2D material_RoughnessMetallicTexture;\n#endif\n#ifdef MATERIAL_HAS_SPECULAR_GLOSSINESS_TEXTURE\nuniform sampler2D material_SpecularGlossinessTexture;\n#endif\n#ifdef MATERIAL_HAS_OCCLUSION_TEXTURE\nuniform sampler2D material_OcclusionTexture;\n#endif\nstruct ReflectedLight{vec3 directDiffuse;vec3 directSpecular;vec3 indirectDiffuse;vec3 indirectSpecular;};struct Geometry{vec3 position;vec3 normal;vec3 viewDir;float dotNV;\n#ifdef MATERIAL_ENABLE_CLEAR_COAT\nvec3 clearCoatNormal;float clearCoatDotNV;\n#endif\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nvec3 anisotropicT;vec3 anisotropicB;vec3 anisotropicN;float anisotropy;\n#endif\n};struct Material{vec3 diffuseColor;float roughness;vec3 specularColor;float opacity;float f0;\n#ifdef MATERIAL_ENABLE_CLEAR_COAT\nfloat clearCoat;float clearCoatRoughness;\n#endif\n};"; // eslint-disable-line
 
-var pbr_helper = "#define GLSLIFY 1\n#include <normal_get>\nfloat computeSpecularOcclusion(float ambientOcclusion,float roughness,float dotNV){return saturate(pow(dotNV+ambientOcclusion,exp2(-16.0*roughness-1.0))-1.0+ambientOcclusion);}float getAARoughnessFactor(vec3 normal){\n#ifdef HAS_DERIVATIVES\nvec3 dxy=max(abs(dFdx(normal)),abs(dFdy(normal)));return MIN_PERCEPTUAL_ROUGHNESS+max(max(dxy.x,dxy.y),dxy.z);\n#else\nreturn MIN_PERCEPTUAL_ROUGHNESS;\n#endif\n}\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nvec3 getAnisotropicBentNormal(Geometry geometry,vec3 n,float roughness){vec3 anisotropyDirection=geometry.anisotropy>=0.0 ? geometry.anisotropicB : geometry.anisotropicT;vec3 anisotropicTangent=cross(anisotropyDirection,geometry.viewDir);vec3 anisotropicNormal=cross(anisotropicTangent,anisotropyDirection);vec3 bentNormal=normalize(mix(n,anisotropicNormal,abs(geometry.anisotropy)*saturate(5.0*roughness)));return bentNormal;}\n#endif\nvoid initGeometry(out Geometry geometry,bool isFrontFacing){geometry.position=v_pos;\n#ifdef CAMERA_ORTHOGRAPHIC\ngeometry.viewDir=-camera_Forward;\n#else\ngeometry.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)\nmat3 tbn=getTBN(isFrontFacing);\n#endif\n#ifdef MATERIAL_HAS_NORMALTEXTURE\ngeometry.normal=getNormalByNormalTexture(tbn,material_NormalTexture,material_NormalIntensity,v_uv,isFrontFacing);\n#else\ngeometry.normal=getNormal(isFrontFacing);\n#endif\ngeometry.dotNV=saturate(dot(geometry.normal,geometry.viewDir));\n#ifdef MATERIAL_ENABLE_CLEAR_COAT\n#ifdef MATERIAL_HAS_CLEAR_COAT_NORMAL_TEXTURE\ngeometry.clearCoatNormal=getNormalByNormalTexture(tbn,material_ClearCoatNormalTexture,material_NormalIntensity,v_uv,isFrontFacing);\n#else\ngeometry.clearCoatNormal=getNormal(isFrontFacing);\n#endif\ngeometry.clearCoatDotNV=saturate(dot(geometry.clearCoatNormal,geometry.viewDir));\n#endif\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nfloat anisotropy=material_AnisotropyInfo.z;vec3 anisotropicDirection=vec3(material_AnisotropyInfo.xy,0.0);\n#ifdef MATERIAL_HAS_ANISOTROPY_TEXTURE\nvec3 anisotropyTextureInfo=texture2D(material_AnisotropyTexture,v_uv).rgb;anisotropy*=anisotropyTextureInfo.b;anisotropicDirection.xy*=anisotropyTextureInfo.rg*2.0-1.0;\n#endif\ngeometry.anisotropy=anisotropy;geometry.anisotropicT=normalize(tbn*anisotropicDirection);geometry.anisotropicB=normalize(cross(geometry.normal,geometry.anisotropicT));\n#endif\n}void initMaterial(out Material material,inout Geometry geometry){vec4 baseColor=material_BaseColor;float metal=material_Metal;float roughness=material_Roughness;vec3 specularColor=material_PBRSpecularColor;float glossiness=material_Glossiness;float alphaCutoff=material_AlphaCutoff;float f0=pow2((material_IOR-1.0)/(material_IOR+1.0));material.f0=f0;\n#ifdef MATERIAL_HAS_BASETEXTURE\nvec4 baseTextureColor=texture2D(material_BaseTexture,v_uv);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\nbaseTextureColor=gammaToLinear(baseTextureColor);\n#endif\nbaseColor*=baseTextureColor;\n#endif\n#ifdef RENDERER_ENABLE_VERTEXCOLOR\nbaseColor*=v_color;\n#endif\n#ifdef MATERIAL_IS_ALPHA_CUTOFF\nif(baseColor.a<alphaCutoff){discard;}\n#endif\n#ifdef MATERIAL_HAS_ROUGHNESS_METALLIC_TEXTURE\nvec4 metalRoughMapColor=texture2D(material_RoughnessMetallicTexture,v_uv);roughness*=metalRoughMapColor.g;metal*=metalRoughMapColor.b;\n#endif\n#ifdef MATERIAL_HAS_SPECULAR_GLOSSINESS_TEXTURE\nvec4 specularGlossinessColor=texture2D(material_SpecularGlossinessTexture,v_uv);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\nspecularGlossinessColor=gammaToLinear(specularGlossinessColor);\n#endif\nspecularColor*=specularGlossinessColor.rgb;glossiness*=specularGlossinessColor.a;\n#endif\n#ifdef IS_METALLIC_WORKFLOW\nmaterial.diffuseColor=baseColor.rgb*(1.0-metal);material.specularColor=mix(vec3(f0),baseColor.rgb,metal);material.roughness=roughness;\n#else\nfloat specularStrength=max(max(specularColor.r,specularColor.g),specularColor.b);material.diffuseColor=baseColor.rgb*(1.0-specularStrength);material.specularColor=specularColor;material.roughness=1.0-glossiness;\n#endif\nmaterial.roughness=max(material.roughness,getAARoughnessFactor(geometry.normal));\n#ifdef MATERIAL_ENABLE_CLEAR_COAT\nmaterial.clearCoat=material_ClearCoat;material.clearCoatRoughness=material_ClearCoatRoughness;\n#ifdef MATERIAL_HAS_CLEAR_COAT_TEXTURE\nmaterial.clearCoat*=texture2D(material_ClearCoatTexture,v_uv).r;\n#endif\n#ifdef MATERIAL_HAS_CLEAR_COAT_ROUGHNESS_TEXTURE\nmaterial.clearCoatRoughness*=texture2D(material_ClearCoatRoughnessTexture,v_uv).g;\n#endif\nmaterial.clearCoat=saturate(material.clearCoat);material.clearCoatRoughness=max(material.clearCoatRoughness,getAARoughnessFactor(geometry.clearCoatNormal));\n#endif\n#ifdef MATERIAL_IS_TRANSPARENT\nmaterial.opacity=baseColor.a;\n#else\nmaterial.opacity=1.0;\n#endif\n#ifdef MATERIAL_ENABLE_ANISOTROPY\ngeometry.anisotropicN=getAnisotropicBentNormal(geometry,geometry.normal,material.roughness);\n#endif\n}\n#include <brdf>\n#include <direct_irradiance_frag_define>\n#include <ibl_frag_define>\n"; // eslint-disable-line
+var pbr_helper = "#define GLSLIFY 1\n#include <normal_get>\nfloat computeSpecularOcclusion(float ambientOcclusion,float roughness,float dotNV){return saturate(pow(dotNV+ambientOcclusion,exp2(-16.0*roughness-1.0))-1.0+ambientOcclusion);}float getAARoughnessFactor(vec3 normal){\n#ifdef HAS_DERIVATIVES\nvec3 dxy=max(abs(dFdx(normal)),abs(dFdy(normal)));return max(max(dxy.x,dxy.y),dxy.z);\n#else\nreturn 0.0;\n#endif\n}\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nvec3 getAnisotropicBentNormal(Geometry geometry,vec3 n,float roughness){vec3 anisotropyDirection=geometry.anisotropy>=0.0 ? geometry.anisotropicB : geometry.anisotropicT;vec3 anisotropicTangent=cross(anisotropyDirection,geometry.viewDir);vec3 anisotropicNormal=cross(anisotropicTangent,anisotropyDirection);vec3 bentNormal=normalize(mix(n,anisotropicNormal,abs(geometry.anisotropy)*saturate(5.0*roughness)));return bentNormal;}\n#endif\nvoid initGeometry(out Geometry geometry,bool isFrontFacing){geometry.position=v_pos;\n#ifdef CAMERA_ORTHOGRAPHIC\ngeometry.viewDir=-camera_Forward;\n#else\ngeometry.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)\nmat3 tbn=getTBN(isFrontFacing);\n#endif\n#ifdef MATERIAL_HAS_NORMALTEXTURE\ngeometry.normal=getNormalByNormalTexture(tbn,material_NormalTexture,material_NormalIntensity,v_uv,isFrontFacing);\n#else\ngeometry.normal=getNormal(isFrontFacing);\n#endif\ngeometry.dotNV=saturate(dot(geometry.normal,geometry.viewDir));\n#ifdef MATERIAL_ENABLE_CLEAR_COAT\n#ifdef MATERIAL_HAS_CLEAR_COAT_NORMAL_TEXTURE\ngeometry.clearCoatNormal=getNormalByNormalTexture(tbn,material_ClearCoatNormalTexture,material_NormalIntensity,v_uv,isFrontFacing);\n#else\ngeometry.clearCoatNormal=getNormal(isFrontFacing);\n#endif\ngeometry.clearCoatDotNV=saturate(dot(geometry.clearCoatNormal,geometry.viewDir));\n#endif\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nfloat anisotropy=material_AnisotropyInfo.z;vec3 anisotropicDirection=vec3(material_AnisotropyInfo.xy,0.0);\n#ifdef MATERIAL_HAS_ANISOTROPY_TEXTURE\nvec3 anisotropyTextureInfo=texture2D(material_AnisotropyTexture,v_uv).rgb;anisotropy*=anisotropyTextureInfo.b;anisotropicDirection.xy*=anisotropyTextureInfo.rg*2.0-1.0;\n#endif\ngeometry.anisotropy=anisotropy;geometry.anisotropicT=normalize(tbn*anisotropicDirection);geometry.anisotropicB=normalize(cross(geometry.normal,geometry.anisotropicT));\n#endif\n}void initMaterial(out Material material,inout Geometry geometry){vec4 baseColor=material_BaseColor;float metal=material_Metal;float roughness=material_Roughness;vec3 specularColor=material_PBRSpecularColor;float glossiness=material_Glossiness;float alphaCutoff=material_AlphaCutoff;float f0=pow2((material_IOR-1.0)/(material_IOR+1.0));material.f0=f0;\n#ifdef MATERIAL_HAS_BASETEXTURE\nvec4 baseTextureColor=texture2D(material_BaseTexture,v_uv);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\nbaseTextureColor=gammaToLinear(baseTextureColor);\n#endif\nbaseColor*=baseTextureColor;\n#endif\n#ifdef RENDERER_ENABLE_VERTEXCOLOR\nbaseColor*=v_color;\n#endif\n#ifdef MATERIAL_IS_ALPHA_CUTOFF\nif(baseColor.a<alphaCutoff){discard;}\n#endif\n#ifdef MATERIAL_HAS_ROUGHNESS_METALLIC_TEXTURE\nvec4 metalRoughMapColor=texture2D(material_RoughnessMetallicTexture,v_uv);roughness*=metalRoughMapColor.g;metal*=metalRoughMapColor.b;\n#endif\n#ifdef MATERIAL_HAS_SPECULAR_GLOSSINESS_TEXTURE\nvec4 specularGlossinessColor=texture2D(material_SpecularGlossinessTexture,v_uv);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\nspecularGlossinessColor=gammaToLinear(specularGlossinessColor);\n#endif\nspecularColor*=specularGlossinessColor.rgb;glossiness*=specularGlossinessColor.a;\n#endif\n#ifdef IS_METALLIC_WORKFLOW\nmaterial.diffuseColor=baseColor.rgb*(1.0-metal);material.specularColor=mix(vec3(f0),baseColor.rgb,metal);material.roughness=roughness;\n#else\nfloat specularStrength=max(max(specularColor.r,specularColor.g),specularColor.b);material.diffuseColor=baseColor.rgb*(1.0-specularStrength);material.specularColor=specularColor;material.roughness=1.0-glossiness;\n#endif\nmaterial.roughness=max(MIN_PERCEPTUAL_ROUGHNESS,min(material.roughness+getAARoughnessFactor(geometry.normal),1.0));\n#ifdef MATERIAL_ENABLE_CLEAR_COAT\nmaterial.clearCoat=material_ClearCoat;material.clearCoatRoughness=material_ClearCoatRoughness;\n#ifdef MATERIAL_HAS_CLEAR_COAT_TEXTURE\nmaterial.clearCoat*=texture2D(material_ClearCoatTexture,v_uv).r;\n#endif\n#ifdef MATERIAL_HAS_CLEAR_COAT_ROUGHNESS_TEXTURE\nmaterial.clearCoatRoughness*=texture2D(material_ClearCoatRoughnessTexture,v_uv).g;\n#endif\nmaterial.clearCoat=saturate(material.clearCoat);material.clearCoatRoughness=max(MIN_PERCEPTUAL_ROUGHNESS,min(material.clearCoatRoughness+getAARoughnessFactor(geometry.clearCoatNormal),1.0));\n#endif\n#ifdef MATERIAL_IS_TRANSPARENT\nmaterial.opacity=baseColor.a;\n#else\nmaterial.opacity=1.0;\n#endif\n#ifdef MATERIAL_ENABLE_ANISOTROPY\ngeometry.anisotropicN=getAnisotropicBentNormal(geometry,geometry.normal,material.roughness);\n#endif\n}\n#include <brdf>\n#include <direct_irradiance_frag_define>\n#include <ibl_frag_define>\n"; // eslint-disable-line
 
 var brdf = "#define GLSLIFY 1\nfloat F_Schlick(float f0,float dotLH){return f0+0.96*(pow(1.0-dotLH,5.0));}vec3 F_Schlick(vec3 specularColor,float dotLH){float fresnel=exp2((-5.55473*dotLH-6.98316)*dotLH);return(1.0-specularColor)*fresnel+specularColor;}float G_GGX_SmithCorrelated(float alpha,float dotNL,float dotNV){float a2=pow2(alpha);float gv=dotNL*sqrt(a2+(1.0-a2)*pow2(dotNV));float gl=dotNV*sqrt(a2+(1.0-a2)*pow2(dotNL));return 0.5/max(gv+gl,EPSILON);}\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nfloat G_GGX_SmithCorrelated_Anisotropic(float at,float ab,float ToV,float BoV,float ToL,float BoL,float NoV,float NoL){float lambdaV=NoL*length(vec3(at*ToV,ab*BoV,NoV));float lambdaL=NoV*length(vec3(at*ToL,ab*BoL,NoL));return 0.5/max(lambdaV+lambdaL,EPSILON);}\n#endif\nfloat D_GGX(float alpha,float dotNH){float a2=pow2(alpha);float denom=pow2(dotNH)*(a2-1.0)+1.0;return RECIPROCAL_PI*a2/pow2(denom);}\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nfloat D_GGX_Anisotropic(float at,float ab,float ToH,float BoH,float NoH){float a2=at*ab;vec3 d=vec3(ab*ToH,at*BoH,a2*NoH);float d2=dot(d,d);float b2=a2/d2;return a2*b2*b2*RECIPROCAL_PI;}\n#endif\nvec3 isotropicLobe(vec3 specularColor,float alpha,float dotNV,float dotNL,float dotNH,float dotLH){vec3 F=F_Schlick(specularColor,dotLH);float D=D_GGX(alpha,dotNH);float G=G_GGX_SmithCorrelated(alpha,dotNL,dotNV);return F*(G*D);}\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nvec3 anisotropicLobe(vec3 h,vec3 l,Geometry geometry,vec3 specularColor,float alpha,float dotNV,float dotNL,float dotNH,float dotLH){vec3 t=geometry.anisotropicT;vec3 b=geometry.anisotropicB;vec3 v=geometry.viewDir;float dotTV=dot(t,v);float dotBV=dot(b,v);float dotTL=dot(t,l);float dotBL=dot(b,l);float dotTH=dot(t,h);float dotBH=dot(b,h);float at=max(alpha*(1.0+geometry.anisotropy),MIN_ROUGHNESS);float ab=max(alpha*(1.0-geometry.anisotropy),MIN_ROUGHNESS);vec3 F=F_Schlick(specularColor,dotLH);float D=D_GGX_Anisotropic(at,ab,dotTH,dotBH,dotNH);float G=G_GGX_SmithCorrelated_Anisotropic(at,ab,dotTV,dotBV,dotTL,dotBL,dotNV,dotNL);return F*(G*D);}\n#endif\nvec3 BRDF_Specular_GGX(vec3 incidentDirection,Geometry geometry,vec3 normal,vec3 specularColor,float roughness){float alpha=pow2(roughness);vec3 halfDir=normalize(incidentDirection+geometry.viewDir);float dotNL=saturate(dot(normal,incidentDirection));float dotNV=saturate(dot(normal,geometry.viewDir));float dotNH=saturate(dot(normal,halfDir));float dotLH=saturate(dot(incidentDirection,halfDir));\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nreturn anisotropicLobe(halfDir,incidentDirection,geometry,specularColor,alpha,dotNV,dotNL,dotNH,dotLH);\n#else\nreturn isotropicLobe(specularColor,alpha,dotNV,dotNL,dotNH,dotLH);\n#endif\n}vec3 BRDF_Diffuse_Lambert(vec3 diffuseColor){return RECIPROCAL_PI*diffuseColor;}"; // eslint-disable-line
 
 var direct_irradiance_frag_define = "#define GLSLIFY 1\n#include <ShadowFragmentDeclaration>\nvoid addDirectRadiance(vec3 incidentDirection,vec3 color,Geometry geometry,Material material,inout ReflectedLight reflectedLight){float attenuation=1.0;\n#ifdef MATERIAL_ENABLE_CLEAR_COAT\nfloat clearCoatDotNL=saturate(dot(geometry.clearCoatNormal,incidentDirection));vec3 clearCoatIrradiance=clearCoatDotNL*color;reflectedLight.directSpecular+=material.clearCoat*clearCoatIrradiance*BRDF_Specular_GGX(incidentDirection,geometry,geometry.clearCoatNormal,vec3(0.04),material.clearCoatRoughness);attenuation-=material.clearCoat*F_Schlick(material.f0,geometry.clearCoatDotNV);\n#endif\nfloat dotNL=saturate(dot(geometry.normal,incidentDirection));vec3 irradiance=dotNL*color*PI;reflectedLight.directSpecular+=attenuation*irradiance*BRDF_Specular_GGX(incidentDirection,geometry,geometry.normal,material.specularColor,material.roughness);reflectedLight.directDiffuse+=attenuation*irradiance*BRDF_Diffuse_Lambert(material.diffuseColor);}\n#ifdef SCENE_DIRECT_LIGHT_COUNT\nvoid addDirectionalDirectLightRadiance(DirectLight directionalLight,Geometry geometry,Material material,inout ReflectedLight reflectedLight){vec3 color=directionalLight.color;vec3 direction=-directionalLight.direction;addDirectRadiance(direction,color,geometry,material,reflectedLight);}\n#endif\n#ifdef SCENE_POINT_LIGHT_COUNT\nvoid addPointDirectLightRadiance(PointLight pointLight,Geometry geometry,Material material,inout ReflectedLight reflectedLight){vec3 lVector=pointLight.position-geometry.position;vec3 direction=normalize(lVector);float lightDistance=length(lVector);vec3 color=pointLight.color;color*=clamp(1.0-pow(lightDistance/pointLight.distance,4.0),0.0,1.0);addDirectRadiance(direction,color,geometry,material,reflectedLight);}\n#endif\n#ifdef SCENE_SPOT_LIGHT_COUNT\nvoid addSpotDirectLightRadiance(SpotLight spotLight,Geometry geometry,Material material,inout ReflectedLight reflectedLight){vec3 lVector=spotLight.position-geometry.position;vec3 direction=normalize(lVector);float lightDistance=length(lVector);float angleCos=dot(direction,-spotLight.direction);float spotEffect=smoothstep(spotLight.penumbraCos,spotLight.angleCos,angleCos);float decayEffect=clamp(1.0-pow(lightDistance/spotLight.distance,4.0),0.0,1.0);vec3 color=spotLight.color;color*=spotEffect*decayEffect;addDirectRadiance(direction,color,geometry,material,reflectedLight);}\n#endif\nvoid addTotalDirectRadiance(Geometry geometry,Material material,inout ReflectedLight reflectedLight){float shadowAttenuation=1.0;\n#ifdef SCENE_DIRECT_LIGHT_COUNT\nshadowAttenuation=1.0;\n#ifdef SCENE_IS_CALCULATE_SHADOWS\nshadowAttenuation*=sampleShadowMap();\n#endif\nDirectLight directionalLight;for(int i=0;i<SCENE_DIRECT_LIGHT_COUNT;i++){if(!isRendererCulledByLight(renderer_Layer.xy,scene_DirectLightCullingMask[i])){directionalLight.color=scene_DirectLightColor[i];\n#ifdef SCENE_IS_CALCULATE_SHADOWS\nif(i==0){directionalLight.color*=shadowAttenuation;}\n#endif\ndirectionalLight.direction=scene_DirectLightDirection[i];addDirectionalDirectLightRadiance(directionalLight,geometry,material,reflectedLight);}}\n#endif\n#ifdef SCENE_POINT_LIGHT_COUNT\nPointLight pointLight;for(int i=0;i<SCENE_POINT_LIGHT_COUNT;i++){if(!isRendererCulledByLight(renderer_Layer.xy,scene_PointLightCullingMask[i])){pointLight.color=scene_PointLightColor[i];pointLight.position=scene_PointLightPosition[i];pointLight.distance=scene_PointLightDistance[i];addPointDirectLightRadiance(pointLight,geometry,material,reflectedLight);}}\n#endif\n#ifdef SCENE_SPOT_LIGHT_COUNT\nSpotLight spotLight;for(int i=0;i<SCENE_SPOT_LIGHT_COUNT;i++){if(!isRendererCulledByLight(renderer_Layer.xy,scene_SpotLightCullingMask[i])){spotLight.color=scene_SpotLightColor[i];spotLight.position=scene_SpotLightPosition[i];spotLight.direction=scene_SpotLightDirection[i];spotLight.distance=scene_SpotLightDistance[i];spotLight.angleCos=scene_SpotLightAngleCos[i];spotLight.penumbraCos=scene_SpotLightPenumbraCos[i];addSpotDirectLightRadiance(spotLight,geometry,material,reflectedLight);}}\n#endif\n}"; // eslint-disable-line
 
-var ibl_frag_define = "#define GLSLIFY 1\nvec3 getLightProbeIrradiance(vec3 sh[9],vec3 normal){normal.x=-normal.x;vec3 result=sh[0]+sh[1]*(normal.y)+sh[2]*(normal.z)+sh[3]*(normal.x)+sh[4]*(normal.y*normal.x)+sh[5]*(normal.y*normal.z)+sh[6]*(3.0*normal.z*normal.z-1.0)+sh[7]*(normal.z*normal.x)+sh[8]*(normal.x*normal.x-normal.y*normal.y);return max(result,vec3(0.0));}vec3 envBRDFApprox(vec3 specularColor,float roughness,float dotNV){const vec4 c0=vec4(-1,-0.0275,-0.572,0.022);const vec4 c1=vec4(1,0.0425,1.04,-0.04);vec4 r=roughness*c0+c1;float a004=min(r.x*r.x,exp2(-9.28*dotNV))*r.x+r.y;vec2 AB=vec2(-1.04,1.04)*a004+r.zw;return specularColor*AB.x+AB.y;}float getSpecularMIPLevel(float roughness,int maxMIPLevel){return roughness*float(maxMIPLevel);}vec3 getReflectedVector(Geometry geometry,vec3 n){\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nvec3 r=reflect(-geometry.viewDir,geometry.anisotropicN);\n#else\nvec3 r=reflect(-geometry.viewDir,n);\n#endif\nreturn r;}vec3 getLightProbeRadiance(Geometry geometry,vec3 normal,float roughness,int maxMIPLevel,float specularIntensity){\n#ifndef SCENE_USE_SPECULAR_ENV\nreturn vec3(0);\n#else\nvec3 reflectVec=getReflectedVector(geometry,normal);reflectVec.x=-reflectVec.x;float specularMIPLevel=getSpecularMIPLevel(roughness,maxMIPLevel);\n#ifdef HAS_TEX_LOD\nvec4 envMapColor=textureCubeLodEXT(scene_EnvSpecularSampler,reflectVec,specularMIPLevel);\n#else\nvec4 envMapColor=textureCube(scene_EnvSpecularSampler,reflectVec,specularMIPLevel);\n#endif\n#ifdef SCENE_IS_DECODE_ENV_RGBM\nenvMapColor.rgb=RGBMToLinear(envMapColor,5.0).rgb;\n#ifdef ENGINE_IS_COLORSPACE_GAMMA\nenvMapColor=linearToGamma(envMapColor);\n#endif\n#else\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\nenvMapColor=gammaToLinear(envMapColor);\n#endif\n#endif\nreturn envMapColor.rgb*specularIntensity;\n#endif\n}"; // eslint-disable-line
+var ibl_frag_define = "#define GLSLIFY 1\nvec3 getLightProbeIrradiance(vec3 sh[9],vec3 normal){normal.x=-normal.x;vec3 result=sh[0]+sh[1]*(normal.y)+sh[2]*(normal.z)+sh[3]*(normal.x)+sh[4]*(normal.y*normal.x)+sh[5]*(normal.y*normal.z)+sh[6]*(3.0*normal.z*normal.z-1.0)+sh[7]*(normal.z*normal.x)+sh[8]*(normal.x*normal.x-normal.y*normal.y);return max(result,vec3(0.0));}vec3 envBRDFApprox(vec3 specularColor,float roughness,float dotNV){const vec4 c0=vec4(-1,-0.0275,-0.572,0.022);const vec4 c1=vec4(1,0.0425,1.04,-0.04);vec4 r=roughness*c0+c1;float a004=min(r.x*r.x,exp2(-9.28*dotNV))*r.x+r.y;vec2 AB=vec2(-1.04,1.04)*a004+r.zw;return max(specularColor*AB.x+AB.y,0.0);}float getSpecularMIPLevel(float roughness,int maxMIPLevel){return roughness*float(maxMIPLevel);}vec3 getReflectedVector(Geometry geometry,vec3 n){\n#ifdef MATERIAL_ENABLE_ANISOTROPY\nvec3 r=reflect(-geometry.viewDir,geometry.anisotropicN);\n#else\nvec3 r=reflect(-geometry.viewDir,n);\n#endif\nreturn r;}vec3 getLightProbeRadiance(Geometry geometry,vec3 normal,float roughness,int maxMIPLevel,float specularIntensity){\n#ifndef SCENE_USE_SPECULAR_ENV\nreturn vec3(0);\n#else\nvec3 reflectVec=getReflectedVector(geometry,normal);reflectVec.x=-reflectVec.x;float specularMIPLevel=getSpecularMIPLevel(roughness,maxMIPLevel);\n#ifdef HAS_TEX_LOD\nvec4 envMapColor=textureCubeLodEXT(scene_EnvSpecularSampler,reflectVec,specularMIPLevel);\n#else\nvec4 envMapColor=textureCube(scene_EnvSpecularSampler,reflectVec,specularMIPLevel);\n#endif\n#ifdef SCENE_IS_DECODE_ENV_RGBM\nenvMapColor.rgb=RGBMToLinear(envMapColor,5.0).rgb;\n#ifdef ENGINE_IS_COLORSPACE_GAMMA\nenvMapColor=linearToGamma(envMapColor);\n#endif\n#else\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\nenvMapColor=gammaToLinear(envMapColor);\n#endif\n#endif\nreturn envMapColor.rgb*specularIntensity;\n#endif\n}"; // eslint-disable-line
 
 var pbr_frag = "#define GLSLIFY 1\nGeometry geometry;Material material;ReflectedLight reflectedLight=ReflectedLight(vec3(0.0),vec3(0.0),vec3(0.0),vec3(0.0));initGeometry(geometry,gl_FrontFacing);initMaterial(material,geometry);addTotalDirectRadiance(geometry,material,reflectedLight);\n#ifdef SCENE_USE_SH\nvec3 irradiance=getLightProbeIrradiance(scene_EnvSH,geometry.normal);\n#ifdef ENGINE_IS_COLORSPACE_GAMMA\nirradiance=linearToGamma(vec4(irradiance,1.0)).rgb;\n#endif\nirradiance*=scene_EnvMapLight.diffuseIntensity;\n#else\nvec3 irradiance=scene_EnvMapLight.diffuse*scene_EnvMapLight.diffuseIntensity;irradiance*=PI;\n#endif\nreflectedLight.indirectDiffuse+=irradiance*BRDF_Diffuse_Lambert(material.diffuseColor);vec3 radiance=getLightProbeRadiance(geometry,geometry.normal,material.roughness,int(scene_EnvMapLight.mipMapLevel),scene_EnvMapLight.specularIntensity);float radianceAttenuation=1.0;\n#ifdef MATERIAL_ENABLE_CLEAR_COAT\nvec3 clearCoatRadiance=getLightProbeRadiance(geometry,geometry.clearCoatNormal,material.clearCoatRoughness,int(scene_EnvMapLight.mipMapLevel),scene_EnvMapLight.specularIntensity);reflectedLight.indirectSpecular+=clearCoatRadiance*material.clearCoat*envBRDFApprox(vec3(0.04),material.clearCoatRoughness,geometry.clearCoatDotNV);radianceAttenuation-=material.clearCoat*F_Schlick(material.f0,geometry.clearCoatDotNV);\n#endif\nreflectedLight.indirectSpecular+=radianceAttenuation*radiance*envBRDFApprox(material.specularColor,material.roughness,geometry.dotNV);\n#ifdef MATERIAL_HAS_OCCLUSION_TEXTURE\nvec2 aoUV=v_uv;\n#ifdef RENDERER_HAS_UV1\nif(material_OcclusionTextureCoord==1.0){aoUV=v_uv1;}\n#endif\nfloat ambientOcclusion=(texture2D(material_OcclusionTexture,aoUV).r-1.0)*material_OcclusionIntensity+1.0;reflectedLight.indirectDiffuse*=ambientOcclusion;\n#ifdef SCENE_USE_SPECULAR_ENV\nreflectedLight.indirectSpecular*=computeSpecularOcclusion(ambientOcclusion,material.roughness,geometry.dotNV);\n#endif\n#endif\nvec3 emissiveRadiance=material_EmissiveColor;\n#ifdef MATERIAL_HAS_EMISSIVETEXTURE\nvec4 emissiveColor=texture2D(material_EmissiveTexture,v_uv);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\nemissiveColor=gammaToLinear(emissiveColor);\n#endif\nemissiveRadiance*=emissiveColor.rgb;\n#endif\nvec3 totalRadiance=reflectedLight.directDiffuse+reflectedLight.indirectDiffuse+reflectedLight.directSpecular+reflectedLight.indirectSpecular+emissiveRadiance;vec4 targetColor=vec4(totalRadiance,material.opacity);gl_FragColor=targetColor;"; // eslint-disable-line
 
@@ -3450,7 +3456,7 @@ var ShaderFactory = /*#__PURE__*/ function() {
     function ShaderFactory() {}
     ShaderFactory.parseCustomMacros = function parseCustomMacros(macros) {
         return macros.map(function(m) {
-            return "#define " + m + "\n";
+            return "#define " + (m.value ? m.name + " " + m.value : m.name) + "\n";
         }).join("");
     };
     ShaderFactory.registerInclude = function registerInclude(includeName, includeSource) {
@@ -4235,29 +4241,49 @@ var ShaderFactory = /*#__PURE__*/ function() {
     ShaderProgram._counter = 0;
 })();
 
+/**
+ * @internal
+ * Shader pass type
+ */ var ShaderType;
+(function(ShaderType) {
+    ShaderType[ShaderType[/** init by glsl */ "Canonical"] = 0] = "Canonical";
+    ShaderType[ShaderType[/** init by shader-lab */ "ShaderLab"] = 1] = "ShaderLab";
+})(ShaderType || (ShaderType = {}));
+
 /**
  * Shader pass containing vertex and fragment source.
  */ var ShaderPass = /*#__PURE__*/ function(ShaderPart1) {
     _inherits(ShaderPass, ShaderPart1);
-    function ShaderPass(nameOrVertexSource, vertexSourceOrFragmentSource, fragmentSourceOrTags, tags) {
+    function ShaderPass(nameOrVertexSource, vertexSourceOrFragmentSourceOrCode, fragmentSourceOrTagsOrVertexEntry, fragmentEntryOrTags, tags) {
         var _this;
         _this = ShaderPart1.call(this) || this;
         /** @internal */ _this._shaderPassId = 0;
         /** @internal */ _this._renderStateDataMap = {};
         /** @internal */ _this._shaderProgramPools = [];
+        _this._platformMacros = [];
         _this._shaderPassId = ShaderPass._shaderPassCounter++;
-        if (typeof fragmentSourceOrTags === "string") {
+        _this._type = ShaderType.Canonical;
+        if (typeof fragmentEntryOrTags === "string") {
             _this._name = nameOrVertexSource;
-            _this._vertexSource = vertexSourceOrFragmentSource;
-            _this._fragmentSource = fragmentSourceOrTags;
-            tags = tags != null ? tags : {
+            _this._shaderLabSource = vertexSourceOrFragmentSourceOrCode;
+            _this._vertexEntry = fragmentSourceOrTagsOrVertexEntry;
+            _this._fragmentEntry = fragmentEntryOrTags;
+            tags = _extends({
+                pipelineStage: exports.PipelineStage.Forward
+            }, tags);
+            _this._type = ShaderType.ShaderLab;
+        } else if (typeof fragmentSourceOrTagsOrVertexEntry === "string") {
+            _this._name = nameOrVertexSource;
+            _this._vertexSource = vertexSourceOrFragmentSourceOrCode;
+            _this._fragmentSource = fragmentSourceOrTagsOrVertexEntry;
+            tags = fragmentEntryOrTags != null ? fragmentEntryOrTags : {
                 pipelineStage: exports.PipelineStage.Forward
             };
         } else {
             _this._name = "Default";
             _this._vertexSource = nameOrVertexSource;
-            _this._fragmentSource = vertexSourceOrFragmentSource;
-            tags = fragmentSourceOrTags != null ? fragmentSourceOrTags : {
+            _this._fragmentSource = vertexSourceOrFragmentSourceOrCode;
+            tags = fragmentSourceOrTagsOrVertexEntry != null ? fragmentSourceOrTagsOrVertexEntry : {
                 pipelineStage: exports.PipelineStage.Forward
             };
         }
@@ -4275,9 +4301,51 @@ var ShaderFactory = /*#__PURE__*/ function() {
         if (shaderProgram) {
             return shaderProgram;
         }
+        if (this._type === ShaderType.Canonical) {
+            shaderProgram = this._getCanonicalShaderProgram(engine, macroCollection);
+        } else {
+            shaderProgram = this._compileShaderProgram(engine, macroCollection, this._vertexEntry, this._fragmentEntry);
+        }
+        shaderProgramPool.cache(shaderProgram);
+        return shaderProgram;
+    };
+    /**
+   * @internal
+   */ _proto._destroy = function _destroy() {
+        var shaderProgramPools = this._shaderProgramPools;
+        for(var i = 0, n = shaderProgramPools.length; i < n; i++){
+            shaderProgramPools[i]._destroy();
+        }
+        shaderProgramPools.length = 0;
+    };
+    /**
+   * Shader Lab compilation
+   */ _proto._compileShaderProgram = function _compileShaderProgram(engine, macroCollection, vertexEntry, fragmentEntry) {
         var isWebGL2 = engine._hardwareRenderer.isWebGL2;
-        var macroNameList = [];
-        ShaderMacro._getNamesByMacros(macroCollection, macroNameList);
+        var macros = new Array();
+        ShaderMacro._getMacrosElements(macroCollection, macros);
+        this._platformMacros.length = 0;
+        if (engine._hardwareRenderer.canIUse(exports.GLCapabilityType.shaderTextureLod)) {
+            this._platformMacros.push("HAS_TEX_LOD");
+        }
+        if (engine._hardwareRenderer.canIUse(exports.GLCapabilityType.standardDerivatives)) {
+            this._platformMacros.push("HAS_DERIVATIVES");
+        }
+        if (isWebGL2) {
+            this._platformMacros.push("GRAPHICS_API_WEBGL2");
+        } else {
+            this._platformMacros.push("GRAPHICS_API_WEBGL1");
+        }
+        var start = performance.now();
+        var _Shader__shaderLab__parseShaderPass = Shader._shaderLab._parseShaderPass(this._shaderLabSource, vertexEntry, fragmentEntry, macros, isWebGL2 ? exports.ShaderPlatformTarget.GLES300 : exports.ShaderPlatformTarget.GLES100, this._platformMacros), vertex = _Shader__shaderLab__parseShaderPass.vertex, fragment = _Shader__shaderLab__parseShaderPass.fragment;
+        Logger.info("[ShaderLab compilation] cost time: " + (performance.now() - start) + "ms");
+        return new ShaderProgram(engine, vertex, fragment);
+    };
+    // TODO: remove it after migrate all shader to `ShaderLab`.
+    _proto._getCanonicalShaderProgram = function _getCanonicalShaderProgram(engine, macroCollection) {
+        var isWebGL2 = engine._hardwareRenderer.isWebGL2;
+        var macroNameList = new Array();
+        ShaderMacro._getMacrosElements(macroCollection, macroNameList);
         var macroNameStr = ShaderFactory.parseCustomMacros(macroNameList);
         var versionStr = isWebGL2 ? "#version 300 es" : "#version 100";
         var graphicAPI = isWebGL2 ? "#define GRAPHICS_API_WEBGL2" : "#define GRAPHICS_API_WEBGL1";
@@ -4294,19 +4362,9 @@ var ShaderFactory = /*#__PURE__*/ function() {
             vertexSource = ShaderFactory.convertTo300(vertexSource);
             fragmentSource = ShaderFactory.convertTo300(fragmentSource, true);
         }
-        shaderProgram = new ShaderProgram(engine, vertexSource, fragmentSource);
-        shaderProgramPool.cache(shaderProgram);
+        var shaderProgram = new ShaderProgram(engine, vertexSource, fragmentSource);
         return shaderProgram;
     };
-    /**
-   * @internal
-   */ _proto._destroy = function _destroy() {
-        var shaderProgramPools = this._shaderProgramPools;
-        for(var i = 0, n = shaderProgramPools.length; i < n; i++){
-            shaderProgramPools[i]._destroy();
-        }
-        shaderProgramPools.length = 0;
-    };
     return ShaderPass;
 }(ShaderPart);
 (function() {
@@ -5010,45 +5068,44 @@ __decorate([
             if (!Shader._shaderLab) {
                 throw "ShaderLab has not been set up yet.";
             }
-            var shaderInfo = Shader._shaderLab.parseShader(nameOrShaderSource);
-            if (shaderMap[shaderInfo.name]) {
-                console.error('Shader named "' + shaderInfo.name + '" already exists.');
+            var shaderContent = Shader._shaderLab._parseShaderContent(nameOrShaderSource);
+            if (shaderMap[shaderContent.name]) {
+                console.error('Shader named "' + shaderContent.name + '" already exists.');
                 return;
             }
-            var subShaderList = shaderInfo.subShaders.map(function(subShaderInfo) {
-                var passList = subShaderInfo.passes.map(function(passInfo) {
-                    if (typeof passInfo === "string") {
+            var subShaderList = shaderContent.subShaders.map(function(subShaderContent) {
+                var passList = subShaderContent.passes.map(function(passInfo) {
+                    if (passInfo.isUsePass) {
                         var _Shader_find_subShaders_find, _Shader_find;
                         // Use pass reference
-                        var paths = passInfo.split("/");
+                        var paths = passInfo.name.split("/");
                         return (_Shader_find = Shader.find(paths[0])) == null ? void 0 : (_Shader_find_subShaders_find = _Shader_find.subShaders.find(function(subShader) {
                             return subShader.name === paths[1];
                         })) == null ? void 0 : _Shader_find_subShaders_find.passes.find(function(pass) {
                             return pass.name === paths[2];
                         });
                     }
-                    var shaderPass = new ShaderPass(passInfo.name, passInfo.vertexSource, passInfo.fragmentSource, passInfo.tags);
+                    var shaderPassContent = new ShaderPass(passInfo.name, passInfo.contents, passInfo.vertexEntry, passInfo.fragmentEntry, passInfo.tags);
                     var renderStates = passInfo.renderStates;
                     var renderState = new RenderState();
-                    shaderPass._renderState = renderState;
+                    shaderPassContent._renderState = renderState;
                     // Parse const render state
-                    var constRenderStateInfo = renderStates[0];
-                    for(var k in constRenderStateInfo){
-                        Shader._applyConstRenderStates(renderState, parseInt(k), constRenderStateInfo[k]);
+                    var constantMap = renderStates.constantMap, variableMap = renderStates.variableMap;
+                    for(var k in constantMap){
+                        Shader._applyConstRenderStates(renderState, parseInt(k), constantMap[k]);
                     }
                     // Parse variable render state
-                    var variableRenderStateInfo = renderStates[1];
                     var renderStateDataMap = {};
-                    for(var k1 in variableRenderStateInfo){
-                        renderStateDataMap[k1] = ShaderProperty.getByName(variableRenderStateInfo[k1]);
+                    for(var k1 in variableMap){
+                        renderStateDataMap[k1] = ShaderProperty.getByName(variableMap[k1]);
                     }
-                    shaderPass._renderStateDataMap = renderStateDataMap;
-                    return shaderPass;
+                    shaderPassContent._renderStateDataMap = renderStateDataMap;
+                    return shaderPassContent;
                 });
-                return new SubShader(shaderInfo.name, passList, subShaderInfo.tags);
+                return new SubShader(subShaderContent.name, passList, subShaderContent.tags);
             });
-            shader = new Shader(shaderInfo.name, subShaderList);
-            shaderMap[shaderInfo.name] = shader;
+            shader = new Shader(shaderContent.name, subShaderList);
+            shaderMap[shaderContent.name] = shader;
             return shader;
         } else {
             if (shaderMap[nameOrShaderSource]) {
@@ -5261,6 +5318,7 @@ var GraphicsResource = /*#__PURE__*/ function(ReferResource1) {
     TextureFormat[TextureFormat[/** RGBA format, 16 bits per channel. */ "R16G16B16A16"] = 7] = "R16G16B16A16";
     TextureFormat[TextureFormat[/** RGBA format, 32 bits per channel. */ "R32G32B32A32"] = 8] = "R32G32B32A32";
     TextureFormat[TextureFormat[/** RGBA unsigned integer format, 32 bits per channel. */ "R32G32B32A32_UInt"] = 9] = "R32G32B32A32_UInt";
+    TextureFormat[TextureFormat[/** RGB unsigned float format, 11 bits in R channel, 11 bits in G channel, 10 bits in B channel. */ "R11G11B10_UFloat"] = 35] = "R11G11B10_UFloat";
     TextureFormat[TextureFormat[/** RGB compressed format, 4 bits per pixel. */ "BC1"] = 10] = "BC1";
     TextureFormat[TextureFormat[/** RGBA compressed format, 8 bits per pixel. */ "BC3"] = 11] = "BC3";
     TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 4x4 pixel block. */ "BC7"] = 12] = "BC7";
@@ -7956,22 +8014,23 @@ var /**
    * @param height - Need texture height
    * @param format - Need texture format
    * @param mipmap - Need texture mipmap
+   * @param textureWrapMode - Texture wrap mode
+   * @param textureFilterMode - Texture filter mode
    * @returns Texture
-   */ PipelineUtils.recreateTextureIfNeeded = function recreateTextureIfNeeded(engine, currentTexture, width, height, format, mipmap) {
+   */ PipelineUtils.recreateTextureIfNeeded = function recreateTextureIfNeeded(engine, currentTexture, width, height, format, mipmap, textureWrapMode, textureFilterMode) {
         if (currentTexture) {
             if (currentTexture.width !== width || currentTexture.height !== height || currentTexture.format !== format || currentTexture.mipmapCount > 1 !== mipmap) {
                 currentTexture.destroy(true);
-                var texture = new Texture2D(engine, width, height, format, mipmap);
-                texture.isGCIgnored = true;
-                return texture;
-            } else {
-                return currentTexture;
+                currentTexture = new Texture2D(engine, width, height, format, mipmap);
+                currentTexture.isGCIgnored = true;
             }
         } else {
-            var texture1 = new Texture2D(engine, width, height, format, mipmap);
-            texture1.isGCIgnored = true;
-            return texture1;
+            currentTexture = new Texture2D(engine, width, height, format, mipmap);
+            currentTexture.isGCIgnored = true;
         }
+        currentTexture.wrapModeU = currentTexture.wrapModeV = textureWrapMode;
+        currentTexture.filterMode = textureFilterMode;
+        return currentTexture;
     };
     /**
    * Recreate render target if needed.
@@ -7983,15 +8042,17 @@ var /**
    * @param depthFormat - Need render target depth format
    * @param mipmap - Need render target mipmap
    * @param antiAliasing - Need render target anti aliasing
+   * @param textureWrapMode - Texture wrap mode
+   * @param textureFilterMode - Texture filter mode
    * @returns Render target
-   */ PipelineUtils.recreateRenderTargetIfNeeded = function recreateRenderTargetIfNeeded(engine, currentRenderTarget, width, height, colorFormat, depthFormat, needDepthTexture, mipmap, antiAliasing) {
+   */ PipelineUtils.recreateRenderTargetIfNeeded = function recreateRenderTargetIfNeeded(engine, currentRenderTarget, width, height, colorFormat, depthFormat, needDepthTexture, mipmap, antiAliasing, textureWrapMode, textureFilterMode) {
         var _currentRenderTarget;
         var currentColorTexture = (_currentRenderTarget = currentRenderTarget) == null ? void 0 : _currentRenderTarget.getColorTexture(0);
-        var colorTexture = colorFormat ? PipelineUtils.recreateTextureIfNeeded(engine, currentColorTexture, width, height, colorFormat, mipmap) : null;
+        var colorTexture = colorFormat ? PipelineUtils.recreateTextureIfNeeded(engine, currentColorTexture, width, height, colorFormat, mipmap, textureWrapMode, textureFilterMode) : null;
         if (needDepthTexture) {
             var _currentRenderTarget1;
             var currentDepthTexture = (_currentRenderTarget1 = currentRenderTarget) == null ? void 0 : _currentRenderTarget1.depthTexture;
-            var _$needDepthTexture = depthFormat ? PipelineUtils.recreateTextureIfNeeded(engine, currentDepthTexture, width, height, depthFormat, mipmap) : null;
+            var _$needDepthTexture = depthFormat ? PipelineUtils.recreateTextureIfNeeded(engine, currentDepthTexture, width, height, depthFormat, mipmap, textureWrapMode, textureFilterMode) : null;
             if (currentColorTexture !== colorTexture || currentDepthTexture !== _$needDepthTexture) {
                 var _currentRenderTarget2;
                 (_currentRenderTarget2 = currentRenderTarget) == null ? void 0 : _currentRenderTarget2.destroy(true);
@@ -8000,38 +8061,46 @@ var /**
             }
         } else {
             var _currentRenderTarget3;
-            var needDepthFormat = depthFormat;
-            if (currentColorTexture !== colorTexture || ((_currentRenderTarget3 = currentRenderTarget) == null ? void 0 : _currentRenderTarget3._depthFormat) !== needDepthFormat) {
+            if (currentColorTexture !== colorTexture || ((_currentRenderTarget3 = currentRenderTarget) == null ? void 0 : _currentRenderTarget3._depthFormat) !== depthFormat || currentRenderTarget.antiAliasing !== antiAliasing) {
                 var _currentRenderTarget4;
                 (_currentRenderTarget4 = currentRenderTarget) == null ? void 0 : _currentRenderTarget4.destroy(true);
-                currentRenderTarget = new RenderTarget(engine, width, height, colorTexture, needDepthFormat, antiAliasing);
+                currentRenderTarget = new RenderTarget(engine, width, height, colorTexture, depthFormat, antiAliasing);
                 currentRenderTarget.isGCIgnored = true;
             }
         }
         return currentRenderTarget;
     };
     /**
-   * Blit texture to destination render target.
+   * Blit texture to destination render target using a triangle.
    * @param engine - Engine
    * @param source - Source texture
    * @param destination - Destination render target
    * @param mipLevel - Mip level to blit
    * @param viewport - Viewport
-   */ PipelineUtils.blitTexture = function blitTexture(engine, source, destination, mipLevel, viewport) {
+   * @param material - The material to use when blitting
+   * @param passIndex - Pass index to use of the provided material
+   */ PipelineUtils.blitTexture = function blitTexture(engine, source, destination, mipLevel, viewport, material, passIndex) {
         if (mipLevel === void 0) mipLevel = 0;
+        if (viewport === void 0) viewport = PipelineUtils.defaultViewport;
+        if (material === void 0) material = null;
+        if (passIndex === void 0) passIndex = 0;
         var basicResources = engine._basicResources;
         var blitMesh = destination ? basicResources.flipYBlitMesh : basicResources.blitMesh;
-        var blitMaterial = basicResources.blitMaterial;
+        var blitMaterial = material || basicResources.blitMaterial;
         var rhi = engine._hardwareRenderer;
         var context = engine._renderContext;
         // We not use projection matrix when blit, but we must modify flipProjection to make front face correct
-        context.flipProjection = destination ? true : false;
-        rhi.activeRenderTarget(destination, viewport != null ? viewport : PipelineUtils.defaultViewport, context.flipProjection, 0);
+        context.flipProjection = !!destination;
+        rhi.activeRenderTarget(destination, viewport, context.flipProjection, 0);
         var rendererShaderData = PipelineUtils._rendererShaderData;
-        var pass = blitMaterial.shader.subShaders[0].passes[0];
-        var program = pass._getShaderProgram(engine, Shader._compileMacros);
         rendererShaderData.setTexture(PipelineUtils._blitTextureProperty, source);
         rendererShaderData.setFloat(PipelineUtils._blitMipLevelProperty, mipLevel);
+        PipelineUtils._texelSize.set(1 / source.width, 1 / source.height, source.width, source.height);
+        rendererShaderData.setVector4(PipelineUtils._blitTexelSizeProperty, PipelineUtils._texelSize);
+        var pass = blitMaterial.shader.subShaders[0].passes[passIndex];
+        var compileMacros = Shader._compileMacros;
+        ShaderMacroCollection.unionCollection(context.camera._globalShaderMacro, blitMaterial.shaderData._macroCollection, compileMacros);
+        var program = pass._getShaderProgram(engine, compileMacros);
         program.bind();
         program.groupingOtherUniformBlock();
         program.uploadAll(program.rendererUniformBlock, rendererShaderData);
@@ -8048,9 +8117,16 @@ var /**
 (function() {
     PipelineUtils._blitMipLevelProperty = ShaderProperty.getByName("renderer_BlitMipLevel");
 })();
+(function() {
+    PipelineUtils._blitTexelSizeProperty = ShaderProperty.getByName("renderer_texelSize") // x: 1/width, y: 1/height, z: width, w: height
+    ;
+})();
 (function() {
     PipelineUtils._rendererShaderData = new ShaderData(ShaderDataGroup.Renderer);
 })();
+(function() {
+    PipelineUtils._texelSize = new engineMath.Vector4();
+})();
 (function() {
     PipelineUtils.defaultViewport = new engineMath.Vector4(0, 0, 1, 1);
 })();
@@ -8119,6 +8195,14 @@ var /**
     MSAASamples[MSAASamples[/** Multi-sample anti-aliasing with 8 samples. */ "EightX"] = 8] = "EightX";
 })(exports.MSAASamples || (exports.MSAASamples = {}));
 
+/**
+ * The strategy to use when a shader replacement fails.
+ */ exports.ReplacementFailureStrategy = void 0;
+(function(ReplacementFailureStrategy) {
+    ReplacementFailureStrategy[ReplacementFailureStrategy[/** Keep the original shader. */ "KeepOriginalShader"] = 0] = "KeepOriginalShader";
+    ReplacementFailureStrategy[ReplacementFailureStrategy[/** Do not render. */ "DoNotRender"] = 1] = "DoNotRender";
+})(exports.ReplacementFailureStrategy || (exports.ReplacementFailureStrategy = {}));
+
 var _Camera;
 var MathTemp = function MathTemp() {
 };
@@ -8168,6 +8252,7 @@ exports.Camera = (_Camera = /*#__PURE__*/ function(Component1) {
         /** @internal */ _this._virtualCamera = new VirtualCamera();
         /** @internal */ _this._replacementShader = null;
         /** @internal */ _this._replacementSubShaderTag = null;
+        /** @internal */ _this._replacementFailureStrategy = null;
         /** @internal */ _this._cameraIndex = -1;
         _this._priority = 0;
         _this._shaderData = new ShaderData(ShaderDataGroup.Camera);
@@ -8181,6 +8266,8 @@ exports.Camera = (_Camera = /*#__PURE__*/ function(Component1) {
         _this._renderTarget = null;
         _this._depthBufferParams = new engineMath.Vector4();
         _this._opaqueTextureEnabled = false;
+        _this._enableHDR = false;
+        _this._enablePostProcess = false;
         _this._viewport = new engineMath.Vector4(0, 0, 1, 1);
         _this._pixelViewport = new engineMath.Rect(0, 0, 0, 0);
         _this._inverseProjectionMatrix = new engineMath.Matrix();
@@ -8345,6 +8432,7 @@ exports.Camera = (_Camera = /*#__PURE__*/ function(Component1) {
         context.virtualCamera = virtualCamera;
         context.replacementShader = this._replacementShader;
         context.replacementTag = this._replacementSubShaderTag;
+        context.replacementFailureStrategy = this._replacementFailureStrategy;
         // compute cull frustum.
         if (this.enableFrustumCulling && this._frustumChangeFlag.flag) {
             this._frustum.calculateFromMatrix(virtualCamera.viewProjectionMatrix);
@@ -8364,15 +8452,18 @@ exports.Camera = (_Camera = /*#__PURE__*/ function(Component1) {
         this._renderPipeline.render(context, cubeFace, mipLevel, clearMask);
         this._engine._renderCount++;
     };
-    _proto.setReplacementShader = function setReplacementShader(shader, replacementTag) {
+    _proto.setReplacementShader = function setReplacementShader(shader, replacementTag, failureStrategy) {
+        if (failureStrategy === void 0) failureStrategy = exports.ReplacementFailureStrategy.KeepOriginalShader;
         this._replacementShader = shader;
         this._replacementSubShaderTag = typeof replacementTag === "string" ? ShaderTagKey.getByName(replacementTag) : replacementTag;
+        this._replacementFailureStrategy = failureStrategy;
     };
     /**
    * Reset and clear the replacement shader.
    */ _proto.resetReplacementShader = function resetReplacementShader() {
         this._replacementShader = null;
         this._replacementSubShaderTag = null;
+        this._replacementFailureStrategy = null;
     };
     /**
    * @inheritdoc
@@ -8386,6 +8477,11 @@ exports.Camera = (_Camera = /*#__PURE__*/ function(Component1) {
     };
     /**
    * @internal
+   */ _proto._getInternalColorTextureFormat = function _getInternalColorTextureFormat() {
+        return this._enableHDR ? this.engine._hardwareRenderer.isWebGL2 ? exports.TextureFormat.R11G11B10_UFloat : exports.TextureFormat.R16G16B16A16 : exports.TextureFormat.R8G8B8A8;
+    };
+    /**
+   * @internal
    * @inheritdoc
    */ _proto._onDestroy = function _onDestroy() {
         var _this__renderPipeline;
@@ -8474,9 +8570,6 @@ exports.Camera = (_Camera = /*#__PURE__*/ function(Component1) {
         }
         return this._inverseProjectionMatrix;
     };
-    _proto._forceUseInternalCanvas = function _forceUseInternalCanvas() {
-        return this.opaqueTextureEnabled;
-    };
     _proto._onPixelViewportChanged = function _onPixelViewportChanged() {
         this._updatePixelViewport();
         var _this__customAspectRatio;
@@ -8484,8 +8577,8 @@ exports.Camera = (_Camera = /*#__PURE__*/ function(Component1) {
         this._checkMainCanvasAntialiasWaste();
     };
     _proto._checkMainCanvasAntialiasWaste = function _checkMainCanvasAntialiasWaste() {
-        if (this.independentCanvasEnabled && engineMath.Vector4.equals(this._viewport, PipelineUtils.defaultViewport)) {
-            console.warn("Camera use independent canvas and viewport cover the whole screen, it is recommended to disable antialias, depth and stencil to save memory when create engine.");
+        if (this._phasedActiveInScene && this.independentCanvasEnabled && engineMath.Vector4.equals(this._viewport, PipelineUtils.defaultViewport)) {
+            Logger.warn("Camera use independent canvas and viewport cover the whole screen, it is recommended to disable antialias, depth and stencil to save memory when create engine.");
         }
     };
     _create_class(Camera1, [
@@ -8496,7 +8589,6 @@ exports.Camera = (_Camera = /*#__PURE__*/ function(Component1) {
    * If enabled, the opaque texture can be accessed in the shader using `camera_OpaqueTexture`.
    *
    * @defaultValue `false`
-   *
    * @remarks If enabled, the `independentCanvasEnabled` property will be forced to be true.
    */ function get() {
                 return this._opaqueTextureEnabled;
@@ -8515,10 +8607,10 @@ exports.Camera = (_Camera = /*#__PURE__*/ function(Component1) {
    *
    * @remarks If true, the msaa in viewport can turn or off independently by `msaaSamples` property.
    */ function get() {
-                if (this._renderTarget) {
-                    return false;
+                if (this.enableHDR || this.enablePostProcess && this.scene._postProcessManager.hasActiveEffect) {
+                    return true;
                 }
-                return this._forceUseInternalCanvas();
+                return this.opaqueTextureEnabled && !this._renderTarget;
             }
         },
         {
@@ -8703,13 +8795,38 @@ exports.Camera = (_Camera = /*#__PURE__*/ function(Component1) {
             key: "enableHDR",
             get: /**
    * Whether to enable HDR.
-   * @todo When render pipeline modification
+   * @defaultValue `false`
+   * @remarks If enabled, the `independentCanvasEnabled` property will be forced to be true.
    */ function get() {
-                console.log("not implementation");
-                return false;
+                return this._enableHDR;
+            },
+            set: function set(value) {
+                if (this.enableHDR !== value) {
+                    var rhi = this.engine._hardwareRenderer;
+                    var supportHDR = rhi.isWebGL2 || rhi.canIUse(exports.GLCapabilityType.textureHalfFloat);
+                    if (value && !supportHDR) {
+                        Logger.warn("Can't enable HDR in this device.");
+                        return;
+                    }
+                    this._enableHDR = value;
+                    this._checkMainCanvasAntialiasWaste();
+                }
+            }
+        },
+        {
+            key: "enablePostProcess",
+            get: /**
+   * Whether to enable post process.
+   * @defaultValue `false`
+   * @remarks If enabled, the `independentCanvasEnabled` property will be forced to be true.
+   */ function get() {
+                return this._enablePostProcess;
             },
             set: function set(value) {
-                console.log("not implementation");
+                if (this._enablePostProcess !== value) {
+                    this._enablePostProcess = value;
+                    this._checkMainCanvasAntialiasWaste();
+                }
             }
         },
         {
@@ -8725,7 +8842,6 @@ exports.Camera = (_Camera = /*#__PURE__*/ function(Component1) {
                     value && this._addResourceReferCount(value, 1);
                     this._renderTarget = value;
                     this._onPixelViewportChanged();
-                    this._checkMainCanvasAntialiasWaste();
                 }
             }
         }
@@ -8810,7 +8926,7 @@ exports.Camera = __decorate([
 /**
  * PipelinePass is a base class for all pipeline passes.
  */ var PipelinePass = function PipelinePass(engine) {
-    this._engine = engine;
+    this.engine = engine;
 };
 
 /**
@@ -9686,7 +9802,7 @@ var /**
         this._updateReceiversShaderData(light);
     };
     _proto._renderDirectShadowMap = function _renderDirectShadowMap(context, light) {
-        var _this = this, engine = _this._engine, camera = _this._camera, viewports = _this._viewportOffsets, shadowSliceData = _this._shadowSliceData, splitBoundSpheres = _this._splitBoundSpheres, shadowMatrices = _this._shadowMatrices;
+        var _this = this, engine = _this.engine, camera = _this._camera, viewports = _this._viewportOffsets, shadowSliceData = _this._shadowSliceData, splitBoundSpheres = _this._splitBoundSpheres, shadowMatrices = _this._shadowMatrices;
         var _camera__renderPipeline__cullingResults = camera._renderPipeline._cullingResults, opaqueQueue = _camera__renderPipeline__cullingResults.opaqueQueue, alphaTestQueue = _camera__renderPipeline__cullingResults.alphaTestQueue;
         var scene = camera.scene;
         var componentsManager = scene._componentsManager;
@@ -9705,13 +9821,12 @@ var /**
         var renderTarget;
         var shadowTexture;
         if (this._supportDepthTexture) {
-            renderTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._renderTarget, width, height, null, format, true, false, 1);
+            renderTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._renderTarget, width, height, null, format, true, false, 1, exports.TextureWrapMode.Clamp, exports.TextureFilterMode.Bilinear);
             shadowTexture = renderTarget.depthTexture;
         } else {
-            renderTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._renderTarget, width, height, format, null, false, false, 1);
+            renderTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._renderTarget, width, height, format, null, false, false, 1, exports.TextureWrapMode.Clamp, exports.TextureFilterMode.Bilinear);
             shadowTexture = renderTarget.getColorTexture(0);
         }
-        shadowTexture.wrapModeU = shadowTexture.wrapModeV = exports.TextureWrapMode.Clamp;
         if (engine._hardwareRenderer._isWebGL2) {
             shadowTexture.depthCompareFunction = exports.TextureDepthCompareFunction.Less;
         }
@@ -9962,22 +10077,17 @@ var /**
     }
     var _proto = DepthOnlyPass.prototype;
     _proto.onConfig = function onConfig(camera) {
-        var engine = this._engine;
+        var engine = this.engine;
         var _camera_pixelViewport = camera.pixelViewport, width = _camera_pixelViewport.width, height = _camera_pixelViewport.height;
-        var renderTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._renderTarget, width, height, null, exports.TextureFormat.Depth16, true, false, 1);
-        var depthTexture = renderTarget.depthTexture;
-        depthTexture.wrapModeU = depthTexture.wrapModeV = exports.TextureWrapMode.Clamp;
-        depthTexture.filterMode = exports.TextureFilterMode.Point;
+        var renderTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._renderTarget, width, height, null, exports.TextureFormat.Depth16, true, false, 1, exports.TextureWrapMode.Clamp, exports.TextureFilterMode.Point);
         this._renderTarget = renderTarget;
     };
     _proto.onRender = function onRender(context, cullingResults) {
-        var engine = this._engine;
+        var engine = this.engine;
         var renderTarget = this._renderTarget;
         var camera = context.camera;
         var rhi = engine._hardwareRenderer;
-        rhi.activeRenderTarget(renderTarget, camera.viewport, context.flipProjection, 0);
-        rhi.viewport(0, 0, renderTarget.width, renderTarget.height);
-        rhi.scissor(0, 0, renderTarget.width, renderTarget.height);
+        rhi.activeRenderTarget(renderTarget, PipelineUtils.defaultViewport, context.flipProjection, 0);
         rhi.clearRenderTarget(engine, exports.CameraClearFlags.Depth, null);
         engine._renderCount++;
         cullingResults.opaqueQueue.render(context, exports.PipelineStage.DepthOnly);
@@ -10002,14 +10112,11 @@ var /**
         var isNoDownsampling = downsampling === exports.Downsampling.None;
         var viewport = camera.pixelViewport;
         var sizeScale = isNoDownsampling ? 1.0 : downsampling === exports.Downsampling.TwoX ? 0.5 : 0.25;
-        var opaqueRenderTarget = PipelineUtils.recreateRenderTargetIfNeeded(this._engine, this._renderTarget, viewport.width * sizeScale, viewport.height * sizeScale, exports.TextureFormat.R8G8B8A8, null, false, false, 1);
-        var colorTexture = opaqueRenderTarget.getColorTexture(0);
-        colorTexture.wrapModeU = colorTexture.wrapModeV = exports.TextureWrapMode.Clamp;
-        colorTexture.filterMode = isNoDownsampling ? exports.TextureFilterMode.Point : exports.TextureFilterMode.Bilinear;
+        var opaqueRenderTarget = PipelineUtils.recreateRenderTargetIfNeeded(this.engine, this._renderTarget, viewport.width * sizeScale, viewport.height * sizeScale, camera._getInternalColorTextureFormat(), null, false, false, 1, exports.TextureWrapMode.Clamp, isNoDownsampling ? exports.TextureFilterMode.Point : exports.TextureFilterMode.Bilinear);
         this._renderTarget = opaqueRenderTarget;
     };
-    _proto.onRender = function onRender(context, _) {
-        PipelineUtils.blitTexture(this._engine, this._cameraColorTexture, this._renderTarget);
+    _proto.onRender = function onRender(context) {
+        PipelineUtils.blitTexture(this.engine, this._cameraColorTexture, this._renderTarget);
         context.camera.shaderData.setTexture(exports.Camera._cameraOpaqueTextureProperty, this._renderTarget.getColorTexture(0));
     };
     return OpaqueTexturePass;
@@ -10072,9 +10179,7 @@ var /**
         var independentCanvasEnabled = camera.independentCanvasEnabled;
         if (independentCanvasEnabled) {
             var viewport = camera.pixelViewport;
-            var internalColorTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._internalColorTarget, viewport.width, viewport.height, exports.TextureFormat.R8G8B8A8, exports.TextureFormat.Depth24Stencil8, false, false, camera.msaaSamples);
-            var colorTexture = internalColorTarget.getColorTexture(0);
-            colorTexture.wrapModeU = colorTexture.wrapModeV = exports.TextureWrapMode.Clamp;
+            var internalColorTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._internalColorTarget, viewport.width, viewport.height, camera._getInternalColorTextureFormat(), exports.TextureFormat.Depth24Stencil8, false, false, camera.msaaSamples, exports.TextureWrapMode.Clamp, exports.TextureFilterMode.Bilinear);
             this._internalColorTarget = internalColorTarget;
         } else {
             var internalColorTarget1 = this._internalColorTarget;
@@ -10088,17 +10193,16 @@ var /**
         this._drawRenderPass(context, camera, cubeFace, mipLevel, ignoreClear);
     };
     _proto._drawRenderPass = function _drawRenderPass(context, camera, cubeFace, mipLevel, ignoreClear) {
-        var _colorTarget, _colorTarget1;
+        var _cameraRenderTarget, _cameraRenderTarget1;
         var cullingResults = this._cullingResults;
         var opaqueQueue = cullingResults.opaqueQueue, alphaTestQueue = cullingResults.alphaTestQueue, transparentQueue = cullingResults.transparentQueue;
         var engine = camera.engine, scene = camera.scene;
         var background = scene.background;
-        var internalColorTarget = this._internalColorTarget;
         var rhi = engine._hardwareRenderer;
-        var _camera_renderTarget;
-        var colorTarget = (_camera_renderTarget = camera.renderTarget) != null ? _camera_renderTarget : internalColorTarget;
+        var internalColorTarget = this._internalColorTarget;
+        var colorTarget = internalColorTarget || camera.renderTarget;
         var colorViewport = internalColorTarget ? PipelineUtils.defaultViewport : camera.viewport;
-        var needFlipProjection = camera.renderTarget && cubeFace == undefined || internalColorTarget !== null;
+        var needFlipProjection = !!internalColorTarget || camera.renderTarget && cubeFace == undefined;
         if (context.flipProjection !== needFlipProjection) {
             // Just add projection matrix update type is enough
             context.rendererUpdateFlag |= ContextRendererUpdateFlag.ProjectionMatrix;
@@ -10125,18 +10229,23 @@ var /**
             colorTarget._blitRenderTarget();
             var opaqueTexturePass = this._opaqueTexturePass;
             opaqueTexturePass.onConfig(camera, colorTarget.getColorTexture(0));
-            opaqueTexturePass.onRender(context, cullingResults);
+            opaqueTexturePass.onRender(context);
             // Should revert to original render target
             rhi.activeRenderTarget(colorTarget, colorViewport, context.flipProjection, mipLevel, cubeFace);
         } else {
             camera.shaderData.setTexture(exports.Camera._cameraOpaqueTextureProperty, null);
         }
         transparentQueue.render(context, exports.PipelineStage.Forward);
-        (_colorTarget = colorTarget) == null ? void 0 : _colorTarget._blitRenderTarget();
-        (_colorTarget1 = colorTarget) == null ? void 0 : _colorTarget1.generateMipmaps();
-        if (internalColorTarget) {
-            PipelineUtils.blitTexture(engine, internalColorTarget.getColorTexture(0), null, 0, camera.viewport);
+        var postProcessManager = scene._postProcessManager;
+        var cameraRenderTarget = camera.renderTarget;
+        if (camera.enablePostProcess && postProcessManager.hasActiveEffect) {
+            postProcessManager._render(context, internalColorTarget, cameraRenderTarget);
+        } else if (internalColorTarget) {
+            internalColorTarget._blitRenderTarget();
+            PipelineUtils.blitTexture(engine, internalColorTarget.getColorTexture(0), cameraRenderTarget, 0, camera.viewport);
         }
+        (_cameraRenderTarget = cameraRenderTarget) == null ? void 0 : _cameraRenderTarget._blitRenderTarget();
+        (_cameraRenderTarget1 = cameraRenderTarget) == null ? void 0 : _cameraRenderTarget1.generateMipmaps();
     };
     /**
    * Push render data to render queue.
@@ -10162,6 +10271,7 @@ var /**
                             break;
                         }
                     }
+                    context.replacementFailureStrategy === exports.ReplacementFailureStrategy.KeepOriginalShader && this.pushRenderElementByType(renderElement, subRenderElement, materialSubShader.passes, renderStates);
                 } else {
                     this.pushRenderElementByType(renderElement, subRenderElement, replacementSubShaders[0].passes, renderStates);
                 }
@@ -18337,37 +18447,29 @@ __decorate([
             -1,
             0,
             1,
-            1,
+            3,
             -1,
-            1,
+            2,
             1,
             -1,
-            1,
-            0,
+            3,
             0,
-            1,
-            1,
-            1,
-            0
-        ]); // right-top
+            -1
+        ]); // left-top
         // prettier-ignore
         var flipYVertices = new Float32Array([
-            1,
+            3,
             -1,
-            1,
+            2,
             0,
             -1,
             -1,
             0,
             0,
-            1,
-            1,
-            1,
-            1,
             -1,
-            1,
+            3,
             0,
-            1
+            2
         ]); // left-top
         var blitMaterial = new Material(engine, Shader.find("blit"));
         blitMaterial._addReferCount(1);
@@ -18405,7 +18507,7 @@ __decorate([
             new VertexElement("POSITION_UV", 0, exports.VertexElementFormat.Vector4, 0)
         ]);
         mesh.setVertexBufferBinding(new Buffer(engine, exports.BufferBindFlag.VertexBuffer, vertices, exports.BufferUsage.Static), 16);
-        mesh.addSubMesh(0, 4, exports.MeshTopology.TriangleStrip);
+        mesh.addSubMesh(0, 3, exports.MeshTopology.Triangles);
         return mesh;
     };
     _proto._create1x1Texture = function _create1x1Texture(engine, type, format, pixel) {
@@ -23314,7 +23416,7 @@ ShaderPool.init();
    */ _proto._initialize = function _initialize(configuration) {
         var _this = this;
         var shaderLab = configuration.shaderLab, physics = configuration.physics;
-        if (shaderLab) {
+        if (shaderLab && !Shader._shaderLab) {
             Shader._shaderLab = shaderLab;
         }
         var initializePromises = new Array();
@@ -24860,6 +24962,475 @@ __decorate([
    * */ LightManager._maxLight = 10;
 })();
 
+var fragBlurH = "#define GLSLIFY 1\n#include <PostCommon>\nvarying vec2 v_uv;uniform sampler2D renderer_BlitTexture;uniform vec4 renderer_texelSize;void main(){vec2 texelSize=renderer_texelSize.xy*2.0;mediump vec4 c0=sampleTexture(renderer_BlitTexture,v_uv-vec2(texelSize.x*4.0,0.0));mediump vec4 c1=sampleTexture(renderer_BlitTexture,v_uv-vec2(texelSize.x*3.0,0.0));mediump vec4 c2=sampleTexture(renderer_BlitTexture,v_uv-vec2(texelSize.x*2.0,0.0));mediump vec4 c3=sampleTexture(renderer_BlitTexture,v_uv-vec2(texelSize.x*1.0,0.0));mediump vec4 c4=sampleTexture(renderer_BlitTexture,v_uv);mediump vec4 c5=sampleTexture(renderer_BlitTexture,v_uv+vec2(texelSize.x*1.0,0.0));mediump vec4 c6=sampleTexture(renderer_BlitTexture,v_uv+vec2(texelSize.x*2.0,0.0));mediump vec4 c7=sampleTexture(renderer_BlitTexture,v_uv+vec2(texelSize.x*3.0,0.0));mediump vec4 c8=sampleTexture(renderer_BlitTexture,v_uv+vec2(texelSize.x*4.0,0.0));gl_FragColor=c0*0.01621622+c1*0.05405405+c2*0.12162162+c3*0.19459459+c4*0.22702703+c5*0.19459459+c6*0.12162162+c7*0.05405405+c8*0.01621622;\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\ngl_FragColor=linearToGamma(gl_FragColor);\n#endif\n}"; // eslint-disable-line
+
+var fragBlurV = "#define GLSLIFY 1\n#include <PostCommon>\nvarying vec2 v_uv;uniform sampler2D renderer_BlitTexture;uniform vec4 renderer_texelSize;void main(){vec2 texelSize=renderer_texelSize.xy;mediump vec4 c0=sampleTexture(renderer_BlitTexture,v_uv-vec2(0.0,texelSize.y*3.23076923));mediump vec4 c1=sampleTexture(renderer_BlitTexture,v_uv-vec2(0.0,texelSize.y*1.38461538));mediump vec4 c2=sampleTexture(renderer_BlitTexture,v_uv);mediump vec4 c3=sampleTexture(renderer_BlitTexture,v_uv+vec2(0.0,texelSize.y*1.38461538));mediump vec4 c4=sampleTexture(renderer_BlitTexture,v_uv+vec2(0.0,texelSize.y*3.23076923));gl_FragColor=c0*0.07027027+c1*0.31621622+c2*0.22702703+c3*0.31621622+c4*0.07027027;\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\ngl_FragColor=linearToGamma(gl_FragColor);\n#endif\n}"; // eslint-disable-line
+
+var fragPrefilter = "#define GLSLIFY 1\n#include <PostCommon>\nvarying vec2 v_uv;uniform sampler2D renderer_BlitTexture;uniform vec4 material_BloomParams;uniform vec4 renderer_texelSize;void main(){\n#ifdef BLOOM_HQ\nvec2 texelSize=renderer_texelSize.xy;mediump vec4 A=sampleTexture(renderer_BlitTexture,v_uv+texelSize*vec2(-1.0,-1.0));mediump vec4 B=sampleTexture(renderer_BlitTexture,v_uv+texelSize*vec2(0.0,-1.0));mediump vec4 C=sampleTexture(renderer_BlitTexture,v_uv+texelSize*vec2(1.0,-1.0));mediump vec4 D=sampleTexture(renderer_BlitTexture,v_uv+texelSize*vec2(-0.5,-0.5));mediump vec4 E=sampleTexture(renderer_BlitTexture,v_uv+texelSize*vec2(0.5,-0.5));mediump vec4 F=sampleTexture(renderer_BlitTexture,v_uv+texelSize*vec2(-1.0,0.0));mediump vec4 G=sampleTexture(renderer_BlitTexture,v_uv);mediump vec4 H=sampleTexture(renderer_BlitTexture,v_uv+texelSize*vec2(1.0,0.0));mediump vec4 I=sampleTexture(renderer_BlitTexture,v_uv+texelSize*vec2(-0.5,0.5));mediump vec4 J=sampleTexture(renderer_BlitTexture,v_uv+texelSize*vec2(0.5,0.5));mediump vec4 K=sampleTexture(renderer_BlitTexture,v_uv+texelSize*vec2(-1.0,1.0));mediump vec4 L=sampleTexture(renderer_BlitTexture,v_uv+texelSize*vec2(0.0,1.0));mediump vec4 M=sampleTexture(renderer_BlitTexture,v_uv+texelSize*vec2(1.0,1.0));mediump vec2 scale=vec2(0.5,0.125);mediump vec2 div=(1.0/4.0)*scale;mediump vec4 samplerColor=(D+E+I+J)*div.x;samplerColor+=(A+B+G+F)*div.y;samplerColor+=(B+C+H+G)*div.y;samplerColor+=(F+G+L+K)*div.y;samplerColor+=(G+H+M+L)*div.y;\n#else\nmediump vec4 samplerColor=sampleTexture(renderer_BlitTexture,v_uv);\n#endif\nmediump vec3 color=samplerColor.rgb;color=min(color,HALF_MAX);mediump float brightness=max3(color);float threshold=material_BloomParams.x;float thresholdKnee=material_BloomParams.y;mediump float softness=clamp(brightness-threshold+thresholdKnee,0.0,2.0*thresholdKnee);softness=(softness*softness)/(4.0*thresholdKnee+1e-4);mediump float multiplier=max(brightness-threshold,softness)/max(brightness,1e-4);color*=multiplier;color=max(color,0.0);gl_FragColor=vec4(color,samplerColor.a);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\ngl_FragColor=linearToGamma(gl_FragColor);\n#endif\n}"; // eslint-disable-line
+
+var fragUpsample = "#define GLSLIFY 1\n#include <PostCommon>\n#include <Filtering>\nvarying vec2 v_uv;uniform sampler2D renderer_BlitTexture;uniform sampler2D material_lowMipTexture;uniform vec4 material_BloomParams;uniform vec4 material_lowMipTexelSize;void main(){mediump vec4 highMip=sampleTexture(renderer_BlitTexture,v_uv);\n#ifdef BLOOM_HQ\nmediump vec4 lowMip=sampleTexture2DBicubic(material_lowMipTexture,v_uv,material_lowMipTexelSize);\n#else\nmediump vec4 lowMip=sampleTexture(material_lowMipTexture,v_uv);\n#endif\ngl_FragColor=mix(highMip,lowMip,material_BloomParams.z);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\ngl_FragColor=linearToGamma(gl_FragColor);\n#endif\n}"; // eslint-disable-line
+
+exports.BloomDownScaleMode = void 0;
+(function(BloomDownScaleMode) {
+    BloomDownScaleMode[BloomDownScaleMode[/**
+   *  Use this to select half size as the starting resolution.
+   */ "Half"] = 0] = "Half";
+    BloomDownScaleMode[BloomDownScaleMode[/**
+   *  Use this to select quarter size as the starting resolution.
+   */ "Quarter"] = 1] = "Quarter";
+})(exports.BloomDownScaleMode || (exports.BloomDownScaleMode = {}));
+var BloomEffect = /*#__PURE__*/ function() {
+    function BloomEffect(_uberMaterial) {
+        this._uberMaterial = _uberMaterial;
+        this._highQualityFiltering = false;
+        this._mipDownRT = [];
+        this._mipUpRT = [];
+        this._maxIterations = 6;
+        this._enabled = false;
+        this./**
+   * Controls the starting resolution that this effect begins processing.
+   */ downScale = 0;
+        var engine = _uberMaterial.engine;
+        var material = new Material(engine, Shader.find(BloomEffect.SHADER_NAME));
+        var depthState = material.renderState.depthState;
+        depthState.enabled = false;
+        depthState.writeEnabled = false;
+        var bloomShaderData = material.shaderData;
+        var uberShaderData = _uberMaterial.shaderData;
+        bloomShaderData.setVector4(BloomEffect._bloomParams, new engineMath.Vector4());
+        bloomShaderData.setVector4(BloomEffect._lowMipTexelSizeProp, new engineMath.Vector4());
+        uberShaderData.setVector4(BloomEffect._bloomIntensityParams, new engineMath.Vector4(1, 1, 0, 0));
+        uberShaderData.setVector4(BloomEffect._dirtTilingOffsetProp, new engineMath.Vector4());
+        uberShaderData.setColor(BloomEffect._tintProp, new engineMath.Color(1, 1, 1, 1));
+        this._bloomMaterial = material;
+        this.threshold = 0.9;
+        this.scatter = 0.7;
+        this.intensity = 1;
+        this.dirtIntensity = 1;
+    }
+    var _proto = BloomEffect.prototype;
+    _proto.onRender = function onRender(context, srcTexture) {
+        var camera = context.camera;
+        var downRes = this.downScale === 0 ? 1 : 2;
+        var pixelViewport = camera.pixelViewport;
+        var tw = pixelViewport.width >> downRes;
+        var th = pixelViewport.height >> downRes;
+        // Determine the iteration count
+        var mipCount = this._calculateMipCount(tw, th);
+        // Prefilter
+        this._prefilter(camera, srcTexture, tw, th, mipCount);
+        // Down sample - gaussian pyramid
+        this._downsample(mipCount);
+        // Up sample (bilinear by default, HQ filtering does bicubic instead
+        this._upsample(mipCount);
+        // Setup bloom on uber
+        this._setupUber(camera);
+    };
+    _proto._calculateMipCount = function _calculateMipCount(tw, th) {
+        var maxSize = Math.max(tw, th);
+        var iterations = Math.floor(Math.log2(maxSize) - 1);
+        return Math.min(Math.max(iterations, 1), this._maxIterations);
+    };
+    _proto._prefilter = function _prefilter(camera, srcTexture, tw, th, mipCount) {
+        var engine = this._uberMaterial.engine;
+        var internalColorTextureFormat = camera._getInternalColorTextureFormat();
+        var mipWidth = tw, mipHeight = th;
+        for(var i = 0; i < mipCount; i++){
+            this._mipUpRT[i] = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._mipUpRT[i], mipWidth, mipHeight, internalColorTextureFormat, null, false, false, 1, exports.TextureWrapMode.Clamp, exports.TextureFilterMode.Bilinear);
+            this._mipDownRT[i] = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._mipDownRT[i], mipWidth, mipHeight, internalColorTextureFormat, null, false, false, 1, exports.TextureWrapMode.Clamp, exports.TextureFilterMode.Bilinear);
+            mipWidth = Math.max(1, Math.floor(mipWidth / 2));
+            mipHeight = Math.max(1, Math.floor(mipHeight / 2));
+        }
+        PipelineUtils.blitTexture(engine, srcTexture, this._mipDownRT[0], undefined, undefined, this._bloomMaterial, 0);
+    };
+    _proto._downsample = function _downsample(mipCount) {
+        var material = this._bloomMaterial;
+        var engine = material.engine;
+        var lastDown = this._mipDownRT[0];
+        // Down sample - gaussian pyramid
+        for(var i = 1; i < mipCount; i++){
+            // Classic two pass gaussian blur - use mipUp as a temporary target
+            // First pass does 2x downsampling + 9-tap gaussian
+            // Second pass does 9-tap gaussian using a 5-tap filter + bilinear filtering
+            PipelineUtils.blitTexture(engine, lastDown.getColorTexture(0), this._mipUpRT[i], undefined, undefined, material, 1);
+            PipelineUtils.blitTexture(engine, this._mipUpRT[i].getColorTexture(0), this._mipDownRT[i], undefined, undefined, material, 2);
+            lastDown = this._mipDownRT[i];
+        }
+    };
+    _proto._upsample = function _upsample(mipCount) {
+        var material = this._bloomMaterial;
+        var engine = material.engine;
+        var shaderData = material.shaderData;
+        // Up sample (bilinear by default, HQ filtering does bicubic instead
+        for(var i = mipCount - 2; i >= 0; i--){
+            var lowMip = i == mipCount - 2 ? this._mipDownRT[i + 1] : this._mipUpRT[i + 1];
+            var highMip = this._mipDownRT[i];
+            var dst = this._mipUpRT[i];
+            shaderData.setTexture(BloomEffect._lowMipTextureProp, lowMip.getColorTexture(0));
+            if (this.highQualityFiltering) {
+                var texelSizeLow = shaderData.getVector4(BloomEffect._lowMipTexelSizeProp);
+                texelSizeLow.set(1 / lowMip.width, 1 / lowMip.height, lowMip.width, lowMip.height);
+            }
+            PipelineUtils.blitTexture(engine, highMip.getColorTexture(0), dst, undefined, undefined, material, 3);
+        }
+    };
+    _proto._setupUber = function _setupUber(camera) {
+        var shaderData = this._uberMaterial.shaderData;
+        var dirtTexture = this.dirtTexture;
+        if (dirtTexture) {
+            var dirtTilingOffset = shaderData.getVector4(BloomEffect._dirtTilingOffsetProp);
+            var dirtRatio = dirtTexture.width / dirtTexture.height;
+            var screenRatio = camera.aspectRatio;
+            if (dirtRatio > screenRatio) {
+                dirtTilingOffset.set(screenRatio / dirtRatio, 1, (1 - dirtTilingOffset.x) * 0.5, 0);
+            } else if (dirtRatio < screenRatio) {
+                dirtTilingOffset.set(1, dirtRatio / screenRatio, 0, (1 - dirtTilingOffset.y) * 0.5);
+            } else {
+                dirtTilingOffset.set(1, 1, 0, 0);
+            }
+        }
+        shaderData.setTexture(BloomEffect._bloomTextureProp, this._mipUpRT[0].getColorTexture(0));
+    };
+    _proto._releaseRenderTargets = function _releaseRenderTargets() {
+        var length = this._mipDownRT.length;
+        for(var i = 0; i < length; i++){
+            var downRT = this._mipDownRT[i];
+            var upRT = this._mipUpRT[i];
+            if (downRT) {
+                downRT.getColorTexture(0).destroy(true);
+                downRT.destroy(true);
+            }
+            if (upRT) {
+                upRT.getColorTexture(0).destroy(true);
+                upRT.destroy(true);
+            }
+        }
+        this._mipDownRT.length = 0;
+        this._mipUpRT.length = 0;
+    };
+    _create_class(BloomEffect, [
+        {
+            key: "enabled",
+            get: /**
+   * Indicates whether the post process effect is enabled.
+   */ function get() {
+                return this._enabled;
+            },
+            set: function set(value) {
+                if (value !== this._enabled) {
+                    this._enabled = value;
+                    if (value) {
+                        this._uberMaterial.shaderData.enableMacro(BloomEffect._enableMacro);
+                    } else {
+                        this._uberMaterial.shaderData.disableMacro(BloomEffect._enableMacro);
+                        this._releaseRenderTargets();
+                    }
+                }
+            }
+        },
+        {
+            key: "threshold",
+            get: /**
+   * Set the level of brightness to filter out pixels under this level.
+   * @remarks This value is expressed in gamma-space.
+   */ function get() {
+                return this._threshold;
+            },
+            set: function set(value) {
+                value = Math.max(0, value);
+                if (value !== this._threshold) {
+                    this._threshold = value;
+                    var threshold = engineMath.Color.gammaToLinearSpace(value);
+                    var thresholdKnee = threshold * 0.5; // Hardcoded soft knee
+                    var params = this._bloomMaterial.shaderData.getVector4(BloomEffect._bloomParams);
+                    params.x = threshold;
+                    params.y = thresholdKnee;
+                }
+            }
+        },
+        {
+            key: "scatter",
+            get: /**
+   * Controls the radius of the bloom effect.
+   */ function get() {
+                return this._scatter;
+            },
+            set: function set(value) {
+                value = Math.min(Math.max(0, value), 1);
+                if (value !== this._scatter) {
+                    this._scatter = value;
+                    var params = this._bloomMaterial.shaderData.getVector4(BloomEffect._bloomParams);
+                    var scatter = engineMath.MathUtil.lerp(0.05, 0.95, value);
+                    params.z = scatter;
+                }
+            }
+        },
+        {
+            key: "intensity",
+            get: /**
+   * Controls the strength of the bloom effect.
+   */ function get() {
+                return this._uberMaterial.shaderData.getVector4(BloomEffect._bloomIntensityParams).x;
+            },
+            set: function set(value) {
+                value = Math.max(0, value);
+                this._uberMaterial.shaderData.getVector4(BloomEffect._bloomIntensityParams).x = value;
+            }
+        },
+        {
+            key: "tint",
+            get: /**
+   * Specifies the tint of the bloom effect.
+   */ function get() {
+                return this._uberMaterial.shaderData.getColor(BloomEffect._tintProp);
+            },
+            set: function set(value) {
+                var tint = this._uberMaterial.shaderData.getColor(BloomEffect._tintProp);
+                if (value !== tint) {
+                    tint.copyFrom(value);
+                }
+            }
+        },
+        {
+            key: "highQualityFiltering",
+            get: /**
+   * Controls whether to use bicubic sampling instead of bilinear sampling for the upSampling passes.
+   * @remarks This is slightly more expensive but helps getting smoother visuals.
+   */ function get() {
+                return this._highQualityFiltering;
+            },
+            set: function set(value) {
+                if (value !== this._highQualityFiltering) {
+                    this._highQualityFiltering = value;
+                    if (value) {
+                        this._bloomMaterial.shaderData.enableMacro(BloomEffect._hqMacro);
+                        this._uberMaterial.shaderData.enableMacro(BloomEffect._hqMacro);
+                    } else {
+                        this._bloomMaterial.shaderData.disableMacro(BloomEffect._hqMacro);
+                        this._uberMaterial.shaderData.disableMacro(BloomEffect._hqMacro);
+                    }
+                }
+            }
+        },
+        {
+            key: "dirtTexture",
+            get: /**
+   * Specifies a Texture to add smudges or dust to the bloom effect.
+   */ function get() {
+                return this._uberMaterial.shaderData.getTexture(BloomEffect._dirtTextureProp);
+            },
+            set: function set(value) {
+                this._uberMaterial.shaderData.setTexture(BloomEffect._dirtTextureProp, value);
+                if (value) {
+                    this._uberMaterial.shaderData.enableMacro(BloomEffect._dirtMacro);
+                } else {
+                    this._uberMaterial.shaderData.disableMacro(BloomEffect._dirtMacro);
+                }
+            }
+        },
+        {
+            key: "dirtIntensity",
+            get: /**
+   * Controls the strength of the lens dirt.
+   */ function get() {
+                return this._uberMaterial.shaderData.getVector4(BloomEffect._bloomIntensityParams).y;
+            },
+            set: function set(value) {
+                value = Math.max(0, value);
+                this._uberMaterial.shaderData.getVector4(BloomEffect._bloomIntensityParams).y = value;
+            }
+        }
+    ]);
+    return BloomEffect;
+}();
+(function() {
+    BloomEffect.SHADER_NAME = "PostProcessEffect Bloom";
+})();
+(function() {
+    // Bloom shader properties
+    BloomEffect._hqMacro = ShaderMacro.getByName("BLOOM_HQ");
+})();
+(function() {
+    BloomEffect._dirtMacro = ShaderMacro.getByName("BLOOM_DIRT");
+})();
+(function() {
+    BloomEffect._bloomParams = ShaderProperty.getByName("material_BloomParams") // x: threshold (linear), y: threshold knee, z: scatter
+    ;
+})();
+(function() {
+    BloomEffect._lowMipTextureProp = ShaderProperty.getByName("material_lowMipTexture");
+})();
+(function() {
+    BloomEffect._lowMipTexelSizeProp = ShaderProperty.getByName("material_lowMipTexelSize") // x: 1/width, y: 1/height, z: width, w: height
+    ;
+})();
+(function() {
+    // Uber shader properties
+    BloomEffect._enableMacro = ShaderMacro.getByName("ENABLE_EFFECT_BLOOM");
+})();
+(function() {
+    BloomEffect._bloomTextureProp = ShaderProperty.getByName("material_BloomTexture");
+})();
+(function() {
+    BloomEffect._dirtTextureProp = ShaderProperty.getByName("material_BloomDirtTexture");
+})();
+(function() {
+    BloomEffect._tintProp = ShaderProperty.getByName("material_BloomTint");
+})();
+(function() {
+    BloomEffect._bloomIntensityParams = ShaderProperty.getByName("material_BloomIntensityParams") // x: bloom intensity, y: dirt intensity
+    ;
+})();
+(function() {
+    BloomEffect._dirtTilingOffsetProp = ShaderProperty.getByName("material_BloomDirtTilingOffset");
+})();
+Shader.create(BloomEffect.SHADER_NAME, [
+    new ShaderPass("Bloom Prefilter", blitVs, fragPrefilter),
+    new ShaderPass("Bloom Blur Horizontal", blitVs, fragBlurH),
+    new ShaderPass("Bloom Blur Vertical", blitVs, fragBlurV),
+    new ShaderPass("Bloom Upsample", blitVs, fragUpsample)
+]);
+
+exports.TonemappingMode = void 0;
+(function(TonemappingMode) {
+    TonemappingMode[TonemappingMode[/**
+   * Neutral tonemapper
+   * @remarks Use this option if you only want range-remapping with minimal impact on color hue and saturation.
+   */ "Neutral"] = 0] = "Neutral";
+    TonemappingMode[TonemappingMode[/**
+   * ACES Filmic reference tonemapper (custom approximation)
+   * @remarks
+   * Use this option to apply a close approximation of the reference ACES tonemapper for a more filmic look.
+   * It is more contrasted than Neutral and has an effect on actual color hue and saturation.
+   */ "ACES"] = 1] = "ACES";
+})(exports.TonemappingMode || (exports.TonemappingMode = {}));
+var TonemappingEffect = /*#__PURE__*/ function() {
+    function TonemappingEffect(_uberMaterial) {
+        this._uberMaterial = _uberMaterial;
+        this._enabled = false;
+        this.mode = 0;
+    }
+    _create_class(TonemappingEffect, [
+        {
+            key: "enabled",
+            get: /**
+   * Indicates whether the post process effect is enabled.
+   */ function get() {
+                return this._enabled;
+            },
+            set: function set(value) {
+                if (value !== this._enabled) {
+                    this._enabled = value;
+                    if (value) {
+                        this._uberMaterial.shaderData.enableMacro(TonemappingEffect._enableMacro);
+                    } else {
+                        this._uberMaterial.shaderData.disableMacro(TonemappingEffect._enableMacro);
+                    }
+                }
+            }
+        },
+        {
+            key: "mode",
+            get: /**
+   * Use this to select a tonemapping algorithm to use.
+   */ function get() {
+                return this._mode;
+            },
+            set: function set(value) {
+                if (value !== this._mode) {
+                    this._mode = value;
+                    this._uberMaterial.shaderData.enableMacro("TONEMAPPING_MODE", value.toString());
+                }
+            }
+        }
+    ]);
+    return TonemappingEffect;
+}();
+(function() {
+    TonemappingEffect._enableMacro = ShaderMacro.getByName("ENABLE_EFFECT_TONEMAPPING");
+})();
+
+/**
+ * @internal
+ */ var _PostProcessManager = /*#__PURE__*/ function() {
+    function _PostProcessManager(scene) {
+        this.scene = scene;
+        this./**
+   * Whether the post process manager is active.
+   */ isActive = true;
+        var uberShader = Shader.find(_PostProcessManager.UBER_SHADER_NAME);
+        var uberMaterial = new Material(scene.engine, uberShader);
+        var depthState = uberMaterial.renderState.depthState;
+        depthState.enabled = false;
+        depthState.writeEnabled = false;
+        var bloomEffect = new BloomEffect(uberMaterial);
+        var tonemappingEffect = new TonemappingEffect(uberMaterial);
+        this._uberMaterial = uberMaterial;
+        this._bloomEffect = bloomEffect;
+        this._tonemappingEffect = tonemappingEffect;
+    }
+    var _proto = _PostProcessManager.prototype;
+    /**
+   * @internal
+   */ _proto._render = function _render(context, srcTarget, destTarget) {
+        var camera = context.camera;
+        var engine = camera.engine;
+        // Should blit to resolve the MSAA
+        srcTarget._blitRenderTarget();
+        var srcTexture = srcTarget.getColorTexture();
+        var bloomEffect = this._bloomEffect;
+        if (bloomEffect.enabled) {
+            bloomEffect.onRender(context, srcTexture);
+        }
+        // Done with Uber, blit it
+        PipelineUtils.blitTexture(engine, srcTexture, destTarget, 0, camera.viewport, this._uberMaterial);
+    };
+    _create_class(_PostProcessManager, [
+        {
+            key: "hasActiveEffect",
+            get: /**
+   * Whether has active post process effect.
+   */ function get() {
+                return this.isActive && (this._bloomEffect.enabled || this._tonemappingEffect.enabled);
+            }
+        }
+    ]);
+    return _PostProcessManager;
+}();
+(function() {
+    _PostProcessManager.UBER_SHADER_NAME = "UberPost";
+})();
+
+var Filtering = "#define GLSLIFY 1\n#ifndef FILTERING\n#define FILTERING\nvec2 bSpline3MiddleLeft(vec2 x){return 0.16666667+x*(0.5+x*(0.5-x*0.5));}vec2 bSpline3MiddleRight(vec2 x){return 0.66666667+x*(-1.0+0.5*x)*x;}vec2 bSpline3Rightmost(vec2 x){return 0.16666667+x*(-0.5+x*(0.5-x*0.16666667));}void bicubicFilter(vec2 fracCoord,out vec2 weights[2],out vec2 offsets[2]){vec2 r=bSpline3Rightmost(fracCoord);vec2 mr=bSpline3MiddleRight(fracCoord);vec2 ml=bSpline3MiddleLeft(fracCoord);vec2 l=1.0-mr-ml-r;weights[0]=r+mr;weights[1]=ml+l;offsets[0]=-1.0+mr/weights[0];offsets[1]=1.0+l/weights[1];}vec4 sampleTexture2DBicubic(sampler2D tex,vec2 coord,vec4 texSize){vec2 xy=coord*texSize.zw+0.5;vec2 ic=floor(xy);vec2 fc=fract(xy);vec2 weights[2],offsets[2];bicubicFilter(fc,weights,offsets);return weights[0].y*(weights[0].x*sampleTexture(tex,(ic+vec2(offsets[0].x,offsets[0].y)-0.5)*texSize.xy)+weights[1].x*sampleTexture(tex,(ic+vec2(offsets[1].x,offsets[0].y)-0.5)*texSize.xy))+weights[1].y*(weights[0].x*sampleTexture(tex,(ic+vec2(offsets[0].x,offsets[1].y)-0.5)*texSize.xy)+weights[1].x*sampleTexture(tex,(ic+vec2(offsets[1].x,offsets[1].y)-0.5)*texSize.xy));}\n#endif\n"; // eslint-disable-line
+
+var PostCommon = "#define GLSLIFY 1\n#ifndef POST_COMMON\n#define POST_COMMON\n#include <common>\n#define FLT_MIN 1.175494351e-38\n#define HALF_MIN 6.103515625e-5\n#define HALF_MAX 65504.0\nfloat min3(vec3 val){return min(min(val.x,val.y),val.z);}float max3(vec3 val){return max(max(val.x,val.y),val.z);}const float INVERT_LOG10=0.43429448190325176;float log10(float x){return log(x)*INVERT_LOG10;}vec4 sampleTexture(sampler2D tex,vec2 uv){vec4 color=texture2D(tex,uv);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\ncolor=gammaToLinear(color);\n#endif\nreturn color;}\n#endif\n"; // eslint-disable-line
+
+var ACESTonemapping = "#define GLSLIFY 1\n#include <ColorTransform>\n#include <RRT>\n#include <ODT>\nvec3 ACESTonemap(vec3 color){vec3 aces=sRGB_2_AP0*color;mediump float saturation=rgb_2_saturation(aces);mediump float ycIn=rgb_2_yc(aces);mediump float s=sigmoid_shaper((saturation-0.4)/0.2);float addedGlow=1.0+glow_fwd(ycIn,RRT_GLOW_GAIN*s,RRT_GLOW_MID);aces*=addedGlow;mediump float hue=rgb_2_hue(vec3(aces));mediump float centeredHue=center_hue(hue,RRT_RED_HUE);float hueWeight=smoothstep(0.0,1.0,1.0-abs(2.0*centeredHue/RRT_RED_WIDTH));hueWeight*=hueWeight;aces.r+=hueWeight*saturation*(RRT_RED_PIVOT-aces.r)*(1.0-RRT_RED_SCALE);vec3 acescg=max(AP0_2_AP1_MAT*aces,0.0);acescg=mix(vec3(dot(acescg,AP1_RGB2Y)),acescg,RRT_SAT_FACTOR);const float a=0.0245786;const float b=0.000090537;const float c=0.983729;const float d=0.4329510;const float e=0.238081;vec3 rcpAcesCG=1.0/(acescg+FLT_MIN);mediump vec3 rgbPost=(acescg+a-b*rcpAcesCG)/(acescg*c+d+e*rcpAcesCG);vec3 linearCV=darkSurround_to_dimSurround(rgbPost);linearCV=mix(vec3(dot(linearCV,AP1_RGB2Y)),linearCV,ODT_SAT_FACTOR);vec3 XYZ=AP1_2_XYZ_MAT*linearCV;XYZ=D60_2_D65_CAT*XYZ;linearCV=XYZ_2_REC709_MAT*XYZ;return linearCV;}"; // eslint-disable-line
+
+var ColorTransform = "#define GLSLIFY 1\n#ifndef COLOR_TRANSFORM\n#define COLOR_TRANSFORM\nconst mediump mat3 sRGB_2_AP0=mat3(0.4397010,0.0897923,0.0175440,0.3829780,0.8134230,0.1115440,0.1773350,0.0967616,0.8707040);const mediump mat3 AP1_2_AP0_MAT=mat3(vec3(0.6954522414,0.0447945634,-0.0055258826),vec3(0.1406786965,0.8596711185,0.0040252103),vec3(0.1638690622,0.0955343182,1.0015006723));const mediump mat3 AP0_2_AP1_MAT=mat3(vec3(1.4514393161,-0.0765537734,0.0083161484),vec3(-0.2365107469,1.1762296998,-0.0060324498),vec3(-0.2149285693,-0.0996759264,0.9977163014));const mediump mat3 AP1_2_XYZ_MAT=mat3(vec3(0.6624541811,0.2722287168,-0.0055746495),vec3(0.1340042065,0.6740817658,0.0040607335),vec3(0.1561876870,0.0536895174,1.0103391003));const mediump mat3 XYZ_2_AP1_MAT=mat3(vec3(1.6410233797,-0.6636628587,0.0117218943),vec3(-0.3248032942,1.6153315917,-0.0082844420),vec3(-0.2364246952,0.0167563477,0.9883948585));const mediump mat3 D60_2_D65_CAT=mat3(vec3(0.987224,-0.00759836,0.00307257),vec3(-0.00611327,1.00186,-0.00509595),vec3(0.0159533,0.00533002,1.08168));const mediump mat3 XYZ_2_REC709_MAT=mat3(vec3(3.2409699419,-0.9692436363,0.0556300797),vec3(-1.5373831776,1.8759675015,-0.2039769589),vec3(-0.498610760,0.0415550574,1.0569715142));const mediump vec3 AP1_RGB2Y=vec3(0.2722287168,0.6740817658,0.0536895174);mediump float rgb_2_saturation(mediump vec3 rgb){const mediump float TINY=1e-4;mediump float mi=min3(rgb);mediump float ma=max3(rgb);return(max(ma,TINY)-max(mi,TINY))/max(ma,1e-2);}mediump float rgb_2_yc(mediump vec3 rgb){const mediump float ycRadiusWeight=1.75;mediump float r=rgb.x;mediump float g=rgb.y;mediump float b=rgb.z;mediump float k=b*(b-g)+g*(g-r)+r*(r-b);k=max(k,0.0);float chroma=k==0.0 ? 0.0 : sqrt(k);return(b+g+r+ycRadiusWeight*chroma)/3.0;}mediump float rgb_2_hue(mediump vec3 rgb){mediump float hue;if(rgb.x==rgb.y&&rgb.y==rgb.z){hue=0.0;}else{hue=(180.0/PI)*atan(sqrt(3.0)*(rgb.y-rgb.z),2.0*rgb.x-rgb.y-rgb.z);}if(hue<0.0){hue=hue+360.0;}return hue;}mediump float center_hue(mediump float hue,mediump float centerH){mediump float hueCentered=hue-centerH;if(hueCentered<-180.0){hueCentered=hueCentered+360.0;}else if(hueCentered>180.0){hueCentered=hueCentered-360.0;}return hueCentered;}\n#endif\n"; // eslint-disable-line
+
+var ODT = "#define GLSLIFY 1\n#include <Tonescale>\nconst float CINEMA_WHITE=48.0;const float CINEMA_BLACK=0.02;const float ODT_SAT_FACTOR=0.93;mediump vec3 Y_2_linCV(mediump vec3 Y,mediump float Ymax,mediump float Ymin){return(Y-Ymin)/(Ymax-Ymin);}mediump vec3 XYZ_2_xyY(mediump vec3 XYZ){mediump float divisor=max(dot(XYZ,vec3(1.0)),1e-4);return vec3(XYZ.xy/divisor,XYZ.y);}mediump vec3 xyY_2_XYZ(mediump vec3 xyY){mediump float m=xyY.z/max(xyY.y,1e-4);mediump vec3 XYZ=vec3(xyY.xz,(1.0-xyY.x-xyY.y));XYZ.xz*=m;return XYZ;}const mediump float DIM_SURROUND_GAMMA=0.9811;mediump vec3 darkSurround_to_dimSurround(mediump vec3 linearCV){mediump vec3 XYZ=AP1_2_XYZ_MAT*linearCV;mediump vec3 xyY=XYZ_2_xyY(XYZ);xyY.z=clamp(xyY.z,0.0,HALF_MAX);xyY.z=pow(xyY.z,DIM_SURROUND_GAMMA);XYZ=xyY_2_XYZ(xyY);return XYZ_2_AP1_MAT*XYZ;}mediump vec3 ODT_RGBmonitor_100nits_dim(mediump vec3 oces){mediump vec3 rgbPre=AP0_2_AP1_MAT*oces;mediump vec3 rgbPost;rgbPost.r=segmented_spline_c9_fwd(rgbPre.r);rgbPost.g=segmented_spline_c9_fwd(rgbPre.g);rgbPost.b=segmented_spline_c9_fwd(rgbPre.b);mediump vec3 linearCV=Y_2_linCV(rgbPost,CINEMA_WHITE,CINEMA_BLACK);linearCV=darkSurround_to_dimSurround(linearCV);linearCV=mix(vec3(dot(linearCV,AP1_RGB2Y)),linearCV,ODT_SAT_FACTOR);mediump vec3 XYZ=AP1_2_XYZ_MAT*linearCV;XYZ=D60_2_D65_CAT*XYZ;linearCV=XYZ_2_REC709_MAT*XYZ;linearCV=clamp(linearCV,vec3(0),vec3(1));return linearCV;}"; // eslint-disable-line
+
+var RRT = "#define GLSLIFY 1\n#include <Tonescale>\nmediump float sigmoid_shaper(mediump float x){mediump float t=max(1.0-abs(x/2.0),0.0);mediump float y=1.0+sign(x)*(1.0-t*t);return y*0.5;}mediump float glow_fwd(mediump float ycIn,mediump float glowGainIn,mediump float glowMid){mediump float glowGainOut;if(ycIn<=2.0/3.0*glowMid){glowGainOut=glowGainIn;}else if(ycIn>=2.0*glowMid){glowGainOut=0.0;}else{glowGainOut=glowGainIn*(glowMid/ycIn-1.0/2.0);}return glowGainOut;}const mediump float RRT_GLOW_GAIN=0.05;const mediump float RRT_GLOW_MID=0.08;const mediump float RRT_RED_SCALE=0.82;const mediump float RRT_RED_PIVOT=0.03;const mediump float RRT_RED_HUE=0.0;const mediump float RRT_RED_WIDTH=135.0;const mediump float RRT_SAT_FACTOR=0.96;mediump vec3 RRT(mediump vec3 aces){mediump float saturation=rgb_2_saturation(aces);mediump float ycIn=rgb_2_yc(aces);mediump float s=sigmoid_shaper((saturation-0.4)/0.2);mediump float addedGlow=1.0+glow_fwd(ycIn,RRT_GLOW_GAIN*s,RRT_GLOW_MID);aces*=addedGlow;mediump float hue=rgb_2_hue(aces);mediump float centeredHue=center_hue(hue,RRT_RED_HUE);mediump float hueWeight=smoothstep(0.0,1.0,1.0-abs(2.0*centeredHue/RRT_RED_WIDTH));hueWeight*=hueWeight;aces.r+=hueWeight*saturation*(RRT_RED_PIVOT-aces.r)*(1.0-RRT_RED_SCALE);aces=clamp(aces,0.0,HALF_MAX);mediump vec3 rgbPre=AP0_2_AP1_MAT*aces;rgbPre=clamp(rgbPre,0.0,HALF_MAX);rgbPre=mix(vec3(dot(rgbPre,AP1_RGB2Y)),rgbPre,RRT_SAT_FACTOR);mediump vec3 rgbPost;rgbPost.x=segmented_spline_c5_fwd(rgbPre.x);rgbPost.y=segmented_spline_c5_fwd(rgbPre.y);rgbPost.z=segmented_spline_c5_fwd(rgbPre.z);mediump vec3 outputVal=AP1_2_AP0_MAT*rgbPost;return outputVal;}"; // eslint-disable-line
+
+var Tonescale = "#define GLSLIFY 1\n#ifndef TONE_SCALE\n#define TONE_SCALE\nconst mediump mat3 M=mat3(vec3(0.5,-1.0,0.5),vec3(-1.0,1.0,0.5),vec3(0.5,0.0,0.0));mediump float segmented_spline_c5_fwd(mediump float x){\n#ifdef GRAPHICS_API_WEBGL2\nconst mediump float coefsLow[6]=float[6](-4.0000000000,-4.0000000000,-3.1573765773,-0.4852499958,1.8477324706,1.8477324706);const mediump float coefsHigh[6]=float[6](-0.7185482425,2.0810307172,3.6681241237,4.0000000000,4.0000000000,4.0000000000);\n#else\nconst mediump float coefsLow_0=-4.0000000000;const mediump float coefsLow_1=-4.0000000000;const mediump float coefsLow_2=-3.1573765773;const mediump float coefsLow_3=-0.4852499958;const mediump float coefsLow_4=1.8477324706;const mediump float coefsLow_5=1.8477324706;const mediump float coefsHigh_0=-0.7185482425;const mediump float coefsHigh_1=2.0810307172;const mediump float coefsHigh_2=3.6681241237;const mediump float coefsHigh_3=4.0000000000;const mediump float coefsHigh_4=4.0000000000;const mediump float coefsHigh_5=4.0000000000;\n#endif\nconst mediump vec2 minPoint=vec2(0.0000054931640625,0.0001);const mediump vec2 midPoint=vec2(0.18,0.48);const mediump vec2 maxPoint=vec2(47185.92,10000.0);const mediump float slopeLow=0.0;const mediump float slopeHigh=0.0;const int N_KNOTS_LOW=4;const int N_KNOTS_HIGH=4;mediump float logx=log10(max(x,HALF_MIN));mediump float logy;if(logx<=log10(minPoint.x)){logy=logx*slopeLow+(log10(minPoint.y)-slopeLow*log10(minPoint.x));}else if((logx>log10(minPoint.x))&&(logx<log10(midPoint.x))){mediump float knot_coord=float(N_KNOTS_LOW-1)*(logx-log10(minPoint.x))/(log10(midPoint.x)-log10(minPoint.x));int j=int(knot_coord);mediump float t=knot_coord-float(j);mediump vec3 cf;\n#ifdef GRAPHICS_API_WEBGL2\ncf=vec3(coefsLow[j],coefsLow[j+1],coefsLow[j+2]);\n#else\nif(j<=0){cf=vec3(coefsLow_0,coefsLow_1,coefsLow_2);}else if(j==1){cf=vec3(coefsLow_1,coefsLow_2,coefsLow_3);}else if(j==2){cf=vec3(coefsLow_2,coefsLow_3,coefsLow_4);}else{cf=vec3(coefsLow_3,coefsLow_4,coefsLow_5);}\n#endif\nmediump vec3 monomials=vec3(t*t,t,1.0);logy=dot(monomials,M*cf);}else if((logx>=log10(midPoint.x))&&(logx<log10(maxPoint.x))){mediump float knot_coord=float(N_KNOTS_HIGH-1)*(logx-log10(midPoint.x))/(log10(maxPoint.x)-log10(midPoint.x));int j=int(knot_coord);mediump float t=knot_coord-float(j);mediump vec3 cf;\n#ifdef GRAPHICS_API_WEBGL2\ncf=vec3(coefsHigh[j],coefsHigh[j+1],coefsHigh[j+2]);\n#else\nif(j<=0){cf=vec3(coefsHigh_0,coefsHigh_1,coefsHigh_2);}else if(j==1){cf=vec3(coefsHigh_1,coefsHigh_2,coefsHigh_3);}else if(j==2){cf=vec3(coefsHigh_2,coefsHigh_3,coefsHigh_4);}else{cf=vec3(coefsHigh_3,coefsHigh_4,coefsHigh_5);}\n#endif\nmediump vec3 monomials=vec3(t*t,t,1.0);logy=dot(monomials,M*cf);}else{logy=logx*slopeHigh+(log10(maxPoint.y)-slopeHigh*log10(maxPoint.x));}return pow(10.0,logy);}mediump float segmented_spline_c9_fwd(mediump float x){\n#ifdef GRAPHICS_API_WEBGL2\nconst mediump float coefsLow[10]=float[10](-1.6989700043,-1.6989700043,-1.4779000000,-1.2291000000,-0.8648000000,-0.4480000000,0.0051800000,0.4511080334,0.9113744414,0.9113744414);const mediump float coefsHigh[10]=float[10](0.5154386965,0.8470437783,1.1358000000,1.3802000000,1.5197000000,1.5985000000,1.6467000000,1.6746091357,1.6878733390,1.6878733390);\n#else\nconst mediump float coefsLow_0=-1.6989700043;const mediump float coefsLow_1=-1.6989700043;const mediump float coefsLow_2=-1.4779000000;const mediump float coefsLow_3=-1.2291000000;const mediump float coefsLow_4=-0.8648000000;const mediump float coefsLow_5=-0.4480000000;const mediump float coefsLow_6=0.0051800000;const mediump float coefsLow_7=0.4511080334;const mediump float coefsLow_8=0.9113744414;const mediump float coefsLow_9=0.9113744414;const mediump float coefsHigh_0=0.5154386965;const mediump float coefsHigh_1=0.8470437783;const mediump float coefsHigh_2=1.1358000000;const mediump float coefsHigh_3=1.3802000000;const mediump float coefsHigh_4=1.5197000000;const mediump float coefsHigh_5=1.5985000000;const mediump float coefsHigh_6=1.6467000000;const mediump float coefsHigh_7=1.6746091357;const mediump float coefsHigh_8=1.6878733390;const mediump float coefsHigh_9=1.6878733390;\n#endif\nconst mediump vec2 minPoint=vec2(0.0028799,0.02);const mediump vec2 midPoint=vec2(4.799999,4.8);const mediump vec2 maxPoint=vec2(1005.719,48.0);const mediump float slopeLow=0.0;const mediump float slopeHigh=0.04;const int N_KNOTS_LOW=8;const int N_KNOTS_HIGH=8;mediump float logx=log10(max(x,1e-4));mediump float logy;if(logx<=log10(minPoint.x)){logy=logx*slopeLow+(log10(minPoint.y)-slopeLow*log10(minPoint.x));}else if((logx>log10(minPoint.x))&&(logx<log10(midPoint.x))){mediump float knot_coord=float(N_KNOTS_LOW-1)*(logx-log10(minPoint.x))/(log10(midPoint.x)-log10(minPoint.x));int j=int(knot_coord);mediump float t=knot_coord-float(j);mediump vec3 cf;\n#ifdef GRAPHICS_API_WEBGL2\ncf=vec3(coefsLow[j],coefsLow[j+1],coefsLow[j+2]);\n#else\nif(j<=0){cf=vec3(coefsLow_0,coefsLow_1,coefsLow_2);}else if(j==1){cf=vec3(coefsLow_1,coefsLow_2,coefsLow_3);}else if(j==2){cf=vec3(coefsLow_2,coefsLow_3,coefsLow_4);}else if(j==3){cf=vec3(coefsLow_3,coefsLow_4,coefsLow_5);}else if(j==4){cf=vec3(coefsLow_4,coefsLow_5,coefsLow_6);}else if(j==5){cf=vec3(coefsLow_5,coefsLow_6,coefsLow_7);}else if(j==6){cf=vec3(coefsLow_6,coefsLow_7,coefsLow_8);}else{cf=vec3(coefsLow_7,coefsLow_8,coefsLow_9);}\n#endif\nmediump vec3 monomials=vec3(t*t,t,1.0);logy=dot(monomials,M*cf);}else if((logx>=log10(midPoint.x))&&(logx<log10(maxPoint.x))){mediump float knot_coord=float(N_KNOTS_HIGH-1)*(logx-log10(midPoint.x))/(log10(maxPoint.x)-log10(midPoint.x));int j=int(knot_coord);mediump float t=knot_coord-float(j);mediump vec3 cf;\n#ifdef GRAPHICS_API_WEBGL2\ncf=vec3(coefsHigh[j],coefsHigh[j+1],coefsHigh[j+2]);\n#else\nif(j<=0){cf=vec3(coefsHigh_0,coefsHigh_1,coefsHigh_2);}else if(j==1){cf=vec3(coefsHigh_1,coefsHigh_2,coefsHigh_3);}else if(j==2){cf=vec3(coefsHigh_2,coefsHigh_3,coefsHigh_4);}else if(j==3){cf=vec3(coefsHigh_3,coefsHigh_4,coefsHigh_5);}else if(j==4){cf=vec3(coefsHigh_4,coefsHigh_5,coefsHigh_6);}else if(j==5){cf=vec3(coefsHigh_5,coefsHigh_6,coefsHigh_7);}else if(j==6){cf=vec3(coefsHigh_6,coefsHigh_7,coefsHigh_8);}else{cf=vec3(coefsHigh_7,coefsHigh_8,coefsHigh_9);}\n#endif\nmediump vec3 monomials=vec3(t*t,t,1.0);logy=dot(monomials,M*cf);}else{logy=logx*slopeHigh+(log10(maxPoint.y)-slopeHigh*log10(maxPoint.x));}return pow(10.0,logy);}\n#endif\n"; // eslint-disable-line
+
+var NeutralTonemapping = "#define GLSLIFY 1\nvec3 neutralCurve(vec3 x,float a,float b,float c,float d,float e,float f){return vec3(((x*(a*x+c*b)+d*e)/(x*(a*x+b)+d*f))-e/f);}\n#define TONEMAPPING_CLAMP_MAX 435.18712\nvec3 neutralTonemap(vec3 color){const float a=0.2;const float b=0.29;const float c=0.24;const float d=0.272;const float e=0.02;const float f=0.3;\n#ifndef GL_FRAGMENT_PRECISION_HIGH\ncolor=min(color,TONEMAPPING_CLAMP_MAX);\n#endif\nconst float whiteScale=1.31338;color=neutralCurve(color*whiteScale,a,b,c,d,e,f);color*=whiteScale;return color;}"; // eslint-disable-line
+
+var UberPost = "#define GLSLIFY 1\n#include <PostCommon>\n#include <Filtering>\n#include <NeutralTonemapping>\n#include <ACESTonemapping>\nvarying vec2 v_uv;uniform sampler2D renderer_BlitTexture;uniform vec4 renderer_texelSize;\n#ifdef ENABLE_EFFECT_BLOOM\nuniform sampler2D material_BloomTexture;uniform sampler2D material_BloomDirtTexture;uniform vec4 material_BloomTint;uniform vec4 material_BloomDirtTilingOffset;uniform vec4 material_BloomIntensityParams;\n#endif\nvoid main(){mediump vec4 color=sampleTexture(renderer_BlitTexture,v_uv);\n#ifdef ENABLE_EFFECT_BLOOM\n#ifdef BLOOM_HQ\nmediump vec4 bloom=sampleTexture2DBicubic(material_BloomTexture,v_uv,renderer_texelSize);\n#else\nmediump vec4 bloom=sampleTexture(material_BloomTexture,v_uv);\n#endif\nbloom*=material_BloomIntensityParams.x;color+=bloom*material_BloomTint;\n#ifdef BLOOM_DIRT\nmediump vec4 dirt=sampleTexture(material_BloomDirtTexture,v_uv*material_BloomDirtTilingOffset.xy+material_BloomDirtTilingOffset.zw);dirt*=material_BloomIntensityParams.y;color+=dirt*bloom;\n#endif\n#endif\n#ifdef ENABLE_EFFECT_TONEMAPPING\n#if TONEMAPPING_MODE == 0\ncolor.rgb=neutralTonemap(color.rgb);\n#elif TONEMAPPING_MODE == 1\ncolor.rgb=ACESTonemap(color.rgb);\n#endif\ncolor.rgb=clamp(color.rgb,vec3(0),vec3(1));\n#endif\ngl_FragColor=color;\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\ngl_FragColor=linearToGamma(gl_FragColor);\n#endif\n}"; // eslint-disable-line
+
+Object.assign(ShaderLib, {
+    PostCommon: PostCommon,
+    Filtering: Filtering,
+    ODT: ODT,
+    RRT: RRT,
+    Tonescale: Tonescale,
+    ColorTransform: ColorTransform,
+    NeutralTonemapping: NeutralTonemapping,
+    ACESTonemapping: ACESTonemapping
+});
+Shader.create(_PostProcessManager.UBER_SHADER_NAME, blitVs, UberPost);
+
 /**
  * Scene.
  */ var Scene = /*#__PURE__*/ function(EngineObject1) {
@@ -24883,6 +25454,7 @@ __decorate([
         /** @internal */ _this._isActiveInEngine = false;
         /** @internal */ _this._globalShaderMacro = new ShaderMacroCollection();
         /** @internal */ _this._rootEntities = [];
+        /** @internal */ _this._postProcessManager = new _PostProcessManager(_assert_this_initialized(_this));
         _this._background = new Background(_this._engine);
         _this._shaderData = new ShaderData(ShaderDataGroup.Scene);
         _this._shadowCascades = exports.ShadowCascadesMode.NoCascades;
@@ -27812,7 +28384,8 @@ exports.AnimatorLayerBlendingMode = void 0;
                 eventHandler.event = event;
                 handlers.length = 0;
                 for(var j = scriptCount - 1; j >= 0; j--){
-                    var handler = scripts[j][funcName];
+                    var script = scripts[j];
+                    var handler = script[funcName].bind(script);
                     handler && handlers.push(handler);
                 }
                 eventHandlers.push(eventHandler);
@@ -33630,6 +34203,7 @@ exports.BlendShape = BlendShape;
 exports.BlendShapeFrame = BlendShapeFrame;
 exports.BlendState = BlendState;
 exports.BlinnPhongMaterial = BlinnPhongMaterial;
+exports.BloomEffect = BloomEffect;
 exports.BoolUpdateFlag = BoolUpdateFlag;
 exports.BoxColliderShape = BoxColliderShape;
 exports.BoxShape = BoxShape;
@@ -33746,6 +34320,7 @@ exports.Texture2DArray = Texture2DArray;
 exports.TextureCube = TextureCube;
 exports.TextureSheetAnimationModule = TextureSheetAnimationModule;
 exports.Time = Time;
+exports.TonemappingEffect = TonemappingEffect;
 exports.TrailMaterial = TrailMaterial;
 exports.TrailRenderer = TrailRenderer;
 exports.Transform = Transform;
@@ -33755,6 +34330,7 @@ exports.VelocityOverLifetimeModule = VelocityOverLifetimeModule;
 exports.VertexBufferBinding = VertexBufferBinding;
 exports.VertexElement = VertexElement;
 exports.XRManager = XRManager;
+exports._PostProcessManager = _PostProcessManager;
 exports.assignmentClone = assignmentClone;
 exports.deepClone = deepClone;
 exports.dependentComponents = dependentComponents;