@galacean/engine 1.3.0-alpha.0 → 1.3.0-alpha.1

package/dist/browser.js

@@ -94,6 +94,15 @@
        */ MathUtil.degreeToRadian = function degreeToRadian(d) {
             return d * MathUtil.degreeToRadFactor;
         };
+        /**
+       * Linearly interpolate between two values
+       * @param start - Specify the start of the range in which to interpolate
+       * @param end - Specify the end of the range in which to interpolate
+       * @param t - The blend amount where 0 returns start and 1 end
+       * @returns The result of linear blending between start and end
+       */ MathUtil.lerp = function lerp(start, end, t) {
+            return start + (end - start) * t;
+        };
         return MathUtil;
     }();
     (function() {
@@ -8218,7 +8227,7 @@
     var noise_simplex_3D_grad = "#define GLSLIFY 1\nfloat simplex(vec3 v,out vec3 gradient){const vec2 C=vec2(1.0/6.0,1.0/3.0);const vec4 D=vec4(0.0,0.5,1.0,2.0);vec3 i=floor(v+dot(v,C.yyy));vec3 x0=v-i+dot(i,C.xxx);vec3 g=step(x0.yzx,x0.xyz);vec3 l=1.0-g;vec3 i1=min(g.xyz,l.zxy);vec3 i2=max(g.xyz,l.zxy);vec3 x1=x0-i1+C.xxx;vec3 x2=x0-i2+C.yyy;vec3 x3=x0-D.yyy;i=mod289(i);vec4 p=permute(permute(permute(i.z+vec4(0.0,i1.z,i2.z,1.0))+i.y+vec4(0.0,i1.y,i2.y,1.0))+i.x+vec4(0.0,i1.x,i2.x,1.0));float n_=0.142857142857;vec3 ns=n_*D.wyz-D.xzx;vec4 j=p-49.0*floor(p*ns.z*ns.z);vec4 x_=floor(j*ns.z);vec4 y_=floor(j-7.0*x_);vec4 x=x_*ns.x+ns.yyyy;vec4 y=y_*ns.x+ns.yyyy;vec4 h=1.0-abs(x)-abs(y);vec4 b0=vec4(x.xy,y.xy);vec4 b1=vec4(x.zw,y.zw);vec4 s0=floor(b0)*2.0+1.0;vec4 s1=floor(b1)*2.0+1.0;vec4 sh=-step(h,vec4(0.0));vec4 a0=b0.xzyw+s0.xzyw*sh.xxyy;vec4 a1=b1.xzyw+s1.xzyw*sh.zzww;vec3 p0=vec3(a0.xy,h.x);vec3 p1=vec3(a0.zw,h.y);vec3 p2=vec3(a1.xy,h.z);vec3 p3=vec3(a1.zw,h.w);vec4 norm=taylorInvSqrt(vec4(dot(p0,p0),dot(p1,p1),dot(p2,p2),dot(p3,p3)));p0*=norm.x;p1*=norm.y;p2*=norm.z;p3*=norm.w;vec4 m=max(0.6-vec4(dot(x0,x0),dot(x1,x1),dot(x2,x2),dot(x3,x3)),0.0);vec4 m2=m*m;vec4 m4=m2*m2;vec4 pdotx=vec4(dot(p0,x0),dot(p1,x1),dot(p2,x2),dot(p3,x3));vec4 temp=m2*m*pdotx;gradient=-8.0*(temp.x*x0+temp.y*x1+temp.z*x2+temp.w*x3);gradient+=m4.x*p0+m4.y*p1+m4.z*p2+m4.w*p3;gradient*=42.0;return 42.0*dot(m4,pdotx);}"; // eslint-disable-line
     var noise_simplex_4D = "#define GLSLIFY 1\nvec4 grad4(float j,vec4 ip){const vec4 ones=vec4(1.0,1.0,1.0,-1.0);vec4 p,s;p.xyz=floor(fract(vec3(j)*ip.xyz)*7.0)*ip.z-1.0;p.w=1.5-dot(abs(p.xyz),ones.xyz);s=vec4(lessThan(p,vec4(0.0)));p.xyz=p.xyz+(s.xyz*2.0-1.0)*s.www;return p;}\n#define F4 0.309016994374947451\nfloat simplex(vec4 v){const vec4 C=vec4(0.138196601125011,0.276393202250021,0.414589803375032,-0.447213595499958);vec4 i=floor(v+dot(v,vec4(F4)));vec4 x0=v-i+dot(i,C.xxxx);vec4 i0;vec3 isX=step(x0.yzw,x0.xxx);vec3 isYZ=step(x0.zww,x0.yyz);i0.x=isX.x+isX.y+isX.z;i0.yzw=1.0-isX;i0.y+=isYZ.x+isYZ.y;i0.zw+=1.0-isYZ.xy;i0.z+=isYZ.z;i0.w+=1.0-isYZ.z;vec4 i3=clamp(i0,0.0,1.0);vec4 i2=clamp(i0-1.0,0.0,1.0);vec4 i1=clamp(i0-2.0,0.0,1.0);vec4 x1=x0-i1+C.xxxx;vec4 x2=x0-i2+C.yyyy;vec4 x3=x0-i3+C.zzzz;vec4 x4=x0+C.wwww;i=mod289(i);float j0=permute(permute(permute(permute(i.w)+i.z)+i.y)+i.x);vec4 j1=permute(permute(permute(permute(i.w+vec4(i1.w,i2.w,i3.w,1.0))+i.z+vec4(i1.z,i2.z,i3.z,1.0))+i.y+vec4(i1.y,i2.y,i3.y,1.0))+i.x+vec4(i1.x,i2.x,i3.x,1.0));vec4 ip=vec4(1.0/294.0,1.0/49.0,1.0/7.0,0.0);vec4 p0=grad4(j0,ip);vec4 p1=grad4(j1.x,ip);vec4 p2=grad4(j1.y,ip);vec4 p3=grad4(j1.z,ip);vec4 p4=grad4(j1.w,ip);vec4 norm=taylorInvSqrt(vec4(dot(p0,p0),dot(p1,p1),dot(p2,p2),dot(p3,p3)));p0*=norm.x;p1*=norm.y;p2*=norm.z;p3*=norm.w;p4*=taylorInvSqrt(dot(p4,p4));vec3 m0=max(0.6-vec3(dot(x0,x0),dot(x1,x1),dot(x2,x2)),0.0);vec2 m1=max(0.6-vec2(dot(x3,x3),dot(x4,x4)),0.0);m0=m0*m0;m1=m1*m1;return 49.0*(dot(m0*m0,vec3(dot(p0,x0),dot(p1,x1),dot(p2,x2)))+dot(m1*m1,vec2(dot(p3,x3),dot(p4,x4))));}"; // eslint-disable-line
     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
@@ -10111,6 +10120,7 @@
         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";
@@ -12785,22 +12795,23 @@
        * @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.
@@ -12812,15 +12823,17 @@
        * @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);
@@ -12829,38 +12842,46 @@
                 }
             } 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);
@@ -12877,9 +12898,16 @@
     (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 Vector4();
+    })();
     (function() {
         PipelineUtils.defaultViewport = new Vector4(0, 0, 1, 1);
     })();
@@ -13001,6 +13029,8 @@
             _this._renderTarget = null;
             _this._depthBufferParams = new Vector4();
             _this._opaqueTextureEnabled = false;
+            _this._enableHDR = false;
+            _this._enablePostProcess = false;
             _this._viewport = new Vector4(0, 0, 1, 1);
             _this._pixelViewport = new Rect(0, 0, 0, 0);
             _this._inverseProjectionMatrix = new Matrix();
@@ -13207,6 +13237,11 @@
         };
         /**
        * @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;
@@ -13295,9 +13330,6 @@
             }
             return this._inverseProjectionMatrix;
         };
-        _proto._forceUseInternalCanvas = function _forceUseInternalCanvas() {
-            return this.opaqueTextureEnabled;
-        };
         _proto._onPixelViewportChanged = function _onPixelViewportChanged() {
             this._updatePixelViewport();
             var _this__customAspectRatio;
@@ -13306,7 +13338,7 @@
         };
         _proto._checkMainCanvasAntialiasWaste = function _checkMainCanvasAntialiasWaste() {
             if (this.independentCanvasEnabled && 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.");
+                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$2(Camera1, [
@@ -13317,7 +13349,6 @@
        * 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;
@@ -13336,10 +13367,10 @@
        *
        * @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;
                 }
             },
             {
@@ -13524,13 +13555,38 @@
                 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();
+                    }
                 }
             },
             {
@@ -13546,7 +13602,6 @@
                         value && this._addResourceReferCount(value, 1);
                         this._renderTarget = value;
                         this._onPixelViewportChanged();
-                        this._checkMainCanvasAntialiasWaste();
                     }
                 }
             }
@@ -13628,7 +13683,7 @@
     /**
      * PipelinePass is a base class for all pipeline passes.
      */ var PipelinePass = function PipelinePass(engine) {
-        this._engine = engine;
+        this.engine = engine;
     };
     /**
      * @internal
@@ -14495,7 +14550,7 @@
             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;
@@ -14514,13 +14569,12 @@
             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;
             }
@@ -14769,22 +14823,17 @@
         _inherits$2(DepthOnlyPass, PipelinePass1);
         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);
@@ -14808,14 +14857,11 @@
             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;
@@ -14877,9 +14923,7 @@
             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;
@@ -14893,17 +14937,16 @@
             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;
@@ -14930,18 +14973,23 @@
                 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.
@@ -23088,37 +23136,29 @@
                 -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);
@@ -23156,7 +23196,7 @@
                 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) {
@@ -29514,6 +29554,455 @@
        * Each type of light source is at most 10, beyond which it will not take effect.
        * */ 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 Vector4());
+            bloomShaderData.setVector4(BloomEffect._lowMipTexelSizeProp, new Vector4());
+            uberShaderData.setVector4(BloomEffect._bloomIntensityParams, new Vector4(1, 1, 0, 0));
+            uberShaderData.setVector4(BloomEffect._dirtTilingOffsetProp, new Vector4());
+            uberShaderData.setColor(BloomEffect._tintProp, new 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$2(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 = 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 = 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() {
+        var TonemappingEffect = function TonemappingEffect(_uberMaterial) {
+            this._uberMaterial = _uberMaterial;
+            this._enabled = false;
+            this.mode = 0;
+        };
+        _create_class$2(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;
+            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$2(_PostProcessManager, [
+            {
+                key: "hasActiveEffect",
+                get: /**
+       * Whether has active post process effect.
+       */ function get() {
+                    return 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) {
@@ -29537,6 +30026,7 @@
             /** @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;
@@ -32424,7 +32914,8 @@
                     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);
@@ -38209,6 +38700,8 @@
         BlendShapeFrame: BlendShapeFrame,
         BlendState: BlendState,
         BlinnPhongMaterial: BlinnPhongMaterial,
+        get BloomDownScaleMode () { return exports.BloomDownScaleMode; },
+        BloomEffect: BloomEffect,
         BoolUpdateFlag: BoolUpdateFlag,
         BoxColliderShape: BoxColliderShape,
         BoxShape: BoxShape,
@@ -38395,6 +38888,8 @@
         get TextureUsage () { return exports.TextureUsage; },
         get TextureWrapMode () { return exports.TextureWrapMode; },
         Time: Time,
+        TonemappingEffect: TonemappingEffect,
+        get TonemappingMode () { return exports.TonemappingMode; },
         TrailMaterial: TrailMaterial,
         TrailRenderer: TrailRenderer,
         Transform: Transform,
@@ -38407,6 +38902,7 @@
         get VertexElementFormat () { return exports.VertexElementFormat; },
         get WrapMode () { return exports.WrapMode; },
         XRManager: XRManager,
+        _PostProcessManager: _PostProcessManager,
         assignmentClone: assignmentClone,
         deepClone: deepClone,
         dependentComponents: dependentComponents,
@@ -39290,6 +39786,13 @@
                         dataType: gl.UNSIGNED_BYTE,
                         isCompressed: false
                     };
+                case exports.TextureFormat.R11G11B10_UFloat:
+                    return {
+                        internalFormat: isWebGL2 ? gl.R11F_G11F_B10F : gl.NONE,
+                        baseFormat: gl.RGB,
+                        dataType: gl.FLOAT,
+                        isCompressed: false
+                    };
                 case exports.TextureFormat.R16G16B16A16:
                     return {
                         internalFormat: isWebGL2 ? gl.RGBA16F : gl.RGBA,
@@ -39552,6 +40055,7 @@
                         return false;
                     }
                     break;
+                case exports.TextureFormat.R11G11B10_UFloat:
                 case exports.TextureFormat.R32G32B32A32_UInt:
                 case exports.TextureFormat.Depth24:
                 case exports.TextureFormat.Depth32:
@@ -39579,6 +40083,11 @@
                         }
                     }
                     break;
+                case exports.TextureFormat.R11G11B10_UFloat:
+                    {
+                        isSupported = rhi.isWebGL2;
+                    }
+                    break;
             }
             return isSupported;
         };
@@ -47187,7 +47696,7 @@
     ], KHR_materials_anisotropy);
 
     //@ts-ignore
-    var version = "1.3.0-alpha.0";
+    var version = "1.3.0-alpha.1";
     console.log("Galacean engine version: " + version);
     for(var key in CoreObjects){
         Loader.registerClass(key, CoreObjects[key]);
@@ -47213,6 +47722,7 @@
     exports.BlendShapeFrame = BlendShapeFrame;
     exports.BlendState = BlendState;
     exports.BlinnPhongMaterial = BlinnPhongMaterial;
+    exports.BloomEffect = BloomEffect;
     exports.BoolUpdateFlag = BoolUpdateFlag;
     exports.BoundingBox = BoundingBox;
     exports.BoundingFrustum = BoundingFrustum;
@@ -47353,6 +47863,7 @@
     exports.TextureCube = TextureCube;
     exports.TextureSheetAnimationModule = TextureSheetAnimationModule;
     exports.Time = Time;
+    exports.TonemappingEffect = TonemappingEffect;
     exports.TrailMaterial = TrailMaterial;
     exports.TrailRenderer = TrailRenderer;
     exports.Transform = Transform;
@@ -47368,6 +47879,7 @@
     exports.WebGLEngine = WebGLEngine;
     exports.WebGLGraphicDevice = WebGLGraphicDevice;
     exports.XRManager = XRManager;
+    exports._PostProcessManager = _PostProcessManager;
     exports.assignmentClone = assignmentClone;
     exports.decode = decode;
     exports.deepClone = deepClone;