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

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
@@ -8267,7 +8277,11 @@
             }
             ShaderLib[includeName] = includeSource;
         };
-        ShaderFactory.parseIncludes = function parseIncludes(src) {
+        /**
+       * @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) {
@@ -8276,7 +8290,6 @@
                 }
                 return ShaderFactory.parseIncludes(replace);
             };
-            var regex = /^[ \t]*#include +<([\w\d.]+)>/gm;
             return src.replace(regex, replace);
         };
         /**
@@ -11229,7 +11242,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);
                 }
             }
@@ -17678,6 +17691,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 +17728,7 @@
             }
             if (top !== -1 && bottom !== -1) {
                 ascent = baseline - top;
+                // Baseline belong to descent
                 descent = bottom - baseline + 1;
                 size = ascent + descent;
             }
@@ -17788,9 +17805,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 +17814,9 @@
     (function() {
         TextUtils._measureBaseline = "M";
     })();
+    (function() {
+        TextUtils._heightMultiplier = 2;
+    })();
     (function() {
         TextUtils._baselineMultiplier = 1.4;
     })();
@@ -19539,6 +19558,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 +19940,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 +20143,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) : [];
@@ -20805,7 +20828,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 +20836,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 +20892,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 +20908,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;
     }();
     /**
@@ -22860,7 +22868,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 +22877,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 +22958,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 +22981,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 +23071,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 +23106,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 +23132,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 +23157,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 +23282,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 +23290,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",
@@ -23803,7 +23756,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();
@@ -26628,7 +26581,12 @@
             if (componentA.instanceId === componentB.instanceId) {
                 return dataA.material._priority - dataB.material._priority || componentA._distanceForSort - componentB._distanceForSort;
             } else {
-                return componentA._distanceForSort - componentB._distanceForSort;
+                var distanceDiff = componentA._distanceForSort - componentB._distanceForSort;
+                if (distanceDiff === 0) {
+                    return componentA.instanceId - componentB.instanceId;
+                } else {
+                    return distanceDiff;
+                }
             }
         };
         /**
@@ -26646,7 +26604,12 @@
             if (componentA.instanceId === componentB.instanceId) {
                 return dataA.material._priority - dataB.material._priority || componentB._distanceForSort - componentA._distanceForSort;
             } 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;
@@ -27847,14 +27810,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 +27829,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 +27842,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 +27987,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.
@@ -28076,7 +28044,7 @@
             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 +28066,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 +28118,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 +28138,7 @@
                 },
                 set: function set(value) {
                     this._nearClipPlane = value;
-                    this._projMatChange();
+                    this._projectionMatrixChange();
                 }
             },
             {
@@ -28177,7 +28150,7 @@
                 },
                 set: function set(value) {
                     this._farClipPlane = value;
-                    this._projMatChange();
+                    this._projectionMatrixChange();
                 }
             },
             {
@@ -28189,7 +28162,7 @@
                 },
                 set: function set(value) {
                     this._fieldOfView = value;
-                    this._projMatChange();
+                    this._projectionMatrixChange();
                 }
             },
             {
@@ -28204,7 +28177,7 @@
                 },
                 set: function set(value) {
                     this._customAspectRatio = value;
-                    this._projMatChange();
+                    this._projectionMatrixChange();
                 }
             },
             {
@@ -28256,7 +28229,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 +28246,7 @@
                 },
                 set: function set(value) {
                     this._orthographicSize = value;
-                    this._projMatChange();
+                    this._projectionMatrixChange();
                 }
             },
             {
@@ -28277,22 +28255,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 +28293,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 +28357,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);
@@ -43563,6 +43547,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 +43953,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);
@@ -44400,7 +44430,7 @@
     ], KHR_materials_anisotropy);
 
     //@ts-ignore
-    var version = "1.2.0-alpha.1";
+    var version = "1.2.0-alpha.2";
     console.log("Galacean engine version: " + version);
     for(var key in CoreObjects){
         Loader.registerClass(key, CoreObjects[key]);