@galacean/engine-loader 1.3.15 → 1.3.17

package/dist/module.js

@@ -1,4 +1,4 @@
-import { Utils, ModelMesh, BlendShape, Texture2D, Loader, Entity, AnimationClip, AnimationEvent, AnimationStringCurve, Keyframe, AnimationBoolCurve, AnimationRefCurve, AnimationQuaternionCurve, AnimationColorCurve, AnimationVector4Curve, AnimationVector3Curve, AnimationVector2Curve, AnimationFloatArrayCurve, AnimationArrayCurve, AnimationFloatCurve, ReferResource, Scene, resourceLoader, AssetPromise, AssetType, AnimatorController, AnimatorControllerLayer, AnimatorStateTransition, TextureCube, TextureFilterMode, TextureCubeFace, AmbientLight, DiffuseMode, Font, Animator, IndexFormat, VertexElementFormat, GLCapabilityType, Logger, TextureFormat, request, ContentRestorer, InterpolationType, SkinnedMeshRenderer, Transform, PBRMaterial, BlinnPhongMaterial, PBRSpecularMaterial, TextureCoordinate, RenderFace, VertexElement, Buffer, BufferBindFlag, BufferUsage, Camera, MeshRenderer, Skin, TextureWrapMode as TextureWrapMode$1, AnimatorStateMachine, SystemInfo, Material, Shader, PrimitiveMesh, SpriteAtlas, Sprite, BackgroundMode, DirectLight, PointLight, SpotLight, UnlitMaterial } from '@galacean/engine-core';
+import { Utils, ModelMesh, BlendShape, Texture2D, Loader, Entity, AnimationClip, AnimationEvent, AnimationStringCurve, Keyframe, AnimationBoolCurve, AnimationRefCurve, AnimationQuaternionCurve, AnimationColorCurve, AnimationVector4Curve, AnimationVector3Curve, AnimationVector2Curve, AnimationFloatArrayCurve, AnimationArrayCurve, AnimationFloatCurve, ReferResource, Scene, resourceLoader, AssetPromise, AssetType, AnimatorController, AnimatorControllerLayer, AnimatorStateTransition, TextureCube, TextureFilterMode, TextureCubeFace, AmbientLight, DiffuseMode, Font, Animator, IndexFormat, VertexElementFormat, GLCapabilityType, Logger, TextureFormat, request, ContentRestorer, InterpolationType, SkinnedMeshRenderer, Transform, PBRMaterial, BlinnPhongMaterial, PBRSpecularMaterial, TextureCoordinate, RenderFace, VertexElement, Buffer, BufferBindFlag, BufferUsage, Camera, MeshRenderer, Skin, TextureWrapMode as TextureWrapMode$1, AnimatorStateMachine, SystemInfo, Shader, Material, PrimitiveMesh, SpriteAtlas, Sprite, ShaderFactory, ShaderLib, BackgroundMode, DirectLight, PointLight, SpotLight, UnlitMaterial } from '@galacean/engine-core';
 import { Color, Vector4, Vector3, Vector2, Quaternion, SphericalHarmonics3, MathUtil, BoundingBox, Matrix, Rect } from '@galacean/engine-math';
 import { GLCompressedTextureInternalFormat } from '@galacean/engine-rhi-webgl';
 
@@ -928,6 +928,18 @@ AnimationClipDecoder = __decorate([
     decoder("AnimationClip")
 ], AnimationClipDecoder);
 
+var MaterialLoaderType;
+(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";
+})(MaterialLoaderType || (MaterialLoaderType = {}));
+
 var SpecularMode;
 (function(SpecularMode) {
     SpecularMode["Sky"] = "Sky";
@@ -1313,32 +1325,6 @@ function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
     return SceneParser;
 }(HierarchyParser);
 
-var MeshLoader$1 = /*#__PURE__*/ function(Loader1) {
-    _inherits(MeshLoader, Loader1);
-    function MeshLoader() {
-        return Loader1.apply(this, arguments);
-    }
-    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);
-MeshLoader$1 = __decorate([
-    resourceLoader("Mesh", [
-        "prefab"
-    ], true)
-], MeshLoader$1);
-
 var EditorTextureLoader = /*#__PURE__*/ function(Loader1) {
     _inherits(EditorTextureLoader, Loader1);
     function EditorTextureLoader() {
@@ -1348,7 +1334,7 @@ var EditorTextureLoader = /*#__PURE__*/ function(Loader1) {
     _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) {
@@ -1388,7 +1374,7 @@ var AnimationClipLoader = /*#__PURE__*/ function(Loader1) {
     _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) {
@@ -1440,7 +1426,7 @@ var AnimatorControllerLoader = /*#__PURE__*/ function(Loader1) {
     _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);
@@ -1545,7 +1531,7 @@ var BufferLoader = /*#__PURE__*/ function(Loader1) {
         return Loader1.apply(this, arguments);
     }
     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) {
@@ -1556,7 +1542,7 @@ var BufferLoader = /*#__PURE__*/ function(Loader1) {
                 resolve(result.buffer);
             });
         }
-        return this.request(url, _extends({}, item, {
+        return this.request(url, resourceManager, _extends({}, item, {
             type: "arraybuffer"
         }));
     };
@@ -1578,7 +1564,7 @@ var EnvLoader = /*#__PURE__*/ function(Loader1) {
     _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;
@@ -1660,7 +1646,7 @@ var FontLoader = /*#__PURE__*/ function(Loader1) {
     _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;
@@ -3318,7 +3304,7 @@ var KTX2Loader = (_KTX2Loader = /*#__PURE__*/ function(Loader1) {
    */ _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 KTX2Loader._parseBuffer(new Uint8Array(buffer), resourceManager.engine, item.params).then(function(param) {
@@ -3857,8 +3843,11 @@ var GLTFSchemaParser = /*#__PURE__*/ function(GLTFParser1) {
         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;
@@ -4086,11 +4075,14 @@ var GLTFBufferParser = /*#__PURE__*/ function(GLTFParser1) {
     _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);
@@ -5134,9 +5126,8 @@ var GLTFLoader = /*#__PURE__*/ function(Loader1) {
         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));
@@ -5203,7 +5194,7 @@ var PrefabLoader = /*#__PURE__*/ function(Loader1) {
         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);
@@ -5231,7 +5222,7 @@ var HDRLoader = (_HDRLoader = // referenece: https://www.flipcode.com/archives/H
         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);
@@ -5546,8 +5537,8 @@ var JSONLoader = /*#__PURE__*/ function(Loader1) {
         return Loader1.apply(this, arguments);
     }
     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"
         }));
     };
@@ -5754,7 +5745,7 @@ var KTXCubeLoader = /*#__PURE__*/ function(Loader1) {
         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) {
@@ -5790,7 +5781,7 @@ var KTXLoader = /*#__PURE__*/ function(Loader1) {
     _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);
@@ -5833,63 +5824,76 @@ var MaterialLoader = /*#__PURE__*/ function(Loader1) {
     _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(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(// @ts-ignore
-                            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(key) {
+            var _shaderData_key = shaderData[key], type = _shaderData_key.type, value = _shaderData_key.value;
+            switch(type){
+                case MaterialLoaderType.Vector2:
+                    materialShaderData.setVector2(key, new Vector2(value.x, value.y));
+                    break;
+                case MaterialLoaderType.Vector3:
+                    materialShaderData.setVector3(key, new Vector3(value.x, value.y, value.z));
+                    break;
+                case MaterialLoaderType.Vector4:
+                    materialShaderData.setVector4(key, new Vector4(value.x, value.y, value.z, value.w));
+                    break;
+                case MaterialLoaderType.Color:
+                    materialShaderData.setColor(key, new Color(value.r, value.g, value.b, value.a));
+                    break;
+                case MaterialLoaderType.Float:
+                    materialShaderData.setFloat(key, value);
+                    break;
+                case MaterialLoaderType.Texture:
+                    texturePromises.push(// @ts-ignore
+                    engine.resourceManager.getResourceByRef(value).then(function(texture) {
+                        materialShaderData.setTexture(key, texture);
+                    }));
+                    break;
+                case MaterialLoaderType.Boolean:
+                    materialShaderData.setInt(key, value ? 1 : 0);
+                    break;
+                case 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([
@@ -5898,41 +5902,15 @@ MaterialLoader = __decorate([
     ])
 ], MaterialLoader);
 
-var MeshLoader = /*#__PURE__*/ function(Loader1) {
-    _inherits(MeshLoader, Loader1);
-    function MeshLoader() {
-        return Loader1.apply(this, arguments);
-    }
-    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(AssetType.Mesh, [
-        "mesh"
-    ])
-], MeshLoader);
-
 var PrimitiveMeshLoader = /*#__PURE__*/ function(Loader1) {
     _inherits(PrimitiveMeshLoader, Loader1);
     function PrimitiveMeshLoader() {
         return Loader1.apply(this, arguments);
     }
     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){
@@ -5981,7 +5959,7 @@ var ProjectLoader = /*#__PURE__*/ function(Loader1) {
         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
@@ -6013,7 +5991,9 @@ var SourceFontLoader = /*#__PURE__*/ function(Loader1) {
     _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);
@@ -6073,7 +6053,7 @@ var SpriteAtlasLoader = /*#__PURE__*/ function(Loader1) {
                     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);
@@ -6156,7 +6136,7 @@ var SpriteLoader = /*#__PURE__*/ function(Loader1) {
     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);
@@ -6234,7 +6214,7 @@ var Texture2DLoader = /*#__PURE__*/ function(Loader1) {
             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);
@@ -6312,7 +6292,7 @@ var TextureCubeLoader = /*#__PURE__*/ function(Loader1) {
                 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) {
@@ -6339,6 +6319,91 @@ TextureCubeLoader = __decorate([
     ])
 ], TextureCubeLoader);
 
+var _ShaderChunkLoader;
+var ShaderChunkLoader = (_ShaderChunkLoader = /*#__PURE__*/ function(Loader1) {
+    _inherits(ShaderChunkLoader1, Loader1);
+    function ShaderChunkLoader1() {
+        return Loader1.apply(this, arguments);
+    }
+    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) {
+    _inherits(ShaderLoader1, Loader1);
+    function ShaderLoader1() {
+        return Loader1.apply(this, arguments);
+    }
+    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(AssetType.Shader, [
+        "gs",
+        "gsl"
+    ])
+], ShaderLoader);
+
 var SceneLoader = /*#__PURE__*/ function(Loader1) {
     _inherits(SceneLoader, Loader1);
     function SceneLoader() {
@@ -6349,7 +6414,7 @@ var SceneLoader = /*#__PURE__*/ function(Loader1) {
         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) {
@@ -6913,5 +6978,5 @@ EXT_texture_webp = __decorate([
     registerGLTFExtension("EXT_texture_webp", GLTFExtensionMode.CreateAndParse)
 ], EXT_texture_webp);
 
-export { AccessorType, AnimationClipDecoder, BufferInfo, BufferReader, EditorTextureLoader, FileHeader, GLTFAnimationParser, GLTFAnimatorControllerParser, GLTFBufferParser, GLTFBufferViewParser, GLTFEntityParser, GLTFExtensionMode, GLTFExtensionParser, GLTFLoader, GLTFMaterialParser, GLTFMeshParser, GLTFParser, GLTFParserContext, GLTFParserType, GLTFResource, GLTFSceneParser, GLTFSchemaParser, GLTFSkinParser, GLTFTextureParser, GLTFUtils, GLTFValidator, InterpolableValueType, KTX2Loader, KTX2TargetFormat, KTX2Transcoder, MeshDecoder, MeshLoader$1 as MeshLoader, ParserContext, ParserType, PrefabResource, ReflectionParser, SceneParser, SpecularMode, Texture2DDecoder, decode, decoder, decoderMap, parseSingleKTX, registerGLTFExtension, registerGLTFParser };
+export { AccessorType, AnimationClipDecoder, BufferInfo, BufferReader, EditorTextureLoader, FileHeader, GLTFAnimationParser, GLTFAnimatorControllerParser, GLTFBufferParser, GLTFBufferViewParser, GLTFEntityParser, GLTFExtensionMode, GLTFExtensionParser, GLTFLoader, GLTFMaterialParser, GLTFMeshParser, GLTFParser, GLTFParserContext, GLTFParserType, GLTFResource, GLTFSceneParser, GLTFSchemaParser, GLTFSkinParser, GLTFTextureParser, GLTFUtils, GLTFValidator, InterpolableValueType, KTX2Loader, KTX2TargetFormat, KTX2Transcoder, MaterialLoaderType, MeshDecoder, ParserContext, ParserType, PrefabResource, ReflectionParser, SceneParser, SpecularMode, Texture2DDecoder, decode, decoder, decoderMap, parseSingleKTX, registerGLTFExtension, registerGLTFParser };
 //# sourceMappingURL=module.js.map