@galacean/engine 1.2.0-alpha.1 → 1.2.0-alpha.11

package/dist/browser.js

@@ -5571,7 +5571,14 @@
        * @param url - The url to be judged.
        * @returns Whether the url is absolute url.
        */ Utils.isAbsoluteUrl = function isAbsoluteUrl(url) {
-            return /^(?:http|blob|data:|\/)/.test(url);
+            return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(url);
+        };
+        /**
+       * Judge whether the url is base64 url.
+       * @param url - The url to be judged.
+       * @returns Whether the url is base64 url.
+       */ Utils.isBase64Url = function isBase64Url(url) {
+            return /^data:.*,.*$/i.test(url);
         };
         /**
        * Get the values of an object.
@@ -5589,7 +5596,10 @@
             if (Utils.isAbsoluteUrl(relativeUrl)) {
                 return relativeUrl;
             }
-            return baseUrl.substring(0, baseUrl.lastIndexOf("/") + 1) + this._formatRelativePath(relativeUrl);
+            if (Utils.isBase64Url(relativeUrl)) {
+                return relativeUrl;
+            }
+            return relativeUrl ? baseUrl.replace(/\/+$/, "") + "/" + relativeUrl.replace(/^\/+/, "") : baseUrl;
         };
         /**
        * @internal
@@ -8113,7 +8123,7 @@
         };
         return _extends$2.apply(this, arguments);
     }
-    var camera_declare = "#define GLSLIFY 1\nuniform vec3 camera_Position;"; // eslint-disable-line
+    var camera_declare = "#define GLSLIFY 1\nuniform vec3 camera_Position;uniform vec3 camera_Forward;"; // eslint-disable-line
     var common = "#define GLSLIFY 1\n#define PI 3.14159265359\n#define RECIPROCAL_PI 0.31830988618\n#define EPSILON 1e-6\n#define LOG2 1.442695\n#define saturate( a ) clamp( a, 0.0, 1.0 )\nfloat pow2(float x){return x*x;}vec4 RGBMToLinear(vec4 value,float maxRange){return vec4(value.rgb*value.a*maxRange,1.0);}vec4 gammaToLinear(vec4 srgbIn){return vec4(pow(srgbIn.rgb,vec3(2.2)),srgbIn.a);}vec4 linearToGamma(vec4 linearIn){return vec4(pow(linearIn.rgb,vec3(1.0/2.2)),linearIn.a);}uniform vec4 camera_DepthBufferParams;float remapDepthBufferLinear01(float z){return 1.0/(camera_DepthBufferParams.x*z+camera_DepthBufferParams.y);}\n#ifdef GRAPHICS_API_WEBGL2\n#define INVERSE_MAT(mat) inverse(mat)\n#else\nmat2 inverseMat(mat2 m){return mat2(m[1][1],-m[0][1],-m[1][0],m[0][0])/(m[0][0]*m[1][1]-m[0][1]*m[1][0]);}mat3 inverseMat(mat3 m){float a00=m[0][0],a01=m[0][1],a02=m[0][2];float a10=m[1][0],a11=m[1][1],a12=m[1][2];float a20=m[2][0],a21=m[2][1],a22=m[2][2];float b01=a22*a11-a12*a21;float b11=-a22*a10+a12*a20;float b21=a21*a10-a11*a20;float det=a00*b01+a01*b11+a02*b21;return mat3(b01,(-a22*a01+a02*a21),(a12*a01-a02*a11),b11,(a22*a00-a02*a20),(-a12*a00+a02*a10),b21,(-a21*a00+a01*a20),(a11*a00-a01*a10))/det;}mat4 inverseMat(mat4 m){float a00=m[0][0],a01=m[0][1],a02=m[0][2],a03=m[0][3],a10=m[1][0],a11=m[1][1],a12=m[1][2],a13=m[1][3],a20=m[2][0],a21=m[2][1],a22=m[2][2],a23=m[2][3],a30=m[3][0],a31=m[3][1],a32=m[3][2],a33=m[3][3],b00=a00*a11-a01*a10,b01=a00*a12-a02*a10,b02=a00*a13-a03*a10,b03=a01*a12-a02*a11,b04=a01*a13-a03*a11,b05=a02*a13-a03*a12,b06=a20*a31-a21*a30,b07=a20*a32-a22*a30,b08=a20*a33-a23*a30,b09=a21*a32-a22*a31,b10=a21*a33-a23*a31,b11=a22*a33-a23*a32,det=b00*b11-b01*b10+b02*b09+b03*b08-b04*b07+b05*b06;return mat4(a11*b11-a12*b10+a13*b09,a02*b10-a01*b11-a03*b09,a31*b05-a32*b04+a33*b03,a22*b04-a21*b05-a23*b03,a12*b08-a10*b11-a13*b07,a00*b11-a02*b08+a03*b07,a32*b02-a30*b05-a33*b01,a20*b05-a22*b02+a23*b01,a10*b10-a11*b08+a13*b06,a01*b08-a00*b10-a03*b06,a30*b04-a31*b02+a33*b00,a21*b02-a20*b04-a23*b00,a11*b07-a10*b09-a12*b06,a00*b09-a01*b07+a02*b06,a31*b01-a30*b03-a32*b00,a20*b03-a21*b01+a22*b00)/det;}\n#define INVERSE_MAT(mat) inverseMat(mat)\n#endif\n"; // eslint-disable-line
     var common_vert = "#define GLSLIFY 1\nattribute vec3 POSITION;\n#ifdef RENDERER_HAS_UV\nattribute vec2 TEXCOORD_0;\n#endif\n#ifdef RENDERER_HAS_UV1\nattribute vec2 TEXCOORD_1;\n#endif\n#ifdef RENDERER_HAS_SKIN\nattribute vec4 JOINTS_0;attribute vec4 WEIGHTS_0;\n#ifdef RENDERER_USE_JOINT_TEXTURE\nuniform sampler2D renderer_JointSampler;uniform float renderer_JointCount;mat4 getJointMatrix(sampler2D smp,float index){float base=index/renderer_JointCount;float hf=0.5/renderer_JointCount;float v=base+hf;vec4 m0=texture2D(smp,vec2(0.125,v));vec4 m1=texture2D(smp,vec2(0.375,v));vec4 m2=texture2D(smp,vec2(0.625,v));vec4 m3=texture2D(smp,vec2(0.875,v));return mat4(m0,m1,m2,m3);}\n#else\nuniform mat4 renderer_JointMatrix[RENDERER_JOINTS_NUM];\n#endif\n#endif\n#ifdef RENDERER_ENABLE_VERTEXCOLOR\nattribute vec4 COLOR_0;\n#endif\n#include <transform_declare>\n#include <camera_declare>\nuniform vec4 material_TilingOffset;\n#ifndef MATERIAL_OMIT_NORMAL\n#ifdef RENDERER_HAS_NORMAL\nattribute vec3 NORMAL;\n#endif\n#ifdef RENDERER_HAS_TANGENT\nattribute vec4 TANGENT;\n#endif\n#endif\n"; // eslint-disable-line
     var transform_declare = "#define GLSLIFY 1\nuniform mat4 renderer_LocalMat;uniform mat4 renderer_ModelMat;uniform mat4 camera_ViewMat;uniform mat4 camera_ProjMat;uniform mat4 renderer_MVMat;uniform mat4 renderer_MVPMat;uniform mat4 renderer_NormalMat;"; // eslint-disable-line
@@ -8138,7 +8148,7 @@
     var light_frag_define = "#define GLSLIFY 1\n#ifdef SCENE_DIRECT_LIGHT_COUNT\nstruct DirectLight{vec3 color;vec3 direction;};uniform ivec2 scene_DirectLightCullingMask[SCENE_DIRECT_LIGHT_COUNT];uniform vec3 scene_DirectLightColor[SCENE_DIRECT_LIGHT_COUNT];uniform vec3 scene_DirectLightDirection[SCENE_DIRECT_LIGHT_COUNT];\n#endif\n#ifdef SCENE_POINT_LIGHT_COUNT\nstruct PointLight{vec3 color;vec3 position;float distance;};uniform ivec2 scene_PointLightCullingMask[SCENE_POINT_LIGHT_COUNT];uniform vec3 scene_PointLightColor[SCENE_POINT_LIGHT_COUNT];uniform vec3 scene_PointLightPosition[SCENE_POINT_LIGHT_COUNT];uniform float scene_PointLightDistance[SCENE_POINT_LIGHT_COUNT];\n#endif\n#ifdef SCENE_SPOT_LIGHT_COUNT\nstruct SpotLight{vec3 color;vec3 position;vec3 direction;float distance;float angleCos;float penumbraCos;};uniform ivec2 scene_SpotLightCullingMask[SCENE_SPOT_LIGHT_COUNT];uniform vec3 scene_SpotLightColor[SCENE_SPOT_LIGHT_COUNT];uniform vec3 scene_SpotLightPosition[SCENE_SPOT_LIGHT_COUNT];uniform vec3 scene_SpotLightDirection[SCENE_SPOT_LIGHT_COUNT];uniform float scene_SpotLightDistance[SCENE_SPOT_LIGHT_COUNT];uniform float scene_SpotLightAngleCos[SCENE_SPOT_LIGHT_COUNT];uniform float scene_SpotLightPenumbraCos[SCENE_SPOT_LIGHT_COUNT];\n#endif\nstruct EnvMapLight{vec3 diffuse;float mipMapLevel;float diffuseIntensity;float specularIntensity;};uniform EnvMapLight scene_EnvMapLight;uniform ivec4 renderer_Layer;\n#ifdef SCENE_USE_SH\nuniform vec3 scene_EnvSH[9];\n#endif\n#ifdef SCENE_USE_SPECULAR_ENV\nuniform samplerCube scene_EnvSpecularSampler;\n#endif\n#ifndef GRAPHICS_API_WEBGL2\nbool isBitSet(float value,float mask,float bitIndex){return mod(floor(value/pow(2.0,bitIndex)),2.0)==1.0&&mod(floor(mask/pow(2.0,bitIndex)),2.0)==1.0;}\n#endif\nbool isRendererCulledByLight(ivec2 rendererLayer,ivec2 lightCullingMask){\n#ifdef GRAPHICS_API_WEBGL2\nreturn!((rendererLayer.x&lightCullingMask.x)!=0||(rendererLayer.y&lightCullingMask.y)!=0);\n#else\nfor(int i=0;i<16;i++){if(isBitSet(float(rendererLayer.x),float(lightCullingMask.x),float(i))||isBitSet(float(rendererLayer.y),float(lightCullingMask.y),float(i))){return false;}}return true;\n#endif\n}"; // eslint-disable-line
     var mobile_material_frag = "#define GLSLIFY 1\nuniform vec4 material_EmissiveColor;uniform vec4 material_BaseColor;uniform vec4 material_SpecularColor;uniform float material_Shininess;uniform float material_NormalIntensity;uniform float material_AlphaCutoff;\n#ifdef MATERIAL_HAS_EMISSIVETEXTURE\nuniform sampler2D material_EmissiveTexture;\n#endif\n#ifdef MATERIAL_HAS_BASETEXTURE\nuniform sampler2D material_BaseTexture;\n#endif\n#ifdef MATERIAL_HAS_SPECULAR_TEXTURE\nuniform sampler2D material_SpecularTexture;\n#endif\n#ifdef MATERIAL_HAS_NORMALTEXTURE\nuniform sampler2D material_NormalTexture;\n#endif\n"; // eslint-disable-line
     var begin_mobile_frag = "#define GLSLIFY 1\nvec4 ambient=vec4(0.0);vec4 emission=material_EmissiveColor;vec4 diffuse=material_BaseColor;vec4 specular=material_SpecularColor;\n#ifdef MATERIAL_HAS_EMISSIVETEXTURE\nvec4 emissiveTextureColor=texture2D(material_EmissiveTexture,v_uv);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\nemissiveTextureColor=gammaToLinear(emissiveTextureColor);\n#endif\nemission*=emissiveTextureColor;\n#endif\n#ifdef MATERIAL_HAS_BASETEXTURE\nvec4 diffuseTextureColor=texture2D(material_BaseTexture,v_uv);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\ndiffuseTextureColor=gammaToLinear(diffuseTextureColor);\n#endif\ndiffuse*=diffuseTextureColor;\n#endif\n#ifdef RENDERER_ENABLE_VERTEXCOLOR\ndiffuse*=v_color;\n#endif\n#ifdef MATERIAL_HAS_SPECULAR_TEXTURE\nvec4 specularTextureColor=texture2D(material_SpecularTexture,v_uv);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\nspecularTextureColor=gammaToLinear(specularTextureColor);\n#endif\nspecular*=specularTextureColor;\n#endif\nambient=vec4(scene_EnvMapLight.diffuse*scene_EnvMapLight.diffuseIntensity,1.0)*diffuse;"; // eslint-disable-line
-    var begin_viewdir_frag = "#define GLSLIFY 1\n#ifdef MATERIAL_NEED_WORLD_POS\nvec3 V=normalize(camera_Position-v_pos);\n#endif\n"; // eslint-disable-line
+    var begin_viewdir_frag = "#define GLSLIFY 1\n#ifdef CAMERA_ORTHOGRAPHIC\nvec3 V=-camera_Forward;\n#else\n#ifdef MATERIAL_NEED_WORLD_POS\nvec3 V=normalize(camera_Position-v_pos);\n#endif\n#endif\n"; // eslint-disable-line
     var mobile_blinnphong_frag = "#define GLSLIFY 1\n#ifdef MATERIAL_HAS_NORMALTEXTURE\nmat3 tbn=getTBN(gl_FrontFacing);vec3 N=getNormalByNormalTexture(tbn,material_NormalTexture,material_NormalIntensity,v_uv,gl_FrontFacing);\n#else\nvec3 N=getNormal(gl_FrontFacing);\n#endif\nvec3 lightDiffuse=vec3(0.0,0.0,0.0);vec3 lightSpecular=vec3(0.0,0.0,0.0);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];float d=max(dot(N,-directionalLight.direction),0.0);lightDiffuse+=directionalLight.color*d;vec3 halfDir=normalize(V-directionalLight.direction);float s=pow(clamp(dot(N,halfDir),0.0,1.0),material_Shininess);lightSpecular+=directionalLight.color*s;}}\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];vec3 direction=v_pos-pointLight.position;float dist=length(direction);direction/=dist;float decay=clamp(1.0-pow(dist/pointLight.distance,4.0),0.0,1.0);float d=max(dot(N,-direction),0.0)*decay;lightDiffuse+=pointLight.color*d;vec3 halfDir=normalize(V-direction);float s=pow(clamp(dot(N,halfDir),0.0,1.0),material_Shininess)*decay;lightSpecular+=pointLight.color*s;}}\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];vec3 direction=spotLight.position-v_pos;float lightDistance=length(direction);direction/=lightDistance;float angleCos=dot(direction,-spotLight.direction);float decay=clamp(1.0-pow(lightDistance/spotLight.distance,4.0),0.0,1.0);float spotEffect=smoothstep(spotLight.penumbraCos,spotLight.angleCos,angleCos);float decayTotal=decay*spotEffect;float d=max(dot(N,direction),0.0)*decayTotal;lightDiffuse+=spotLight.color*d;vec3 halfDir=normalize(V+direction);float s=pow(clamp(dot(N,halfDir),0.0,1.0),material_Shininess)*decayTotal;lightSpecular+=spotLight.color*s;}}\n#endif\ndiffuse*=vec4(lightDiffuse,1.0);specular*=vec4(lightSpecular,1.0);\n#ifdef MATERIAL_IS_ALPHA_CUTOFF\nif(diffuse.a<material_AlphaCutoff){discard;}\n#endif\n"; // eslint-disable-line
     var noise_cellular = "#define GLSLIFY 1\n#include <noise_cellular_2D>\n#include <noise_cellular_3D>\n#include <noise_cellular_2x2>\n#include <noise_cellular_2x2x2>\n"; // eslint-disable-line
     var noise_cellular_2D = "#define GLSLIFY 1\nvec2 cellular(vec2 P){vec2 Pi=mod289(floor(P));vec2 Pf=fract(P);vec3 oi=vec3(-1.0,0.0,1.0);vec3 of=vec3(-0.5,0.5,1.5);vec3 px=permute(Pi.x+oi);vec3 p=permute(px.x+Pi.y+oi);vec3 ox=fract(p*K)-Ko;vec3 oy=mod7(floor(p*K))*K-Ko;vec3 dx=Pf.x+0.5+jitter*ox;vec3 dy=Pf.y-of+jitter*oy;vec3 d1=dx*dx+dy*dy;p=permute(px.y+Pi.y+oi);ox=fract(p*K)-Ko;oy=mod7(floor(p*K))*K-Ko;dx=Pf.x-0.5+jitter*ox;dy=Pf.y-of+jitter*oy;vec3 d2=dx*dx+dy*dy;p=permute(px.z+Pi.y+oi);ox=fract(p*K)-Ko;oy=mod7(floor(p*K))*K-Ko;dx=Pf.x-1.5+jitter*ox;dy=Pf.y-of+jitter*oy;vec3 d3=dx*dx+dy*dy;vec3 d1a=min(d1,d2);d2=max(d1,d2);d2=min(d2,d3);d1=min(d1a,d2);d2=max(d1a,d2);d1.xy=(d1.x<d1.y)? d1.xy : d1.yx;d1.xz=(d1.x<d1.z)? d1.xz : d1.zx;d1.yz=min(d1.yz,d2.yz);d1.y=min(d1.y,d1.z);d1.y=min(d1.y,d2.x);return sqrt(d1.xy);}"; // eslint-disable-line
@@ -8157,7 +8167,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;geometry.viewDir=normalize(camera_Position-v_pos);\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 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 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;highp vec3 d=vec3(ab*ToH,at*BoH,a2*NoH);highp 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
@@ -8171,7 +8181,7 @@
         pbr_frag: pbr_frag
     };
     var ShadowCoord = "#define GLSLIFY 1\nuniform mat4 scene_ShadowMatrices[SCENE_SHADOW_CASCADED_COUNT+1];uniform vec4 scene_ShadowSplitSpheres[4];mediump int computeCascadeIndex(vec3 positionWS){vec3 fromCenter0=positionWS-scene_ShadowSplitSpheres[0].xyz;vec3 fromCenter1=positionWS-scene_ShadowSplitSpheres[1].xyz;vec3 fromCenter2=positionWS-scene_ShadowSplitSpheres[2].xyz;vec3 fromCenter3=positionWS-scene_ShadowSplitSpheres[3].xyz;mediump vec4 comparison=vec4(dot(fromCenter0,fromCenter0)<scene_ShadowSplitSpheres[0].w,dot(fromCenter1,fromCenter1)<scene_ShadowSplitSpheres[1].w,dot(fromCenter2,fromCenter2)<scene_ShadowSplitSpheres[2].w,dot(fromCenter3,fromCenter3)<scene_ShadowSplitSpheres[3].w);comparison.yzw=clamp(comparison.yzw-comparison.xyz,0.0,1.0);mediump vec4 indexCoefficient=vec4(4.0,3.0,2.0,1.0);mediump int index=4-int(dot(comparison,indexCoefficient));return index;}vec3 getShadowCoord(){\n#if SCENE_SHADOW_CASCADED_COUNT == 1\nmediump int cascadeIndex=0;\n#else\nmediump int cascadeIndex=computeCascadeIndex(v_pos);\n#endif\n#ifdef GRAPHICS_API_WEBGL2\nmat4 shadowMatrix=scene_ShadowMatrices[cascadeIndex];\n#else\nmat4 shadowMatrix;\n#if SCENE_SHADOW_CASCADED_COUNT == 4\nif(cascadeIndex==0){shadowMatrix=scene_ShadowMatrices[0];}else if(cascadeIndex==1){shadowMatrix=scene_ShadowMatrices[1];}else if(cascadeIndex==2){shadowMatrix=scene_ShadowMatrices[2];}else if(cascadeIndex==3){shadowMatrix=scene_ShadowMatrices[3];}else{shadowMatrix=scene_ShadowMatrices[4];}\n#endif\n#if SCENE_SHADOW_CASCADED_COUNT == 2\nif(cascadeIndex==0){shadowMatrix=scene_ShadowMatrices[0];}else if(cascadeIndex==1){shadowMatrix=scene_ShadowMatrices[1];}else{shadowMatrix=scene_ShadowMatrices[2];}\n#endif\n#if SCENE_SHADOW_CASCADED_COUNT == 1\nif(cascadeIndex==0){shadowMatrix=scene_ShadowMatrices[0];}else{shadowMatrix=scene_ShadowMatrices[1];}\n#endif\n#endif\nvec4 shadowCoord=shadowMatrix*vec4(v_pos,1.0);return shadowCoord.xyz;}"; // eslint-disable-line
-    var ShadowFragmentDeclaration = "#define GLSLIFY 1\n#if defined(SCENE_SHADOW_TYPE) && defined(RENDERER_IS_RECEIVE_SHADOWS)\n#define SCENE_IS_CALCULATE_SHADOWS\n#endif\n#ifdef SCENE_IS_CALCULATE_SHADOWS\n#if SCENE_SHADOW_CASCADED_COUNT == 1\nvarying vec3 v_shadowCoord;\n#else\n#include <ShadowCoord>\n#endif\nuniform vec3 scene_ShadowInfo;uniform vec4 scene_ShadowMapSize;\n#ifdef GRAPHICS_API_WEBGL2\nuniform mediump sampler2DShadow scene_ShadowMap;\n#define SAMPLE_TEXTURE2D_SHADOW(textureName, coord3) textureLod(textureName, coord3 , 0.0)\n#define TEXTURE2D_SHADOW_PARAM(shadowMap) mediump sampler2DShadow shadowMap\n#else\nuniform sampler2D scene_ShadowMap;\n#ifdef ENGINE_NO_DEPTH_TEXTURE\nconst vec4 bitShift=vec4(1.0,1.0/256.0,1.0/(256.0*256.0),1.0/(256.0*256.0*256.0));float unpack(const in vec4 rgbaDepth){return dot(rgbaDepth,bitShift);}\n#define SAMPLE_TEXTURE2D_SHADOW(textureName, coord3) (unpack(texture2D(textureName, coord3.xy)) < coord3.z ? 0.0 : 1.0)\n#else\n#define SAMPLE_TEXTURE2D_SHADOW(textureName, coord3) (texture2D(textureName, coord3.xy).r < coord3.z ? 0.0 : 1.0)\n#endif\n#define TEXTURE2D_SHADOW_PARAM(shadowMap) mediump sampler2D shadowMap\n#endif\n#if SCENE_SHADOW_TYPE == 2\nfloat sampleShadowMapFiltered4(TEXTURE2D_SHADOW_PARAM(shadowMap),vec3 shadowCoord,vec4 shadowMapSize){float attenuation;vec4 attenuation4;vec2 offset=shadowMapSize.xy/2.0;vec3 shadowCoord0=shadowCoord+vec3(-offset,0.0);vec3 shadowCoord1=shadowCoord+vec3(offset.x,-offset.y,0.0);vec3 shadowCoord2=shadowCoord+vec3(-offset.x,offset.y,0.0);vec3 shadowCoord3=shadowCoord+vec3(offset,0.0);attenuation4.x=SAMPLE_TEXTURE2D_SHADOW(shadowMap,shadowCoord0);attenuation4.y=SAMPLE_TEXTURE2D_SHADOW(shadowMap,shadowCoord1);attenuation4.z=SAMPLE_TEXTURE2D_SHADOW(shadowMap,shadowCoord2);attenuation4.w=SAMPLE_TEXTURE2D_SHADOW(shadowMap,shadowCoord3);attenuation=dot(attenuation4,vec4(0.25));return attenuation;}\n#endif\n#if SCENE_SHADOW_TYPE == 3\n#include <shadow_sample_tent>\nfloat sampleShadowMapFiltered9(TEXTURE2D_SHADOW_PARAM(shadowMap),vec3 shadowCoord,vec4 shadowmapSize){float attenuation;float fetchesWeights[9];vec2 fetchesUV[9];sampleShadowComputeSamplesTent5x5(shadowmapSize,shadowCoord.xy,fetchesWeights,fetchesUV);attenuation=fetchesWeights[0]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[0].xy,shadowCoord.z));attenuation+=fetchesWeights[1]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[1].xy,shadowCoord.z));attenuation+=fetchesWeights[2]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[2].xy,shadowCoord.z));attenuation+=fetchesWeights[3]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[3].xy,shadowCoord.z));attenuation+=fetchesWeights[4]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[4].xy,shadowCoord.z));attenuation+=fetchesWeights[5]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[5].xy,shadowCoord.z));attenuation+=fetchesWeights[6]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[6].xy,shadowCoord.z));attenuation+=fetchesWeights[7]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[7].xy,shadowCoord.z));attenuation+=fetchesWeights[8]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[8].xy,shadowCoord.z));return attenuation;}\n#endif\nfloat sampleShadowMap(){\n#if SCENE_SHADOW_CASCADED_COUNT == 1\nvec3 shadowCoord=v_shadowCoord;\n#else\nvec3 shadowCoord=getShadowCoord();\n#endif\nfloat attenuation=1.0;if(shadowCoord.z>0.0&&shadowCoord.z<1.0){\n#if SCENE_SHADOW_TYPE == 1\nattenuation=SAMPLE_TEXTURE2D_SHADOW(scene_ShadowMap,shadowCoord);\n#endif\n#if SCENE_SHADOW_TYPE == 2\nattenuation=sampleShadowMapFiltered4(scene_ShadowMap,shadowCoord,scene_ShadowMapSize);\n#endif\n#if SCENE_SHADOW_TYPE == 3\nattenuation=sampleShadowMapFiltered9(scene_ShadowMap,shadowCoord,scene_ShadowMapSize);\n#endif\nattenuation=mix(1.0,attenuation,scene_ShadowInfo.x);}return attenuation;}\n#endif\n"; // eslint-disable-line
+    var ShadowFragmentDeclaration = "#define GLSLIFY 1\n#if defined(SCENE_SHADOW_TYPE) && defined(RENDERER_IS_RECEIVE_SHADOWS)\n#define SCENE_IS_CALCULATE_SHADOWS\n#endif\n#ifdef SCENE_IS_CALCULATE_SHADOWS\n#if SCENE_SHADOW_CASCADED_COUNT == 1\nvarying vec3 v_shadowCoord;\n#else\n#include <ShadowCoord>\n#endif\nuniform vec4 scene_ShadowInfo;uniform vec4 scene_ShadowMapSize;\n#ifdef GRAPHICS_API_WEBGL2\nuniform mediump sampler2DShadow scene_ShadowMap;\n#define SAMPLE_TEXTURE2D_SHADOW(textureName, coord3) textureLod(textureName, coord3 , 0.0)\n#define TEXTURE2D_SHADOW_PARAM(shadowMap) mediump sampler2DShadow shadowMap\n#else\nuniform sampler2D scene_ShadowMap;\n#ifdef ENGINE_NO_DEPTH_TEXTURE\nconst vec4 bitShift=vec4(1.0,1.0/256.0,1.0/(256.0*256.0),1.0/(256.0*256.0*256.0));float unpack(const in vec4 rgbaDepth){return dot(rgbaDepth,bitShift);}\n#define SAMPLE_TEXTURE2D_SHADOW(textureName, coord3) (unpack(texture2D(textureName, coord3.xy)) < coord3.z ? 0.0 : 1.0)\n#else\n#define SAMPLE_TEXTURE2D_SHADOW(textureName, coord3) (texture2D(textureName, coord3.xy).r < coord3.z ? 0.0 : 1.0)\n#endif\n#define TEXTURE2D_SHADOW_PARAM(shadowMap) mediump sampler2D shadowMap\n#endif\n#if SCENE_SHADOW_TYPE == 2\nfloat sampleShadowMapFiltered4(TEXTURE2D_SHADOW_PARAM(shadowMap),vec3 shadowCoord,vec4 shadowMapSize){float attenuation;vec4 attenuation4;vec2 offset=shadowMapSize.xy/2.0;vec3 shadowCoord0=shadowCoord+vec3(-offset,0.0);vec3 shadowCoord1=shadowCoord+vec3(offset.x,-offset.y,0.0);vec3 shadowCoord2=shadowCoord+vec3(-offset.x,offset.y,0.0);vec3 shadowCoord3=shadowCoord+vec3(offset,0.0);attenuation4.x=SAMPLE_TEXTURE2D_SHADOW(shadowMap,shadowCoord0);attenuation4.y=SAMPLE_TEXTURE2D_SHADOW(shadowMap,shadowCoord1);attenuation4.z=SAMPLE_TEXTURE2D_SHADOW(shadowMap,shadowCoord2);attenuation4.w=SAMPLE_TEXTURE2D_SHADOW(shadowMap,shadowCoord3);attenuation=dot(attenuation4,vec4(0.25));return attenuation;}\n#endif\n#if SCENE_SHADOW_TYPE == 3\n#include <shadow_sample_tent>\nfloat sampleShadowMapFiltered9(TEXTURE2D_SHADOW_PARAM(shadowMap),vec3 shadowCoord,vec4 shadowmapSize){float attenuation;float fetchesWeights[9];vec2 fetchesUV[9];sampleShadowComputeSamplesTent5x5(shadowmapSize,shadowCoord.xy,fetchesWeights,fetchesUV);attenuation=fetchesWeights[0]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[0].xy,shadowCoord.z));attenuation+=fetchesWeights[1]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[1].xy,shadowCoord.z));attenuation+=fetchesWeights[2]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[2].xy,shadowCoord.z));attenuation+=fetchesWeights[3]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[3].xy,shadowCoord.z));attenuation+=fetchesWeights[4]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[4].xy,shadowCoord.z));attenuation+=fetchesWeights[5]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[5].xy,shadowCoord.z));attenuation+=fetchesWeights[6]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[6].xy,shadowCoord.z));attenuation+=fetchesWeights[7]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[7].xy,shadowCoord.z));attenuation+=fetchesWeights[8]*SAMPLE_TEXTURE2D_SHADOW(shadowMap,vec3(fetchesUV[8].xy,shadowCoord.z));return attenuation;}\n#endif\nfloat getShadowFade(vec3 positionWS){vec3 camToPixel=positionWS-camera_Position;float distanceCamToPixel2=dot(camToPixel,camToPixel);return saturate(distanceCamToPixel2*scene_ShadowInfo.z+scene_ShadowInfo.w);}float sampleShadowMap(){\n#if SCENE_SHADOW_CASCADED_COUNT == 1\nvec3 shadowCoord=v_shadowCoord;\n#else\nvec3 shadowCoord=getShadowCoord();\n#endif\nfloat attenuation=1.0;if(shadowCoord.z>0.0&&shadowCoord.z<1.0){\n#if SCENE_SHADOW_TYPE == 1\nattenuation=SAMPLE_TEXTURE2D_SHADOW(scene_ShadowMap,shadowCoord);\n#endif\n#if SCENE_SHADOW_TYPE == 2\nattenuation=sampleShadowMapFiltered4(scene_ShadowMap,shadowCoord,scene_ShadowMapSize);\n#endif\n#if SCENE_SHADOW_TYPE == 3\nattenuation=sampleShadowMapFiltered9(scene_ShadowMap,shadowCoord,scene_ShadowMapSize);\n#endif\nfloat shadowFade=getShadowFade(v_pos);attenuation=mix(1.0,mix(attenuation,1.0,shadowFade),scene_ShadowInfo.x);}return attenuation;}\n#endif\n"; // eslint-disable-line
     var shadow_sample_tent = "#define GLSLIFY 1\nfloat sampleShadowGetIRTriangleTexelArea(float triangleHeight){return triangleHeight-0.5;}void sampleShadowGetTexelAreasTent3x3(float offset,out vec4 computedArea,out vec4 computedAreaUncut){float a=offset+0.5;float offsetSquaredHalved=a*a*0.5;computedAreaUncut.x=computedArea.x=offsetSquaredHalved-offset;computedAreaUncut.w=computedArea.w=offsetSquaredHalved;computedAreaUncut.y=sampleShadowGetIRTriangleTexelArea(1.5-offset);float clampedOffsetLeft=min(offset,0.0);float areaOfSmallLeftTriangle=clampedOffsetLeft*clampedOffsetLeft;computedArea.y=computedAreaUncut.y-areaOfSmallLeftTriangle;computedAreaUncut.z=sampleShadowGetIRTriangleTexelArea(1.5+offset);float clampedOffsetRight=max(offset,0.0);float areaOfSmallRightTriangle=clampedOffsetRight*clampedOffsetRight;computedArea.z=computedAreaUncut.z-areaOfSmallRightTriangle;}void sampleShadowGetTexelWeightsTent5x5(float offset,out vec3 texelsWeightsA,out vec3 texelsWeightsB){vec4 areaFrom3texelTriangle;vec4 areaUncutFrom3texelTriangle;sampleShadowGetTexelAreasTent3x3(offset,areaFrom3texelTriangle,areaUncutFrom3texelTriangle);texelsWeightsA.x=0.16*(areaFrom3texelTriangle.x);texelsWeightsA.y=0.16*(areaUncutFrom3texelTriangle.y);texelsWeightsA.z=0.16*(areaFrom3texelTriangle.y+1.0);texelsWeightsB.x=0.16*(areaFrom3texelTriangle.z+1.0);texelsWeightsB.y=0.16*(areaUncutFrom3texelTriangle.z);texelsWeightsB.z=0.16*(areaFrom3texelTriangle.w);}void sampleShadowComputeSamplesTent5x5(vec4 shadowMapTextureTexelSize,vec2 coord,out float fetchesWeights[9],out vec2 fetchesUV[9]){vec2 tentCenterInTexelSpace=coord.xy*shadowMapTextureTexelSize.zw;vec2 centerOfFetchesInTexelSpace=floor(tentCenterInTexelSpace+0.5);vec2 offsetFromTentCenterToCenterOfFetches=tentCenterInTexelSpace-centerOfFetchesInTexelSpace;vec3 texelsWeightsUA,texelsWeightsUB;vec3 texelsWeightsVA,texelsWeightsVB;sampleShadowGetTexelWeightsTent5x5(offsetFromTentCenterToCenterOfFetches.x,texelsWeightsUA,texelsWeightsUB);sampleShadowGetTexelWeightsTent5x5(offsetFromTentCenterToCenterOfFetches.y,texelsWeightsVA,texelsWeightsVB);vec3 fetchesWeightsU=vec3(texelsWeightsUA.xz,texelsWeightsUB.y)+vec3(texelsWeightsUA.y,texelsWeightsUB.xz);vec3 fetchesWeightsV=vec3(texelsWeightsVA.xz,texelsWeightsVB.y)+vec3(texelsWeightsVA.y,texelsWeightsVB.xz);vec3 fetchesOffsetsU=vec3(texelsWeightsUA.y,texelsWeightsUB.xz)/fetchesWeightsU.xyz+vec3(-2.5,-0.5,1.5);vec3 fetchesOffsetsV=vec3(texelsWeightsVA.y,texelsWeightsVB.xz)/fetchesWeightsV.xyz+vec3(-2.5,-0.5,1.5);fetchesOffsetsU*=shadowMapTextureTexelSize.xxx;fetchesOffsetsV*=shadowMapTextureTexelSize.yyy;vec2 bilinearFetchOrigin=centerOfFetchesInTexelSpace*shadowMapTextureTexelSize.xy;fetchesUV[0]=bilinearFetchOrigin+vec2(fetchesOffsetsU.x,fetchesOffsetsV.x);fetchesUV[1]=bilinearFetchOrigin+vec2(fetchesOffsetsU.y,fetchesOffsetsV.x);fetchesUV[2]=bilinearFetchOrigin+vec2(fetchesOffsetsU.z,fetchesOffsetsV.x);fetchesUV[3]=bilinearFetchOrigin+vec2(fetchesOffsetsU.x,fetchesOffsetsV.y);fetchesUV[4]=bilinearFetchOrigin+vec2(fetchesOffsetsU.y,fetchesOffsetsV.y);fetchesUV[5]=bilinearFetchOrigin+vec2(fetchesOffsetsU.z,fetchesOffsetsV.y);fetchesUV[6]=bilinearFetchOrigin+vec2(fetchesOffsetsU.x,fetchesOffsetsV.z);fetchesUV[7]=bilinearFetchOrigin+vec2(fetchesOffsetsU.y,fetchesOffsetsV.z);fetchesUV[8]=bilinearFetchOrigin+vec2(fetchesOffsetsU.z,fetchesOffsetsV.z);fetchesWeights[0]=fetchesWeightsU.x*fetchesWeightsV.x;fetchesWeights[1]=fetchesWeightsU.y*fetchesWeightsV.x;fetchesWeights[2]=fetchesWeightsU.z*fetchesWeightsV.x;fetchesWeights[3]=fetchesWeightsU.x*fetchesWeightsV.y;fetchesWeights[4]=fetchesWeightsU.y*fetchesWeightsV.y;fetchesWeights[5]=fetchesWeightsU.z*fetchesWeightsV.y;fetchesWeights[6]=fetchesWeightsU.x*fetchesWeightsV.z;fetchesWeights[7]=fetchesWeightsU.y*fetchesWeightsV.z;fetchesWeights[8]=fetchesWeightsU.z*fetchesWeightsV.z;}"; // eslint-disable-line
     var ShadowVertexDeclaration = "#define GLSLIFY 1\n#if defined(SCENE_SHADOW_TYPE) && defined(RENDERER_IS_RECEIVE_SHADOWS)\n#define SCENE_IS_CALCULATE_SHADOWS\n#endif\n#ifdef SCENE_IS_CALCULATE_SHADOWS\n#if SCENE_SHADOW_CASCADED_COUNT==1\n#include <ShadowCoord>\nvarying vec3 v_shadowCoord;\n#endif\n#endif\n"; // eslint-disable-line
     var ShadowVertex = "#define GLSLIFY 1\n#ifdef SCENE_IS_CALCULATE_SHADOWS\n#if SCENE_SHADOW_CASCADED_COUNT == 1\nv_shadowCoord=getShadowCoord();\n#endif\n#endif\n"; // eslint-disable-line
@@ -8267,16 +8277,22 @@
             }
             ShaderLib[includeName] = includeSource;
         };
-        ShaderFactory.parseIncludes = function parseIncludes(src) {
+        ShaderFactory.unRegisterInclude = function unRegisterInclude(includeName) {
+            delete ShaderLib[includeName];
+        };
+        /**
+       * @param regex The default regex is for engine's builtin glsl `#include` syntax,
+       * since `ShaderLab` use the same parsing function but different syntax for `#include` --- `/^[ \t]*#include +"([\w\d.]+)"/gm`
+       */ ShaderFactory.parseIncludes = function parseIncludes(src, regex) {
+            if (regex === void 0) regex = /^[ \t]*#include +<([\w\d.]+)>/gm;
             var replace = function replace(match, slice) {
                 var replace = ShaderLib[slice];
                 if (replace === undefined) {
                     Logger.error('Shader slice "' + match.trim() + '" not founded.');
                     return "";
                 }
-                return ShaderFactory.parseIncludes(replace);
+                return ShaderFactory.parseIncludes(replace, regex);
             };
-            var regex = /^[ \t]*#include +<([\w\d.]+)>/gm;
             return src.replace(regex, replace);
         };
         /**
@@ -8384,15 +8400,6 @@
         ]);
         return ShaderPart;
     }();
-    /**
-     * Shader data grouping.
-     */ var ShaderDataGroup;
-    (function(ShaderDataGroup) {
-        ShaderDataGroup[ShaderDataGroup[/** Scene group. */ "Scene"] = 0] = "Scene";
-        ShaderDataGroup[ShaderDataGroup[/** Camera group. */ "Camera"] = 1] = "Camera";
-        ShaderDataGroup[ShaderDataGroup[/** Renderer group. */ "Renderer"] = 2] = "Renderer";
-        ShaderDataGroup[ShaderDataGroup[/** material group. */ "Material"] = 3] = "Material";
-    })(ShaderDataGroup || (ShaderDataGroup = {}));
     /**
      * Color Space.
      */ exports.ColorSpace = void 0;
@@ -8599,6 +8606,15 @@
         this.constUniforms = [];
         this.textureUniforms = [];
     };
+    /**
+     * Shader data grouping.
+     */ var ShaderDataGroup;
+    (function(ShaderDataGroup) {
+        ShaderDataGroup[ShaderDataGroup[/** Scene group. */ "Scene"] = 0] = "Scene";
+        ShaderDataGroup[ShaderDataGroup[/** Camera group. */ "Camera"] = 1] = "Camera";
+        ShaderDataGroup[ShaderDataGroup[/** Renderer group. */ "Renderer"] = 2] = "Renderer";
+        ShaderDataGroup[ShaderDataGroup[/** material group. */ "Material"] = 3] = "Material";
+    })(ShaderDataGroup || (ShaderDataGroup = {}));
     /**
      * Shader program, corresponding to the GPU shader program.
      * @internal
@@ -8894,6 +8910,7 @@
                         break;
                     case gl.SAMPLER_2D:
                     case gl.SAMPLER_CUBE:
+                    case gl.UNSIGNED_INT_SAMPLER_2D:
                     case gl.SAMPLER_2D_ARRAY:
                     case gl.SAMPLER_2D_SHADOW:
                         var defaultTexture;
@@ -8904,6 +8921,9 @@
                             case gl.SAMPLER_CUBE:
                                 defaultTexture = _this._engine._magentaTextureCube;
                                 break;
+                            case gl.UNSIGNED_INT_SAMPLER_2D:
+                                defaultTexture = _this._engine._uintMagentaTexture2D;
+                                break;
                             case gl.SAMPLER_2D_ARRAY:
                                 defaultTexture = _this._engine._magentaTexture2DArray;
                                 break;
@@ -9982,6 +10002,55 @@
         ]);
         return GraphicsResource;
     }(ReferResource);
+    /**
+     * The filter mode of the texture.
+     */ exports.TextureFilterMode = void 0;
+    (function(TextureFilterMode) {
+        TextureFilterMode[TextureFilterMode[/** Point filtering. */ "Point"] = 0] = "Point";
+        TextureFilterMode[TextureFilterMode[/** Bilinear filtering. */ "Bilinear"] = 1] = "Bilinear";
+        TextureFilterMode[TextureFilterMode[/** Trilinear filtering. */ "Trilinear"] = 2] = "Trilinear";
+    })(exports.TextureFilterMode || (exports.TextureFilterMode = {}));
+    /**
+     * Texture format enumeration.
+     */ exports.TextureFormat = void 0;
+    (function(TextureFormat) {
+        TextureFormat[TextureFormat[/** RGB format, 8 bits per channel. */ "R8G8B8"] = 0] = "R8G8B8";
+        TextureFormat[TextureFormat[/** RGBA format, 8 bits per channel. */ "R8G8B8A8"] = 1] = "R8G8B8A8";
+        TextureFormat[TextureFormat[/** RGBA format, 4 bits per channel. */ "R4G4B4A4"] = 2] = "R4G4B4A4";
+        TextureFormat[TextureFormat[/** RGBA format, 5 bits in R channel, 5 bits in G channel, 5 bits in B channel, 1 bit in A channel. */ "R5G5B5A1"] = 3] = "R5G5B5A1";
+        TextureFormat[TextureFormat[/** RGB format, 5 bits in R channel, 6 bits in G channel, 5 bits in B channel. */ "R5G6B5"] = 4] = "R5G6B5";
+        TextureFormat[TextureFormat[/** Transparent format, 8 bits. */ "Alpha8"] = 5] = "Alpha8";
+        TextureFormat[TextureFormat[/** Luminance/alpha in RGB channel, alpha in A channel. */ "LuminanceAlpha"] = 6] = "LuminanceAlpha";
+        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 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";
+        TextureFormat[TextureFormat[/** RGB compressed format, 4 bits per pixel. */ "ETC1_RGB"] = 13] = "ETC1_RGB";
+        TextureFormat[TextureFormat[/** RGB compressed format, 4 bits per pixel. */ "ETC2_RGB"] = 14] = "ETC2_RGB";
+        TextureFormat[TextureFormat[/** RGBA compressed format, 5 bits per pixel, 4 bit in RGB, 1 bit in A. */ "ETC2_RGBA5"] = 15] = "ETC2_RGBA5";
+        TextureFormat[TextureFormat[/** RGB compressed format, 8 bits per pixel. */ "ETC2_RGBA8"] = 16] = "ETC2_RGBA8";
+        TextureFormat[TextureFormat[/** RGB compressed format, 2 bits per pixel. */ "PVRTC_RGB2"] = 17] = "PVRTC_RGB2";
+        TextureFormat[TextureFormat[/** RGBA compressed format, 2 bits per pixel. */ "PVRTC_RGBA2"] = 18] = "PVRTC_RGBA2";
+        TextureFormat[TextureFormat[/** RGB compressed format, 4 bits per pixel. */ "PVRTC_RGB4"] = 19] = "PVRTC_RGB4";
+        TextureFormat[TextureFormat[/** RGBA compressed format, 4 bits per pixel. */ "PVRTC_RGBA4"] = 20] = "PVRTC_RGBA4";
+        TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 4x4 pixel block. */ "ASTC_4x4"] = 21] = "ASTC_4x4";
+        TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 5x5 pixel block. */ "ASTC_5x5"] = 22] = "ASTC_5x5";
+        TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 6x6 pixel block. */ "ASTC_6x6"] = 23] = "ASTC_6x6";
+        TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 8x8 pixel block. */ "ASTC_8x8"] = 24] = "ASTC_8x8";
+        TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 10x10 pixel block. */ "ASTC_10x10"] = 25] = "ASTC_10x10";
+        TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 12x12 pixel block. */ "ASTC_12x12"] = 26] = "ASTC_12x12";
+        TextureFormat[TextureFormat[/** Automatic depth format, engine will automatically select the supported precision. */ "Depth"] = 27] = "Depth";
+        TextureFormat[TextureFormat[/** Automatic depth stencil format, engine will automatically select the supported precision. */ "DepthStencil"] = 28] = "DepthStencil";
+        TextureFormat[TextureFormat[/** 16-bit depth format. */ "Depth16"] = 29] = "Depth16";
+        TextureFormat[TextureFormat[/** 24-bit depth format. */ "Depth24"] = 30] = "Depth24";
+        TextureFormat[TextureFormat[/** 32-bit depth format. */ "Depth32"] = 31] = "Depth32";
+        TextureFormat[TextureFormat[/** 16-bit depth + 8-bit stencil format. */ "Depth24Stencil8"] = 32] = "Depth24Stencil8";
+        TextureFormat[TextureFormat[/** 32-bit depth + 8-bit stencil format. */ "Depth32Stencil8"] = 33] = "Depth32Stencil8";
+        TextureFormat[TextureFormat[/** @deprecated Use `TextureFormat.BC1` instead. */ "DXT1"] = 34] = "DXT1";
+        TextureFormat[TextureFormat[/** @deprecated Use `TextureFormat.BC3` instead. */ "DXT5"] = 35] = "DXT5";
+    })(exports.TextureFormat || (exports.TextureFormat = {}));
     /**
      * The base class of texture, contains some common functions of texture-related classes.
      */ var Texture = /*#__PURE__*/ function(GraphicsResource1) {
@@ -10038,6 +10107,12 @@
         _proto._getMipmapCount = function _getMipmapCount() {
             return this._mipmap ? Math.floor(Math.log2(Math.max(this._width, this._height))) + 1 : 1;
         };
+        _proto._isIntFormat = function _isIntFormat() {
+            if (exports.TextureFormat.R32G32B32A32_UInt === this._format) {
+                return true;
+            }
+            return false;
+        };
         _create_class$2(Texture, [
             {
                 key: "format",
@@ -10114,6 +10189,11 @@
                 },
                 set: function set(value) {
                     if (value === this._filterMode) return;
+                    if (value !== exports.TextureFilterMode.Point && this._isIntFormat()) {
+                        value = exports.TextureFilterMode.Point;
+                        Logger.warn("Int or UInt format texture only support TextureFilterMode.Point");
+                        return;
+                    }
                     this._filterMode = value;
                     this._platformTexture.filterMode = value;
                 }
@@ -11229,7 +11309,7 @@
                 _this._byteLength = byteLength;
                 _this._platformBuffer = engine._hardwareRenderer.createPlatformBuffer(type, byteLength, bufferUsage, data);
                 if (readable) {
-                    var buffer = (data.constructor === ArrayBuffer ? data : data.buffer).slice(0, byteLength);
+                    var buffer = data.constructor === ArrayBuffer ? data.slice(0) : data.buffer.slice(data.byteOffset, data.byteOffset + byteLength);
                     _this._data = new Uint8Array(buffer);
                 }
             }
@@ -12388,54 +12468,6 @@
         TextureDepthCompareFunction[TextureDepthCompareFunction[/** pass if the compare value is greater than or equal to the sample value. */ "GreaterEqual"] = 6] = "GreaterEqual";
         TextureDepthCompareFunction[TextureDepthCompareFunction[/** always pass. */ "Always"] = 7] = "Always";
     })(exports.TextureDepthCompareFunction || (exports.TextureDepthCompareFunction = {}));
-    /**
-     * The filter mode of the texture.
-     */ exports.TextureFilterMode = void 0;
-    (function(TextureFilterMode) {
-        TextureFilterMode[TextureFilterMode[/** Point filtering. */ "Point"] = 0] = "Point";
-        TextureFilterMode[TextureFilterMode[/** Bilinear filtering. */ "Bilinear"] = 1] = "Bilinear";
-        TextureFilterMode[TextureFilterMode[/** Trilinear filtering. */ "Trilinear"] = 2] = "Trilinear";
-    })(exports.TextureFilterMode || (exports.TextureFilterMode = {}));
-    /**
-     * Texture format enumeration.
-     */ exports.TextureFormat = void 0;
-    (function(TextureFormat) {
-        TextureFormat[TextureFormat[/** RGB format, 8 bits per channel. */ "R8G8B8"] = 0] = "R8G8B8";
-        TextureFormat[TextureFormat[/** RGBA format, 8 bits per channel. */ "R8G8B8A8"] = 1] = "R8G8B8A8";
-        TextureFormat[TextureFormat[/** RGBA format, 4 bits per channel. */ "R4G4B4A4"] = 2] = "R4G4B4A4";
-        TextureFormat[TextureFormat[/** RGBA format, 5 bits in R channel, 5 bits in G channel, 5 bits in B channel, 1 bit in A channel. */ "R5G5B5A1"] = 3] = "R5G5B5A1";
-        TextureFormat[TextureFormat[/** RGB format, 5 bits in R channel, 6 bits in G channel, 5 bits in B channel. */ "R5G6B5"] = 4] = "R5G6B5";
-        TextureFormat[TextureFormat[/** Transparent format, 8 bits. */ "Alpha8"] = 5] = "Alpha8";
-        TextureFormat[TextureFormat[/** Luminance/alpha in RGB channel, alpha in A channel. */ "LuminanceAlpha"] = 6] = "LuminanceAlpha";
-        TextureFormat[TextureFormat[/** RGBA format, 16 bits per channel. */ "R16G16B16A16"] = 7] = "R16G16B16A16";
-        TextureFormat[TextureFormat[/** RGBA format, 32 bits per channel. */ "R32G32B32A32"] = 8] = "R32G32B32A32";
-        TextureFormat[TextureFormat[/** RGB compressed format, 4 bits per pixel. */ "BC1"] = 9] = "BC1";
-        TextureFormat[TextureFormat[/** RGBA compressed format, 8 bits per pixel. */ "BC3"] = 10] = "BC3";
-        TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 4x4 pixel block. */ "BC7"] = 11] = "BC7";
-        TextureFormat[TextureFormat[/** RGB compressed format, 4 bits per pixel. */ "ETC1_RGB"] = 12] = "ETC1_RGB";
-        TextureFormat[TextureFormat[/** RGB compressed format, 4 bits per pixel. */ "ETC2_RGB"] = 13] = "ETC2_RGB";
-        TextureFormat[TextureFormat[/** RGBA compressed format, 5 bits per pixel, 4 bit in RGB, 1 bit in A. */ "ETC2_RGBA5"] = 14] = "ETC2_RGBA5";
-        TextureFormat[TextureFormat[/** RGB compressed format, 8 bits per pixel. */ "ETC2_RGBA8"] = 15] = "ETC2_RGBA8";
-        TextureFormat[TextureFormat[/** RGB compressed format, 2 bits per pixel. */ "PVRTC_RGB2"] = 16] = "PVRTC_RGB2";
-        TextureFormat[TextureFormat[/** RGBA compressed format, 2 bits per pixel. */ "PVRTC_RGBA2"] = 17] = "PVRTC_RGBA2";
-        TextureFormat[TextureFormat[/** RGB compressed format, 4 bits per pixel. */ "PVRTC_RGB4"] = 18] = "PVRTC_RGB4";
-        TextureFormat[TextureFormat[/** RGBA compressed format, 4 bits per pixel. */ "PVRTC_RGBA4"] = 19] = "PVRTC_RGBA4";
-        TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 4x4 pixel block. */ "ASTC_4x4"] = 20] = "ASTC_4x4";
-        TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 5x5 pixel block. */ "ASTC_5x5"] = 21] = "ASTC_5x5";
-        TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 6x6 pixel block. */ "ASTC_6x6"] = 22] = "ASTC_6x6";
-        TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 8x8 pixel block. */ "ASTC_8x8"] = 23] = "ASTC_8x8";
-        TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 10x10 pixel block. */ "ASTC_10x10"] = 24] = "ASTC_10x10";
-        TextureFormat[TextureFormat[/** RGB(A) compressed format, 128 bits per 12x12 pixel block. */ "ASTC_12x12"] = 25] = "ASTC_12x12";
-        TextureFormat[TextureFormat[/** Automatic depth format, engine will automatically select the supported precision. */ "Depth"] = 26] = "Depth";
-        TextureFormat[TextureFormat[/** Automatic depth stencil format, engine will automatically select the supported precision. */ "DepthStencil"] = 27] = "DepthStencil";
-        TextureFormat[TextureFormat[/** 16-bit depth format. */ "Depth16"] = 28] = "Depth16";
-        TextureFormat[TextureFormat[/** 24-bit depth format. */ "Depth24"] = 29] = "Depth24";
-        TextureFormat[TextureFormat[/** 32-bit depth format. */ "Depth32"] = 30] = "Depth32";
-        TextureFormat[TextureFormat[/** 16-bit depth + 8-bit stencil format. */ "Depth24Stencil8"] = 31] = "Depth24Stencil8";
-        TextureFormat[TextureFormat[/** 32-bit depth + 8-bit stencil format. */ "Depth32Stencil8"] = 32] = "Depth32Stencil8";
-        TextureFormat[TextureFormat[/** @deprecated Use `TextureFormat.BC1` instead. */ "DXT1"] = 33] = "DXT1";
-        TextureFormat[TextureFormat[/** @deprecated Use `TextureFormat.BC3` instead. */ "DXT5"] = 34] = "DXT5";
-    })(exports.TextureFormat || (exports.TextureFormat = {}));
     /**
      * Texture usage.
      */ exports.TextureUsage = void 0;
@@ -12615,7 +12647,7 @@
             _this._mipmapCount = _this._getMipmapCount();
             _this._isDepthTexture = format == exports.TextureFormat.Depth || format == exports.TextureFormat.DepthStencil || format == exports.TextureFormat.Depth16 || format == exports.TextureFormat.Depth24 || format == exports.TextureFormat.Depth32 || format == exports.TextureFormat.Depth24Stencil8 || format == exports.TextureFormat.Depth32Stencil8;
             _this._platformTexture = engine._hardwareRenderer.createPlatformTexture2D(_assert_this_initialized(_this));
-            _this.filterMode = exports.TextureFilterMode.Bilinear;
+            _this.filterMode = _this._isIntFormat() ? exports.TextureFilterMode.Point : exports.TextureFilterMode.Bilinear;
             _this.wrapModeU = _this.wrapModeV = exports.TextureWrapMode.Repeat;
             return _this;
         };
@@ -15413,7 +15445,7 @@
                 var theta = thetaStart + u * thetaRange;
                 var sinTheta = Math.sin(theta);
                 var cosTheta = Math.cos(theta);
-                var curRadius = radius - y * radius;
+                var curRadius = radius - v * radius;
                 var posX = curRadius * sinTheta;
                 var posY = y * unitHeight - halfHeight;
                 var posZ = curRadius * cosTheta;
@@ -15547,8 +15579,8 @@
                 indices[indicesOffset++] = d;
                 indices[indicesOffset++] = c;
             }
-            PrimitiveMesh._createCapsuleCap(radius, height, radialSegments, thetaRange, torsoVertexCount, 1, vertices, indices, indicesOffset);
-            PrimitiveMesh._createCapsuleCap(radius, height, radialSegments, -thetaRange, torsoVertexCount + capVertexCount, -1, vertices, indices, indicesOffset + 6 * capRectangleCount);
+            PrimitiveMesh._createCapsuleCap(radius, height, radialSegments, thetaStart, thetaRange, torsoVertexCount, 1, vertices, indices, indicesOffset);
+            PrimitiveMesh._createCapsuleCap(radius, height, radialSegments, thetaStart, -thetaRange, torsoVertexCount + capVertexCount, -1, vertices, indices, indicesOffset + 6 * capRectangleCount);
             if (!isRestoreMode) {
                 var bounds = capsuleMesh.bounds;
                 bounds.min.set(-radius, -radius - halfHeight, -radius);
@@ -15589,7 +15621,7 @@
             }
             return indices;
         };
-        PrimitiveMesh._createCapsuleCap = function _createCapsuleCap(radius, height, radialSegments, capAlphaRange, offset, posIndex, vertices, indices, indicesOffset) {
+        PrimitiveMesh._createCapsuleCap = function _createCapsuleCap(radius, height, radialSegments, thetaStart, thetaRange, offset, posIndex, vertices, indices, indicesOffset) {
             var radialCount = radialSegments + 1;
             var halfHeight = height * 0.5 * posIndex;
             var capVertexCount = radialCount * radialCount;
@@ -15602,12 +15634,12 @@
                 var y = i * radialCountReciprocal | 0;
                 var u = x * radialSegmentsReciprocal;
                 var v = y * radialSegmentsReciprocal;
-                var alphaDelta = u * capAlphaRange;
-                var thetaDelta = v * Math.PI / 2;
-                var sinTheta = Math.sin(thetaDelta);
-                var posX = -radius * Math.cos(alphaDelta) * sinTheta;
-                var posY = radius * Math.cos(thetaDelta) * posIndex + halfHeight;
-                var posZ = radius * Math.sin(alphaDelta) * sinTheta;
+                var theta = thetaStart + u * thetaRange;
+                var alpha = v * Math.PI * 0.5;
+                var sinAlpha = Math.sin(alpha);
+                var posX = radius * Math.sin(theta) * sinAlpha;
+                var posY = radius * Math.cos(alpha) * posIndex + halfHeight;
+                var posZ = radius * Math.cos(theta) * sinAlpha;
                 var index = (i + offset) * vertexFloatCount;
                 // Position
                 vertices[index++] = posX;
@@ -16162,7 +16194,9 @@
             this._batchedQueue = null;
             var _this = this, meshes = _this._meshes, vertexBuffers = _this._vertexBuffers, indiceBuffers = _this._indiceBuffers;
             for(var i = 0, n = meshes.length; i < n; ++i){
-                meshes[i].destroy();
+                var mesh = meshes[i];
+                mesh._addReferCount(-1);
+                mesh.destroy();
             }
             this._meshes = null;
             for(var i1 = 0, n1 = vertexBuffers.length; i1 < n1; ++i1){
@@ -16185,7 +16219,7 @@
         _proto._createMesh = function _createMesh(engine, index) {
             var MAX_VERTEX_COUNT = Basic2DBatcher.MAX_VERTEX_COUNT;
             var mesh = new BufferMesh(engine, "BufferMesh" + index);
-            mesh.isGCIgnored = true;
+            mesh._addReferCount(1);
             var vertexElements = [];
             var vertexStride = this.createVertexElements(vertexElements);
             // vertices
@@ -17678,6 +17712,9 @@
             var baseline = Math.ceil(context.measureText(TextUtils._measureBaseline).width);
             var height = baseline * TextUtils._heightMultiplier;
             baseline = TextUtils._baselineMultiplier * baseline | 0;
+            var _extendHeight = TextUtils._extendHeight;
+            height += _extendHeight;
+            baseline += _extendHeight * 0.5;
             canvas.width = width;
             canvas.height = height;
             context.font = fontString;
@@ -17712,6 +17749,7 @@
             }
             if (top !== -1 && bottom !== -1) {
                 ascent = baseline - top;
+                // Baseline belong to descent
                 descent = bottom - baseline + 1;
                 size = ascent + descent;
             }
@@ -17788,9 +17826,8 @@
         ];
     })();
     (function() {
-        // _heightMultiplier used to measure the height of text, but in miniprogram performance is different from h5.
-        // so can set _heightMultiplier to adapt miniprogram, the larger the value, the worse the performance.
-        /** @internal */ TextUtils._heightMultiplier = 2;
+        // _extendHeight used to extend the height of canvas, because in miniprogram performance is different from h5.
+        /** @internal */ TextUtils._extendHeight = 0;
     })();
     (function() {
         /** These characters are all tall to help calculate the height required for text. */ TextUtils._measureString = "|\xc9q\xc5";
@@ -17798,6 +17835,9 @@
     (function() {
         TextUtils._measureBaseline = "M";
     })();
+    (function() {
+        TextUtils._heightMultiplier = 2;
+    })();
     (function() {
         TextUtils._baselineMultiplier = 1.4;
     })();
@@ -19539,6 +19579,7 @@
         AssetType[/** Cube Compress Texture. */ "KTXCube"] = "KTXCube";
         AssetType[/** KTX2 Compress Texture */ "KTX2"] = "KTX2";
         AssetType[/** Sprite. */ "Sprite"] = "Sprite";
+        AssetType[/** PrimitiveMesh. */ "PrimitiveMesh"] = "PrimitiveMesh";
         AssetType[/** Sprite Atlas. */ "SpriteAtlas"] = "SpriteAtlas";
         AssetType[/** Ambient light. */ "Env"] = "Environment";
         AssetType[/** Scene. */ "Scene"] = "Scene";
@@ -19920,6 +19961,7 @@
             this./** The number of retries after failing to load assets. */ retryCount = 1;
             this./** Retry delay time after failed to load assets, in milliseconds. */ retryInterval = 0;
             this./** The default timeout period for loading assets, in milliseconds. */ timeout = Infinity;
+            this./** Base url for loading assets. */ baseUrl = null;
             this._loadingPromises = {};
             this._assetPool = Object.create(null);
             this._assetUrlPool = Object.create(null);
@@ -20122,6 +20164,8 @@
             // Check url mapping
             var itemURL = item.url;
             var url = this._virtualPathMap[itemURL] ? this._virtualPathMap[itemURL] : itemURL;
+            // Not absolute and base url is set
+            if (!Utils.isAbsoluteUrl(url) && this.baseUrl) url = Utils.resolveAbsoluteUrl(this.baseUrl, url);
             // Parse url
             var _this__parseURL = this._parseURL(url), assetBaseURL = _this__parseURL.assetBaseURL, queryPath = _this__parseURL.queryPath;
             var paths = queryPath ? this._parseQueryPath(queryPath) : [];
@@ -20214,10 +20258,20 @@
         };
         _proto._parseURL = function _parseURL(path) {
             var _path_split = path.split("?"), baseUrl = _path_split[0], searchStr = _path_split[1];
-            var searchParams = new URLSearchParams(searchStr);
-            var queryPath = searchParams.get("q");
-            searchParams.delete("q");
-            var assetBaseURL = searchParams.size > 0 ? baseUrl + "?" + searchParams.toString() : baseUrl;
+            var queryPath = undefined;
+            var assetBaseURL = baseUrl;
+            if (searchStr) {
+                var params = searchStr.split("&");
+                for(var i = 0; i < params.length; i++){
+                    var param = params[i];
+                    if (param.startsWith("q=")) {
+                        queryPath = decodeURIComponent(param.split("=")[1]);
+                        params.splice(i, 1);
+                        break;
+                    }
+                }
+                assetBaseURL = params.length > 0 ? baseUrl + "?" + params.join("&") : baseUrl;
+            }
             return {
                 assetBaseURL: assetBaseURL,
                 queryPath: queryPath
@@ -20805,7 +20859,7 @@
      * Keyboard Manager.
      * @internal
      */ var KeyboardManager = /*#__PURE__*/ function() {
-        var KeyboardManager = function KeyboardManager(engine) {
+        var KeyboardManager = function KeyboardManager(engine, target) {
             /** @internal */ this._curHeldDownKeyToIndexMap = [];
             /** @internal */ this._upKeyToFrameCountMap = [];
             /** @internal */ this._downKeyToFrameCountMap = [];
@@ -20813,17 +20867,11 @@
             /** @internal */ this._curFrameDownList = new DisorderedArray();
             /** @internal */ this._curFrameUpList = new DisorderedArray();
             this._nativeEvents = [];
-            this._hadListener = false;
-            // @ts-ignore
-            var htmlCanvas = engine._canvas._webCanvas;
             this._engine = engine;
-            this._htmlCanvas = htmlCanvas;
-            // Need to set tabIndex to make the canvas focus.
-            htmlCanvas.tabIndex = htmlCanvas.tabIndex;
+            this._onBlur = this._onBlur.bind(this);
             this._onKeyEvent = this._onKeyEvent.bind(this);
-            htmlCanvas.addEventListener("keydown", this._onKeyEvent);
-            htmlCanvas.addEventListener("keyup", this._onKeyEvent);
-            this._hadListener = true;
+            this._target = target;
+            this._addEventListener();
         };
         var _proto = KeyboardManager.prototype;
         /**
@@ -20875,35 +20923,8 @@
         };
         /**
        * @internal
-       */ _proto._onFocus = function _onFocus() {
-            if (!this._hadListener) {
-                this._htmlCanvas.addEventListener("keydown", this._onKeyEvent);
-                this._htmlCanvas.addEventListener("keyup", this._onKeyEvent);
-                this._hadListener = true;
-            }
-        };
-        /**
-       * @internal
-       */ _proto._onBlur = function _onBlur() {
-            if (this._hadListener) {
-                this._htmlCanvas.removeEventListener("keydown", this._onKeyEvent);
-                this._htmlCanvas.removeEventListener("keyup", this._onKeyEvent);
-                this._curHeldDownKeyToIndexMap.length = 0;
-                this._curFrameHeldDownList.length = 0;
-                this._curFrameDownList.length = 0;
-                this._curFrameUpList.length = 0;
-                this._nativeEvents.length = 0;
-                this._hadListener = false;
-            }
-        };
-        /**
-       * @internal
        */ _proto._destroy = function _destroy() {
-            if (this._hadListener) {
-                this._htmlCanvas.removeEventListener("keydown", this._onKeyEvent);
-                this._htmlCanvas.removeEventListener("keyup", this._onKeyEvent);
-                this._hadListener = false;
-            }
+            this._removeEventListener();
             this._curHeldDownKeyToIndexMap.length = 0;
             this._curHeldDownKeyToIndexMap = null;
             this._upKeyToFrameCountMap.length = 0;
@@ -20918,12 +20939,30 @@
             this._curFrameDownList = null;
             this._curFrameUpList.length = 0;
             this._curFrameUpList = null;
-            this._htmlCanvas = null;
             this._engine = null;
         };
+        _proto._onBlur = function _onBlur() {
+            this._curHeldDownKeyToIndexMap.length = 0;
+            this._curFrameHeldDownList.length = 0;
+            this._curFrameDownList.length = 0;
+            this._curFrameUpList.length = 0;
+            this._nativeEvents.length = 0;
+        };
         _proto._onKeyEvent = function _onKeyEvent(evt) {
             this._nativeEvents.push(evt);
         };
+        _proto._addEventListener = function _addEventListener() {
+            var _this = this, target = _this._target;
+            target.addEventListener("keydown", this._onKeyEvent);
+            target.addEventListener("keyup", this._onKeyEvent);
+            target.addEventListener("blur", this._onBlur);
+        };
+        _proto._removeEventListener = function _removeEventListener() {
+            var _this = this, target = _this._target;
+            target.removeEventListener("keydown", this._onKeyEvent);
+            target.removeEventListener("keyup", this._onKeyEvent);
+            target.removeEventListener("blur", this._onBlur);
+        };
         return KeyboardManager;
     }();
     /**
@@ -21221,7 +21260,9 @@
             };
             if (hitResult != undefined) {
                 var result = this._nativePhysicsScene.raycast(ray, distance, onRaycast, function(idx, distance, position, normal) {
-                    hitResult.entity = _this._scene.engine._physicalObjectsMap[idx]._collider.entity;
+                    var hitShape = _this._scene.engine._physicalObjectsMap[idx];
+                    hitResult.entity = hitShape._collider.entity;
+                    hitResult.shape = hitShape;
                     hitResult.distance = distance;
                     hitResult.normal.copyFrom(normal);
                     hitResult.point.copyFrom(position);
@@ -21230,6 +21271,7 @@
                     return true;
                 } else {
                     hitResult.entity = null;
+                    hitResult.shape = null;
                     hitResult.distance = 0;
                     hitResult.point.set(0, 0, 0);
                     hitResult.normal.set(0, 0, 0);
@@ -21887,6 +21929,7 @@
         /** The distance from the ray's origin to the impact point. */ this.distance = 0;
         /** The impact point in world space where the ray hit the collider. */ this.point = new Vector3();
         /** The normal of the surface the ray hit. */ this.normal = new Vector3();
+        /** The shape of the collider that was hit. */ this.shape = null;
     };
     /**
      * Describes how physics materials of the colliding objects are combined.
@@ -22860,7 +22903,7 @@
      * Pointer Manager.
      * @internal
      */ var PointerManager = /*#__PURE__*/ function() {
-        var PointerManager = function PointerManager(engine) {
+        var PointerManager = function PointerManager(engine, target) {
             /** @internal */ this._pointers = [];
             /** @internal */ this._multiPointerEnabled = true;
             /** @internal */ this._buttons = exports.PointerButton.None;
@@ -22869,16 +22912,18 @@
             /** @internal */ this._upList = new DisorderedArray();
             /** @internal */ this._downList = new DisorderedArray();
             this._nativeEvents = [];
-            this._hadListener = false;
-            // @ts-ignore
-            var htmlCanvas = engine._canvas._webCanvas;
+            if (_instanceof1$2(target, Window)) {
+                throw "Do not set window as target because window cannot listen to pointer leave event.";
+            }
             this._engine = engine;
+            this._target = target;
             this._canvas = engine.canvas;
-            this._htmlCanvas = htmlCanvas;
-            this._onPointerEvent = this._onPointerEvent.bind(this);
-            this._onFocus();
+            // @ts-ignore
+            this._htmlCanvas = engine._canvas._webCanvas;
             // If there are no compatibility issues, navigator.maxTouchPoints should be used here
             this._pointerPool = new Array(11);
+            this._onPointerEvent = this._onPointerEvent.bind(this);
+            this._addEventListener();
         };
         var _proto = PointerManager.prototype;
         /**
@@ -22948,7 +22993,8 @@
                 var length = events.length;
                 if (length > 0) {
                     for(var i1 = 0; i1 < length; i1++){
-                        switch(events[i1].type){
+                        var event = events[i1];
+                        switch(event.type){
                             case "pointerdown":
                                 pointer.phase = exports.PointerPhase.Down;
                                 pointer._firePointerDown(rayCastEntity);
@@ -22970,66 +23016,14 @@
         };
         /**
        * @internal
-       */ _proto._onFocus = function _onFocus() {
-            if (!this._hadListener) {
-                var _this = this, htmlCanvas = _this._htmlCanvas, onPointerEvent = _this._onPointerEvent;
-                htmlCanvas.addEventListener("pointerdown", onPointerEvent);
-                htmlCanvas.addEventListener("pointerup", onPointerEvent);
-                htmlCanvas.addEventListener("pointerleave", onPointerEvent);
-                htmlCanvas.addEventListener("pointermove", onPointerEvent);
-                htmlCanvas.addEventListener("pointercancel", onPointerEvent);
-                this._hadListener = true;
-            }
-        };
-        /**
-       * @internal
-       */ _proto._onBlur = function _onBlur() {
-            if (this._hadListener) {
-                var _this = this, htmlCanvas = _this._htmlCanvas, onPointerEvent = _this._onPointerEvent;
-                htmlCanvas.removeEventListener("pointerdown", onPointerEvent);
-                htmlCanvas.removeEventListener("pointerup", onPointerEvent);
-                htmlCanvas.removeEventListener("pointerleave", onPointerEvent);
-                htmlCanvas.removeEventListener("pointermove", onPointerEvent);
-                htmlCanvas.removeEventListener("pointercancel", onPointerEvent);
-                this._hadListener = false;
-                this._pointers.length = 0;
-                this._downList.length = 0;
-                this._upList.length = 0;
-            }
-        };
-        /**
-       * @internal
        */ _proto._destroy = function _destroy() {
-            // @ts-ignore
-            if (this._hadListener) {
-                var _this = this, htmlCanvas = _this._htmlCanvas, onPointerEvent = _this._onPointerEvent;
-                htmlCanvas.removeEventListener("pointerdown", onPointerEvent);
-                htmlCanvas.removeEventListener("pointerup", onPointerEvent);
-                htmlCanvas.removeEventListener("pointerleave", onPointerEvent);
-                htmlCanvas.removeEventListener("pointermove", onPointerEvent);
-                htmlCanvas.removeEventListener("pointercancel", onPointerEvent);
-                this._hadListener = false;
-            }
+            this._removeEventListener();
             this._pointerPool.length = 0;
-            this._pointerPool = null;
-            this._pointers.length = 0;
-            this._pointers = null;
-            this._downList.length = 0;
-            this._downList = null;
-            this._upList.length = 0;
-            this._upList = null;
             this._nativeEvents.length = 0;
-            this._nativeEvents = null;
-            this._upMap.length = 0;
-            this._upMap = null;
             this._downMap.length = 0;
-            this._downMap = null;
-            this._htmlCanvas = null;
-            this._canvas = null;
-            this._engine = null;
+            this._upMap.length = 0;
         };
         _proto._onPointerEvent = function _onPointerEvent(evt) {
-            evt.type === "pointerdown" && this._htmlCanvas.focus();
             this._nativeEvents.push(evt);
         };
         _proto._getPointerByID = function _getPointerByID(pointerId) {
@@ -23112,6 +23106,26 @@
             }
             return null;
         };
+        _proto._addEventListener = function _addEventListener() {
+            var _this = this, target = _this._target, onPointerEvent = _this._onPointerEvent;
+            target.addEventListener("pointerdown", onPointerEvent);
+            target.addEventListener("pointerup", onPointerEvent);
+            target.addEventListener("pointerleave", onPointerEvent);
+            target.addEventListener("pointermove", onPointerEvent);
+            target.addEventListener("pointercancel", onPointerEvent);
+        };
+        _proto._removeEventListener = function _removeEventListener() {
+            var _this = this, target = _this._target, onPointerEvent = _this._onPointerEvent;
+            target.removeEventListener("pointerdown", onPointerEvent);
+            target.removeEventListener("pointerup", onPointerEvent);
+            target.removeEventListener("pointerleave", onPointerEvent);
+            target.removeEventListener("pointermove", onPointerEvent);
+            target.removeEventListener("pointercancel", onPointerEvent);
+            this._nativeEvents.length = 0;
+            this._pointers.length = 0;
+            this._downList.length = 0;
+            this._upList.length = 0;
+        };
         return PointerManager;
     }();
     (function() {
@@ -23127,15 +23141,12 @@
      * Wheel Manager.
      * @internal
      */ var WheelManager = /*#__PURE__*/ function() {
-        var WheelManager = function WheelManager(engine) {
+        var WheelManager = function WheelManager(engine, target) {
             /** @internal */ this._delta = new Vector3();
             this._nativeEvents = [];
-            // @ts-ignore
-            var htmlCanvas = engine._canvas._webCanvas;
             this._onWheelEvent = this._onWheelEvent.bind(this);
-            htmlCanvas.addEventListener("wheel", this._onWheelEvent);
-            this._canvas = htmlCanvas;
-            this._hadListener = true;
+            this._target = target;
+            this._addEventListener();
         };
         var _proto = WheelManager.prototype;
         /**
@@ -23156,35 +23167,24 @@
         };
         /**
        * @internal
-       */ _proto._onFocus = function _onFocus() {
-            if (!this._hadListener) {
-                this._canvas.addEventListener("wheel", this._onWheelEvent);
-                this._hadListener = true;
-            }
+       */ _proto._addEventListener = function _addEventListener() {
+            this._target.addEventListener("wheel", this._onWheelEvent);
         };
         /**
        * @internal
-       */ _proto._onBlur = function _onBlur() {
-            if (this._hadListener) {
-                this._canvas.removeEventListener("wheel", this._onWheelEvent);
-                this._nativeEvents.length = 0;
-                this._delta.set(0, 0, 0);
-                this._hadListener = false;
-            }
+       */ _proto._removeEventListener = function _removeEventListener() {
+            this._target.removeEventListener("wheel", this._onWheelEvent);
+            this._nativeEvents.length = 0;
+            this._delta.set(0, 0, 0);
         };
         /**
        * @internal
        */ _proto._destroy = function _destroy() {
-            if (this._hadListener) {
-                this._canvas.removeEventListener("wheel", this._onWheelEvent);
-                this._hadListener = false;
-            }
+            this._removeEventListener();
             this._nativeEvents = null;
-            this._canvas = null;
             this._delta = null;
         };
         _proto._onWheelEvent = function _onWheelEvent(evt) {
-            evt.cancelable && evt.preventDefault();
             this._nativeEvents.push(evt);
         };
         return WheelManager;
@@ -23192,19 +23192,19 @@
     /**
      * InputManager manages device input such as mouse, touch, keyboard, etc.
      */ var InputManager = /*#__PURE__*/ function() {
-        var InputManager = function InputManager(engine) {
+        var InputManager = function InputManager(engine, inputOptions) {
             /** Sometimes the input module will not be initialized, such as off-screen rendering. */ this._initialized = false;
             this._engine = engine;
             // @ts-ignore
             var canvas = engine._canvas._webCanvas;
             if (typeof OffscreenCanvas === "undefined" || !_instanceof1$2(canvas, OffscreenCanvas)) {
-                this._wheelManager = new WheelManager(engine);
-                this._pointerManager = new PointerManager(engine);
-                this._keyboardManager = new KeyboardManager(engine);
-                this._onBlur = this._onBlur.bind(this);
-                window.addEventListener("blur", this._onBlur);
-                this._onFocus = this._onFocus.bind(this);
-                window.addEventListener("focus", this._onFocus);
+                var _inputOptions, _inputOptions1, _inputOptions2;
+                var _inputOptions_wheelTarget;
+                this._wheelManager = new WheelManager(engine, (_inputOptions_wheelTarget = (_inputOptions = inputOptions) == null ? void 0 : _inputOptions.wheelTarget) != null ? _inputOptions_wheelTarget : canvas);
+                var _inputOptions_pointerTarget;
+                this._pointerManager = new PointerManager(engine, (_inputOptions_pointerTarget = (_inputOptions1 = inputOptions) == null ? void 0 : _inputOptions1.pointerTarget) != null ? _inputOptions_pointerTarget : canvas);
+                var _inputOptions_keyboardTarget;
+                this._keyboardManager = new KeyboardManager(engine, (_inputOptions_keyboardTarget = (_inputOptions2 = inputOptions) == null ? void 0 : _inputOptions2.keyboardTarget) != null ? _inputOptions_keyboardTarget : window);
                 this._initialized = true;
             }
         };
@@ -23317,8 +23317,6 @@
        * @internal
        */ _proto._destroy = function _destroy() {
             if (this._initialized) {
-                window.removeEventListener("blur", this._onBlur);
-                window.removeEventListener("focus", this._onFocus);
                 this._wheelManager._destroy();
                 this._wheelManager = null;
                 this._pointerManager._destroy();
@@ -23327,16 +23325,6 @@
                 this._keyboardManager = null;
             }
         };
-        _proto._onBlur = function _onBlur() {
-            this._wheelManager._onBlur();
-            this._pointerManager._onBlur();
-            this._keyboardManager._onBlur();
-        };
-        _proto._onFocus = function _onFocus() {
-            this._wheelManager._onFocus();
-            this._pointerManager._onFocus();
-            this._keyboardManager._onFocus();
-        };
         _create_class$2(InputManager, [
             {
                 key: "pointers",
@@ -23686,8 +23674,9 @@
                 }
                 return;
             }
+            ++hierarchy;
             for(var k1 in cacheMap){
-                this._recursiveDestroy(++hierarchy, cacheMap[k1]);
+                this._recursiveDestroy(hierarchy, cacheMap[k1]);
             }
         };
         _proto._resizeCacheMapHierarchy = function _resizeCacheMapHierarchy(cacheMap, hierarchy, currentHierarchy, increaseHierarchy) {
@@ -23803,7 +23792,7 @@
             _this._spriteMaskDefaultMaterial = _this._createSpriteMaskMaterial();
             _this._textDefaultFont = Font.createFromOS(_assert_this_initialized(_this), "Arial");
             _this._textDefaultFont.isGCIgnored = true;
-            _this.inputManager = new InputManager(_assert_this_initialized(_this));
+            _this.inputManager = new InputManager(_assert_this_initialized(_this), configuration.input);
             var xrDevice = configuration.xrDevice;
             if (xrDevice) {
                 _this.xrManager = new XRManager();
@@ -24097,6 +24086,26 @@
             this._magentaTexture2D = magentaTexture2D;
             this._magentaTextureCube = magentaTextureCube;
             if (hardwareRenderer.isWebGL2) {
+                var magentaPixel32 = new Uint32Array([
+                    255,
+                    0,
+                    255,
+                    255
+                ]);
+                var uintMagentaTexture2D = new Texture2D(this, 1, 1, exports.TextureFormat.R32G32B32A32_UInt, false);
+                uintMagentaTexture2D.setPixelBuffer(magentaPixel32);
+                uintMagentaTexture2D.isGCIgnored = true;
+                this.resourceManager.addContentRestorer(new /*#__PURE__*/ (function(ContentRestorer) {
+                    var _class = function _class() {
+                        return ContentRestorer.call(this, uintMagentaTexture2D);
+                    };
+                    _inherits$2(_class, ContentRestorer);
+                    var _proto = _class.prototype;
+                    _proto.restoreContent = function restoreContent() {
+                        this.resource.setPixelBuffer(magentaPixel32);
+                    };
+                    return _class;
+                }(ContentRestorer))());
                 var magentaTexture2DArray = new Texture2DArray(this, 1, 1, 1, exports.TextureFormat.R8G8B8A8, false);
                 magentaTexture2DArray.setPixelBuffer(0, magentaPixel);
                 magentaTexture2DArray.isGCIgnored = true;
@@ -24111,6 +24120,7 @@
                     };
                     return _class;
                 }(ContentRestorer))());
+                this._uintMagentaTexture2D = uintMagentaTexture2D;
                 this._magentaTexture2DArray = magentaTexture2DArray;
             }
         };
@@ -24342,8 +24352,8 @@
                 set: function set(value) {
                     if (this._width !== value) {
                         this._width = value;
+                        this._onWidthChanged(value);
                         this._sizeUpdateFlagManager.dispatch();
-                        this._onSizeChanged(value, this._width);
                     }
                 }
             },
@@ -24357,8 +24367,8 @@
                 set: function set(value) {
                     if (this._height !== value) {
                         this._height = value;
+                        this._onHeightChange(value);
                         this._sizeUpdateFlagManager.dispatch();
-                        this._onSizeChanged(this._width, value);
                     }
                 }
             }
@@ -25696,6 +25706,10 @@
             /** The splits of two cascade distribution. */ _this.shadowTwoCascadeSplits = 1.0 / 3.0;
             /** The splits of four cascade distribution. */ _this.shadowFourCascadeSplits = new Vector3(1.0 / 15, 3.0 / 15.0, 7.0 / 15.0);
             /** Max Shadow distance. */ _this.shadowDistance = 50;
+            /**
+       * Last shadow fade distance in percentage, range [0,1].
+       * @remarks Value 0 is used for no shadow fade.
+       */ _this.shadowFadeBorder = 0.1;
             /* @internal */ _this._lightManager = new LightManager();
             /* @internal */ _this._componentsManager = new ComponentsManager();
             /** @internal */ _this._isActiveInEngine = false;
@@ -26317,47 +26331,65 @@
         DepthTextureMode[DepthTextureMode[/* No depth texture. */ "None"] = 0] = "None";
         DepthTextureMode[DepthTextureMode[/* Generate depth texture by pre-pass rendering. */ "PrePass"] = 1] = "PrePass";
     })(exports.DepthTextureMode || (exports.DepthTextureMode = {}));
-    var passNum = 0;
     /**
-     * RenderPass.
-     */ var RenderPass = /*#__PURE__*/ function() {
-        var RenderPass = function RenderPass(name1, priority, renderTarget, replaceMaterial, mask) {
-            if (name1 === void 0) name1 = "RENDER_PASS" + passNum++;
-            if (priority === void 0) priority = 0;
-            if (renderTarget === void 0) renderTarget = null;
-            if (replaceMaterial === void 0) replaceMaterial = null;
-            if (mask === void 0) mask = null;
-            this.name = name1;
-            this.enabled = true;
-            this.priority = priority;
-            this.renderTarget = renderTarget;
-            this.replaceMaterial = replaceMaterial;
-            this.mask = mask || exports.Layer.Everything;
-            this.renderOverride = false; // If renderOverride is set to true, you need to implement the render method
-        };
-        var _proto = RenderPass.prototype;
-        /**
-       * Rendering callback, will be executed if renderOverride is set to true.
-       * @param camera - Camera
-       * @param opaqueQueue - Opaque queue
-       * @param alphaTestQueue - Alpha test queue
-       * @param transparentQueue - Transparent queue
-       */ _proto.render = function render(camera, opaqueQueue, alphaTestQueue, transparentQueue) {};
+     * PipelinePass is a base class for all pipeline passes.
+     */ var PipelinePass = function PipelinePass(engine) {
+        this._engine = engine;
+    };
+    /**
+     * @internal
+     */ var PipelineUtils = /*#__PURE__*/ function() {
+        var PipelineUtils = function PipelineUtils() {};
         /**
-       * Post rendering callback.
-       * @param camera - Camera
-       * @param opaqueQueue - Opaque queue
-       * @param alphaTestQueue - Alpha test queue
-       * @param transparentQueue - Transparent queue
-       */ _proto.preRender = function preRender(camera, opaqueQueue, alphaTestQueue, transparentQueue) {};
+       * Recreate texture if needed.
+       * @param engine - Engine
+       * @param currentTexture - Current texture
+       * @param width - Need texture width
+       * @param height - Need texture height
+       * @param format - Need texture format
+       * @param mipmap - Need texture mipmap
+       * @returns Texture
+       */ PipelineUtils.recreateTextureIfNeeded = function recreateTextureIfNeeded(engine, currentTexture, width, height, format, mipmap) {
+            if (currentTexture) {
+                if (currentTexture.width !== width || currentTexture.height !== height || currentTexture.format !== format || currentTexture.mipmapCount > 1 !== mipmap) {
+                    currentTexture.destroy();
+                    var texture = new Texture2D(engine, width, height, format, mipmap);
+                    texture.isGCIgnored = true;
+                    return texture;
+                } else {
+                    return currentTexture;
+                }
+            } else {
+                var texture1 = new Texture2D(engine, width, height, format, mipmap);
+                texture1.isGCIgnored = true;
+                return texture1;
+            }
+        };
         /**
-       * Post rendering callback.
-       * @param camera - Camera
-       * @param opaqueQueue - Opaque queue
-       * @param alphaTestQueue - Alpha test queue
-       * @param transparentQueue - Transparent queue
-       */ _proto.postRender = function postRender(camera, opaqueQueue, alphaTestQueue, transparentQueue) {};
-        return RenderPass;
+       * Recreate render target if needed.
+       * @param engine - Engine
+       * @param currentRenderTarget - Current render target
+       * @param width - Need render target width
+       * @param height - Need render target height
+       * @param colorFormat - Need render target color format
+       * @param depthFormat - Need render target depth format
+       * @param mipmap - Need render target mipmap
+       * @returns Render target
+       */ PipelineUtils.recreateRenderTargetIfNeeded = function recreateRenderTargetIfNeeded(engine, currentRenderTarget, width, height, colorFormat, depthFormat, mipmap) {
+            var _currentRenderTarget, _currentRenderTarget1;
+            var currentColorTexture = (_currentRenderTarget = currentRenderTarget) == null ? void 0 : _currentRenderTarget.getColorTexture(0);
+            var currentDepthTexture = (_currentRenderTarget1 = currentRenderTarget) == null ? void 0 : _currentRenderTarget1.depthTexture;
+            var colorTexture = colorFormat ? PipelineUtils.recreateTextureIfNeeded(engine, currentColorTexture, width, height, colorFormat, mipmap) : null;
+            var depthTexture = depthFormat ? PipelineUtils.recreateTextureIfNeeded(engine, currentDepthTexture, width, height, depthFormat, mipmap) : null;
+            if (currentColorTexture !== colorTexture || currentDepthTexture !== depthTexture) {
+                var _currentRenderTarget2;
+                (_currentRenderTarget2 = currentRenderTarget) == null ? void 0 : _currentRenderTarget2.destroy();
+                currentRenderTarget = new RenderTarget(engine, width, height, colorTexture, depthTexture);
+                currentRenderTarget.isGCIgnored = true;
+            }
+            return currentRenderTarget;
+        };
+        return PipelineUtils;
     }();
     /**
      * @internal
@@ -26626,9 +26658,14 @@
             }
             // make suer from the same renderer.
             if (componentA.instanceId === componentB.instanceId) {
-                return dataA.material._priority - dataB.material._priority || componentA._distanceForSort - componentB._distanceForSort;
+                return dataA.material._priority - dataB.material._priority;
             } else {
-                return componentA._distanceForSort - componentB._distanceForSort;
+                var distanceDiff = componentA._distanceForSort - componentB._distanceForSort;
+                if (distanceDiff === 0) {
+                    return componentA.instanceId - componentB.instanceId;
+                } else {
+                    return distanceDiff;
+                }
             }
         };
         /**
@@ -26644,67 +26681,59 @@
             }
             // make suer from the same renderer.
             if (componentA.instanceId === componentB.instanceId) {
-                return dataA.material._priority - dataB.material._priority || componentB._distanceForSort - componentA._distanceForSort;
+                return dataA.material._priority - dataB.material._priority;
             } else {
-                return componentB._distanceForSort - componentA._distanceForSort;
+                var distanceDiff = componentB._distanceForSort - componentA._distanceForSort;
+                if (distanceDiff === 0) {
+                    return componentA.instanceId - componentB.instanceId;
+                } else {
+                    return distanceDiff;
+                }
             }
         };
         return RenderQueue;
     }();
+    var passNum = 0;
     /**
-     * @internal
-     */ var PipelineUtils = /*#__PURE__*/ function() {
-        var PipelineUtils = function PipelineUtils() {};
-        /**
-       * Recreate texture if needed.
-       * @param engine - Engine
-       * @param currentTexture - Current texture
-       * @param width - Need texture width
-       * @param height - Need texture height
-       * @param format - Need texture format
-       * @param mipmap - Need texture mipmap
-       * @returns Texture
-       */ PipelineUtils.recreateTextureIfNeeded = function recreateTextureIfNeeded(engine, currentTexture, width, height, format, mipmap) {
-            if (currentTexture) {
-                if (currentTexture.width !== width || currentTexture.height !== height || currentTexture.format !== format || currentTexture.mipmapCount > 1 !== mipmap) {
-                    currentTexture.destroy();
-                    var texture = new Texture2D(engine, width, height, format, mipmap);
-                    texture.isGCIgnored = true;
-                    return texture;
-                } else {
-                    return currentTexture;
-                }
-            } else {
-                var texture1 = new Texture2D(engine, width, height, format, mipmap);
-                texture1.isGCIgnored = true;
-                return texture1;
-            }
+     * RenderPass.
+     */ var RenderPass = /*#__PURE__*/ function() {
+        var RenderPass = function RenderPass(name1, priority, renderTarget, replaceMaterial, mask) {
+            if (name1 === void 0) name1 = "RENDER_PASS" + passNum++;
+            if (priority === void 0) priority = 0;
+            if (renderTarget === void 0) renderTarget = null;
+            if (replaceMaterial === void 0) replaceMaterial = null;
+            if (mask === void 0) mask = null;
+            this.name = name1;
+            this.enabled = true;
+            this.priority = priority;
+            this.renderTarget = renderTarget;
+            this.replaceMaterial = replaceMaterial;
+            this.mask = mask || exports.Layer.Everything;
+            this.renderOverride = false; // If renderOverride is set to true, you need to implement the render method
         };
+        var _proto = RenderPass.prototype;
         /**
-       * Recreate render target if needed.
-       * @param engine - Engine
-       * @param currentRenderTarget - Current render target
-       * @param width - Need render target width
-       * @param height - Need render target height
-       * @param colorFormat - Need render target color format
-       * @param depthFormat - Need render target depth format
-       * @param mipmap - Need render target mipmap
-       * @returns Render target
-       */ PipelineUtils.recreateRenderTargetIfNeeded = function recreateRenderTargetIfNeeded(engine, currentRenderTarget, width, height, colorFormat, depthFormat, mipmap) {
-            var _currentRenderTarget, _currentRenderTarget1;
-            var currentColorTexture = (_currentRenderTarget = currentRenderTarget) == null ? void 0 : _currentRenderTarget.getColorTexture(0);
-            var currentDepthTexture = (_currentRenderTarget1 = currentRenderTarget) == null ? void 0 : _currentRenderTarget1.depthTexture;
-            var colorTexture = colorFormat ? PipelineUtils.recreateTextureIfNeeded(engine, currentColorTexture, width, height, colorFormat, mipmap) : null;
-            var depthTexture = depthFormat ? PipelineUtils.recreateTextureIfNeeded(engine, currentDepthTexture, width, height, depthFormat, mipmap) : null;
-            if (currentColorTexture !== colorTexture || currentDepthTexture !== depthTexture) {
-                var _currentRenderTarget2;
-                (_currentRenderTarget2 = currentRenderTarget) == null ? void 0 : _currentRenderTarget2.destroy();
-                currentRenderTarget = new RenderTarget(engine, width, height, colorTexture, depthTexture);
-                currentRenderTarget.isGCIgnored = true;
-            }
-            return currentRenderTarget;
-        };
-        return PipelineUtils;
+       * Rendering callback, will be executed if renderOverride is set to true.
+       * @param camera - Camera
+       * @param opaqueQueue - Opaque queue
+       * @param alphaTestQueue - Alpha test queue
+       * @param transparentQueue - Transparent queue
+       */ _proto.render = function render(camera, opaqueQueue, alphaTestQueue, transparentQueue) {};
+        /**
+       * Post rendering callback.
+       * @param camera - Camera
+       * @param opaqueQueue - Opaque queue
+       * @param alphaTestQueue - Alpha test queue
+       * @param transparentQueue - Transparent queue
+       */ _proto.preRender = function preRender(camera, opaqueQueue, alphaTestQueue, transparentQueue) {};
+        /**
+       * Post rendering callback.
+       * @param camera - Camera
+       * @param opaqueQueue - Opaque queue
+       * @param alphaTestQueue - Alpha test queue
+       * @param transparentQueue - Transparent queue
+       */ _proto.postRender = function postRender(camera, opaqueQueue, alphaTestQueue, transparentQueue) {};
+        return RenderPass;
     }();
     /**
      * @internal
@@ -26969,6 +26998,26 @@
             var offset = cascadeIndex * 16;
             Utils._floatMatrixMultiply(sliceMatrix, outShadowMatrices, offset, outShadowMatrices, offset);
         };
+        /**
+       * Extract scale and bias from a fade distance to achieve a linear fading of the fade distance.
+       */ ShadowUtils.getScaleAndBiasForLinearDistanceFade = function getScaleAndBiasForLinearDistanceFade(fadeDistance, border, outInfo) {
+            // (P^2-N^2)/(F^2-N^2)
+            // To avoid division from zero
+            // This values ensure that fade within cascade will be 0 and outside 1
+            if (border < 0.0001) {
+                var multiplier = 1000; // To avoid blending if difference is in fractions
+                outInfo.z = multiplier;
+                outInfo.w = -fadeDistance * multiplier;
+                return;
+            }
+            border = 1 - border;
+            border *= border;
+            // Fade with distance calculation is just a linear fade from 90% of fade distance to fade distance. 90% arbitrarily chosen but should work well enough.
+            var distanceFadeNear = border * fadeDistance;
+            var fadeRange = fadeDistance - distanceFadeNear;
+            outInfo.z = 1.0 / fadeRange;
+            outInfo.w = -distanceFadeNear / fadeRange;
+        };
         return ShadowUtils;
     }();
     (function() {
@@ -27212,11 +27261,6 @@
         //now max shadow sample tent is 5x5, atlas borderSize at least 3=ceil(2.5),and +1 pixel is for global border for no cascade mode.
         ShadowUtils.atlasBorderSize = 4.0;
     })();
-    /**
-     * PipelinePass is a base class for all pipeline passes.
-     */ var PipelinePass = function PipelinePass(engine) {
-        this._engine = engine;
-    };
     /**
      * Cascade shadow caster pass.
      */ var CascadedShadowCasterPass = /*#__PURE__*/ function(PipelinePass1) {
@@ -27229,11 +27273,10 @@
             _this._shadowSliceData = new ShadowSliceData();
             _this._lightUp = new Vector3();
             _this._lightSide = new Vector3();
-            _this._existShadowMap = false;
             _this._splitBoundSpheres = new Float32Array(CascadedShadowCasterPass._maxCascades * 4);
             /** The end is project precision problem in shader. */ _this._shadowMatrices = new Float32Array((CascadedShadowCasterPass._maxCascades + 1) * 16);
-            // strength, null, lightIndex
-            _this._shadowInfos = new Vector3();
+            // intensity, null, fadeScale, fadeBias
+            _this._shadowInfos = new Vector4();
             _this._viewportOffsets = [
                 new Vector2(),
                 new Vector2(),
@@ -27249,14 +27292,12 @@
         /**
        * @internal
        */ _proto.onRender = function onRender(context) {
+            var light = this._camera.scene._lightManager._sunlight;
             this._updateShadowSettings();
-            this._existShadowMap = false;
-            this._renderDirectShadowMap(context);
-            if (this._existShadowMap) {
-                this._updateReceiversShaderData();
-            }
+            this._renderDirectShadowMap(context, light);
+            this._updateReceiversShaderData(light);
         };
-        _proto._renderDirectShadowMap = function _renderDirectShadowMap(context) {
+        _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 _camera__renderPipeline__cullingResults = camera._renderPipeline._cullingResults, opaqueQueue = _camera__renderPipeline__cullingResults.opaqueQueue, alphaTestQueue = _camera__renderPipeline__cullingResults.alphaTestQueue, transparentQueue = _camera__renderPipeline__cullingResults.transparentQueue;
             var scene = camera.scene;
@@ -27270,91 +27311,87 @@
             var lightUp = this._lightUp;
             var lightSide = this._lightSide;
             var lightForward = shadowSliceData.virtualCamera.forward;
-            var light = scene._lightManager._sunlight;
-            if (light) {
-                var shadowFar = Math.min(camera.scene.shadowDistance, camera.farClipPlane);
-                this._getCascadesSplitDistance(shadowFar);
-                // Prepare render target
-                var _this__shadowMapSize = this._shadowMapSize, width = _this__shadowMapSize.z, height = _this__shadowMapSize.w;
-                var format = this._shadowMapFormat;
-                var renderTarget;
-                var shadowTexture;
-                if (this._supportDepthTexture) {
-                    renderTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._renderTarget, width, height, null, format, false);
-                    shadowTexture = renderTarget.depthTexture;
-                } else {
-                    renderTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._renderTarget, width, height, format, null, false);
-                    shadowTexture = renderTarget.getColorTexture(0);
-                }
-                shadowTexture.wrapModeU = shadowTexture.wrapModeV = exports.TextureWrapMode.Clamp;
-                if (engine._hardwareRenderer._isWebGL2) {
-                    shadowTexture.depthCompareFunction = exports.TextureDepthCompareFunction.Less;
-                }
-                this._renderTarget = renderTarget;
-                this._depthTexture = shadowTexture;
-                // @todo: shouldn't set viewport and scissor in activeRenderTarget
-                rhi.activeRenderTarget(renderTarget, CascadedShadowCasterPass._viewport, 0);
-                if (this._supportDepthTexture) {
-                    rhi.clearRenderTarget(engine, exports.CameraClearFlags.Depth, null);
-                } else {
-                    rhi.clearRenderTarget(engine, exports.CameraClearFlags.All, CascadedShadowCasterPass._clearColor);
-                }
-                this._shadowInfos.x = light.shadowStrength;
-                this._shadowInfos.z = 0; // @todo: sun light index always 0
-                // prepare light and camera direction
-                Matrix.rotationQuaternion(light.entity.transform.worldRotationQuaternion, lightWorld);
-                lightSide.set(lightWorldE[0], lightWorldE[1], lightWorldE[2]);
-                lightUp.set(lightWorldE[4], lightWorldE[5], lightWorldE[6]);
-                lightForward.set(-lightWorldE[8], -lightWorldE[9], -lightWorldE[10]);
-                var cameraForward = CascadedShadowCasterPass._tempVector;
-                cameraForward.copyFrom(camera.entity.transform.worldForward);
-                var shadowTileResolution = this._shadowTileResolution;
-                for(var j = 0; j < shadowCascades; j++){
-                    ShadowUtils.getBoundSphereByFrustum(splitDistance[j], splitDistance[j + 1], camera, cameraForward, shadowSliceData);
-                    ShadowUtils.getDirectionLightShadowCullPlanes(camera._frustum, splitDistance[j], camera.nearClipPlane, lightForward, shadowSliceData);
-                    ShadowUtils.getDirectionalLightMatrices(lightUp, lightSide, lightForward, j, light.shadowNearPlane, shadowTileResolution, shadowSliceData, shadowMatrices);
-                    if (shadowCascades > 1) {
-                        ShadowUtils.applySliceTransform(shadowTileResolution, width, height, j, this._viewportOffsets[j], shadowMatrices);
-                    }
-                    this._updateSingleShadowCasterShaderData(light, shadowSliceData, context);
-                    // upload pre-cascade infos.
-                    var center = boundSphere.center;
-                    var radius = boundSphere.radius;
-                    var offset = j * 4;
-                    splitBoundSpheres[offset] = center.x;
-                    splitBoundSpheres[offset + 1] = center.y;
-                    splitBoundSpheres[offset + 2] = center.z;
-                    splitBoundSpheres[offset + 3] = radius * radius;
-                    opaqueQueue.clear();
-                    alphaTestQueue.clear();
-                    transparentQueue.clear();
-                    var renderers = componentsManager._renderers;
-                    var elements = renderers._elements;
-                    for(var k = renderers.length - 1; k >= 0; --k){
-                        ShadowUtils.shadowCullFrustum(context, light, elements[k], shadowSliceData);
-                    }
-                    if (opaqueQueue.elements.length || alphaTestQueue.elements.length) {
-                        opaqueQueue.sort(RenderQueue._compareFromNearToFar);
-                        alphaTestQueue.sort(RenderQueue._compareFromNearToFar);
-                        var _viewports_j = viewports[j], x = _viewports_j.x, y = _viewports_j.y;
-                        rhi.setGlobalDepthBias(1.0, 1.0);
-                        rhi.viewport(x, y, shadowTileResolution, shadowTileResolution);
-                        // for no cascade is for the edge,for cascade is for the beyond maxCascade pixel can use (0,0,0) trick sample the shadowMap
-                        rhi.scissor(x + 1, y + 1, shadowTileResolution - 2, shadowTileResolution - 2);
-                        engine._renderCount++;
-                        opaqueQueue.render(camera, exports.Layer.Everything, exports.PipelineStage.ShadowCaster);
-                        alphaTestQueue.render(camera, exports.Layer.Everything, exports.PipelineStage.ShadowCaster);
-                        rhi.setGlobalDepthBias(0, 0);
-                    }
-                }
-                this._existShadowMap = true;
-            }
-        };
-        _proto._updateReceiversShaderData = function _updateReceiversShaderData() {
-            var scene = this._camera.scene;
+            // Prepare render target
+            var _this__shadowMapSize = this._shadowMapSize, width = _this__shadowMapSize.z, height = _this__shadowMapSize.w;
+            var format = this._shadowMapFormat;
+            var renderTarget;
+            var shadowTexture;
+            if (this._supportDepthTexture) {
+                renderTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._renderTarget, width, height, null, format, false);
+                shadowTexture = renderTarget.depthTexture;
+            } else {
+                renderTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._renderTarget, width, height, format, null, false);
+                shadowTexture = renderTarget.getColorTexture(0);
+            }
+            shadowTexture.wrapModeU = shadowTexture.wrapModeV = exports.TextureWrapMode.Clamp;
+            if (engine._hardwareRenderer._isWebGL2) {
+                shadowTexture.depthCompareFunction = exports.TextureDepthCompareFunction.Less;
+            }
+            this._renderTarget = renderTarget;
+            this._depthTexture = shadowTexture;
+            // @todo: shouldn't set viewport and scissor in activeRenderTarget
+            rhi.activeRenderTarget(renderTarget, CascadedShadowCasterPass._viewport, 0);
+            if (this._supportDepthTexture) {
+                rhi.clearRenderTarget(engine, exports.CameraClearFlags.Depth, null);
+            } else {
+                rhi.clearRenderTarget(engine, exports.CameraClearFlags.All, CascadedShadowCasterPass._clearColor);
+            }
+            // prepare light and camera direction
+            Matrix.rotationQuaternion(light.entity.transform.worldRotationQuaternion, lightWorld);
+            lightSide.set(lightWorldE[0], lightWorldE[1], lightWorldE[2]);
+            lightUp.set(lightWorldE[4], lightWorldE[5], lightWorldE[6]);
+            lightForward.set(-lightWorldE[8], -lightWorldE[9], -lightWorldE[10]);
+            var cameraForward = CascadedShadowCasterPass._tempVector;
+            cameraForward.copyFrom(camera.entity.transform.worldForward);
+            var shadowTileResolution = this._shadowTileResolution;
+            for(var j = 0; j < shadowCascades; j++){
+                ShadowUtils.getBoundSphereByFrustum(splitDistance[j], splitDistance[j + 1], camera, cameraForward, shadowSliceData);
+                ShadowUtils.getDirectionLightShadowCullPlanes(camera._frustum, splitDistance[j], camera.nearClipPlane, lightForward, shadowSliceData);
+                ShadowUtils.getDirectionalLightMatrices(lightUp, lightSide, lightForward, j, light.shadowNearPlane, shadowTileResolution, shadowSliceData, shadowMatrices);
+                if (shadowCascades > 1) {
+                    ShadowUtils.applySliceTransform(shadowTileResolution, width, height, j, this._viewportOffsets[j], shadowMatrices);
+                }
+                this._updateSingleShadowCasterShaderData(light, shadowSliceData, context);
+                // upload pre-cascade infos.
+                var center = boundSphere.center;
+                var radius = boundSphere.radius;
+                var offset = j * 4;
+                splitBoundSpheres[offset] = center.x;
+                splitBoundSpheres[offset + 1] = center.y;
+                splitBoundSpheres[offset + 2] = center.z;
+                splitBoundSpheres[offset + 3] = radius * radius;
+                opaqueQueue.clear();
+                alphaTestQueue.clear();
+                transparentQueue.clear();
+                var renderers = componentsManager._renderers;
+                var elements = renderers._elements;
+                for(var k = renderers.length - 1; k >= 0; --k){
+                    ShadowUtils.shadowCullFrustum(context, light, elements[k], shadowSliceData);
+                }
+                if (opaqueQueue.elements.length || alphaTestQueue.elements.length) {
+                    opaqueQueue.sort(RenderQueue._compareFromNearToFar);
+                    alphaTestQueue.sort(RenderQueue._compareFromNearToFar);
+                    var _viewports_j = viewports[j], x = _viewports_j.x, y = _viewports_j.y;
+                    rhi.setGlobalDepthBias(1.0, 1.0);
+                    rhi.viewport(x, y, shadowTileResolution, shadowTileResolution);
+                    // for no cascade is for the edge,for cascade is for the beyond maxCascade pixel can use (0,0,0) trick sample the shadowMap
+                    rhi.scissor(x + 1, y + 1, shadowTileResolution - 2, shadowTileResolution - 2);
+                    engine._renderCount++;
+                    opaqueQueue.render(camera, exports.Layer.Everything, exports.PipelineStage.ShadowCaster);
+                    alphaTestQueue.render(camera, exports.Layer.Everything, exports.PipelineStage.ShadowCaster);
+                    rhi.setGlobalDepthBias(0, 0);
+                }
+            }
+        };
+        _proto._updateReceiversShaderData = function _updateReceiversShaderData(light) {
+            var camera = this._camera;
+            var scene = camera.scene;
             var splitBoundSpheres = this._splitBoundSpheres;
             var shadowMatrices = this._shadowMatrices;
             var shadowCascades = scene.shadowCascades;
+            var shadowFar = Math.min(scene.shadowDistance, camera.farClipPlane);
+            ShadowUtils.getScaleAndBiasForLinearDistanceFade(Math.pow(shadowFar, 2), scene.shadowFadeBorder, this._shadowInfos);
+            this._shadowInfos.x = light.shadowStrength;
             // set zero matrix to project the index out of max cascade
             if (shadowCascades > 1) {
                 for(var i = shadowCascades * 4, n = splitBoundSpheres.length; i < n; i++){
@@ -27367,7 +27404,7 @@
             }
             var shaderData = scene.shaderData;
             shaderData.setFloatArray(CascadedShadowCasterPass._shadowMatricesProperty, this._shadowMatrices);
-            shaderData.setVector3(CascadedShadowCasterPass._shadowInfosProperty, this._shadowInfos);
+            shaderData.setVector4(CascadedShadowCasterPass._shadowInfosProperty, this._shadowInfos);
             shaderData.setTexture(CascadedShadowCasterPass._shadowMapsProperty, this._depthTexture);
             shaderData.setFloatArray(CascadedShadowCasterPass._shadowSplitSpheresProperty, this._splitBoundSpheres);
             shaderData.setVector4(CascadedShadowCasterPass._shadowMapSize, this._shadowMapSize);
@@ -27403,10 +27440,13 @@
             return Math.sqrt(radius * radius / denominator);
         };
         _proto._updateShadowSettings = function _updateShadowSettings() {
-            var scene = this._camera.scene;
+            var camera = this._camera;
+            var scene = camera.scene;
             var shadowFormat = ShadowUtils.shadowDepthFormat(scene.shadowResolution, this._supportDepthTexture);
             var shadowResolution = ShadowUtils.shadowResolution(scene.shadowResolution);
             var shadowCascades = scene.shadowCascades;
+            var shadowFar = Math.min(scene.shadowDistance, camera.farClipPlane);
+            this._getCascadesSplitDistance(shadowFar);
             if (shadowFormat !== this._shadowMapFormat || shadowResolution !== this._shadowMapResolution || shadowCascades !== this._shadowCascadeMode) {
                 this._shadowMapFormat = shadowFormat;
                 this._shadowMapResolution = shadowResolution;
@@ -27847,14 +27887,14 @@
             /** @internal */ _this._cameraIndex = -1;
             _this._priority = 0;
             _this._shaderData = new ShaderData(ShaderDataGroup.Camera);
-            _this._isProjMatSetting = false;
+            _this._isCustomViewMatrix = false;
+            _this._isCustomProjectionMatrix = false;
             _this._nearClipPlane = 0.1;
             _this._farClipPlane = 100;
             _this._fieldOfView = 45;
             _this._orthographicSize = 10;
             _this._isProjectionDirty = true;
             _this._isInvProjMatDirty = true;
-            _this._isFrustumProjectDirty = true;
             _this._customAspectRatio = undefined;
             _this._renderTarget = null;
             _this._depthBufferParams = new Vector4();
@@ -27866,7 +27906,7 @@
             _this._transform = transform;
             _this._isViewMatrixDirty = transform.registerWorldChangeFlag();
             _this._isInvViewProjDirty = transform.registerWorldChangeFlag();
-            _this._frustumViewChangeFlag = transform.registerWorldChangeFlag();
+            _this._frustumChangeFlag = transform.registerWorldChangeFlag();
             _this._renderPipeline = new BasicRenderPipeline(_assert_this_initialized(_this));
             _this._addResourceReferCount(_this.shaderData, 1);
             _this._updatePixelViewport();
@@ -27879,16 +27919,22 @@
         _inherits$2(Camera1, Component1);
         var _proto = Camera1.prototype;
         /**
+       * Restore the view matrix to the world matrix of the entity.
+       */ _proto.resetViewMatrix = function resetViewMatrix() {
+            this._isCustomViewMatrix = false;
+            this._viewMatrixChange();
+        };
+        /**
        * Restore the automatic calculation of projection matrix through fieldOfView, nearClipPlane and farClipPlane.
        */ _proto.resetProjectionMatrix = function resetProjectionMatrix() {
-            this._isProjMatSetting = false;
-            this._projMatChange();
+            this._isCustomProjectionMatrix = false;
+            this._projectionMatrixChange();
         };
         /**
        * Restore the automatic calculation of the aspect ratio through the viewport aspect ratio.
        */ _proto.resetAspectRatio = function resetAspectRatio() {
             this._customAspectRatio = undefined;
-            this._projMatChange();
+            this._projectionMatrixChange();
         };
         /**
        * Transform a point from world space to viewport space.
@@ -28018,10 +28064,9 @@
             context.replacementShader = this._replacementShader;
             context.replacementTag = this._replacementSubShaderTag;
             // compute cull frustum.
-            if (this.enableFrustumCulling && (this._frustumViewChangeFlag.flag || this._isFrustumProjectDirty)) {
+            if (this.enableFrustumCulling && this._frustumChangeFlag.flag) {
                 this._frustum.calculateFromMatrix(virtualCamera.viewProjectionMatrix);
-                this._frustumViewChangeFlag.flag = false;
-                this._isFrustumProjectDirty = false;
+                this._frustumChangeFlag.flag = false;
             }
             this._updateShaderData();
             // union scene and camera macro.
@@ -28070,13 +28115,16 @@
             //@ts-ignore
             this._viewport._onValueChanged = null;
             this.engine.canvas._sizeUpdateFlagManager.removeListener(this._onPixelViewportChanged);
+            //@ts-ignore
+            this._viewport._onValueChanged = null;
+            this.engine.canvas._sizeUpdateFlagManager.removeListener(this._onPixelViewportChanged);
             this._entity = null;
             this._globalShaderMacro = null;
             this._frustum = null;
             this._renderPipeline = null;
             this._virtualCamera = null;
             this._shaderData = null;
-            this._frustumViewChangeFlag = null;
+            this._frustumChangeFlag = null;
             this._transform = null;
             this._isViewMatrixDirty = null;
             this._isInvViewProjDirty = null;
@@ -28098,11 +28146,16 @@
             var viewport = this._viewport;
             this._pixelViewport.set(viewport.x * width, viewport.y * height, viewport.z * width, viewport.w * height);
         };
-        _proto._projMatChange = function _projMatChange() {
-            this._isFrustumProjectDirty = true;
+        _proto._viewMatrixChange = function _viewMatrixChange() {
+            this._isViewMatrixDirty.flag = true;
+            this._isInvViewProjDirty.flag = true;
+            this._frustumChangeFlag.flag = true;
+        };
+        _proto._projectionMatrixChange = function _projectionMatrixChange() {
             this._isProjectionDirty = true;
             this._isInvProjMatDirty = true;
             this._isInvViewProjDirty.flag = true;
+            this._frustumChangeFlag.flag = true;
         };
         _proto._innerViewportToWorldPoint = function _innerViewportToWorldPoint(x, y, z, invViewProjMat, out) {
             // Depth is a normalized value, 0 is nearPlane, 1 is farClipPlane.
@@ -28145,7 +28198,7 @@
         _proto._onPixelViewportChanged = function _onPixelViewportChanged() {
             this._updatePixelViewport();
             var _this__customAspectRatio;
-            (_this__customAspectRatio = this._customAspectRatio) != null ? _this__customAspectRatio : this._projMatChange();
+            (_this__customAspectRatio = this._customAspectRatio) != null ? _this__customAspectRatio : this._projectionMatrixChange();
         };
         _create_class$2(Camera1, [
             {
@@ -28165,7 +28218,7 @@
                 },
                 set: function set(value) {
                     this._nearClipPlane = value;
-                    this._projMatChange();
+                    this._projectionMatrixChange();
                 }
             },
             {
@@ -28177,7 +28230,7 @@
                 },
                 set: function set(value) {
                     this._farClipPlane = value;
-                    this._projMatChange();
+                    this._projectionMatrixChange();
                 }
             },
             {
@@ -28189,7 +28242,7 @@
                 },
                 set: function set(value) {
                     this._fieldOfView = value;
-                    this._projMatChange();
+                    this._projectionMatrixChange();
                 }
             },
             {
@@ -28204,7 +28257,7 @@
                 },
                 set: function set(value) {
                     this._customAspectRatio = value;
-                    this._projMatChange();
+                    this._projectionMatrixChange();
                 }
             },
             {
@@ -28256,7 +28309,12 @@
                 },
                 set: function set(value) {
                     this._virtualCamera.isOrthographic = value;
-                    this._projMatChange();
+                    this._projectionMatrixChange();
+                    if (value) {
+                        this.shaderData.enableMacro("CAMERA_ORTHOGRAPHIC");
+                    } else {
+                        this.shaderData.disableMacro("CAMERA_ORTHOGRAPHIC");
+                    }
                 }
             },
             {
@@ -28268,7 +28326,7 @@
                 },
                 set: function set(value) {
                     this._orthographicSize = value;
-                    this._projMatChange();
+                    this._projectionMatrixChange();
                 }
             },
             {
@@ -28277,22 +28335,31 @@
        * View matrix.
        */ function get() {
                     var viewMatrix = this._virtualCamera.viewMatrix;
-                    if (this._isViewMatrixDirty.flag) {
-                        this._isViewMatrixDirty.flag = false;
-                        // Ignore scale.
-                        var transform = this._transform;
-                        Matrix.rotationTranslation(transform.worldRotationQuaternion, transform.worldPosition, viewMatrix);
-                        viewMatrix.invert();
-                    }
+                    if (!this._isViewMatrixDirty.flag || this._isCustomViewMatrix) {
+                        return viewMatrix;
+                    }
+                    this._isViewMatrixDirty.flag = false;
+                    // Ignore scale
+                    var transform = this._transform;
+                    Matrix.rotationTranslation(transform.worldRotationQuaternion, transform.worldPosition, viewMatrix);
+                    viewMatrix.invert();
                     return viewMatrix;
+                },
+                set: function set(value) {
+                    this._virtualCamera.viewMatrix.copyFrom(value);
+                    this._isCustomViewMatrix = true;
+                    this._viewMatrixChange();
                 }
             },
             {
                 key: "projectionMatrix",
-                get: function get() {
+                get: /**
+       * The projection matrix is ​​calculated by the relevant parameters of the camera by default.
+       * If it is manually set, the manual value will be maintained. Call resetProjectionMatrix() to restore it.
+       */ function get() {
                     var virtualCamera = this._virtualCamera;
                     var projectionMatrix = virtualCamera.projectionMatrix;
-                    if (!this._isProjectionDirty || this._isProjMatSetting) {
+                    if (!this._isProjectionDirty || this._isCustomProjectionMatrix) {
                         return projectionMatrix;
                     }
                     this._isProjectionDirty = false;
@@ -28306,13 +28373,10 @@
                     }
                     return projectionMatrix;
                 },
-                set: /**
-       * The projection matrix is ​​calculated by the relevant parameters of the camera by default.
-       * If it is manually set, the manual value will be maintained. Call resetProjectionMatrix() to restore it.
-       */ function set(value) {
+                set: function set(value) {
                     this._virtualCamera.projectionMatrix.copyFrom(value);
-                    this._isProjMatSetting = true;
-                    this._projMatChange();
+                    this._isCustomProjectionMatrix = true;
+                    this._projectionMatrixChange();
                 }
             },
             {
@@ -28373,7 +28437,7 @@
     ], exports.Camera.prototype, "_cameraIndex", void 0);
     __decorate$1([
         ignoreClone
-    ], exports.Camera.prototype, "_frustumViewChangeFlag", void 0);
+    ], exports.Camera.prototype, "_frustumChangeFlag", void 0);
     __decorate$1([
         ignoreClone
     ], exports.Camera.prototype, "_transform", void 0);
@@ -28558,6 +28622,7 @@
        * @param obj - class object
        */ Loader.registerClass = function registerClass(className, classDefine) {
             this._engineObjects[className] = classDefine;
+            this._classNameMap.set(classDefine, className);
         };
         /**
        * Get the class object by class name.
@@ -28566,11 +28631,21 @@
        */ Loader.getClass = function getClass(className) {
             return this._engineObjects[className];
         };
+        /**
+       * Get the class name by class object.
+       * @param obj - class object
+       * @returns class name
+       */ Loader.getClassName = function getClassName(obj) {
+            return this._classNameMap.get(obj);
+        };
         return Loader;
     }();
     (function() {
         Loader._engineObjects = {};
     })();
+    (function() {
+        Loader._classNameMap = new Map();
+    })();
     /**
      * Alpha blend mode.
      */ exports.BlendMode = void 0;
@@ -32291,7 +32366,7 @@
                     this._clip = clip;
                     this._clipEndTime = Math.min(this._clipEndTime, 1);
                     this._onClipChanged();
-                    clip._updateFlagManager.addListener(this._onClipChanged);
+                    clip && clip._updateFlagManager.addListener(this._onClipChanged);
                 }
             },
             {
@@ -32980,6 +33055,7 @@
         ParticleRandomSubSeeds[ParticleRandomSubSeeds["RotationOverLifetime"] = 0x40eb95e4] = "RotationOverLifetime";
         ParticleRandomSubSeeds[ParticleRandomSubSeeds["TextureSheetAnimation"] = 0xbc524e5] = "TextureSheetAnimation";
         ParticleRandomSubSeeds[ParticleRandomSubSeeds["Shape"] = 0xaf502044] = "Shape";
+        ParticleRandomSubSeeds[ParticleRandomSubSeeds["GravityModifier"] = 0xa47b8c4d] = "GravityModifier";
     })(ParticleRandomSubSeeds || (ParticleRandomSubSeeds = {}));
     /**
      * Particle gradient.
@@ -33685,6 +33761,7 @@
             /** @internal */ this._startColorRand = new Rand(0, ParticleRandomSubSeeds.StartColor);
             /** @internal */ this._startSizeRand = new Rand(0, ParticleRandomSubSeeds.StartSize);
             /** @internal */ this._startRotationRand = new Rand(0, ParticleRandomSubSeeds.StartRotation);
+            this._gravityModifierRand = new Rand(0, ParticleRandomSubSeeds.GravityModifier);
             this._gravity = new Vector3();
             this._generator = generator;
         };
@@ -33745,7 +33822,7 @@
                     break;
             }
             var particleGravity = this._gravity;
-            var gravityModifierValue = this.gravityModifier.evaluate(undefined, undefined);
+            var gravityModifierValue = this.gravityModifier.evaluate(undefined, this._gravityModifierRand.random());
             Vector3.scale(renderer.scene.physics.gravity, gravityModifierValue, particleGravity);
             shaderData.setVector3(MainModule._gravity, particleGravity);
             shaderData.setInt(MainModule._simulationSpace, this.simulationSpace);
@@ -33864,6 +33941,9 @@
     __decorate$1([
         ignoreClone
     ], MainModule.prototype, "_startRotationRand", void 0);
+    __decorate$1([
+        ignoreClone
+    ], MainModule.prototype, "_gravityModifierRand", void 0);
     __decorate$1([
         ignoreClone
     ], MainModule.prototype, "_generator", void 0);
@@ -34528,7 +34608,8 @@
                 var transform = this._renderer.entity.transform;
                 var shape = this.emission.shape;
                 for(var i = 0; i < count; i++){
-                    if (shape) {
+                    var _shape;
+                    if ((_shape = shape) == null ? void 0 : _shape.enabled) {
                         shape._generatePositionAndDirection(this.emission._shapeRand, time, position, direction);
                         var positionScale = this.main._getPositionScale();
                         position.multiply(positionScale);
@@ -35105,7 +35186,7 @@
      * Base class for all particle shapes.
      */ var BaseShape = /*#__PURE__*/ function() {
         var BaseShape = function BaseShape() {
-            /** Specifies whether the ShapeModule is enabled or disabled. */ this.enable = true;
+            /** Specifies whether the ShapeModule is enabled or disabled. */ this.enabled = true;
             /** Randomizes the starting direction of particles. */ this.randomDirectionAmount = 0;
         };
         var _proto = BaseShape.prototype;
@@ -35167,22 +35248,22 @@
     }();
     /**
      * The emission shape.
-     */ var ParticleShapeType;
+     */ exports.ParticleShapeType = void 0;
     (function(ParticleShapeType) {
         ParticleShapeType[ParticleShapeType[/** Emit from the volume of a box. */ "Box"] = 0] = "Box";
         ParticleShapeType[ParticleShapeType[/** Emit from a circle. */ "Circle"] = 1] = "Circle";
         ParticleShapeType[ParticleShapeType[/** Emit from the base of a cone. */ "Cone"] = 2] = "Cone";
         ParticleShapeType[ParticleShapeType[/** Emit from a half-sphere. */ "Hemisphere"] = 3] = "Hemisphere";
         ParticleShapeType[ParticleShapeType[/** Emit from a sphere. */ "Sphere"] = 4] = "Sphere";
-    })(ParticleShapeType || (ParticleShapeType = {}));
+    })(exports.ParticleShapeType || (exports.ParticleShapeType = {}));
     /**
      * Particle shape that emits particles from a box.
      */ var BoxShape = /*#__PURE__*/ function(BaseShape1) {
         var BoxShape = function BoxShape() {
             var _this;
-            _this = BaseShape1.call(this) || this;
+            _this = BaseShape1.apply(this, arguments) || this;
+            _this.shapeType = exports.ParticleShapeType.Box;
             /** The size of the box. */ _this.size = new Vector3(1, 1, 1);
-            _this.shapeType = ParticleShapeType.Box;
             return _this;
         };
         _inherits$2(BoxShape, BaseShape1);
@@ -35217,12 +35298,12 @@
      */ var CircleShape = /*#__PURE__*/ function(BaseShape1) {
         var CircleShape = function CircleShape() {
             var _this;
-            _this = BaseShape1.call(this) || this;
+            _this = BaseShape1.apply(this, arguments) || this;
+            _this.shapeType = exports.ParticleShapeType.Circle;
             /** Radius of the shape to emit particles from. */ _this.radius = 1.0;
             /** Angle of the circle arc to emit particles from. */ _this.arc = 360.0;
             /** The mode to generate particles around the arc. */ _this.arcMode = exports.ParticleShapeArcMode.Random;
             /** The speed of complete 360 degree rotation. */ _this.arcSpeed = 1.0;
-            _this.shapeType = ParticleShapeType.Circle;
             return _this;
         };
         _inherits$2(CircleShape, BaseShape1);
@@ -35257,12 +35338,12 @@
      */ var ConeShape = /*#__PURE__*/ function(BaseShape1) {
         var ConeShape = function ConeShape() {
             var _this;
-            _this = BaseShape1.call(this) || this;
+            _this = BaseShape1.apply(this, arguments) || this;
+            _this.shapeType = exports.ParticleShapeType.Cone;
             /** Angle of the cone to emit particles from. */ _this.angle = 25.0;
             /** Radius of the shape to emit particles from. */ _this.radius = 1.0;
             /** Length of the cone to emit particles from. */ _this.length = 5.0;
             /** Cone emitter type. */ _this.emitType = /** Emit particles from the base of the cone. */ 0;
-            _this.shapeType = ParticleShapeType.Cone;
             return _this;
         };
         _inherits$2(ConeShape, BaseShape1);
@@ -35321,9 +35402,9 @@
      */ var HemisphereShape = /*#__PURE__*/ function(BaseShape1) {
         var HemisphereShape = function HemisphereShape() {
             var _this;
-            _this = BaseShape1.call(this) || this;
+            _this = BaseShape1.apply(this, arguments) || this;
+            _this.shapeType = exports.ParticleShapeType.Hemisphere;
             /** Radius of the shape to emit particles from. */ _this.radius = 1.0;
-            _this.shapeType = ParticleShapeType.Hemisphere;
             return _this;
         };
         _inherits$2(HemisphereShape, BaseShape1);
@@ -35345,9 +35426,9 @@
      */ var SphereShape = /*#__PURE__*/ function(BaseShape1) {
         var SphereShape = function SphereShape() {
             var _this;
-            _this = BaseShape1.call(this) || this;
+            _this = BaseShape1.apply(this, arguments) || this;
+            _this.shapeType = exports.ParticleShapeType.Sphere;
             /** Radius of the shape to emit particles from. */ _this.radius = 1.0;
-            _this.shapeType = ParticleShapeType.Sphere;
             return _this;
         };
         _inherits$2(SphereShape, BaseShape1);
@@ -35851,6 +35932,7 @@
         ParticleRenderer: ParticleRenderer,
         get ParticleScaleMode () { return exports.ParticleScaleMode; },
         get ParticleShapeArcMode () { return exports.ParticleShapeArcMode; },
+        get ParticleShapeType () { return exports.ParticleShapeType; },
         get ParticleSimulationSpace () { return exports.ParticleSimulationSpace; },
         get ParticleStopMode () { return exports.ParticleStopMode; },
         PhysicsMaterial: PhysicsMaterial,
@@ -36078,8 +36160,10 @@
             if (pixelRatio === void 0) pixelRatio = window.devicePixelRatio;
             var webCanvas = this._webCanvas;
             if (typeof OffscreenCanvas === "undefined" || !_instanceof1$1(webCanvas, OffscreenCanvas)) {
-                this.width = webCanvas.clientWidth * pixelRatio;
-                this.height = webCanvas.clientHeight * pixelRatio;
+                var exportWidth = webCanvas.clientWidth * pixelRatio;
+                var exportHeight = webCanvas.clientHeight * pixelRatio;
+                this.width = exportWidth;
+                this.height = exportHeight;
             }
         };
         /**
@@ -36090,9 +36174,11 @@
             this._scale.set(x, y);
             this.scale = this._scale;
         };
-        _proto._onSizeChanged = function _onSizeChanged(width, height) {
-            this._webCanvas.width = width;
-            this._webCanvas.height = height;
+        _proto._onWidthChanged = function _onWidthChanged(value) {
+            this._webCanvas.width = value;
+        };
+        _proto._onHeightChange = function _onHeightChange(value) {
+            this._webCanvas.height = value;
         };
         _create_class$1(WebCanvas, [
             {
@@ -36277,7 +36363,7 @@
             var cap = this.capabilityList;
             var isWebGL2 = this.rhi.isWebGL2;
             var requireExtension = this.rhi.requireExtension.bind(this.rhi);
-            var shaderVertexID = exports.GLCapabilityType.shaderVertexID, standardDerivatives = exports.GLCapabilityType.standardDerivatives, shaderTextureLod = exports.GLCapabilityType.shaderTextureLod, elementIndexUint = exports.GLCapabilityType.elementIndexUint, depthTexture = exports.GLCapabilityType.depthTexture, vertexArrayObject = exports.GLCapabilityType.vertexArrayObject, instancedArrays = exports.GLCapabilityType.instancedArrays, multipleSample = exports.GLCapabilityType.multipleSample, drawBuffers = exports.GLCapabilityType.drawBuffers, astc = exports.GLCapabilityType.astc, astc_webkit = exports.GLCapabilityType.astc_webkit, etc = exports.GLCapabilityType.etc, etc_webkit = exports.GLCapabilityType.etc_webkit, etc1 = exports.GLCapabilityType.etc1, etc1_webkit = exports.GLCapabilityType.etc1_webkit, pvrtc = exports.GLCapabilityType.pvrtc, pvrtc_webkit = exports.GLCapabilityType.pvrtc_webkit, s3tc = exports.GLCapabilityType.s3tc, s3tc_webkit = exports.GLCapabilityType.s3tc_webkit, bptc = exports.GLCapabilityType.bptc, textureFloat = exports.GLCapabilityType.textureFloat, textureHalfFloat = exports.GLCapabilityType.textureHalfFloat, textureFloatLinear = exports.GLCapabilityType.textureFloatLinear, textureHalfFloatLinear = exports.GLCapabilityType.textureHalfFloatLinear, WEBGL_colorBufferFloat = exports.GLCapabilityType.WEBGL_colorBufferFloat, colorBufferFloat = exports.GLCapabilityType.colorBufferFloat, colorBufferHalfFloat = exports.GLCapabilityType.colorBufferHalfFloat, textureFilterAnisotropic = exports.GLCapabilityType.textureFilterAnisotropic;
+            var shaderVertexID = exports.GLCapabilityType.shaderVertexID, standardDerivatives = exports.GLCapabilityType.standardDerivatives, shaderTextureLod = exports.GLCapabilityType.shaderTextureLod, elementIndexUint = exports.GLCapabilityType.elementIndexUint, depthTexture = exports.GLCapabilityType.depthTexture, vertexArrayObject = exports.GLCapabilityType.vertexArrayObject, instancedArrays = exports.GLCapabilityType.instancedArrays, multipleSample = exports.GLCapabilityType.multipleSample, drawBuffers = exports.GLCapabilityType.drawBuffers, blendMinMax = exports.GLCapabilityType.blendMinMax, astc = exports.GLCapabilityType.astc, astc_webkit = exports.GLCapabilityType.astc_webkit, etc = exports.GLCapabilityType.etc, etc_webkit = exports.GLCapabilityType.etc_webkit, etc1 = exports.GLCapabilityType.etc1, etc1_webkit = exports.GLCapabilityType.etc1_webkit, pvrtc = exports.GLCapabilityType.pvrtc, pvrtc_webkit = exports.GLCapabilityType.pvrtc_webkit, s3tc = exports.GLCapabilityType.s3tc, s3tc_webkit = exports.GLCapabilityType.s3tc_webkit, bptc = exports.GLCapabilityType.bptc, textureFloat = exports.GLCapabilityType.textureFloat, textureHalfFloat = exports.GLCapabilityType.textureHalfFloat, textureFloatLinear = exports.GLCapabilityType.textureFloatLinear, textureHalfFloatLinear = exports.GLCapabilityType.textureHalfFloatLinear, WEBGL_colorBufferFloat = exports.GLCapabilityType.WEBGL_colorBufferFloat, colorBufferFloat = exports.GLCapabilityType.colorBufferFloat, colorBufferHalfFloat = exports.GLCapabilityType.colorBufferHalfFloat, textureFilterAnisotropic = exports.GLCapabilityType.textureFilterAnisotropic;
             cap.set(shaderVertexID, isWebGL2);
             cap.set(standardDerivatives, isWebGL2 || !!requireExtension(standardDerivatives));
             cap.set(shaderTextureLod, isWebGL2 || !!requireExtension(shaderTextureLod));
@@ -36287,6 +36373,7 @@
             cap.set(instancedArrays, isWebGL2 || !!requireExtension(instancedArrays));
             cap.set(multipleSample, isWebGL2);
             cap.set(drawBuffers, isWebGL2 || !!requireExtension(drawBuffers));
+            cap.set(blendMinMax, isWebGL2 || !!requireExtension(blendMinMax));
             cap.set(textureFloat, isWebGL2 || !!requireExtension(textureFloat));
             cap.set(textureHalfFloat, isWebGL2 || !!requireExtension(textureHalfFloat));
             cap.set(textureFloatLinear, !!requireExtension(textureFloatLinear));
@@ -36327,9 +36414,13 @@
             }
         };
         _proto._compatibleAllInterface = function _compatibleAllInterface() {
-            var depthTexture = exports.GLCapabilityType.depthTexture, vertexArrayObject = exports.GLCapabilityType.vertexArrayObject, instancedArrays = exports.GLCapabilityType.instancedArrays, drawBuffers = exports.GLCapabilityType.drawBuffers, textureFilterAnisotropic = exports.GLCapabilityType.textureFilterAnisotropic, textureHalfFloat = exports.GLCapabilityType.textureHalfFloat, colorBufferHalfFloat = exports.GLCapabilityType.colorBufferHalfFloat, WEBGL_colorBufferFloat = exports.GLCapabilityType.WEBGL_colorBufferFloat;
+            var depthTexture = exports.GLCapabilityType.depthTexture, vertexArrayObject = exports.GLCapabilityType.vertexArrayObject, instancedArrays = exports.GLCapabilityType.instancedArrays, drawBuffers = exports.GLCapabilityType.drawBuffers, textureFilterAnisotropic = exports.GLCapabilityType.textureFilterAnisotropic, textureHalfFloat = exports.GLCapabilityType.textureHalfFloat, colorBufferHalfFloat = exports.GLCapabilityType.colorBufferHalfFloat, WEBGL_colorBufferFloat = exports.GLCapabilityType.WEBGL_colorBufferFloat, blendMinMax = exports.GLCapabilityType.blendMinMax;
             var isWebGL2 = this.rhi.isWebGL2;
             if (!isWebGL2) {
+                this._compatibleInterface(blendMinMax, {
+                    MIN: "MIN_EXT",
+                    MAX: "MAX_EXT"
+                });
                 this._compatibleInterface(depthTexture, {
                     UNSIGNED_INT_24_8: "UNSIGNED_INT_24_8_WEBGL"
                 });
@@ -36838,6 +36929,13 @@
                         dataType: gl.FLOAT,
                         isCompressed: false
                     };
+                case exports.TextureFormat.R32G32B32A32_UInt:
+                    return {
+                        internalFormat: isWebGL2 ? gl.RGBA32UI : gl.NONE,
+                        baseFormat: gl.RGBA_INTEGER,
+                        dataType: gl.UNSIGNED_INT,
+                        isCompressed: false
+                    };
                 case exports.TextureFormat.BC1:
                     return {
                         internalFormat: exports.GLCompressedTextureInternalFormat.RGB_S3TC_DXT1_EXT,
@@ -37079,6 +37177,7 @@
                         return false;
                     }
                     break;
+                case exports.TextureFormat.R32G32B32A32_UInt:
                 case exports.TextureFormat.Depth24:
                 case exports.TextureFormat.Depth32:
                 case exports.TextureFormat.Depth32Stencil8:
@@ -38642,8 +38741,7 @@
             var assetRefId = entityConfig.assetRefId;
             var engine = this._context.engine;
             if (assetRefId) {
-                return engine.resourceManager // @ts-ignore
-                .getResourceByRef({
+                return engine.resourceManager.getResourceByRef({
                     refId: assetRefId,
                     key: entityConfig.key,
                     isClone: entityConfig.isClone
@@ -38673,36 +38771,362 @@
     (function() {
         ReflectionParser.customParseComponentHandles = new Map();
     })();
-    var PrefabParser = /*#__PURE__*/ function() {
-        var PrefabParser = function PrefabParser() {};
-        PrefabParser.parseChildren = function parseChildren(entitiesConfig, entities, parentId) {
-            var children = entitiesConfig.get(parentId).children;
+    /**
+     * Parser context
+     * @export
+     * @abstract
+     * @class ParserContext
+     * @template T
+     * @template I
+     */ var ParserContext = /*#__PURE__*/ function() {
+        var ParserContext = function ParserContext(originalData, engine, target) {
+            this.originalData = originalData;
+            this.engine = engine;
+            this.target = target;
+            this.entityMap = new Map();
+            this.components = new Map();
+            this.assets = new Map();
+            this.entityConfigMap = new Map();
+            this.rootIds = [];
+            this.strippedIds = [];
+            this.resourceManager = engine.resourceManager;
+        };
+        var _proto = ParserContext.prototype;
+        /**
+       * Destroy the context.
+       * @abstract
+       * @memberof ParserContext
+       */ _proto.destroy = function destroy() {
+            this.entityMap.clear();
+            this.components.clear();
+            this.assets.clear();
+            this.entityConfigMap.clear();
+            this.rootIds.length = 0;
+        };
+        return ParserContext;
+    }();
+    var PrefabParserContext = /*#__PURE__*/ function(ParserContext1) {
+        var PrefabParserContext = function PrefabParserContext() {
+            return ParserContext1.apply(this, arguments);
+        };
+        _inherits(PrefabParserContext, ParserContext1);
+        return PrefabParserContext;
+    }(ParserContext);
+    function _array_like_to_array(arr, len) {
+        if (len == null || len > arr.length) len = arr.length;
+        for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+        return arr2;
+    }
+    function _unsupported_iterable_to_array(o, minLen) {
+        if (!o) return;
+        if (typeof o === "string") return _array_like_to_array(o, minLen);
+        var n = Object.prototype.toString.call(o).slice(8, -1);
+        if (n === "Object" && o.constructor) n = o.constructor.name;
+        if (n === "Map" || n === "Set") return Array.from(n);
+        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+    }
+    function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
+        var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+        if (it) return (it = it.call(o)).next.bind(it);
+        // Fallback for engines without symbol support
+        if (Array.isArray(o) || (it = _unsupported_iterable_to_array(o)) || allowArrayLike && o && typeof o.length === "number") {
+            if (it) o = it;
+            var i = 0;
+            return function() {
+                if (i >= o.length) return {
+                    done: true
+                };
+                return {
+                    done: false,
+                    value: o[i++]
+                };
+            };
+        }
+        throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    var HierarchyParser = /*#__PURE__*/ function() {
+        var HierarchyParser = function HierarchyParser(context) {
+            var _this = this;
+            this.context = context;
+            this.prefabContextMap = new WeakMap();
+            this.prefabPromiseMap = new Map();
+            this._engine = this.context.engine;
+            this._organizeEntities = this._organizeEntities.bind(this);
+            this._parseComponents = this._parseComponents.bind(this);
+            this._parsePrefabModification = this._parsePrefabModification.bind(this);
+            this._parsePrefabRemovedEntities = this._parsePrefabRemovedEntities.bind(this);
+            this._parsePrefabRemovedComponents = this._parsePrefabRemovedComponents.bind(this);
+            this._clearAndResolve = this._clearAndResolve.bind(this);
+            this.promise = new Promise(function(resolve, reject) {
+                _this._reject = reject;
+                _this._resolve = resolve;
+            });
+            this._reflectionParser = new ReflectionParser(context);
+        };
+        var _proto = HierarchyParser.prototype;
+        /** start parse the scene or prefab or others */ _proto.start = function start() {
+            this._parseEntities().then(this._organizeEntities).then(this._parseComponents).then(this._parsePrefabModification).then(this._parsePrefabRemovedEntities).then(this._parsePrefabRemovedComponents).then(this._clearAndResolve).then(this._resolve).catch(this._reject);
+        };
+        _proto._parseEntities = function _parseEntities() {
+            var _this = this;
+            var entitiesConfig = this.context.originalData.entities;
+            var entityConfigMap = this.context.entityConfigMap;
+            var entityMap = this.context.entityMap;
+            var engine = this._engine;
+            var promises = entitiesConfig.map(function(entityConfig) {
+                var _entityConfig_strippedId;
+                var id = (_entityConfig_strippedId = entityConfig.strippedId) != null ? _entityConfig_strippedId : entityConfig.id;
+                entityConfig.id = id;
+                entityConfigMap.set(id, entityConfig);
+                return _this._getEntityByConfig(entityConfig, engine);
+            });
+            return Promise.all(promises).then(function(entities) {
+                for(var i = 0, l = entities.length; i < l; i++){
+                    entityMap.set(entitiesConfig[i].id, entities[i]);
+                }
+                return entities;
+            });
+        };
+        _proto._parseComponents = function _parseComponents() {
+            var entitiesConfig = this.context.originalData.entities;
+            var entityMap = this.context.entityMap;
+            var components = this.context.components;
+            var promises = [];
+            for(var i = 0, l = entitiesConfig.length; i < l; i++){
+                var entityConfig = entitiesConfig[i];
+                var entity = entityMap.get(entityConfig.id);
+                for(var i1 = 0; i1 < entityConfig.components.length; i1++){
+                    var componentConfig = entityConfig.components[i1];
+                    var key = !componentConfig.refId ? componentConfig.class : componentConfig.refId;
+                    var component = entity.addComponent(Loader.getClass(key));
+                    components.set(componentConfig.id, component);
+                    var promise = this._reflectionParser.parsePropsAndMethods(component, componentConfig);
+                    promises.push(promise);
+                }
+            }
+            return Promise.all(promises);
+        };
+        _proto._parsePrefabModification = function _parsePrefabModification() {
+            var _loop = function _loop(i, l) {
+                var _modifications;
+                var entityConfig = entitiesConfig[i];
+                var id = entityConfig.id, modifications = entityConfig.modifications;
+                if ((_modifications = modifications) == null ? void 0 : _modifications.length) {
+                    var _promises;
+                    var rootEntity = entityMap.get(id);
+                    (_promises = promises).push.apply(_promises, [].concat(modifications.map(function(modification) {
+                        var target = modification.target, props = modification.props, methods = modification.methods;
+                        var entityId = target.entityId, componentId = target.componentId;
+                        var context = _this.prefabContextMap.get(rootEntity);
+                        var targetEntity = context.entityMap.get(entityId);
+                        var targetComponent = context.components.get(componentId);
+                        if (targetComponent) {
+                            return _this._reflectionParser.parsePropsAndMethods(targetComponent, {
+                                props: props,
+                                methods: methods
+                            });
+                        } else if (targetEntity) {
+                            return Promise.resolve(_this._applyEntityData(targetEntity, props));
+                        }
+                    })));
+                }
+            };
+            var _this = this;
+            var entitiesConfig = this.context.originalData.entities;
+            var entityMap = this.context.entityMap;
+            var promises = [];
+            for(var i = 0, l = entitiesConfig.length; i < l; i++)_loop(i);
+            return Promise.all(promises);
+        };
+        _proto._parsePrefabRemovedEntities = function _parsePrefabRemovedEntities() {
+            var _loop = function _loop(i, l) {
+                var _removedEntities;
+                var entityConfig = entitiesConfig[i];
+                var id = entityConfig.id, removedEntities = entityConfig.removedEntities;
+                if ((_removedEntities = removedEntities) == null ? void 0 : _removedEntities.length) {
+                    var _promises;
+                    var rootEntity = entityMap.get(id);
+                    (_promises = promises).push.apply(_promises, [].concat(removedEntities.map(function(target) {
+                        var entityId = target.entityId;
+                        var context = _this.prefabContextMap.get(rootEntity);
+                        var targetEntity = context.entityMap.get(entityId);
+                        if (targetEntity) {
+                            targetEntity.destroy();
+                        }
+                    })));
+                }
+            };
+            var _this = this;
+            var entitiesConfig = this.context.originalData.entities;
+            var entityMap = this.context.entityMap;
+            var promises = [];
+            for(var i = 0, l = entitiesConfig.length; i < l; i++)_loop(i);
+            return Promise.all(promises);
+        };
+        _proto._parsePrefabRemovedComponents = function _parsePrefabRemovedComponents() {
+            var _loop = function _loop(i, l) {
+                var _removedComponents;
+                var entityConfig = entitiesConfig[i];
+                var id = entityConfig.id, removedComponents = entityConfig.removedComponents;
+                if ((_removedComponents = removedComponents) == null ? void 0 : _removedComponents.length) {
+                    var _promises;
+                    var rootEntity = entityMap.get(id);
+                    (_promises = promises).concat.apply(_promises, [].concat(removedComponents.map(function(target) {
+                        var componentId = target.componentId;
+                        var context = _this.prefabContextMap.get(rootEntity);
+                        var targetComponent = context.components.get(componentId);
+                        if (targetComponent) {
+                            targetComponent.destroy();
+                        }
+                    })));
+                }
+            };
+            var _this = this;
+            var entitiesConfig = this.context.originalData.entities;
+            var entityMap = this.context.entityMap;
+            var promises = [];
+            for(var i = 0, l = entitiesConfig.length; i < l; i++)_loop(i);
+            return Promise.all(promises);
+        };
+        _proto._clearAndResolve = function _clearAndResolve() {
+            var target = this.context.target;
+            return target;
+        };
+        _proto._organizeEntities = function _organizeEntities() {
+            var _this_context = this.context, rootIds = _this_context.rootIds, strippedIds = _this_context.strippedIds;
+            var parentIds = rootIds.concat(strippedIds);
+            for(var _iterator = _create_for_of_iterator_helper_loose(parentIds), _step; !(_step = _iterator()).done;){
+                var parentId = _step.value;
+                this._parseChildren(parentId);
+            }
+            for(var i = 0; i < rootIds.length; i++){
+                this.handleRootEntity(rootIds[i]);
+            }
+        };
+        _proto._getEntityByConfig = function _getEntityByConfig(entityConfig, engine) {
+            var _this = this;
+            var entityPromise;
+            if (entityConfig.assetRefId) {
+                entityPromise = this._parseGLTF(entityConfig, engine);
+            } else if (entityConfig.strippedId) {
+                entityPromise = this._parseStrippedEntity(entityConfig);
+            } else {
+                entityPromise = this._parseEntity(entityConfig, engine);
+            }
+            return entityPromise.then(function(entity) {
+                return _this._applyEntityData(entity, entityConfig);
+            });
+        };
+        _proto._parseEntity = function _parseEntity(entityConfig, engine) {
+            var entity = new Entity(engine, entityConfig.name);
+            if (!entityConfig.parent) this.context.rootIds.push(entityConfig.id);
+            return Promise.resolve(entity);
+        };
+        _proto._parseGLTF = function _parseGLTF(entityConfig, engine) {
+            var _this = this;
+            var assetRefId = entityConfig.assetRefId;
+            var context = new ParserContext(null, engine);
+            return engine.resourceManager // @ts-ignore
+            .getResourceByRef({
+                refId: assetRefId
+            }).then(function(glTFResource) {
+                var entity = glTFResource.instantiateSceneRoot();
+                if (!entityConfig.parent) _this.context.rootIds.push(entityConfig.id);
+                _this._traverseAddEntityToMap(entity, context, "");
+                _this.prefabContextMap.set(entity, context);
+                var cbArray = _this.prefabPromiseMap.get(entityConfig.id);
+                cbArray && cbArray.forEach(function(cb) {
+                    cb.resolve(context);
+                });
+                return entity;
+            });
+        };
+        _proto._parseStrippedEntity = function _parseStrippedEntity(entityConfig) {
+            var _this = this;
+            this.context.strippedIds.push(entityConfig.id);
+            return new Promise(function(resolve, reject) {
+                var _this_prefabPromiseMap_get;
+                var cbArray = (_this_prefabPromiseMap_get = _this.prefabPromiseMap.get(entityConfig.prefabInstanceId)) != null ? _this_prefabPromiseMap_get : [];
+                cbArray.push({
+                    resolve: resolve,
+                    reject: reject
+                });
+                _this.prefabPromiseMap.set(entityConfig.prefabInstanceId, cbArray);
+            }).then(function(context) {
+                var entityId = entityConfig.prefabSource.entityId;
+                return context.entityMap.get(entityId);
+            });
+        };
+        _proto._parseChildren = function _parseChildren(parentId) {
+            var _this_context = this.context, entityConfigMap = _this_context.entityConfigMap, entityMap = _this_context.entityMap;
+            var children = entityConfigMap.get(parentId).children;
             if (children && children.length > 0) {
-                var parent = entities.get(parentId);
+                var parent = entityMap.get(parentId);
                 for(var i = 0; i < children.length; i++){
                     var childId = children[i];
-                    var entity = entities.get(childId);
+                    var entity = entityMap.get(childId);
                     parent.addChild(entity);
-                    this.parseChildren(entitiesConfig, entities, childId);
+                    this._parseChildren(childId);
                 }
             }
         };
-        return PrefabParser;
+        _proto._applyEntityData = function _applyEntityData(entity, entityConfig) {
+            if (entityConfig === void 0) entityConfig = {};
+            var _entityConfig_isActive;
+            entity.isActive = (_entityConfig_isActive = entityConfig.isActive) != null ? _entityConfig_isActive : entity.isActive;
+            var _entityConfig_name;
+            entity.name = (_entityConfig_name = entityConfig.name) != null ? _entityConfig_name : entity.name;
+            var position = entityConfig.position, rotation = entityConfig.rotation, scale = entityConfig.scale;
+            if (position) entity.transform.position.copyFrom(position);
+            if (rotation) entity.transform.rotation.copyFrom(rotation);
+            if (scale) entity.transform.scale.copyFrom(scale);
+            return entity;
+        };
+        _proto._traverseAddEntityToMap = function _traverseAddEntityToMap(entity, context, path) {
+            var entityMap = context.entityMap, components = context.components;
+            var componentsMap = {};
+            var componentIndexMap = {};
+            entityMap.set(path, entity);
+            // @ts-ignore
+            entity._components.forEach(function(component) {
+                // @ts-ignore
+                var name = Loader.getClassName(component.constructor);
+                if (!componentsMap[name]) {
+                    componentsMap[name] = entity.getComponents(component.constructor, []);
+                    componentIndexMap[name] = 0;
+                }
+                components.set(path + ":" + name + "/" + componentIndexMap[name]++, component);
+            });
+            for(var i = 0, n = entity.children.length; i < n; i++){
+                var child = entity.children[i];
+                var childPath = path ? path + "/" + i : "" + i;
+                this._traverseAddEntityToMap(child, context, childPath);
+            }
+        };
+        return HierarchyParser;
     }();
-    var ComponentMap = {
-        Transform: Transform,
-        Animator: Animator,
-        DirectLight: DirectLight,
-        Camera: exports.Camera,
-        MeshRenderer: MeshRenderer,
-        ParticleRenderer: ParticleRenderer,
-        PointLight: PointLight,
-        SpotLight: SpotLight,
-        Script: Script,
-        SpriteMask: SpriteMask,
-        SpriteRenderer: SpriteRenderer,
-        TextRenderer: TextRenderer
-    };
+    var PrefabParser = /*#__PURE__*/ function(HierarchyParser1) {
+        var PrefabParser = function PrefabParser() {
+            return HierarchyParser1.apply(this, arguments);
+        };
+        _inherits(PrefabParser, HierarchyParser1);
+        var _proto = PrefabParser.prototype;
+        _proto.handleRootEntity = function handleRootEntity(id) {
+            this.context.target = this.context.entityMap.get(id);
+        };
+        /**
+       * Parse prefab data.
+       * @param engine - the engine of the parser context
+       * @param prefabData - prefab data which is exported by editor
+       * @returns a promise of prefab
+       */ PrefabParser.parse = function parse(engine, prefabData) {
+            var context = new PrefabParserContext(prefabData, engine);
+            var parser = new PrefabParser(context);
+            parser.start();
+            return parser;
+        };
+        return PrefabParser;
+    }(HierarchyParser);
     exports.InterpolableValueType = void 0;
     (function(InterpolableValueType) {
         InterpolableValueType[InterpolableValueType["Float"] = 0] = "Float";
@@ -38735,7 +39159,7 @@
                 for(var i1 = 0; i1 < curveBindingsLen; ++i1){
                     var relativePath = bufferReader.nextStr();
                     var componentStr = bufferReader.nextStr();
-                    var componentType = ComponentMap[componentStr];
+                    var componentType = Loader.getClass(componentStr);
                     var property = bufferReader.nextStr();
                     var getProperty = bufferReader.nextStr();
                     var curve = void 0;
@@ -38912,137 +39336,27 @@
         SpecularMode["Sky"] = "Sky";
         SpecularMode["Custom"] = "Custom";
     })(exports.SpecularMode || (exports.SpecularMode = {}));
-    function _array_like_to_array(arr, len) {
-        if (len == null || len > arr.length) len = arr.length;
-        for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-        return arr2;
-    }
-    function _unsupported_iterable_to_array(o, minLen) {
-        if (!o) return;
-        if (typeof o === "string") return _array_like_to_array(o, minLen);
-        var n = Object.prototype.toString.call(o).slice(8, -1);
-        if (n === "Object" && o.constructor) n = o.constructor.name;
-        if (n === "Map" || n === "Set") return Array.from(n);
-        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-    }
-    function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
-        var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-        if (it) return (it = it.call(o)).next.bind(it);
-        // Fallback for engines without symbol support
-        if (Array.isArray(o) || (it = _unsupported_iterable_to_array(o)) || allowArrayLike && o && typeof o.length === "number") {
-            if (it) o = it;
-            var i = 0;
-            return function() {
-                if (i >= o.length) return {
-                    done: true
-                };
-                return {
-                    done: false,
-                    value: o[i++]
-                };
-            };
-        }
-        throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-    }
-    var SceneParserContext = /*#__PURE__*/ function() {
-        var SceneParserContext = function SceneParserContext(originalData, scene) {
-            this.originalData = originalData;
-            this.scene = scene;
-            this.entityMap = new Map();
-            this.components = new Map();
-            this.assets = new Map();
-            this.entityConfigMap = new Map();
-            this.rootIds = [];
-            this.engine = scene.engine;
-            this.resourceManager = scene.engine.resourceManager;
-        };
-        var _proto = SceneParserContext.prototype;
-        _proto.destroy = function destroy() {
-            this.entityMap.clear();
-            this.components.clear();
-            this.assets.clear();
-            this.entityConfigMap.clear();
-            this.rootIds.length = 0;
+    var SceneParserContext = /*#__PURE__*/ function(ParserContext1) {
+        var SceneParserContext = function SceneParserContext(originalData, engine, scene) {
+            var _this;
+            _this = ParserContext1.call(this, originalData, engine, scene) || this;
+            _this.originalData = originalData;
+            _this.engine = engine;
+            _this.scene = scene;
+            return _this;
         };
+        _inherits(SceneParserContext, ParserContext1);
         return SceneParserContext;
-    }();
-    /** @Internal */ var SceneParser = /*#__PURE__*/ function() {
-        var SceneParser = function SceneParser(context) {
-            var _this = this;
-            this.context = context;
-            this._engine = context.scene.engine;
-            this._organizeEntities = this._organizeEntities.bind(this);
-            this._parseComponents = this._parseComponents.bind(this);
-            this._clearAndResolveScene = this._clearAndResolveScene.bind(this);
-            this.promise = new Promise(function(resolve, reject) {
-                _this._reject = reject;
-                _this._resolve = resolve;
-            });
-            this._reflectionParser = new ReflectionParser(context);
+    }(ParserContext);
+    /** @Internal */ var SceneParser = /*#__PURE__*/ function(HierarchyParser1) {
+        var SceneParser = function SceneParser() {
+            return HierarchyParser1.apply(this, arguments);
         };
+        _inherits(SceneParser, HierarchyParser1);
         var _proto = SceneParser.prototype;
-        /** start parse the scene */ _proto.start = function start() {
-            this._parseEntities().then(this._organizeEntities).then(this._parseComponents).then(this._clearAndResolveScene).then(this._resolve).catch(this._reject);
-        };
-        _proto._parseEntities = function _parseEntities() {
-            var _this = this;
-            var entitiesConfig = this.context.originalData.entities;
-            var entityConfigMap = this.context.entityConfigMap;
-            var entitiesMap = this.context.entityMap;
-            var rootIds = this.context.rootIds;
-            this._engine;
-            var promises = entitiesConfig.map(function(entityConfig) {
-                entityConfigMap.set(entityConfig.id, entityConfig);
-                // record root entities
-                if (!entityConfig.parent) rootIds.push(entityConfig.id);
-                return _this._reflectionParser.parseEntity(entityConfig);
-            });
-            return Promise.all(promises).then(function(entities) {
-                for(var i = 0, l = entities.length; i < l; i++){
-                    entitiesMap.set(entitiesConfig[i].id, entities[i]);
-                }
-                return entities;
-            });
-        };
-        _proto._organizeEntities = function _organizeEntities() {
-            var _this_context = this.context, entityConfigMap = _this_context.entityConfigMap, entityMap = _this_context.entityMap, scene = _this_context.scene, rootIds = _this_context.rootIds;
-            for(var _iterator = _create_for_of_iterator_helper_loose(rootIds), _step; !(_step = _iterator()).done;){
-                var rootId = _step.value;
-                PrefabParser.parseChildren(entityConfigMap, entityMap, rootId);
-            }
-            var rootEntities = rootIds.map(function(id) {
-                return entityMap.get(id);
-            });
-            for(var i = 0; i < rootEntities.length; i++){
-                scene.addRootEntity(rootEntities[i]);
-            }
-        };
-        _proto._parseComponents = function _parseComponents() {
-            var entitiesConfig = this.context.originalData.entities;
-            var entityMap = this.context.entityMap;
-            var promises = [];
-            for(var i = 0, l = entitiesConfig.length; i < l; i++){
-                var entityConfig = entitiesConfig[i];
-                var entity = entityMap.get(entityConfig.id);
-                for(var i1 = 0; i1 < entityConfig.components.length; i1++){
-                    var componentConfig = entityConfig.components[i1];
-                    var key = !componentConfig.refId ? componentConfig.class : componentConfig.refId;
-                    var component = void 0;
-                    // TODO: remove hack code when support additional edit
-                    if (key === "Animator") {
-                        component = entity.getComponent(Loader.getClass(key));
-                    }
-                    component = component || entity.addComponent(Loader.getClass(key));
-                    var promise = this._reflectionParser.parsePropsAndMethods(component, componentConfig);
-                    promises.push(promise);
-                }
-            }
-            return Promise.all(promises);
-        };
-        _proto._clearAndResolveScene = function _clearAndResolveScene() {
-            var scene = this.context.scene;
-            this.context.destroy();
-            return scene;
+        _proto.handleRootEntity = function handleRootEntity(id) {
+            var _this_context = this.context, target = _this_context.target, entityMap = _this_context.entityMap;
+            target.addRootEntity(entityMap.get(id));
         };
         /**
        * Parse scene data.
@@ -39051,13 +39365,13 @@
        * @returns a promise of scene
        */ SceneParser.parse = function parse(engine, sceneData) {
             var scene = new Scene(engine);
-            var context = new SceneParserContext(sceneData, scene);
+            var context = new SceneParserContext(sceneData, engine, scene);
             var parser = new SceneParser(context);
             parser.start();
             return parser.promise;
         };
         return SceneParser;
-    }();
+    }(HierarchyParser);
     exports.MeshLoader = /*#__PURE__*/ function(Loader1) {
         var MeshLoader = function MeshLoader() {
             return Loader1.apply(this, arguments);
@@ -39158,7 +39472,7 @@
                     resourceManager // @ts-ignore
                     .getResourceByRef(value).then(function(asset) {
                         keyframe.value = asset;
-                        resolve(keyframe);
+                        resolve(keyframe.value);
                     });
                 });
             } else {
@@ -40157,7 +40471,7 @@
         };
         /**
        * Parse the glb format.
-       */ GLTFUtils.parseGLB = function parseGLB(context, glb) {
+       */ GLTFUtils.parseGLB = function parseGLB(context, originBuffer) {
             var UINT32_LENGTH = 4;
             var GLB_HEADER_MAGIC = 0x46546c67; // 'glTF'
             var GLB_HEADER_LENGTH = 12;
@@ -40165,7 +40479,7 @@
                 JSON: 0x4e4f534a,
                 BIN: 0x004e4942
             };
-            var dataView = new DataView(glb);
+            var dataView = new DataView(originBuffer);
             // read header
             var header = {
                 magic: dataView.getUint32(0, true),
@@ -40173,8 +40487,9 @@
                 length: dataView.getUint32(2 * UINT32_LENGTH, true)
             };
             if (header.magic !== GLB_HEADER_MAGIC) {
-                console.error("Invalid glb magic number. Expected 0x46546C67, found 0x" + header.magic.toString(16));
-                return null;
+                return {
+                    originBuffer: originBuffer
+                };
             }
             // read main data
             var chunkLength = dataView.getUint32(GLB_HEADER_LENGTH, true);
@@ -40184,7 +40499,7 @@
                 console.error("Invalid glb chunk type. Expected 0x4E4F534A, found 0x" + chunkType.toString(16));
                 return null;
             }
-            var glTFData = new Uint8Array(glb, GLB_HEADER_LENGTH + 2 * UINT32_LENGTH, chunkLength);
+            var glTFData = new Uint8Array(originBuffer, GLB_HEADER_LENGTH + 2 * UINT32_LENGTH, chunkLength);
             var glTF = JSON.parse(Utils.decodeText(glTFData));
             // read all buffers
             var buffers = [];
@@ -40198,7 +40513,7 @@
                     return null;
                 }
                 var currentOffset = byteOffset + 2 * UINT32_LENGTH;
-                var buffer = glb.slice(currentOffset, currentOffset + chunkLength);
+                var buffer = originBuffer.slice(currentOffset, currentOffset + chunkLength);
                 buffers.push(buffer);
                 restoreGLBBufferSlice.push(new Vector2(currentOffset, chunkLength));
                 byteOffset += chunkLength + 2 * UINT32_LENGTH;
@@ -41598,23 +41913,20 @@
             var requestConfig = {
                 type: "arraybuffer"
             };
-            var isGLB = this._isGLB(url);
-            contentRestorer.isGLB = isGLB;
-            var promise = isGLB ? request(url, requestConfig).onProgress(undefined, context._onTaskDetail).then(function(glb) {
+            return request(url, requestConfig).onProgress(undefined, context._onTaskDetail).then(function(buffer) {
                 restoreBufferRequests.push(new BufferRequestInfo(url, requestConfig));
-                return GLTFUtils.parseGLB(context, glb);
-            }).then(function(param) {
-                var glTF = param.glTF, buffers = param.buffers;
-                context.buffers = buffers;
-                return glTF;
-            }) : request(url, {
-                type: "json"
-            }).onProgress(undefined, context._onTaskDetail);
-            return promise;
-        };
-        _proto._isGLB = function _isGLB(url) {
-            var index = url.lastIndexOf(".");
-            return url.substring(index + 1, index + 4) === "glb";
+                return GLTFUtils.parseGLB(context, buffer);
+            }).then(function(result) {
+                var _result;
+                if ((_result = result) == null ? void 0 : _result.glTF) {
+                    contentRestorer.isGLB = true;
+                    context.buffers = result.buffers;
+                    return result.glTF;
+                } else {
+                    contentRestorer.isGLB = false;
+                    return JSON.parse(Utils.decodeText(new Uint8Array(result.originBuffer)));
+                }
+            });
         };
         return GLTFSchemaParser;
     }(GLTFParser);
@@ -43563,6 +43875,84 @@
             "mesh"
         ])
     ], MeshLoader);
+    var PrimitiveMeshLoader = /*#__PURE__*/ function(Loader1) {
+        var PrimitiveMeshLoader = function PrimitiveMeshLoader() {
+            return Loader1.apply(this, arguments);
+        };
+        _inherits(PrimitiveMeshLoader, Loader1);
+        var _proto = PrimitiveMeshLoader.prototype;
+        _proto.load = function load(item, param) {
+            var engine = param.engine;
+            return this.request(item.url, _extends({}, item, {
+                type: "json"
+            })).then(function(data) {
+                switch(data.type){
+                    case "sphere":
+                        return PrimitiveMesh.createSubdivisionSurfaceSphere(engine, data.sphereRadius, data.sphereStep);
+                    case "capsule":
+                        return PrimitiveMesh.createCapsule(engine, data.capsuleRadius, data.capsuleHeight, data.capsuleRadialSegments, data.capsuleHeightSegments);
+                    case "cone":
+                        return PrimitiveMesh.createCone(engine, data.coneRadius, data.coneHeight, data.coneRadialSegment, data.coneHeightSegment);
+                    case "cuboid":
+                        return PrimitiveMesh.createCuboid(engine, data.cuboidWidth, data.cuboidHeight, data.cuboidDepth);
+                    case "cylinder":
+                        return PrimitiveMesh.createCylinder(engine, data.cylinderRadiusTop, data.cylinderRadiusBottom, data.cylinderHeight, data.cylinderRadialSegment, data.cylinderHeightSegment);
+                    case "plane":
+                        return PrimitiveMesh.createPlane(engine, data.planeWidth, data.planeHeight, data.planeHorizontalSegments, data.planeVerticalSegments);
+                    case "torus":
+                        return PrimitiveMesh.createTorus(engine, data.torusRadius, data.torusTubeRadius, data.torusRadialSegments, data.torusTubularSegments, data.torusArc);
+                }
+            });
+        };
+        return PrimitiveMeshLoader;
+    }(Loader);
+    PrimitiveMeshLoader = __decorate([
+        resourceLoader(exports.AssetType.PrimitiveMesh, [
+            "mesh"
+        ], false)
+    ], PrimitiveMeshLoader);
+    var /** @internal */ PrimitiveMeshType;
+    (function(PrimitiveMeshType) {
+        PrimitiveMeshType["Sphere"] = "sphere";
+        PrimitiveMeshType["Cuboid"] = "cuboid";
+        PrimitiveMeshType["Plane"] = "plane";
+        PrimitiveMeshType["Cylinder"] = "cylinder";
+        PrimitiveMeshType["Torus"] = "torus";
+        PrimitiveMeshType["Cone"] = "cone";
+        PrimitiveMeshType["Capsule"] = "capsule";
+    })(PrimitiveMeshType || (PrimitiveMeshType = {}));
+    var ProjectLoader = /*#__PURE__*/ function(Loader1) {
+        var ProjectLoader = function ProjectLoader() {
+            return Loader1.apply(this, arguments);
+        };
+        _inherits(ProjectLoader, Loader1);
+        var _proto = ProjectLoader.prototype;
+        _proto.load = function load(item, resourceManager) {
+            var _this = this;
+            var engine = resourceManager.engine;
+            return new AssetPromise(function(resolve, reject) {
+                _this.request(item.url, {
+                    type: "json"
+                }).then(function(data) {
+                    // @ts-ignore
+                    engine.resourceManager.initVirtualResources(data.files);
+                    return resourceManager.load({
+                        type: exports.AssetType.Scene,
+                        url: data.scene
+                    }).then(function(scene) {
+                        engine.sceneManager.activeScene = scene;
+                        resolve();
+                    });
+                }).catch(reject);
+            });
+        };
+        return ProjectLoader;
+    }(Loader);
+    ProjectLoader = __decorate([
+        resourceLoader(exports.AssetType.Project, [
+            "proj"
+        ], false)
+    ], ProjectLoader);
     var SourceFontLoader = /*#__PURE__*/ function(Loader1) {
         var SourceFontLoader = function SourceFontLoader() {
             return Loader1.apply(this, arguments);
@@ -43891,38 +44281,6 @@
             ""
         ])
     ], TextureCubeLoader);
-    var ProjectLoader = /*#__PURE__*/ function(Loader1) {
-        var ProjectLoader = function ProjectLoader() {
-            return Loader1.apply(this, arguments);
-        };
-        _inherits(ProjectLoader, Loader1);
-        var _proto = ProjectLoader.prototype;
-        _proto.load = function load(item, resourceManager) {
-            var _this = this;
-            var engine = resourceManager.engine;
-            return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, {
-                    type: "json"
-                }).then(function(data) {
-                    // @ts-ignore
-                    engine.resourceManager.initVirtualResources(data.files);
-                    return resourceManager.load({
-                        type: exports.AssetType.Scene,
-                        url: data.scene
-                    }).then(function(scene) {
-                        engine.sceneManager.activeScene = scene;
-                        resolve();
-                    });
-                }).catch(reject);
-            });
-        };
-        return ProjectLoader;
-    }(Loader);
-    ProjectLoader = __decorate([
-        resourceLoader(exports.AssetType.Project, [
-            "proj"
-        ], false)
-    ], ProjectLoader);
     var SceneLoader = /*#__PURE__*/ function(Loader1) {
         var SceneLoader = function SceneLoader() {
             return Loader1.apply(this, arguments);
@@ -43941,7 +44299,7 @@
                         // parse ambient light
                         var ambient = data.scene.ambient;
                         if (ambient) {
-                            var useCustomAmbient = ambient.specularMode === "Custom";
+                            var useCustomAmbient = ambient.specularMode === exports.SpecularMode.Custom;
                             var useSH = ambient.diffuseMode === exports.DiffuseMode.SphericalHarmonics;
                             scene.ambientLight.diffuseIntensity = ambient.diffuseIntensity;
                             scene.ambientLight.specularIntensity = ambient.specularIntensity;
@@ -44010,6 +44368,8 @@
                             var _shadow_shadowTwoCascadeSplits;
                             scene.shadowTwoCascadeSplits = (_shadow_shadowTwoCascadeSplits = shadow.shadowTwoCascadeSplits) != null ? _shadow_shadowTwoCascadeSplits : scene.shadowTwoCascadeSplits;
                             shadow.shadowFourCascadeSplits && scene.shadowFourCascadeSplits.copyFrom(shadow.shadowFourCascadeSplits);
+                            var _shadow_shadowFadeBorder;
+                            scene.shadowFadeBorder = (_shadow_shadowFadeBorder = shadow.shadowFadeBorder) != null ? _shadow_shadowFadeBorder : scene.shadowFadeBorder;
                         }
                         return Promise.all(promises).then(function() {
                             resolve(scene);
@@ -44400,7 +44760,7 @@
     ], KHR_materials_anisotropy);
 
     //@ts-ignore
-    var version = "1.2.0-alpha.1";
+    var version = "1.2.0-alpha.11";
     console.log("Galacean engine version: " + version);
     for(var key in CoreObjects){
         Loader.registerClass(key, CoreObjects[key]);
@@ -44448,7 +44808,6 @@
     exports.Color = Color;
     exports.ColorOverLifetimeModule = ColorOverLifetimeModule;
     exports.Component = Component;
-    exports.ComponentMap = ComponentMap;
     exports.ConeShape = ConeShape;
     exports.ContentRestorer = ContentRestorer;
     exports.CubeProbe = CubeProbe;
@@ -44492,6 +44851,7 @@
     exports.PBRBaseMaterial = PBRBaseMaterial;
     exports.PBRMaterial = PBRMaterial;
     exports.PBRSpecularMaterial = PBRSpecularMaterial;
+    exports.ParserContext = ParserContext;
     exports.ParticleCompositeCurve = ParticleCompositeCurve;
     exports.ParticleCompositeGradient = ParticleCompositeGradient;
     exports.ParticleCurve = ParticleCurve;