@galacean/engine 1.3.15 → 1.3.17

package/dist/browser.js

@@ -5619,6 +5619,11 @@
             if (Utils.isBase64Url(relativeUrl)) {
                 return relativeUrl;
             }
+            if (!/^https?:/.test(baseUrl)) {
+                var fileSchema = "files://";
+                baseUrl = fileSchema + baseUrl;
+                return new URL(relativeUrl, baseUrl).href.substring(fileSchema.length);
+            }
             return relativeUrl ? new URL(relativeUrl, baseUrl).href : baseUrl;
         };
         /**
@@ -7138,7 +7143,7 @@
     var rotation_over_lifetime_module = "#define GLSLIFY 1\n#if defined(RENDERER_ROL_CONSTANT_MODE) || defined(RENDERER_ROL_CURVE_MODE)\n#ifdef RENDERER_ROL_CURVE_MODE\nuniform vec2 renderer_ROLMaxCurveZ[4];\n#ifdef RENDERER_ROL_IS_RANDOM_TWO\nuniform vec2 renderer_ROLMinCurveZ[4];\n#endif\n#else\nuniform vec3 renderer_ROLMaxConst;\n#ifdef RENDERER_ROL_IS_RANDOM_TWO\nuniform vec3 renderer_ROLMinConst;\n#endif\n#endif\n#endif\nfloat computeParticleRotationFloat(in float rotation,in float age,in float normalizedAge){\n#if defined(RENDERER_ROL_CONSTANT_MODE) || defined(RENDERER_ROL_CURVE_MODE)\n#ifdef RENDERER_ROL_CURVE_MODE\nfloat lifeRotation=evaluateParticleCurveCumulative(renderer_ROLMaxCurveZ,normalizedAge);\n#ifdef RENDERER_ROL_IS_RANDOM_TWO\nlifeRotation=mix(evaluateParticleCurveCumulative(renderer_ROLMinCurveZ,normalizedAge),lifeRotation,a_Random0.w);\n#endif\nrotation+=lifeRotation*a_ShapePositionStartLifeTime.w;\n#else\nfloat lifeRotation=renderer_ROLMaxConst.z;\n#ifdef RENDERER_ROL_IS_RANDOM_TWO\nlifeRotation=mix(renderer_ROLMinConst.z,lifeRotation,a_Random0.w);\n#endif\nrotation+=lifeRotation*age;\n#endif\n#endif\nreturn rotation;}\n#if defined(RENDERER_MODE_MESH) && (defined(ROTATION_OVER_LIFETIME) || defined(ROTATION_OVER_LIFETIME_SEPARATE))\nvec3 computeParticleRotationVec3(in vec3 rotation,in float age,in float normalizedAge){\n#ifdef ROTATION_OVER_LIFETIME\n#ifdef ROTATION_OVER_LIFETIME_CONSTANT\nfloat ageRot=u_ROLAngularVelocityConst*age;rotation+=ageRot;\n#endif\n#ifdef ROTATION_OVER_LIFETIME_CURVE\nrotation+=getTotalValueFromGradientFloat(u_ROLAngularVelocityGradient,normalizedAge);\n#endif\n#ifdef ROTATION_OVER_LIFETIME_RANDOM_CONSTANTS\nfloat ageRot=mix(u_ROLAngularVelocityConst,u_ROLAngularVelocityConstMax,a_Random0.w)*age;rotation+=ageRot;\n#endif\n#ifdef ROTATION_OVER_LIFETIME_RANDOM_CURVES\nrotation+=mix(getTotalValueFromGradientFloat(u_ROLAngularVelocityGradient,normalizedAge),getTotalValueFromGradientFloat(u_ROLAngularVelocityGradientMax,normalizedAge),a_Random0.w);\n#endif\n#endif\n#ifdef ROTATION_OVER_LIFETIME_SEPARATE\n#ifdef ROTATION_OVER_LIFETIME_CONSTANT\nvec3 ageRot=u_ROLAngularVelocityConstSeparate*age;rotation+=ageRot;\n#endif\n#ifdef ROTATION_OVER_LIFETIME_CURVE\nrotation+=vec3(getTotalValueFromGradientFloat(u_ROLAngularVelocityGradientX,normalizedAge),getTotalValueFromGradientFloat(u_ROLAngularVelocityGradientY,normalizedAge),getTotalValueFromGradientFloat(u_ROLAngularVelocityGradientZ,normalizedAge));\n#endif\n#ifdef ROTATION_OVER_LIFETIME_RANDOM_CONSTANTS\nvec3 ageRot=mix(u_ROLAngularVelocityConstSeparate,renderer_ROLMaxConst,a_Random0.w)*age;rotation+=ageRot;\n#endif\n#ifdef ROTATION_OVER_LIFETIME_RANDOM_CURVES\nrotation+=vec3(mix(getTotalValueFromGradientFloat(u_ROLAngularVelocityGradientX,normalizedAge),getTotalValueFromGradientFloat(renderer_ROLMaxCurveX,normalizedAge),a_Random0.w),mix(getTotalValueFromGradientFloat(u_ROLAngularVelocityGradientY,normalizedAge),getTotalValueFromGradientFloat(renderer_ROLMaxCurveY,normalizedAge),a_Random0.w),mix(getTotalValueFromGradientFloat(u_ROLAngularVelocityGradientZ,normalizedAge),getTotalValueFromGradientFloat(renderer_ROLMaxCurveZ,normalizedAge),a_Random0.w));\n#endif\n#endif\nreturn rotation;}\n#endif\n"; // eslint-disable-line
     var size_over_lifetime_module = "#define GLSLIFY 1\n#ifdef RENDERER_SOL_CURVE_MODE\nuniform vec2 renderer_SOLMaxCurveX[4];\n#ifdef RENDERER_SOL_IS_SEPARATE\nuniform vec2 renderer_SOLMaxCurveY[4];uniform vec2 renderer_SOLMaxCurveZ[4];\n#endif\n#ifdef RENDERER_SOL_IS_RANDOM_TWO\nuniform vec2 renderer_SOLMinCurveX[4];\n#ifdef RENDERER_SOL_IS_SEPARATE\nuniform vec2 renderer_SOLMinCurveY[4];uniform vec2 renderer_SOLMinCurveZ[4];\n#endif\n#endif\n#endif\nvec2 computeParticleSizeBillboard(in vec2 size,in float normalizedAge){\n#ifdef RENDERER_SOL_CURVE_MODE\nfloat lifeSizeX=evaluateParticleCurve(renderer_SOLMaxCurveX,normalizedAge);\n#ifdef RENDERER_SOL_IS_RANDOM_TWO\nlifeSizeX=mix(evaluateParticleCurve(renderer_SOLMinCurveX,normalizedAge),lifeSizeX,a_Random0.z);\n#endif\n#ifdef RENDERER_SOL_IS_SEPARATE\nfloat lifeSizeY=evaluateParticleCurve(renderer_SOLMaxCurveY,normalizedAge);\n#ifdef RENDERER_SOL_IS_RANDOM_TWO\nlifeSizeY=mix(evaluateParticleCurve(renderer_SOLMinCurveY,normalizedAge),lifeSizeY,a_Random0.z);\n#endif\nsize*=vec2(lifeSizeX,lifeSizeY);\n#else\nsize*=lifeSizeX;\n#endif\n#endif\nreturn size;}\n#ifdef RENDERER_MODE_MESH\nvec3 computeParticleSizeMesh(in vec3 size,in float normalizedAge){\n#ifdef RENDERER_SOL_CURVE\nsize*=evaluateParticleCurve(renderer_SOLMaxCurveX,normalizedAge);\n#endif\n#ifdef RENDERER_SOL_RANDOM_CURVES\nsize*=mix(evaluateParticleCurve(renderer_SOLMaxCurveX,normalizedAge),evaluateParticleCurve(u_SOLSizeGradientMax,normalizedAge),a_Random0.z);\n#endif\n#ifdef RENDERER_SOL_CURVE_SEPARATE\nsize*=vec3(evaluateParticleCurve(renderer_SOLMinCurveX,normalizedAge),evaluateParticleCurve(renderer_SOLMinCurveY,normalizedAge),evaluateParticleCurve(renderer_SOLMinCurveZ,normalizedAge));\n#endif\n#ifdef RENDERER_SOL_RANDOM_CURVES_SEPARATE\nsize*=vec3(mix(evaluateParticleCurve(renderer_SOLMinCurveX,normalizedAge),evaluateParticleCurve(renderer_SOLMaxCurveX,normalizedAge),a_Random0.z),mix(evaluateParticleCurve(renderer_SOLMinCurveY,normalizedAge),evaluateParticleCurve(renderer_SOLMaxCurveY,normalizedAge),a_Random0.z),mix(evaluateParticleCurve(renderer_SOLMinCurveZ,normalizedAge),evaluateParticleCurve(renderer_SOLMaxCurveZ,normalizedAge),a_Random0.z));\n#endif\nreturn size;}\n#endif\n"; // eslint-disable-line
     var color_over_lifetime_module = "#define GLSLIFY 1\n#if defined(RENDERER_COL_GRADIENT) || defined(RENDERER_COL_RANDOM_GRADIENTS)\nuniform vec4 renderer_COLMaxGradientColor[4];uniform vec2 renderer_COLMaxGradientAlpha[4];\n#ifdef RENDERER_COL_RANDOM_GRADIENTS\nuniform vec4 renderer_COLMinGradientColor[4];uniform vec2 renderer_COLMinGradientAlpha[4];\n#endif\nuniform vec4 renderer_COLGradientKeysMaxTime;\n#endif\n#if defined(RENDERER_COL_GRADIENT) || defined(RENDERER_COL_RANDOM_GRADIENTS)\nvec4 evaluateParticleGradient(in vec4 colorKeys[4],in float colorKeysMaxTime,in vec2 alphaKeys[4],in float alphaKeysMaxTime,in float normalizedAge){vec4 value;float alphaAge=min(normalizedAge,alphaKeysMaxTime);for(int i=0;i<4;i++){vec2 key=alphaKeys[i];float time=key.x;if(alphaAge<=time){if(i==0){value.a=alphaKeys[0].y;}else{vec2 lastKey=alphaKeys[i-1];float lastTime=lastKey.x;float age=(alphaAge-lastTime)/(time-lastTime);value.a=mix(lastKey.y,key.y,age);}break;}}float colorAge=min(normalizedAge,colorKeysMaxTime);for(int i=0;i<4;i++){vec4 key=colorKeys[i];float time=key.x;if(colorAge<=time){if(i==0){value.rgb=colorKeys[0].yzw;}else{vec4 lastKey=colorKeys[i-1];float lastTime=lastKey.x;float age=(colorAge-lastTime)/(time-lastTime);value.rgb=mix(lastKey.yzw,key.yzw,age);}break;}}return value;}\n#endif\nvec4 computeParticleColor(in vec4 color,in float normalizedAge){\n#if defined(RENDERER_COL_GRADIENT) || defined(RENDERER_COL_RANDOM_GRADIENTS)\nvec4 gradientColor=evaluateParticleGradient(renderer_COLMaxGradientColor,renderer_COLGradientKeysMaxTime.z,renderer_COLMaxGradientAlpha,renderer_COLGradientKeysMaxTime.w,normalizedAge);\n#endif\n#ifdef RENDERER_COL_RANDOM_GRADIENTS\ngradientColor=mix(evaluateParticleGradient(renderer_COLMinGradientColor,renderer_COLGradientKeysMaxTime.x,renderer_COLMinGradientAlpha,renderer_COLGradientKeysMaxTime.y,normalizedAge),gradientColor,a_Random0.y);\n#endif\n#if defined(RENDERER_COL_GRADIENT) || defined(RENDERER_COL_RANDOM_GRADIENTS)\ncolor*=gradientColor;\n#endif\nreturn color;}"; // eslint-disable-line
-    var texture_sheet_animation_module = "#define GLSLIFY 1\n#if defined(RENDERER_TSA_FRAME_CURVE) || defined(RENDERER_TSA_FRAME_RANDOM_CURVES)\nuniform float renderer_TSACycles;uniform vec3 renderer_TSATillingParams;uniform vec2 renderer_TSAFrameMaxCurve[4];\n#ifdef RENDERER_TSA_FRAME_RANDOM_CURVES\nuniform vec2 renderer_TSAFrameMinCurve[4];\n#endif\n#endif\nvec2 computeParticleUV(in vec2 uv,in float normalizedAge){\n#if defined(RENDERER_TSA_FRAME_CURVE) || defined(RENDERER_TSA_FRAME_RANDOM_CURVES)\nfloat scaledNormalizedAge=normalizedAge*renderer_TSACycles;float cycleNormalizedAge=scaledNormalizedAge-floor(scaledNormalizedAge);float normalizedFrame=evaluateParticleCurve(renderer_TSAFrameMaxCurve,cycleNormalizedAge);\n#ifdef RENDERER_TSA_FRAME_RANDOM_CURVES\nnormalizedFrame=mix(evaluateParticleCurve(renderer_TSAFrameMinCurve,cycleNormalizedAge),normalizedFrame,a_Random1.x);\n#endif\nfloat frame=floor(normalizedFrame*renderer_TSATillingParams.z);float tileRow=frame*renderer_TSATillingParams.x;float floorTotalULength=floor(tileRow);uv.x+=tileRow-tileRowIndex;uv.y+=tileRowIndex*renderer_TSATillingParams.y;\n#endif\nreturn uv;}"; // eslint-disable-line
+    var texture_sheet_animation_module = "#define GLSLIFY 1\n#if defined(RENDERER_TSA_FRAME_CURVE) || defined(RENDERER_TSA_FRAME_RANDOM_CURVES)\nuniform float renderer_TSACycles;uniform vec3 renderer_TSATillingParams;uniform vec2 renderer_TSAFrameMaxCurve[4];\n#ifdef RENDERER_TSA_FRAME_RANDOM_CURVES\nuniform vec2 renderer_TSAFrameMinCurve[4];\n#endif\n#endif\nvec2 computeParticleUV(in vec2 uv,in float normalizedAge){\n#if defined(RENDERER_TSA_FRAME_CURVE) || defined(RENDERER_TSA_FRAME_RANDOM_CURVES)\nfloat scaledNormalizedAge=normalizedAge*renderer_TSACycles;float cycleNormalizedAge=scaledNormalizedAge-floor(scaledNormalizedAge);float normalizedFrame=evaluateParticleCurve(renderer_TSAFrameMaxCurve,cycleNormalizedAge);\n#ifdef RENDERER_TSA_FRAME_RANDOM_CURVES\nnormalizedFrame=mix(evaluateParticleCurve(renderer_TSAFrameMinCurve,cycleNormalizedAge),normalizedFrame,a_Random1.x);\n#endif\nfloat frame=floor(normalizedFrame*renderer_TSATillingParams.z);float tileRow=frame*renderer_TSATillingParams.x;float tileRowIndex=floor(tileRow);uv.x+=tileRow-tileRowIndex;uv.y+=tileRowIndex*renderer_TSATillingParams.y;\n#endif\nreturn uv;}"; // eslint-disable-line
     var sphere_billboard = "#define GLSLIFY 1\n#ifdef RENDERER_MODE_SPHERE_BILLBOARD\nvec2 corner=a_CornerTextureCoordinate.xy+renderer_PivotOffset.xy;vec3 sideVector=normalize(cross(camera_Forward,camera_Up));vec3 upVector=normalize(cross(sideVector,camera_Forward));corner*=computeParticleSizeBillboard(a_StartSize.xy,normalizedAge);\n#if defined(RENDERER_ROL_CONSTANT_MODE) || defined(RENDERER_ROL_CURVE_MODE)\nif(renderer_ThreeDStartRotation){vec3 rotation=vec3(a_StartRotation0.xy,computeParticleRotationFloat(a_StartRotation0.z,age,normalizedAge));center+=renderer_SizeScale.xzy*rotationByEuler(corner.x*sideVector+corner.y*upVector,rotation);}else{float rot=computeParticleRotationFloat(a_StartRotation0.x,age,normalizedAge);float c=cos(rot);float s=sin(rot);mat2 rotation=mat2(c,-s,s,c);corner=rotation*corner;center+=renderer_SizeScale.xzy*(corner.x*sideVector+corner.y*upVector);}\n#else\nif(renderer_ThreeDStartRotation){center+=renderer_SizeScale.xzy*rotationByEuler(corner.x*sideVector+corner.y*upVector,a_StartRotation0);}else{float c=cos(a_StartRotation0.x);float s=sin(a_StartRotation0.x);mat2 rotation=mat2(c,-s,s,c);corner=rotation*corner;center+=renderer_SizeScale.xzy*(corner.x*sideVector+corner.y*upVector);}\n#endif\n#endif\n"; // eslint-disable-line
     var stretched_billboard = "#define GLSLIFY 1\n#ifdef RENDERER_MODE_STRETCHED_BILLBOARD\nvec2 corner=a_CornerTextureCoordinate.xy+renderer_PivotOffset.xy;vec3 velocity;\n#if defined(RENDERER_VOL_CONSTANT) || defined(RENDERER_VOL_CURVE) || defined(RENDERER_VOL_RANDOM_CONSTANT) || defined(RENDERER_VOL_RANDOM_CURVE)\nif(renderer_VOLSpace==0){velocity=rotationByQuaternions(renderer_SizeScale*(startVelocity+lifeVelocity),worldRotation)+gravityVelocity;}else{velocity=rotationByQuaternions(renderer_SizeScale*startVelocity,worldRotation)+lifeVelocity+gravityVelocity;}\n#else\nvelocity=rotationByQuaternions(renderer_SizeScale*startVelocity,worldRotation)+gravityVelocity;\n#endif\nvec3 cameraUpVector=normalize(velocity);vec3 direction=normalize(center-camera_Position);vec3 sideVector=normalize(cross(direction,normalize(velocity)));sideVector=renderer_SizeScale.xzy*sideVector;cameraUpVector=length(vec3(renderer_SizeScale.x,0.0,0.0))*cameraUpVector;vec2 size=computeParticleSizeBillboard(a_StartSize.xy,normalizedAge);const mat2 rotationZHalfPI=mat2(0.0,-1.0,1.0,0.0);corner=rotationZHalfPI*corner;corner.y=corner.y-abs(corner.y);float speed=length(velocity);center+=sign(renderer_SizeScale.x)*(sign(renderer_StretchedBillboardLengthScale)*size.x*corner.x*sideVector+(speed*renderer_StretchedBillboardSpeedScale+size.y*renderer_StretchedBillboardLengthScale)*corner.y*cameraUpVector);\n#endif\n"; // eslint-disable-line
     var vertical_billboard = "#define GLSLIFY 1\n#ifdef RENDERER_MODE_VERTICAL_BILLBOARD\nvec2 corner=a_CornerTextureCoordinate.xy+renderer_PivotOffset.xy;const vec3 cameraUpVector=vec3(0.0,1.0,0.0);vec3 sideVector=normalize(cross(camera_Forward,cameraUpVector));float rot=computeParticleRotationFloat(a_StartRotation0.x,age,normalizedAge);float c=cos(rot);float s=sin(rot);mat2 rotation=mat2(c,-s,s,c);corner=rotation*corner*cos(0.78539816339744830961566084581988);corner*=computeParticleSizeBillboard(a_StartSize.xy,normalizedAge);center+=renderer_SizeScale.xzy*(corner.x*sideVector+corner.y*cameraUpVector);\n#endif\n"; // eslint-disable-line
@@ -15136,7 +15141,7 @@
                 if (background.mode === exports.BackgroundMode.Sky) {
                     background.sky._render(context);
                 } else if (background.mode === exports.BackgroundMode.Texture && background.texture) {
-                    this._drawBackgroundTexture(engine, background);
+                    this._drawBackgroundTexture(camera, background);
                 }
             }
             // Copy opaque texture
@@ -15232,7 +15237,8 @@
                 renderElement.renderQueueFlags |= flag;
             }
         };
-        _proto._drawBackgroundTexture = function _drawBackgroundTexture(engine, background) {
+        _proto._drawBackgroundTexture = function _drawBackgroundTexture(camera, background) {
+            var engine = camera.engine;
             var rhi = engine._hardwareRenderer;
             var canvas = engine.canvas;
             var material = background._material, mesh = background._mesh;
@@ -15244,6 +15250,7 @@
             var program = pass._getShaderProgram(engine, Shader._compileMacros);
             program.bind();
             program.uploadAll(program.materialUniformBlock, material.shaderData);
+            program.uploadAll(program.cameraUniformBlock, camera.shaderData);
             program.uploadUnGroupTextures();
             (pass._renderState || material.renderState)._applyStates(engine, false, pass._renderStateDataMap, material.shaderData);
             rhi.drawPrimitive(mesh._primitive, mesh.subMesh, program);
@@ -23797,6 +23804,7 @@
         AssetType[/** 2D Texture. */ "Texture2D"] = "Texture2D";
         AssetType[/** Cube Texture. */ "TextureCube"] = "TextureCube";
         AssetType[/** Material. */ "Material"] = "Material";
+        AssetType[/** Shader. */ "Shader"] = "Shader";
         AssetType[/** Mesh. */ "Mesh"] = "Mesh";
         AssetType[/** AnimationClip. */ "AnimationClip"] = "AnimationClip";
         AssetType[/** AnimatorController. */ "AnimatorController"] = "AnimatorController";
@@ -24284,13 +24292,15 @@
         /**
        * @internal
        */ _proto._onSubAssetSuccess = function _onSubAssetSuccess(assetBaseURL, assetSubPath, value) {
-            var _this__subAssetPromiseCallbacks_assetBaseURL;
-            var subPromiseCallback = (_this__subAssetPromiseCallbacks_assetBaseURL = this._subAssetPromiseCallbacks[assetBaseURL]) == null ? void 0 : _this__subAssetPromiseCallbacks_assetBaseURL[assetSubPath];
+            var _this__subAssetPromiseCallbacks_remoteAssetBaseURL;
+            var _this__virtualPathMap_assetBaseURL;
+            var remoteAssetBaseURL = (_this__virtualPathMap_assetBaseURL = this._virtualPathMap[assetBaseURL]) != null ? _this__virtualPathMap_assetBaseURL : assetBaseURL;
+            var subPromiseCallback = (_this__subAssetPromiseCallbacks_remoteAssetBaseURL = this._subAssetPromiseCallbacks[remoteAssetBaseURL]) == null ? void 0 : _this__subAssetPromiseCallbacks_remoteAssetBaseURL[assetSubPath];
             if (subPromiseCallback) {
                 subPromiseCallback.resolve(value);
             } else {
-                var _this__subAssetPromiseCallbacks, _assetBaseURL;
-                ((_this__subAssetPromiseCallbacks = this._subAssetPromiseCallbacks)[_assetBaseURL = assetBaseURL] || (_this__subAssetPromiseCallbacks[_assetBaseURL] = {}))[assetSubPath] = {
+                var _this__subAssetPromiseCallbacks, _remoteAssetBaseURL;
+                ((_this__subAssetPromiseCallbacks = this._subAssetPromiseCallbacks)[_remoteAssetBaseURL = remoteAssetBaseURL] || (_this__subAssetPromiseCallbacks[_remoteAssetBaseURL] = {}))[assetSubPath] = {
                     resolvedValue: value
                 };
             }
@@ -24411,33 +24421,34 @@
             var item = this._assignDefaultOptions(typeof itemOrURL === "string" ? {
                 url: itemOrURL
             } : itemOrURL);
-            // Check url mapping
-            var itemURL = item.url;
-            var url = this._virtualPathMap[itemURL] ? this._virtualPathMap[itemURL] : itemURL;
+            var url = item.url;
             // 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) : [];
+            var _this__virtualPathMap_assetBaseURL;
+            // Get remote asset base url
+            var remoteAssetBaseURL = (_this__virtualPathMap_assetBaseURL = this._virtualPathMap[assetBaseURL]) != null ? _this__virtualPathMap_assetBaseURL : assetBaseURL;
             // Check cache
-            var cacheObject = this._assetUrlPool[assetBaseURL];
+            var cacheObject = this._assetUrlPool[remoteAssetBaseURL];
             if (cacheObject) {
                 return new AssetPromise(function(resolve) {
                     resolve(_this._getResolveResource(cacheObject, paths));
                 });
             }
             // Get asset url
-            var assetURL = assetBaseURL;
+            var remoteAssetURL = remoteAssetBaseURL;
             if (queryPath) {
-                assetURL += "?q=" + paths.shift();
+                remoteAssetURL += "?q=" + paths.shift();
                 var index;
                 while(index = paths.shift()){
-                    assetURL += "[" + index + "]";
+                    remoteAssetURL += "[" + index + "]";
                 }
             }
             // Check is loading
             var loadingPromises = this._loadingPromises;
-            var loadingPromise = loadingPromises[assetURL];
+            var loadingPromise = loadingPromises[remoteAssetURL];
             if (loadingPromise) {
                 return new AssetPromise(function(resolve, reject, setTaskCompleteProgress, setTaskDetailProgress) {
                     loadingPromise.onProgress(setTaskCompleteProgress, setTaskDetailProgress).then(function(resource) {
@@ -24455,37 +24466,37 @@
             // Check sub asset
             if (queryPath) {
                 // Check whether load main asset
-                var mainPromise = loadingPromises[assetBaseURL] || this._loadMainAsset(loader, item, assetBaseURL);
+                var mainPromise = loadingPromises[remoteAssetBaseURL] || this._loadMainAsset(loader, item, remoteAssetBaseURL, assetBaseURL);
                 mainPromise.catch(function(e) {
-                    _this._onSubAssetFail(assetBaseURL, queryPath, e);
+                    _this._onSubAssetFail(remoteAssetBaseURL, queryPath, e);
                 });
-                return this._createSubAssetPromiseCallback(assetBaseURL, assetURL, queryPath);
+                return this._createSubAssetPromiseCallback(remoteAssetBaseURL, remoteAssetURL, queryPath);
             }
-            return this._loadMainAsset(loader, item, assetBaseURL);
+            return this._loadMainAsset(loader, item, remoteAssetBaseURL, assetBaseURL);
         };
-        _proto._loadMainAsset = function _loadMainAsset(loader, item, assetBaseURL) {
+        _proto._loadMainAsset = function _loadMainAsset(loader, item, remoteAssetBaseURL, assetBaseURL) {
             var _this = this;
             item.url = assetBaseURL;
             var loadingPromises = this._loadingPromises;
             var promise = loader.load(item, this);
-            loadingPromises[assetBaseURL] = promise;
+            loadingPromises[remoteAssetBaseURL] = promise;
             promise.then(function(resource) {
                 if (loader.useCache) {
-                    _this._addAsset(assetBaseURL, resource);
+                    _this._addAsset(remoteAssetBaseURL, resource);
                 }
-                delete loadingPromises[assetBaseURL];
-                _this._releaseSubAssetPromiseCallback(assetBaseURL);
+                delete loadingPromises[remoteAssetBaseURL];
+                _this._releaseSubAssetPromiseCallback(remoteAssetBaseURL);
             }, function() {
-                delete loadingPromises[assetBaseURL];
-                _this._releaseSubAssetPromiseCallback(assetBaseURL);
+                delete loadingPromises[remoteAssetBaseURL];
+                _this._releaseSubAssetPromiseCallback(remoteAssetBaseURL);
             });
             return promise;
         };
-        _proto._createSubAssetPromiseCallback = function _createSubAssetPromiseCallback(assetBaseURL, assetURL, assetSubPath) {
+        _proto._createSubAssetPromiseCallback = function _createSubAssetPromiseCallback(remoteAssetBaseURL, remoteAssetURL, assetSubPath) {
             var _this = this;
-            var _this__subAssetPromiseCallbacks_assetBaseURL, _subPromiseCallback, _subPromiseCallback1;
+            var _this__subAssetPromiseCallbacks_remoteAssetBaseURL, _subPromiseCallback, _subPromiseCallback1;
             var loadingPromises = this._loadingPromises;
-            var subPromiseCallback = (_this__subAssetPromiseCallbacks_assetBaseURL = this._subAssetPromiseCallbacks[assetBaseURL]) == null ? void 0 : _this__subAssetPromiseCallbacks_assetBaseURL[assetSubPath];
+            var subPromiseCallback = (_this__subAssetPromiseCallbacks_remoteAssetBaseURL = this._subAssetPromiseCallbacks[remoteAssetBaseURL]) == null ? void 0 : _this__subAssetPromiseCallbacks_remoteAssetBaseURL[assetSubPath];
             var resolvedValue = (_subPromiseCallback = subPromiseCallback) == null ? void 0 : _subPromiseCallback.resolvedValue;
             var rejectedValue = (_subPromiseCallback1 = subPromiseCallback) == null ? void 0 : _subPromiseCallback1.rejectedValue;
             // Already resolved or rejected
@@ -24500,17 +24511,17 @@
             }
             // Pending
             var promise = new AssetPromise(function(resolve, reject) {
-                var _this__subAssetPromiseCallbacks, _assetBaseURL;
-                ((_this__subAssetPromiseCallbacks = _this._subAssetPromiseCallbacks)[_assetBaseURL = assetBaseURL] || (_this__subAssetPromiseCallbacks[_assetBaseURL] = {}))[assetSubPath] = {
+                var _this__subAssetPromiseCallbacks, _remoteAssetBaseURL;
+                ((_this__subAssetPromiseCallbacks = _this._subAssetPromiseCallbacks)[_remoteAssetBaseURL = remoteAssetBaseURL] || (_this__subAssetPromiseCallbacks[_remoteAssetBaseURL] = {}))[assetSubPath] = {
                     resolve: resolve,
                     reject: reject
                 };
             });
-            loadingPromises[assetURL] = promise;
+            loadingPromises[remoteAssetURL] = promise;
             promise.then(function() {
-                delete loadingPromises[assetURL];
+                delete loadingPromises[remoteAssetURL];
             }, function() {
-                return delete loadingPromises[assetURL];
+                return delete loadingPromises[remoteAssetURL];
             });
             return promise;
         };
@@ -24583,16 +24594,20 @@
             if (obj) {
                 promise = Promise.resolve(obj);
             } else {
-                var _this__editorResourceConfig_refId;
-                var url = (_this__editorResourceConfig_refId = this._editorResourceConfig[refId]) == null ? void 0 : _this__editorResourceConfig_refId.path;
-                if (!url) {
+                var resourceConfig = this._editorResourceConfig[refId];
+                if (!resourceConfig) {
                     Logger.warn("refId:" + refId + " is not find in this._editorResourceConfig.");
                     return Promise.resolve(null);
                 }
-                url = key ? "" + url + (url.indexOf("?") > -1 ? "&" : "?") + "q=" + key : url;
+                var remoteUrl = resourceConfig.path;
+                var queryPath = new URL(remoteUrl).search;
+                var url = resourceConfig.virtualPath + queryPath;
+                if (key) {
+                    url += (url.indexOf("?") > -1 ? "&" : "?") + "q=" + key;
+                }
                 promise = this.load({
                     url: url,
-                    type: this._editorResourceConfig[refId].type
+                    type: resourceConfig.type
                 });
             }
             return promise.then(function(item) {
@@ -27763,13 +27778,13 @@
     var skyProceduralFs = "#define GLSLIFY 1\n#include <common>\nconst float MIE_G=-0.990;const float MIE_G2=0.9801;const float SKY_GROUND_THRESHOLD=0.02;uniform float material_SunSize;uniform float material_SunSizeConvergence;uniform vec4 scene_SunlightColor;uniform vec3 scene_SunlightDirection;varying vec3 v_GroundColor;varying vec3 v_SkyColor;\n#ifdef MATERIAL_SUN_HIGH_QUALITY\nvarying vec3 v_Vertex;\n#elif defined(MATERIAL_SUN_SIMPLE)\nvarying vec3 v_RayDir;\n#else\nvarying float v_SkyGroundFactor;\n#endif\n#if defined(MATERIAL_SUN_HIGH_QUALITY)||defined(MATERIAL_SUN_SIMPLE)\nvarying vec3 v_SunColor;\n#endif\n#if defined(ENGINE_IS_COLORSPACE_GAMMA)\n#define LINEAR_2_OUTPUT(color) sqrt(color)\n#endif\nfloat getMiePhase(float eyeCos,float eyeCos2){float temp=1.0+MIE_G2-2.0*MIE_G*eyeCos;temp=pow(temp,pow(material_SunSize,0.65)*10.0);temp=max(temp,1.0e-4);temp=1.5*((1.0-MIE_G2)/(2.0+MIE_G2))*(1.0+eyeCos2)/temp;return temp;}float calcSunAttenuation(vec3 lightPos,vec3 ray){\n#ifdef MATERIAL_SUN_HIGH_QUALITY\nfloat focusedEyeCos=pow(clamp(dot(lightPos,ray),0.0,1.0),material_SunSizeConvergence);return getMiePhase(-focusedEyeCos,focusedEyeCos*focusedEyeCos);\n#else\nvec3 delta=lightPos-ray;float dist=length(delta);float spot=1.0-smoothstep(0.0,material_SunSize,dist);return spot*spot;\n#endif\n}void main(){vec3 col=vec3(0.0,0.0,0.0);\n#ifdef MATERIAL_SUN_HIGH_QUALITY\nvec3 ray=normalize(v_Vertex);float y=ray.y/SKY_GROUND_THRESHOLD;\n#elif defined(MATERIAL_SUN_SIMPLE)\nvec3 ray=v_RayDir;float y=ray.y/SKY_GROUND_THRESHOLD;\n#else\nfloat y=v_SkyGroundFactor;\n#endif\ncol=mix(v_SkyColor,v_GroundColor,clamp(y,0.0,1.0));\n#if defined(MATERIAL_SUN_HIGH_QUALITY)||defined(MATERIAL_SUN_SIMPLE)\nif(y<0.0)col+=v_SunColor*calcSunAttenuation(-scene_SunlightDirection,-ray);\n#endif\n#ifdef ENGINE_IS_COLORSPACE_GAMMA\ncol=LINEAR_2_OUTPUT(col);\n#endif\ngl_FragColor=vec4(col,1.0);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\ngl_FragColor=linearToGamma(gl_FragColor);\n#endif\n}"; // eslint-disable-line
     var skyProceduralVs = "#define GLSLIFY 1\n#define OUTER_RADIUS 1.025\n#define RAYLEIGH (mix(0.0, 0.0025, pow(material_AtmosphereThickness,2.5)))\n#define MIE 0.0010\n#define SUN_BRIGHTNESS 20.0\n#define MAX_SCATTER 50.0\nconst float SKY_GROUND_THRESHOLD=0.02;const float outerRadius=OUTER_RADIUS;const float outerRadius2=OUTER_RADIUS*OUTER_RADIUS;const float innerRadius=1.0;const float innerRadius2=1.0;const float cameraHeight=0.0001;const float HDSundiskIntensityFactor=15.0;const float simpleSundiskIntensityFactor=27.0;const float sunScale=400.0*SUN_BRIGHTNESS;const float kmESun=MIE*SUN_BRIGHTNESS;const float km4PI=MIE*4.0*3.14159265;const float scale=1.0/(OUTER_RADIUS-1.0);const float scaleDepth=0.25;const float scaleOverScaleDepth=(1.0/(OUTER_RADIUS-1.0))/0.25;const float samples=2.0;const vec3 c_DefaultScatteringWavelength=vec3(0.65,0.57,0.475);const vec3 c_VariableRangeForScatteringWavelength=vec3(0.15,0.15,0.15);attribute vec4 POSITION;uniform mat4 camera_VPMat;uniform vec3 material_SkyTint;uniform vec3 material_GroundTint;uniform float material_Exposure;uniform float material_AtmosphereThickness;uniform vec4 scene_SunlightColor;uniform vec3 scene_SunlightDirection;varying vec3 v_GroundColor;varying vec3 v_SkyColor;\n#ifdef MATERIAL_SUN_HIGH_QUALITY\nvarying vec3 v_Vertex;\n#elif defined(MATERIAL_SUN_SIMPLE)\nvarying vec3 v_RayDir;\n#else\nvarying float v_SkyGroundFactor;\n#endif\n#if defined(MATERIAL_SUN_HIGH_QUALITY)||defined(MATERIAL_SUN_SIMPLE)\nvarying vec3 v_SunColor;\n#endif\n#if defined(ENGINE_IS_COLORSPACE_GAMMA)\n#define COLOR_2_GAMMA(color) color\n#define COLOR_2_LINEAR(color) color*color\n#else\n#define GAMMA 2.2\n#define COLOR_2_GAMMA(color) pow(color,vec3(1.0/GAMMA))\n#define COLOR_2_LINEAR(color) color\n#endif\nfloat getRayleighPhase(vec3 light,vec3 ray){float eyeCos=dot(light,ray);return 0.75+0.75*eyeCos*eyeCos;}float scaleAngle(float inCos){float x=1.0-inCos;return 0.25*exp(-0.00287+x*(0.459+x*(3.83+x*(-6.80+x*5.25))));}void main(){gl_Position=camera_VPMat*vec4(POSITION.xyz,1.0);vec3 skyTintInGammaSpace=COLOR_2_GAMMA(material_SkyTint);vec3 scatteringWavelength=mix(c_DefaultScatteringWavelength-c_VariableRangeForScatteringWavelength,c_DefaultScatteringWavelength+c_VariableRangeForScatteringWavelength,vec3(1.0)-skyTintInGammaSpace);vec3 invWavelength=1.0/pow(scatteringWavelength,vec3(4.0));float krESun=RAYLEIGH*SUN_BRIGHTNESS;float kr4PI=RAYLEIGH*4.0*3.14159265;vec3 cameraPos=vec3(0.0,innerRadius+cameraHeight,0.0);vec3 eyeRay=normalize(POSITION.xyz);float far=0.0;vec3 cIn,cOut;if(eyeRay.y>=0.0){far=sqrt(outerRadius2+innerRadius2*eyeRay.y*eyeRay.y-innerRadius2)-innerRadius*eyeRay.y;float height=innerRadius+cameraHeight;float depth=exp(scaleOverScaleDepth*-cameraHeight);float startAngle=dot(eyeRay,cameraPos)/height;float startOffset=depth*scaleAngle(startAngle);float sampleLength=far/samples;float scaledLength=sampleLength*scale;vec3 sampleRay=eyeRay*sampleLength;vec3 samplePoint=cameraPos+sampleRay*0.5;vec3 frontColor=vec3(0.0);{float height=length(samplePoint);float depth=exp(scaleOverScaleDepth*(innerRadius-height));float lightAngle=dot(-scene_SunlightDirection,samplePoint)/height;float cameraAngle=dot(eyeRay,samplePoint)/height;float scatter=(startOffset+depth*(scaleAngle(lightAngle)-scaleAngle(cameraAngle)));vec3 attenuate=exp(-clamp(scatter,0.0,MAX_SCATTER)*(invWavelength*kr4PI+km4PI));frontColor+=attenuate*(depth*scaledLength);samplePoint+=sampleRay;}{float height=length(samplePoint);float depth=exp(scaleOverScaleDepth*(innerRadius-height));float lightAngle=dot(-scene_SunlightDirection,samplePoint)/height;float cameraAngle=dot(eyeRay,samplePoint)/height;float scatter=(startOffset+depth*(scaleAngle(lightAngle)-scaleAngle(cameraAngle)));vec3 attenuate=exp(-clamp(scatter,0.0,MAX_SCATTER)*(invWavelength*kr4PI+km4PI));frontColor+=attenuate*(depth*scaledLength);samplePoint+=sampleRay;}cIn=frontColor*(invWavelength*krESun);cOut=frontColor*kmESun;}else{far=(-cameraHeight)/(min(-0.001,eyeRay.y));vec3 pos=cameraPos+far*eyeRay;float depth=exp((-cameraHeight)*(1.0/scaleDepth));float cameraAngle=dot(-eyeRay,pos);float lightAngle=dot(-scene_SunlightDirection,pos);float cameraScale=scaleAngle(cameraAngle);float lightScale=scaleAngle(lightAngle);float cameraOffset=depth*cameraScale;float temp=lightScale+cameraScale;float sampleLength=far/samples;float scaledLength=sampleLength*scale;vec3 sampleRay=eyeRay*sampleLength;vec3 samplePoint=cameraPos+sampleRay*0.5;vec3 frontColor=vec3(0.0,0.0,0.0);vec3 attenuate;{float height=length(samplePoint);float depth=exp(scaleOverScaleDepth*(innerRadius-height));float scatter=depth*temp-cameraOffset;attenuate=exp(-clamp(scatter,0.0,MAX_SCATTER)*(invWavelength*kr4PI+km4PI));frontColor+=attenuate*(depth*scaledLength);samplePoint+=sampleRay;}cIn=frontColor*(invWavelength*krESun+kmESun);cOut=clamp(attenuate,0.0,1.0);}\n#ifdef MATERIAL_SUN_HIGH_QUALITY\nv_Vertex=-POSITION.xyz;\n#elif defined(MATERIAL_SUN_SIMPLE)\nv_RayDir=-eyeRay;\n#else\nv_SkyGroundFactor=-eyeRay.y/SKY_GROUND_THRESHOLD;\n#endif\nv_GroundColor=material_Exposure*(cIn+COLOR_2_LINEAR(material_GroundTint)*cOut);v_SkyColor=material_Exposure*(cIn*getRayleighPhase(-scene_SunlightDirection,-eyeRay));float lightColorIntensity=clamp(length(scene_SunlightColor.xyz),0.25,1.0);\n#ifdef MATERIAL_SUN_HIGH_QUALITY\nv_SunColor=HDSundiskIntensityFactor*clamp(cOut,0.0,1.0)*scene_SunlightColor.xyz/lightColorIntensity;\n#elif defined(MATERIAL_SUN_SIMPLE)\nv_SunColor=simpleSundiskIntensityFactor*clamp(cOut*sunScale,0.0,1.0)*scene_SunlightColor.xyz/lightColorIntensity;\n#endif\n}"; // eslint-disable-line
     var backgroundTextureFs = "#define GLSLIFY 1\nuniform sampler2D material_BaseTexture;varying vec2 v_uv;void main(){gl_FragColor=texture2D(material_BaseTexture,v_uv);}"; // eslint-disable-line
-    var backgroundTextureVs = "#define GLSLIFY 1\nattribute vec3 POSITION;attribute vec2 TEXCOORD_0;varying vec2 v_uv;void main(){gl_Position=vec4(POSITION,1.0);v_uv=TEXCOORD_0;}"; // eslint-disable-line
+    var backgroundTextureVs = "#define GLSLIFY 1\nattribute vec3 POSITION;attribute vec2 TEXCOORD_0;varying vec2 v_uv;uniform vec4 camera_ProjectionParams;void main(){gl_Position=vec4(POSITION,1.0);gl_Position.y*=camera_ProjectionParams.x;v_uv=TEXCOORD_0;}"; // eslint-disable-line
     var blinnPhongFs = "#define GLSLIFY 1\n#include <common>\n#include <camera_declare>\n#include <uv_share>\n#include <normal_share>\n#include <color_share>\n#include <worldpos_share>\n#include <light_frag_define>\n#include <ShadowFragmentDeclaration>\n#include <mobile_material_frag>\n#include <FogFragmentDeclaration>\n#include <normal_get>\nvoid main(){\n#include <begin_mobile_frag>\n#include <begin_viewdir_frag>\n#include <mobile_blinnphong_frag>\ngl_FragColor=emission+ambient+diffuse+specular;\n#ifdef MATERIAL_IS_TRANSPARENT\ngl_FragColor.a=diffuse.a;\n#else\ngl_FragColor.a=1.0;\n#endif\n#include <FogFragment>\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\ngl_FragColor=linearToGamma(gl_FragColor);\n#endif\n}"; // eslint-disable-line
     var blinnPhongVs = "#define GLSLIFY 1\n#include <common>\n#include <common_vert>\n#include <blendShape_input>\n#include <uv_share>\n#include <color_share>\n#include <normal_share>\n#include <worldpos_share>\n#include <ShadowVertexDeclaration>\n#include <FogVertexDeclaration>\nvoid main(){\n#include <begin_position_vert>\n#include <begin_normal_vert>\n#include <blendShape_vert>\n#include <skinning_vert>\n#include <uv_vert>\n#include <color_vert>\n#include <normal_vert>\n#include <worldpos_vert>\n#include <position_vert>\n#include <ShadowVertex>\n#include <FogVertex>\n}"; // eslint-disable-line
     var depthOnlyFs = "#define GLSLIFY 1\nvoid main(){}"; // eslint-disable-line
     var depthOnlyVs = "#define GLSLIFY 1\n#include <common>\n#include <common_vert>\n#include <blendShape_input>\nuniform mat4 camera_VPMat;void main(){\n#include <begin_position_vert>\n#include <blendShape_vert>\n#include <skinning_vert>\n#include <position_vert>\n}"; // eslint-disable-line
     var particleFs = "#define GLSLIFY 1\n#include <common>\nvarying vec4 v_Color;varying vec2 v_TextureCoordinate;uniform sampler2D material_BaseTexture;uniform vec4 material_BaseColor;\n#ifdef RENDERER_MODE_MESH\nvarying vec4 v_MeshColor;\n#endif\nvoid main(){vec4 color=material_BaseColor*v_Color;\n#ifdef RENDERER_MODE_MESH\ncolor*=v_MeshColor;\n#endif\n#ifdef MATERIAL_HAS_BASETEXTURE\nvec4 textureColor=texture2D(material_BaseTexture,v_TextureCoordinate);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\ntextureColor=gammaToLinear(textureColor);\n#endif\ncolor*=textureColor;\n#endif\ngl_FragColor=color;\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\ngl_FragColor=linearToGamma(gl_FragColor);\n#endif\n}"; // eslint-disable-line
-    var particleVs = "#define GLSLIFY 1\n#if defined(RENDERER_MODE_SPHERE_BILLBOARD) || defined(RENDERER_MODE_STRETCHED_BILLBOARD) || defined(RENDERER_MODE_HORIZONTAL_BILLBOARD) || defined(RENDERER_MODE_VERTICAL_BILLBOARD)\nattribute vec4 a_CornerTextureCoordinate;\n#endif\n#ifdef RENDERER_MODE_MESH\nattribute vec3 a_MeshPosition;attribute vec4 a_MeshColor;attribute vec2 a_MeshTextureCoordinate;varying vec4 v_MeshColor;\n#endif\nattribute vec4 a_ShapePositionStartLifeTime;attribute vec4 a_DirectionTime;attribute vec4 a_StartColor;attribute vec3 a_StartSize;attribute vec3 a_StartRotation0;attribute float a_StartSpeed;attribute vec4 a_Random0;\n#if defined(RENDERER_TSA_FRAME_RANDOM_CURVES) || defined(RENDERER_VOL_RANDOM_CONSTANT) || defined(RENDERER_VOL_RANDOM_CURVE)\nattribute vec4 a_Random1;\n#endif\nattribute vec3 a_SimulationWorldPosition;attribute vec4 a_SimulationWorldRotation;varying vec4 v_Color;\n#ifdef MATERIAL_HAS_BASETEXTURE\nattribute vec4 a_SimulationUV;varying vec2 v_TextureCoordinate;\n#endif\nuniform float renderer_CurrentTime;uniform vec3 renderer_Gravity;uniform vec2 u_DragConstant;uniform vec3 renderer_WorldPosition;uniform vec4 renderer_WorldRotation;uniform bool renderer_ThreeDStartRotation;uniform int renderer_ScalingMode;uniform vec3 renderer_PositionScale;uniform vec3 renderer_SizeScale;uniform vec3 renderer_PivotOffset;uniform mat4 camera_ViewMat;uniform mat4 camera_ProjMat;\n#ifdef RENDERER_MODE_STRETCHED_BILLBOARD\nuniform vec3 camera_Position;\n#endif\nuniform vec3 camera_Forward;uniform vec3 camera_Up;uniform float renderer_StretchedBillboardLengthScale;uniform float renderer_StretchedBillboardSpeedScale;uniform int renderer_SimulationSpace;\n#include <particle_common>\n#include <velocity_over_lifetime_module>\n#include <color_over_lifetime_module>\n#include <size_over_lifetime_module>\n#include <rotation_over_lifetime_module>\n#include <texture_sheet_animation_module>\nvoid main(){float age=renderer_CurrentTime-a_DirectionTime.w;float normalizedAge=age/a_ShapePositionStartLifeTime.w;vec3 lifeVelocity;if(normalizedAge<1.0){vec3 startVelocity=a_DirectionTime.xyz*a_StartSpeed;\n#if defined(RENDERER_VOL_CONSTANT) || defined(RENDERER_VOL_CURVE) || defined(RENDERER_VOL_RANDOM_CONSTANT) || defined(RENDERER_VOL_RANDOM_CURVE)\nlifeVelocity=computeParticleLifeVelocity(normalizedAge);\n#endif\nvec3 gravityVelocity=renderer_Gravity*age;vec4 worldRotation;if(renderer_SimulationSpace==0){worldRotation=renderer_WorldRotation;}else{worldRotation=a_SimulationWorldRotation;}vec3 dragData=a_DirectionTime.xyz*mix(u_DragConstant.x,u_DragConstant.y,a_Random0.x);vec3 center=computeParticlePosition(startVelocity,lifeVelocity,age,normalizedAge,gravityVelocity,worldRotation,dragData);\n#include <sphere_billboard>\n#include <stretched_billboard>\n#include <horizontal_billboard>\n#include <vertical_billboard>\n#include <particle_mesh>\ngl_Position=camera_ProjMat*camera_ViewMat*vec4(center,1.0);v_Color=computeParticleColor(a_StartColor,normalizedAge);\n#ifdef MATERIAL_HAS_BASETEXTURE\nvec2 simulateUV;\n#if defined(RENDERER_MODE_SPHERE_BILLBOARD) || defined(RENDERER_MODE_STRETCHED_BILLBOARD) || defined(RENDERER_MODE_HORIZONTAL_BILLBOARD) || defined(RENDERER_MODE_VERTICAL_BILLBOARD)\nsimulateUV=a_CornerTextureCoordinate.zw*a_SimulationUV.xy+a_SimulationUV.zw;v_TextureCoordinate=computeParticleUV(simulateUV,normalizedAge);\n#endif\n#ifdef RENDERER_MODE_MESH\nsimulateUV=a_SimulationUV.xy+a_MeshTextureCoordinate*a_SimulationUV.zw;v_TextureCoordinate=computeParticleUV(simulateUV,normalizedAge);\n#endif\n#endif\n}else{gl_Position=vec4(2.0,2.0,2.0,1.0);}}"; // eslint-disable-line
+    var particleVs = "#define GLSLIFY 1\n#if defined(RENDERER_MODE_SPHERE_BILLBOARD) || defined(RENDERER_MODE_STRETCHED_BILLBOARD) || defined(RENDERER_MODE_HORIZONTAL_BILLBOARD) || defined(RENDERER_MODE_VERTICAL_BILLBOARD)\nattribute vec4 a_CornerTextureCoordinate;\n#endif\n#ifdef RENDERER_MODE_MESH\nattribute vec3 a_MeshPosition;attribute vec4 a_MeshColor;attribute vec2 a_MeshTextureCoordinate;varying vec4 v_MeshColor;\n#endif\nattribute vec4 a_ShapePositionStartLifeTime;attribute vec4 a_DirectionTime;attribute vec4 a_StartColor;attribute vec3 a_StartSize;attribute vec3 a_StartRotation0;attribute float a_StartSpeed;attribute vec4 a_Random0;\n#if defined(RENDERER_TSA_FRAME_RANDOM_CURVES) || defined(RENDERER_VOL_RANDOM_CONSTANT) || defined(RENDERER_VOL_RANDOM_CURVE)\nattribute vec4 a_Random1;\n#endif\nattribute vec3 a_SimulationWorldPosition;attribute vec4 a_SimulationWorldRotation;varying vec4 v_Color;\n#ifdef MATERIAL_HAS_BASETEXTURE\nattribute vec4 a_SimulationUV;varying vec2 v_TextureCoordinate;\n#endif\nuniform float renderer_CurrentTime;uniform vec3 renderer_Gravity;uniform vec2 u_DragConstant;uniform vec3 renderer_WorldPosition;uniform vec4 renderer_WorldRotation;uniform bool renderer_ThreeDStartRotation;uniform int renderer_ScalingMode;uniform vec3 renderer_PositionScale;uniform vec3 renderer_SizeScale;uniform vec3 renderer_PivotOffset;uniform mat4 camera_ViewMat;uniform mat4 camera_ProjMat;\n#ifdef RENDERER_MODE_STRETCHED_BILLBOARD\nuniform vec3 camera_Position;\n#endif\nuniform vec3 camera_Forward;uniform vec3 camera_Up;uniform float renderer_StretchedBillboardLengthScale;uniform float renderer_StretchedBillboardSpeedScale;uniform int renderer_SimulationSpace;\n#include <particle_common>\n#include <velocity_over_lifetime_module>\n#include <color_over_lifetime_module>\n#include <size_over_lifetime_module>\n#include <rotation_over_lifetime_module>\n#include <texture_sheet_animation_module>\nvoid main(){float age=renderer_CurrentTime-a_DirectionTime.w;float normalizedAge=age/a_ShapePositionStartLifeTime.w;vec3 lifeVelocity;if(normalizedAge<1.0){vec3 startVelocity=a_DirectionTime.xyz*a_StartSpeed;\n#if defined(RENDERER_VOL_CONSTANT) || defined(RENDERER_VOL_CURVE) || defined(RENDERER_VOL_RANDOM_CONSTANT) || defined(RENDERER_VOL_RANDOM_CURVE)\nlifeVelocity=computeParticleLifeVelocity(normalizedAge);\n#endif\nvec3 gravityVelocity=renderer_Gravity*a_Random0.x*age;vec4 worldRotation;if(renderer_SimulationSpace==0){worldRotation=renderer_WorldRotation;}else{worldRotation=a_SimulationWorldRotation;}vec3 dragData=a_DirectionTime.xyz*mix(u_DragConstant.x,u_DragConstant.y,a_Random0.x);vec3 center=computeParticlePosition(startVelocity,lifeVelocity,age,normalizedAge,gravityVelocity,worldRotation,dragData);\n#include <sphere_billboard>\n#include <stretched_billboard>\n#include <horizontal_billboard>\n#include <vertical_billboard>\n#include <particle_mesh>\ngl_Position=camera_ProjMat*camera_ViewMat*vec4(center,1.0);v_Color=computeParticleColor(a_StartColor,normalizedAge);\n#ifdef MATERIAL_HAS_BASETEXTURE\nvec2 simulateUV;\n#if defined(RENDERER_MODE_SPHERE_BILLBOARD) || defined(RENDERER_MODE_STRETCHED_BILLBOARD) || defined(RENDERER_MODE_HORIZONTAL_BILLBOARD) || defined(RENDERER_MODE_VERTICAL_BILLBOARD)\nsimulateUV=a_CornerTextureCoordinate.zw*a_SimulationUV.xy+a_SimulationUV.zw;v_TextureCoordinate=computeParticleUV(simulateUV,normalizedAge);\n#endif\n#ifdef RENDERER_MODE_MESH\nsimulateUV=a_SimulationUV.xy+a_MeshTextureCoordinate*a_SimulationUV.zw;v_TextureCoordinate=computeParticleUV(simulateUV,normalizedAge);\n#endif\n#endif\n}else{gl_Position=vec4(2.0,2.0,2.0,1.0);}}"; // eslint-disable-line
     var pbrSpecularFs = "#define GLSLIFY 1\n#include <common>\n#include <camera_declare>\n#include <FogFragmentDeclaration>\n#include <uv_share>\n#include <normal_share>\n#include <color_share>\n#include <worldpos_share>\n#include <light_frag_define>\n#include <pbr_frag_define>\n#include <pbr_helper>\nvoid main(){\n#include <pbr_frag>\n#include <FogFragment>\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\ngl_FragColor=linearToGamma(gl_FragColor);\n#endif\n}"; // eslint-disable-line
     var pbrFs = "#define GLSLIFY 1\n#define IS_METALLIC_WORKFLOW\n#include <common>\n#include <camera_declare>\n#include <FogFragmentDeclaration>\n#include <uv_share>\n#include <normal_share>\n#include <color_share>\n#include <worldpos_share>\n#include <light_frag_define>\n#include <pbr_frag_define>\n#include <pbr_helper>\nvoid main(){\n#include <pbr_frag>\n#include <FogFragment>\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\ngl_FragColor=linearToGamma(gl_FragColor);\n#endif\n}"; // eslint-disable-line
     var pbrVs = "#define GLSLIFY 1\n#include <common>\n#include <common_vert>\n#include <blendShape_input>\n#include <uv_share>\n#include <color_share>\n#include <normal_share>\n#include <worldpos_share>\n#include <ShadowVertexDeclaration>\n#include <FogVertexDeclaration>\nvoid main(){\n#include <begin_position_vert>\n#include <begin_normal_vert>\n#include <blendShape_vert>\n#include <skinning_vert>\n#include <uv_vert>\n#include <color_vert>\n#include <normal_vert>\n#include <worldpos_vert>\n#include <position_vert>\n#include <ShadowVertex>\n#include <FogVertex>\n}"; // eslint-disable-line
@@ -31096,7 +31111,12 @@
      */ var Loader = /*#__PURE__*/ function() {
         var Loader = function Loader(useCache) {
             this.useCache = useCache;
-            this.request = request;
+        };
+        var _proto = Loader.prototype;
+        _proto.request = function request1(url, resourceManager, config) {
+            var _resourceManager__virtualPathMap_url;
+            var remoteUrl = (_resourceManager__virtualPathMap_url = resourceManager._virtualPathMap[url]) != null ? _resourceManager__virtualPathMap_url : url;
+            return request(remoteUrl, config);
         };
         /**
        * Register a class with a string name for serialization and deserialization.
@@ -35999,6 +36019,7 @@
     })(exports.ParticleScaleMode || (exports.ParticleScaleMode = {}));
     var MainModule = /*#__PURE__*/ function() {
         var MainModule = function MainModule(generator) {
+            this._tempVector40 = new Vector4();
             /** The duration of the Particle Generator in seconds. */ this.duration = 5.0;
             /** Specifies whether the Particle Generator loops. */ this.isLoop = true;
             /** Start delay in seconds. */ this.startDelay = new ParticleCompositeCurve(0);
@@ -36020,7 +36041,6 @@
             this._gravityModifierRand = new Rand(0, ParticleRandomSubSeeds.GravityModifier);
             this._startSize3D = false;
             this._simulationSpace = exports.ParticleSimulationSpace.Local;
-            this._gravity = new Vector3();
             this._generator = generator;
             this.startLifetime = new ParticleCompositeCurve(5);
             this.startSpeed = new ParticleCompositeCurve(5);
@@ -36060,8 +36080,7 @@
                 case exports.ParticleSimulationSpace.Local:
                     shaderData.setVector3(MainModule._worldPosition, transform.worldPosition);
                     var worldRotation = transform.worldRotationQuaternion;
-                    var worldRotationV4 = MainModule._tempVector40;
-                    worldRotationV4.copyFrom(worldRotation);
+                    var worldRotationV4 = this._tempVector40.copyFrom(worldRotation); // Maybe shaderData should support Quaternion
                     shaderData.setVector4(MainModule._worldRotation, worldRotationV4);
                     break;
                 case exports.ParticleSimulationSpace.World:
@@ -36085,10 +36104,7 @@
                     shaderData.setVector3(MainModule._sizeScale, MainModule._vector3One);
                     break;
             }
-            var particleGravity = this._gravity;
-            var gravityModifierValue = this.gravityModifier.evaluate(undefined, this._gravityModifierRand.random());
-            Vector3.scale(renderer.scene.physics.gravity, gravityModifierValue, particleGravity);
-            shaderData.setVector3(MainModule._gravity, particleGravity);
+            shaderData.setVector3(MainModule._gravity, renderer.scene.physics.gravity);
             shaderData.setInt(MainModule._simulationSpace, this.simulationSpace);
             shaderData.setFloat(MainModule._startRotation3D, +this.startRotation3D);
             shaderData.setInt(MainModule._scaleMode, this.scalingMode);
@@ -36256,9 +36272,6 @@
         ]);
         return MainModule;
     }();
-    (function() {
-        MainModule._tempVector40 = new Vector4();
-    })();
     (function() {
         MainModule._vector3One = new Vector3(1, 1, 1);
     })();
@@ -36343,9 +36356,6 @@
     __decorate$1([
         ignoreClone
     ], MainModule.prototype, "_generator", void 0);
-    __decorate$1([
-        ignoreClone
-    ], MainModule.prototype, "_gravity", void 0);
     /**
      * Rotate particles throughout their lifetime.
      */ var RotationOverLifetimeModule = /*#__PURE__*/ function(ParticleGeneratorModule1) {
@@ -37609,8 +37619,15 @@
             }
             // Start speed
             instanceVertices[offset + 18] = startSpeed;
-            // Unused, Color, size, rotation,
-            // instanceVertices[offset + 19] = rand.random();
+            // Gravity, unused, size, rotation
+            switch(main.gravityModifier.mode){
+                case exports.ParticleCurveMode.Constant:
+                    instanceVertices[offset + 19] = main.gravityModifier.constant;
+                    break;
+                case exports.ParticleCurveMode.TwoConstants:
+                    instanceVertices[offset + 19] = main.gravityModifier.evaluate(undefined, main._gravityModifierRand.random());
+                    break;
+            }
             var colorOverLifetime = this.colorOverLifetime;
             if (colorOverLifetime.enabled && colorOverLifetime.color.mode === exports.ParticleGradientMode.TwoGradients) {
                 instanceVertices[offset + 20] = colorOverLifetime._colorGradientRand.random();
@@ -42270,6 +42287,17 @@
     exports.AnimationClipDecoder = __decorate([
         decoder("AnimationClip")
     ], exports.AnimationClipDecoder);
+    exports.MaterialLoaderType = void 0;
+    (function(MaterialLoaderType) {
+        MaterialLoaderType["Vector2"] = "Vector2";
+        MaterialLoaderType["Vector3"] = "Vector3";
+        MaterialLoaderType["Vector4"] = "Vector4";
+        MaterialLoaderType["Color"] = "Color";
+        MaterialLoaderType["Float"] = "Float";
+        MaterialLoaderType["Texture"] = "Texture";
+        MaterialLoaderType["Boolean"] = "Boolean";
+        MaterialLoaderType["Integer"] = "Integer";
+    })(exports.MaterialLoaderType || (exports.MaterialLoaderType = {}));
     exports.SpecularMode = void 0;
     (function(SpecularMode) {
         SpecularMode["Sky"] = "Sky";
@@ -42643,31 +42671,6 @@
         };
         return SceneParser;
     }(HierarchyParser);
-    exports.MeshLoader = /*#__PURE__*/ function(Loader1) {
-        var MeshLoader = function MeshLoader() {
-            return Loader1.apply(this, arguments);
-        };
-        _inherits(MeshLoader, Loader1);
-        var _proto = MeshLoader.prototype;
-        _proto.load = function load(item, resourceManager) {
-            var _this = this;
-            return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, _extends({}, item, {
-                    type: "arraybuffer"
-                })).then(function(data) {
-                    decode(data, resourceManager.engine).then(function(mesh) {
-                        resolve(mesh);
-                    });
-                }).catch(reject);
-            });
-        };
-        return MeshLoader;
-    }(Loader);
-    exports.MeshLoader = __decorate([
-        resourceLoader("Mesh", [
-            "prefab"
-        ], true)
-    ], exports.MeshLoader);
     exports.EditorTextureLoader = /*#__PURE__*/ function(Loader1) {
         var EditorTextureLoader = function EditorTextureLoader() {
             return Loader1.apply(this, arguments);
@@ -42677,7 +42680,7 @@
         _proto.load = function load(item, resourceManager) {
             var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, _extends({}, item, {
+                _this.request(item.url, resourceManager, _extends({}, item, {
                     type: "arraybuffer"
                 })).then(function(data) {
                     decode(data, resourceManager.engine).then(function(texture) {
@@ -42715,7 +42718,7 @@
         _proto.load = function load(item, resourceManager) {
             var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, _extends({}, item, {
+                _this.request(item.url, resourceManager, _extends({}, item, {
                     type: "arraybuffer"
                 })).then(function(data) {
                     return decode(data, resourceManager.engine).then(function(clip) {
@@ -42766,7 +42769,7 @@
         _proto.load = function load(item, resourceManager) {
             var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, _extends({}, item, {
+                _this.request(item.url, resourceManager, _extends({}, item, {
                     type: "json"
                 })).then(function(data) {
                     var animatorController = new AnimatorController(resourceManager.engine);
@@ -42870,7 +42873,7 @@
         };
         _inherits(BufferLoader, Loader1);
         var _proto = BufferLoader.prototype;
-        _proto.load = function load(item) {
+        _proto.load = function load(item, resourceManager) {
             var url = item.url;
             if (isBase64(url)) {
                 return new AssetPromise(function(resolve) {
@@ -42881,7 +42884,7 @@
                     resolve(result.buffer);
                 });
             }
-            return this.request(url, _extends({}, item, {
+            return this.request(url, resourceManager, _extends({}, item, {
                 type: "arraybuffer"
             }));
         };
@@ -42902,7 +42905,7 @@
         _proto.load = function load(item, resourceManager) {
             var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, _extends({}, item, {
+                _this.request(item.url, resourceManager, _extends({}, item, {
                     type: "arraybuffer"
                 })).then(function(arraybuffer) {
                     var _this;
@@ -42978,7 +42981,7 @@
         _proto.load = function load(item, resourceManager) {
             var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, _extends({}, item, {
+                _this.request(item.url, resourceManager, _extends({}, item, {
                     type: "json"
                 })).then(function(data) {
                     var fontName = data.fontName, fontUrl = data.fontUrl;
@@ -44622,7 +44625,7 @@
        */ _proto.load = function load(item, resourceManager) {
             var _this = this;
             return new AssetPromise(function(resolve, reject, setTaskCompleteProgress, setTaskDetailProgress) {
-                _this.request(item.url, {
+                _this.request(item.url, resourceManager, {
                     type: "arraybuffer"
                 }).onProgress(setTaskCompleteProgress, setTaskDetailProgress).then(function(buffer) {
                     return exports.KTX2Loader._parseBuffer(new Uint8Array(buffer), resourceManager.engine, item.params).then(function(param) {
@@ -45157,8 +45160,11 @@
             var requestConfig = {
                 type: "arraybuffer"
             };
-            return request(url, requestConfig).onProgress(undefined, context._onTaskDetail).then(function(buffer) {
-                restoreBufferRequests.push(new BufferRequestInfo(url, requestConfig));
+            var _context_resourceManager__virtualPathMap_url;
+            // @ts-ignore
+            var remoteUrl = (_context_resourceManager__virtualPathMap_url = context.resourceManager._virtualPathMap[url]) != null ? _context_resourceManager__virtualPathMap_url : url;
+            return request(remoteUrl, requestConfig).onProgress(undefined, context._onTaskDetail).then(function(buffer) {
+                restoreBufferRequests.push(new BufferRequestInfo(remoteUrl, requestConfig));
                 return GLTFUtils.parseGLB(context, buffer);
             }).then(function(result) {
                 var _result;
@@ -45384,11 +45390,14 @@
         _proto._parseSingleBuffer = function _parseSingleBuffer(context, bufferInfo) {
             var glTFResource = context.glTFResource, contentRestorer = context.contentRestorer;
             var url = glTFResource.url;
+            var _context_resourceManager__virtualPathMap_url;
+            // @ts-ignore
+            var remoteUrl = (_context_resourceManager__virtualPathMap_url = context.resourceManager._virtualPathMap[url]) != null ? _context_resourceManager__virtualPathMap_url : url;
             var restoreBufferRequests = contentRestorer.bufferRequests;
             var requestConfig = {
                 type: "arraybuffer"
             };
-            var absoluteUrl = Utils.resolveAbsoluteUrl(url, bufferInfo.uri);
+            var absoluteUrl = Utils.resolveAbsoluteUrl(remoteUrl, bufferInfo.uri);
             restoreBufferRequests.push(new BufferRequestInfo(absoluteUrl, requestConfig));
             var promise = request(absoluteUrl, requestConfig).onProgress(undefined, context._onTaskDetail);
             context._addTaskCompletePromise(promise);
@@ -46421,9 +46430,8 @@
             return Promise.resolve();
         };
         _proto.load = function load(item, resourceManager) {
-            var url = item.url;
             var params = item.params;
-            var glTFResource = new GLTFResource(resourceManager.engine, url);
+            var glTFResource = new GLTFResource(resourceManager.engine, item.url);
             var context = new GLTFParserContext(glTFResource, resourceManager, _extends({
                 keepMeshData: false
             }, params));
@@ -46488,7 +46496,7 @@
             var _this = this;
             var engine = resourceManager.engine;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, _extends({}, item, {
+                _this.request(item.url, resourceManager, _extends({}, item, {
                     type: "json"
                 })).then(function(data) {
                     PrefabParser.parse(engine, item.url, data).then(resolve).catch(reject);
@@ -46514,7 +46522,7 @@
             var _this = this;
             return new AssetPromise(function(resolve, reject) {
                 var engine = resourceManager.engine;
-                _this.request(item.url, _extends({}, item, {
+                _this.request(item.url, resourceManager, _extends({}, item, {
                     type: "arraybuffer"
                 })).then(function(buffer) {
                     var uint8Array = new Uint8Array(buffer);
@@ -46828,8 +46836,8 @@
         };
         _inherits(JSONLoader, Loader1);
         var _proto = JSONLoader.prototype;
-        _proto.load = function load(item) {
-            return this.request(item.url, _extends({}, item, {
+        _proto.load = function load(item, resourceManager) {
+            return this.request(item.url, resourceManager, _extends({}, item, {
                 type: "json"
             }));
         };
@@ -47033,7 +47041,7 @@
             var _this = this;
             return new AssetPromise(function(resolve, reject) {
                 Promise.all(item.urls.map(function(url) {
-                    return _this.request(url, _extends({}, item, {
+                    return _this.request(url, resourceManager, _extends({}, item, {
                         type: "arraybuffer"
                     }));
                 })).then(function(data) {
@@ -47068,7 +47076,7 @@
         _proto.load = function load(item, resourceManager) {
             var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, _extends({}, item, {
+                _this.request(item.url, resourceManager, _extends({}, item, {
                     type: "arraybuffer"
                 })).then(function(bin) {
                     var parsedData = parseSingleKTX(bin);
@@ -47110,62 +47118,75 @@
         _proto.load = function load(item, resourceManager) {
             var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, _extends({}, item, {
+                _this.request(item.url, resourceManager, _extends({}, item, {
                     type: "json"
                 })).then(function(materialSchema) {
-                    var _loop = function _loop(key) {
-                        var _shaderData_key = shaderData[key], type = _shaderData_key.type, value = _shaderData_key.value;
-                        switch(type){
-                            case "Vector2":
-                                materialShaderData.setVector2(key, new Vector2(value.x, value.y));
-                                break;
-                            case "Vector3":
-                                materialShaderData.setVector3(key, new Vector3(value.x, value.y, value.z));
-                                break;
-                            case "Vector4":
-                                materialShaderData.setVector4(key, new Vector4(value.x, value.y, value.z, value.w));
-                                break;
-                            case "Color":
-                                materialShaderData.setColor(key, new Color(value.r, value.g, value.b, value.a));
-                                break;
-                            case "Float":
-                                materialShaderData.setFloat(key, value);
-                                break;
-                            case "Texture":
-                                texturePromises.push(resourceManager.getResourceByRef(value).then(function(texture) {
-                                    materialShaderData.setTexture(key, texture);
-                                }));
-                                break;
-                            case "Boolean":
-                                materialShaderData.setInt(key, value ? 1 : 0);
-                                break;
-                            case "Integer":
-                                materialShaderData.setInt(key, Number(value));
-                                break;
-                        }
-                    };
                     var engine = resourceManager.engine;
-                    var name = materialSchema.name, shader = materialSchema.shader, shaderData = materialSchema.shaderData, macros = materialSchema.macros, renderState = materialSchema.renderState;
-                    var material = new Material(engine, Shader.find(shader));
-                    material.name = name;
-                    var texturePromises = new Array();
-                    var materialShaderData = material.shaderData;
-                    for(var key in shaderData)_loop(key);
-                    for(var i = 0, length = macros.length; i < length; i++){
-                        var _macros_i = macros[i], name1 = _macros_i.name, value = _macros_i.value;
-                        if (value == undefined) {
-                            materialShaderData.enableMacro(name1);
-                        } else {
-                            materialShaderData.enableMacro(name1, value);
-                        }
+                    var shaderRef = materialSchema.shaderRef, shaderName = materialSchema.shader;
+                    if (shaderRef) {
+                        resolve(resourceManager // @ts-ignore
+                        .getResourceByRef(shaderRef).then(function(shader) {
+                            return _this.getMaterialByShader(materialSchema, shader, engine);
+                        }));
+                    } else {
+                        // compatible with 1.2-pre version material schema
+                        var shader = Shader.find(shaderName);
+                        resolve(_this.getMaterialByShader(materialSchema, shader, engine));
                     }
-                    parseProperty(material, "renderState", renderState);
-                    return Promise.all(texturePromises).then(function() {
-                        resolve(material);
-                    });
                 }).catch(reject);
             });
         };
+        _proto.getMaterialByShader = function getMaterialByShader(materialSchema, shader, engine) {
+            var _loop = function _loop(key) {
+                var _shaderData_key = shaderData[key], type = _shaderData_key.type, value = _shaderData_key.value;
+                switch(type){
+                    case exports.MaterialLoaderType.Vector2:
+                        materialShaderData.setVector2(key, new Vector2(value.x, value.y));
+                        break;
+                    case exports.MaterialLoaderType.Vector3:
+                        materialShaderData.setVector3(key, new Vector3(value.x, value.y, value.z));
+                        break;
+                    case exports.MaterialLoaderType.Vector4:
+                        materialShaderData.setVector4(key, new Vector4(value.x, value.y, value.z, value.w));
+                        break;
+                    case exports.MaterialLoaderType.Color:
+                        materialShaderData.setColor(key, new Color(value.r, value.g, value.b, value.a));
+                        break;
+                    case exports.MaterialLoaderType.Float:
+                        materialShaderData.setFloat(key, value);
+                        break;
+                    case exports.MaterialLoaderType.Texture:
+                        texturePromises.push(engine.resourceManager.getResourceByRef(value).then(function(texture) {
+                            materialShaderData.setTexture(key, texture);
+                        }));
+                        break;
+                    case exports.MaterialLoaderType.Boolean:
+                        materialShaderData.setInt(key, value ? 1 : 0);
+                        break;
+                    case exports.MaterialLoaderType.Integer:
+                        materialShaderData.setInt(key, Number(value));
+                        break;
+                }
+            };
+            var name = materialSchema.name, shaderData = materialSchema.shaderData, macros = materialSchema.macros, renderState = materialSchema.renderState;
+            var material = new Material(engine, shader);
+            material.name = name;
+            var texturePromises = new Array();
+            var materialShaderData = material.shaderData;
+            for(var key in shaderData)_loop(key);
+            for(var i = 0, length = macros.length; i < length; i++){
+                var _macros_i = macros[i], name1 = _macros_i.name, value = _macros_i.value;
+                if (value == undefined) {
+                    materialShaderData.enableMacro(name1);
+                } else {
+                    materialShaderData.enableMacro(name1, value);
+                }
+            }
+            parseProperty(material, "renderState", renderState);
+            return Promise.all(texturePromises).then(function() {
+                return material;
+            });
+        };
         return MaterialLoader;
     }(Loader);
     MaterialLoader = __decorate([
@@ -47173,40 +47194,15 @@
             "json"
         ])
     ], MaterialLoader);
-    var MeshLoader = /*#__PURE__*/ function(Loader1) {
-        var MeshLoader = function MeshLoader() {
-            return Loader1.apply(this, arguments);
-        };
-        _inherits(MeshLoader, Loader1);
-        var _proto = MeshLoader.prototype;
-        _proto.load = function load(item, resourceManager) {
-            var _this = this;
-            return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, _extends({}, item, {
-                    type: "arraybuffer"
-                })).then(function(data) {
-                    return decode(data, resourceManager.engine);
-                }).then(function(mesh) {
-                    resolve(mesh);
-                }).catch(reject);
-            });
-        };
-        return MeshLoader;
-    }(Loader);
-    MeshLoader = __decorate([
-        resourceLoader(exports.AssetType.Mesh, [
-            "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, {
+        _proto.load = function load(item, resourceManager) {
+            var engine = resourceManager.engine;
+            return this.request(item.url, resourceManager, _extends({}, item, {
                 type: "json"
             })).then(function(data) {
                 switch(data.type){
@@ -47254,7 +47250,7 @@
             var _this = this;
             var engine = resourceManager.engine;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, _extends({}, item, {
+                _this.request(item.url, resourceManager, _extends({}, item, {
                     type: "json"
                 })).then(function(data) {
                     // @ts-ignore
@@ -47285,7 +47281,9 @@
         _proto.load = function load(item, resourceManager) {
             var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                var url = item.url;
+                var _resourceManager__virtualPathMap_item_url;
+                // @ts-ignore
+                var url = (_resourceManager__virtualPathMap_item_url = resourceManager._virtualPathMap[item.url]) != null ? _resourceManager__virtualPathMap_item_url : item.url;
                 _this._registerFont(url, url).then(function() {
                     var font = new Font(resourceManager.engine, url);
                     resolve(font);
@@ -47344,7 +47342,7 @@
                         chainPromises[i].cancel();
                     }
                 });
-                var configPromise = _this.request(item.url, _extends({}, item, {
+                var configPromise = _this.request(item.url, resourceManager, _extends({}, item, {
                     type: "json"
                 }));
                 chainPromises.push(configPromise);
@@ -47426,7 +47424,7 @@
         var _proto = SpriteLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
-            return this.request(item.url, _extends({}, item, {
+            return this.request(item.url, resourceManager, _extends({}, item, {
                 type: "json"
             })).then(function(data) {
                 return data.belongToAtlas ? _this._loadFromAtlas(resourceManager, data) : _this._loadFromTexture(resourceManager, data);
@@ -47502,7 +47500,7 @@
                 var requestConfig = _extends({}, item, {
                     type: "image"
                 });
-                _this.request(url, requestConfig).onProgress(setTaskCompleteProgress, setTaskDetailProgress).then(function(image) {
+                _this.request(url, resourceManager, requestConfig).onProgress(setTaskCompleteProgress, setTaskDetailProgress).then(function(image) {
                     var _item_params;
                     var _ref = (_item_params = item.params) != null ? _item_params : {}, format = _ref.format, mipmap = _ref.mipmap, anisoLevel = _ref.anisoLevel, wrapModeU = _ref.wrapModeU, wrapModeV = _ref.wrapModeV, filterMode = _ref.filterMode;
                     var texture = new Texture2D(resourceManager.engine, image.width, image.height, format, mipmap);
@@ -47578,7 +47576,7 @@
                     type: "image"
                 });
                 Promise.all(urls.map(function(url) {
-                    return _this.request(url, requestConfig);
+                    return _this.request(url, resourceManager, requestConfig);
                 })).then(function(images) {
                     var _images_ = images[0], width = _images_.width, height = _images_.height;
                     if (width !== height) {
@@ -47604,6 +47602,89 @@
             ""
         ])
     ], TextureCubeLoader);
+    var _ShaderChunkLoader;
+    var ShaderChunkLoader = (_ShaderChunkLoader = /*#__PURE__*/ function(Loader1) {
+        var ShaderChunkLoader1 = function ShaderChunkLoader1() {
+            return Loader1.apply(this, arguments);
+        };
+        _inherits(ShaderChunkLoader1, Loader1);
+        var _proto = ShaderChunkLoader1.prototype;
+        _proto.load = function load(item, resourceManager) {
+            var url = item.url;
+            return this.request(url, resourceManager, _extends({}, item, {
+                type: "text"
+            })).then(function(code) {
+                ShaderFactory.registerInclude(url.substring(1), code);
+                return ShaderChunkLoader._loadChunksInCode(code, url, resourceManager);
+            });
+        };
+        /**
+       * @internal
+       */ ShaderChunkLoader1._loadChunksInCode = function _loadChunksInCode(code, basePath, resourceManager) {
+            var shaderChunkPaths = new Array();
+            var matches = code.matchAll(ShaderChunkLoader._shaderIncludeRegex);
+            for(var _iterator = _create_for_of_iterator_helper_loose(matches), _step; !(_step = _iterator()).done;){
+                var match = _step.value;
+                var chunkPath = Utils.resolveAbsoluteUrl(basePath, match[1]);
+                if (!ShaderLib[chunkPath.substring(1)]) {
+                    shaderChunkPaths.push(chunkPath);
+                }
+            }
+            return Promise.all(shaderChunkPaths.map(function(chunkPath) {
+                return resourceManager.load({
+                    type: "ShaderChunk",
+                    url: chunkPath
+                });
+            }));
+        };
+        return ShaderChunkLoader1;
+    }(Loader), function() {
+        _ShaderChunkLoader._shaderIncludeRegex = /\s#include\s+"([./][^\\"]+)"/gm;
+    }(), _ShaderChunkLoader);
+    ShaderChunkLoader = __decorate([
+        resourceLoader("ShaderChunk", [
+            "glsl"
+        ])
+    ], ShaderChunkLoader);
+    var _ShaderLoader;
+    var ShaderLoader = (_ShaderLoader = /*#__PURE__*/ function(Loader1) {
+        var ShaderLoader1 = function ShaderLoader1() {
+            return Loader1.apply(this, arguments);
+        };
+        _inherits(ShaderLoader1, Loader1);
+        var _proto = ShaderLoader1.prototype;
+        _proto.load = function load(item, resourceManager) {
+            var _this = this;
+            var url = item.url;
+            return this.request(url, resourceManager, _extends({}, item, {
+                type: "text"
+            })).then(function(code) {
+                var builtinShader = _this._getBuiltinShader(code);
+                if (builtinShader) {
+                    return Shader.find(builtinShader);
+                }
+                return ShaderChunkLoader._loadChunksInCode(code, url, resourceManager).then(function() {
+                    var shader = Shader.create(code);
+                    // @ts-ignore
+                    shader._registerPath(url);
+                    return shader;
+                });
+            });
+        };
+        _proto._getBuiltinShader = function _getBuiltinShader(code) {
+            var match = code.match(ShaderLoader._builtinRegex);
+            if (match && match[1]) return match[1];
+        };
+        return ShaderLoader1;
+    }(Loader), function() {
+        _ShaderLoader._builtinRegex = /^\s*\/\/\s*@builtin\s+(\w+)/;
+    }(), _ShaderLoader);
+    ShaderLoader = __decorate([
+        resourceLoader(exports.AssetType.Shader, [
+            "gs",
+            "gsl"
+        ])
+    ], ShaderLoader);
     var SceneLoader = /*#__PURE__*/ function(Loader1) {
         var SceneLoader = function SceneLoader() {
             return Loader1.apply(this, arguments);
@@ -47614,7 +47695,7 @@
             var _this = this;
             var engine = resourceManager.engine;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, _extends({}, item, {
+                _this.request(item.url, resourceManager, _extends({}, item, {
                     type: "json"
                 })).then(function(data) {
                     return SceneParser.parse(engine, data).then(function(scene) {
@@ -48163,7 +48244,7 @@
     ], EXT_texture_webp);
 
     //@ts-ignore
-    var version = "1.3.15";
+    var version = "1.3.17";
     console.log("Galacean engine version: " + version);
     for(var key in CoreObjects){
         Loader.registerClass(key, CoreObjects[key]);