@galacean/effects-plugin-model 2.0.0-alpha.20 → 2.0.0-alpha.21

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects player model plugin
  * Author: Ant Group CO., Ltd.
  * Contributors: 飂兮
- * Version: v2.0.0-alpha.20
+ * Version: v2.0.0-alpha.21
  */
 
 'use strict';
@@ -2432,7 +2432,7 @@ function _assert_this_initialized(self) {
             get: /**
    * 获取顶点着色器代码
    */ function get() {
-                return "\n      #version 100\n      precision highp float;\n\n      uniform mat4 _ModelMatrix;\n      uniform mat4 _ViewProjectionMatrix;\n      uniform vec3 _PositionList[8];\n      attribute vec3 aPos;\n      void main(){\n        int index = int(aPos.x + 0.5);\n        vec4 pos = _ModelMatrix * vec4(_PositionList[index], 1);\n        gl_Position = _ViewProjectionMatrix * pos;\n      }\n    ";
+                return "\n      precision highp float;\n\n      uniform mat4 _ModelMatrix;\n      uniform mat4 _ViewProjectionMatrix;\n      uniform vec3 _PositionList[8];\n      attribute vec3 aPos;\n      void main(){\n        int index = int(aPos.x + 0.5);\n        vec4 pos = _ModelMatrix * vec4(_PositionList[index], 1);\n        gl_Position = _ViewProjectionMatrix * pos;\n      }\n    ";
             }
         },
         {
@@ -2440,7 +2440,7 @@ function _assert_this_initialized(self) {
             get: /**
    * 获取片段着色器代码
    */ function get() {
-                return "\n      #version 100\n      precision highp float;\n\n      uniform vec3 _LineColor;\n      void main(){\n        gl_FragColor = vec4(_LineColor, 1);\n      }\n    ";
+                return "\n      precision highp float;\n\n      uniform vec3 _LineColor;\n      void main(){\n        gl_FragColor = vec4(_LineColor, 1);\n      }\n    ";
             }
         },
         {
@@ -3838,11 +3838,18 @@ var EffectsMeshProxy = /*#__PURE__*/ function() {
                 return a.priority - b.priority;
             }
         });
+        var prePriority = -99999;
         // 重新赋值渲染优先级
         for(var i = 0; i < meshComponents.length; i++){
             var mesh = meshComponents[i];
             var priority = priorityList[i];
-            mesh.priority = priority;
+            if (prePriority < priority) {
+                prePriority = priority;
+                mesh.priority = priority;
+            } else {
+                prePriority += 0.1;
+                mesh.priority = prePriority;
+            }
         }
     };
     /**
@@ -9023,10 +9030,10 @@ exports.PSkyboxType = void 0;
    * @param engine - 引擎
    * @param params - 天空盒参数
    * @returns 天空盒选项
-   */ PSkyboxCreator.createSkyboxComponentData = function createSkyboxComponentData(engine, params) {
+   */ PSkyboxCreator.createSkyboxComponentData = function createSkyboxComponentData(params) {
         var _imageList;
-        var specularCubeData = this.getSpecularCubeMapData(engine, params);
-        var diffuseCubeData = this.getDiffuseCubeMapData(engine, params);
+        var specularCubeData = PSkyboxCreator.getSpecularCubeMapData(params);
+        var diffuseCubeData = PSkyboxCreator.getDiffuseCubeMapData(params);
         var renderable = params.renderable, intensity = params.intensity, reflectionsIntensity = params.reflectionsIntensity, irradianceCoeffs = params.irradianceCoeffs, specularImageSize = params.specularImageSize, specularMipCount = params.specularMipCount;
         var diffuseImage;
         var imageList = [];
@@ -9095,7 +9102,7 @@ exports.PSkyboxType = void 0;
             });
         })();
     };
-    PSkyboxCreator.getSpecularCubeMapData = function getSpecularCubeMapData(engine, params) {
+    PSkyboxCreator.getSpecularCubeMapData = function getSpecularCubeMapData(params) {
         var imageDatas = [];
         var mipmaps = [];
         params.specularImage.forEach(function(cubemap) {
@@ -9154,7 +9161,7 @@ exports.PSkyboxType = void 0;
             });
         })();
     };
-    PSkyboxCreator.getDiffuseCubeMapData = function getDiffuseCubeMapData(engine, params) {
+    PSkyboxCreator.getDiffuseCubeMapData = function getDiffuseCubeMapData(params) {
         if (params.diffuseImage === undefined) {
             return;
         }
@@ -10653,1497 +10660,120 @@ var LoaderHelper = /*#__PURE__*/ function() {
     return LoaderHelper;
 }();
 
-var globalGLTFLoader;
-function getDefaultEffectsGLTFLoader(engine, options) {
-    if (!globalGLTFLoader) {
-        globalGLTFLoader = new LoaderImpl();
+var JSONConverter = /*#__PURE__*/ function() {
+    function JSONConverter(player) {
+        this.treeInfo = new TreeInfo();
+        this.engine = player.renderer.engine;
+        this.renderer = player.renderer;
+        this.downloader = new EFFECTS.Downloader();
     }
-    globalGLTFLoader.initial(engine, options);
-    return globalGLTFLoader;
-}
-function setDefaultEffectsGLTFLoader(loader) {
-    globalGLTFLoader = loader;
-}
-var LoaderImpl = /*#__PURE__*/ function() {
-    function LoaderImpl() {}
-    var _proto = LoaderImpl.prototype;
-    _proto.initial = function initial(engine, options) {
-        this.engine = engine;
-        this._loaderOptions = options != null ? options : {};
-    };
-    _proto.processLight = function processLight(lights, fromGLTF) {
-        var _this = this;
-        lights.forEach(function(l) {
-            if (l.color === undefined) {
-                if (fromGLTF) {
-                    l.color = [
-                        255,
-                        255,
-                        255,
-                        255
-                    ];
-                } else {
-                    l.color = [
-                        1,
-                        1,
-                        1,
-                        1
-                    ];
-                }
-            } else {
-                l.color[0] = _this.scaleColorVal(l.color[0], fromGLTF);
-                l.color[1] = _this.scaleColorVal(l.color[1], fromGLTF);
-                l.color[2] = _this.scaleColorVal(l.color[2], fromGLTF);
-                l.color[3] = _this.scaleColorVal(l.color[3], fromGLTF);
-            }
-        });
-    };
-    _proto.processCamera = function processCamera(cameras, fromGLTF) {
-        var scale = fromGLTF ? 180.0 / Math.PI : Math.PI / 180.0;
-        cameras.forEach(function(camera) {
-            if (camera.perspective !== undefined) {
-                camera.perspective.yfov *= scale;
-            }
-        });
-    };
-    _proto.processMaterial = function processMaterial(materials, fromGLTF) {
-        var _this = this;
-        materials.forEach(function(mat) {
-            if (mat.baseColorFactor === undefined) {
-                if (fromGLTF) {
-                    mat.baseColorFactor = [
-                        255,
-                        255,
-                        255,
-                        255
-                    ];
-                } else {
-                    mat.baseColorFactor = [
-                        1,
-                        1,
-                        1,
-                        1
-                    ];
-                }
-            } else {
-                mat.baseColorFactor[0] = _this.scaleColorVal(mat.baseColorFactor[0], fromGLTF);
-                mat.baseColorFactor[1] = _this.scaleColorVal(mat.baseColorFactor[1], fromGLTF);
-                mat.baseColorFactor[2] = _this.scaleColorVal(mat.baseColorFactor[2], fromGLTF);
-                mat.baseColorFactor[3] = _this.scaleColorVal(mat.baseColorFactor[3], fromGLTF);
-            }
-            if (mat.emissiveFactor === undefined) {
-                if (fromGLTF) {
-                    mat.emissiveFactor = [
-                        255,
-                        255,
-                        255,
-                        255
-                    ];
-                } else {
-                    mat.emissiveFactor = [
-                        1,
-                        1,
-                        1,
-                        1
-                    ];
-                }
-            } else {
-                mat.emissiveFactor[0] = _this.scaleColorVal(mat.emissiveFactor[0], fromGLTF);
-                mat.emissiveFactor[1] = _this.scaleColorVal(mat.emissiveFactor[1], fromGLTF);
-                mat.emissiveFactor[2] = _this.scaleColorVal(mat.emissiveFactor[2], fromGLTF);
-                mat.emissiveFactor[3] = _this.scaleColorVal(mat.emissiveFactor[3], fromGLTF);
-            }
-            if (fromGLTF && mat.occlusionTexture !== undefined && mat.occlusionTexture.strength === undefined) {
-                mat.occlusionTexture.strength = _this.isTiny3dMode() ? 0 : 1;
-            }
-        });
-    };
-    _proto.createTreeOptions = function createTreeOptions(scene) {
-        var nodeList = scene.nodes.map(function(node, nodeIndex) {
-            var children = node.children.map(function(child) {
-                if (child.nodeIndex === undefined) {
-                    throw new Error("Undefined nodeIndex for child " + child + ".");
-                }
-                return child.nodeIndex;
-            });
-            var pos;
-            var quat;
-            var scale;
-            if (node.matrix !== undefined) {
-                if (node.matrix.length !== 16) {
-                    throw new Error("Invalid matrix length " + node.matrix.length + " for node " + node + ".");
-                }
-                var mat = Matrix4.fromArray(node.matrix);
-                var transform = mat.getTransform();
-                pos = transform.translation.toArray();
-                quat = transform.rotation.toArray();
-                scale = transform.scale.toArray();
-            } else {
-                if (node.translation !== undefined) {
-                    pos = node.translation;
-                }
-                if (node.rotation !== undefined) {
-                    quat = node.rotation;
-                }
-                if (node.scale !== undefined) {
-                    scale = node.scale;
-                }
-            }
-            node.nodeIndex = nodeIndex;
-            var treeNode = {
-                name: node.name,
-                transform: {
-                    position: pos,
-                    quat: quat,
-                    scale: scale
-                },
-                children: children,
-                id: "" + node.nodeIndex
-            };
-            return treeNode;
-        });
-        var rootNodes = scene.rootNodes.map(function(root) {
-            if (root.nodeIndex === undefined) {
-                throw new Error("Undefined nodeIndex for root " + root + ".");
-            }
-            return root.nodeIndex;
-        });
-        var treeOptions = {
-            nodes: nodeList,
-            children: rootNodes,
-            animation: -1,
-            animations: []
-        };
-        return treeOptions;
-    };
-    _proto.createAnimations = function createAnimations(animations) {
-        return animations.map(function(anim) {
-            var tracks = anim.channels.map(function(channel) {
-                var track = {
-                    input: channel.input.array,
-                    output: channel.output.array,
-                    node: channel.target.node,
-                    path: channel.target.path,
-                    interpolation: channel.interpolation
-                };
-                return track;
-            });
-            var newAnim = {
-                name: anim.name,
-                tracks: tracks
-            };
-            return newAnim;
-        });
-    };
-    _proto.createGeometry = function createGeometry(primitive, hasSkinAnim) {
-        var proxy = new GeometryProxy(this.engine, primitive, hasSkinAnim);
-        return proxy.geometry;
-    };
-    _proto.createMaterial = function createMaterial(material) {
-        var proxy = new MaterialProxy(material, [], this.isTiny3dMode());
-        return proxy.material;
-    };
-    _proto.createTexture2D = function createTexture2D(image, texture, isBaseColor) {
-        return WebGLHelper.createTexture2D(this.engine, image, texture, isBaseColor, this.isTiny3dMode());
-    };
-    _proto.createTextureCube = function createTextureCube(cubeImages, level0Size) {
-        var _this = this;
-        if (cubeImages.length == 0) {
-            throw new Error("createTextureCube: Invalid cubeImages length " + cubeImages + ".");
-        }
-        var mipmaps = [];
-        cubeImages.forEach(function(cubeImage) {
-            if (cubeImage.length != 6) {
-                throw new Error("createTextureCube: cubeimage count should always be 6, " + cubeImage + ".");
-            }
-            //
-            var imgList = [];
-            cubeImage.forEach(function(img) {
-                if (img.imageData === undefined) {
-                    throw new Error("createTextureCube: Invalid image data from " + img + ".");
-                }
-                //
-                imgList.push({
-                    type: "buffer",
-                    data: img.imageData,
-                    mimeType: img.mimeType
-                });
-            });
-            if (_this.isTiny3dMode()) {
-                var ref;
-                ref = [
-                    imgList[5],
-                    imgList[4]
-                ], imgList[4] = ref[0], imgList[5] = ref[1];
-            }
-            mipmaps.push(imgList);
-        });
-        //
-        if (mipmaps.length == 1) {
-            // no mipmaps
-            return WebGLHelper.createTextureCubeFromBuffer(this.engine, mipmaps[0]);
-        } else {
-            // has mipmaps
-            return WebGLHelper.createTextureCubeMipmapFromBuffer(this.engine, mipmaps, level0Size != null ? level0Size : Math.pow(2, mipmaps.length - 1));
-        }
-    };
-    _proto.createSkybox = function createSkybox(ibl) {
-        var _this = this;
-        var _ibl_reflectionsIntensity;
-        var reflectionsIntensity = (_ibl_reflectionsIntensity = ibl.reflectionsIntensity) != null ? _ibl_reflectionsIntensity : ibl.intensity;
-        var irradianceCoeffs = ibl.irradianceCoefficients;
-        var inSpecularImages = ibl.specularImages;
-        var specularImages = inSpecularImages.map(function(images) {
-            var newImages = images.map(function(img) {
-                var outImg = {
-                    type: "buffer",
-                    data: img.imageData,
-                    mimeType: img.mimeType
-                };
-                return outImg;
-            });
-            if (_this.isTiny3dMode()) {
-                var ref;
-                ref = [
-                    newImages[5],
-                    newImages[4]
-                ], newImages[4] = ref[0], newImages[5] = ref[1];
-            }
-            return newImages;
-        });
-        var specularMipCount = specularImages.length;
-        var _ibl_specularImageSize;
-        var specularImageSize = (_ibl_specularImageSize = ibl.specularImageSize) != null ? _ibl_specularImageSize : Math.pow(2, specularMipCount - 1);
-        var params = {
-            type: "buffer",
-            renderable: this.isSkyboxVis(),
-            intensity: ibl.intensity,
-            reflectionsIntensity: reflectionsIntensity,
-            irradianceCoeffs: irradianceCoeffs,
-            specularImage: specularImages,
-            specularMipCount: specularMipCount,
-            specularImageSize: specularImageSize
-        };
-        return PSkyboxCreator.createSkyboxOptions(this.engine, params);
-    };
-    _proto.createDefaultSkybox = function createDefaultSkybox(typeName) {
-        if (typeName !== "NFT" && typeName !== "FARM") {
-            throw new Error("Invalid skybox type specified: '" + typeName + "'. Valid types are: 'NFT', 'FARM'.");
-        }
-        //
-        var typ = typeName === "NFT" ? exports.PSkyboxType.NFT : exports.PSkyboxType.FARM;
-        var params = PSkyboxCreator.getSkyboxParams(typ);
-        return PSkyboxCreator.createSkyboxOptions(this.engine, params);
-    };
-    _proto.scaleColorVal = function scaleColorVal(val, fromGLTF) {
-        return fromGLTF ? LoaderHelper.scaleTo255(val) : LoaderHelper.scaleTo1(val);
-    };
-    _proto.scaleColorVec = function scaleColorVec(vec, fromGLTF) {
-        var _this = this;
-        return vec.map(function(val) {
-            return _this.scaleColorVal(val, fromGLTF);
-        });
-    };
-    _proto.loadScene = function loadScene(options) {
+    var _proto = JSONConverter.prototype;
+    _proto.processScene = function processScene(sceneData) {
         var _this = this;
         return _async_to_generator(function() {
-            var _options_effects_renderer, gltfResource, modelItems, treeId, itemSkybox, sceneAABB;
+            var sceneJSON, _tmp, oldScene, binFiles, _iterator, _step, bin, _, newScene;
             return __generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
-                        _this._clear();
-                        _this._sceneOptions = options;
-                        _this.engine = (_options_effects_renderer = options.effects.renderer) == null ? void 0 : _options_effects_renderer.engine;
-                        _this._loaderOptions = {
-                            compatibleMode: options.gltf.compatibleMode
-                        };
-                        gltfResource = options.gltf.resource;
-                        if (typeof gltfResource === "string" || _instanceof1(gltfResource, Uint8Array)) {
-                            throw new Error("Please load the resource using GLTFTools first.");
-                        }
-                        _this._gltfScene = gltfResource.scenes[0];
-                        _this._gltfSkins = _this._gltfScene.skins;
-                        _this._gltfMeshs = gltfResource.meshes;
-                        _this._gltfLights = _this._gltfScene.lights;
-                        _this._gltfCameras = _this._gltfScene.cameras;
-                        _this._gltfImages = gltfResource.images;
-                        _this._gltfTextures = gltfResource.textures;
-                        _this._gltfMaterials = gltfResource.materials;
-                        _this._gltfAnimations = gltfResource.animations;
-                        _this._gltfImageBasedLights = gltfResource.imageBasedLights;
-                        return [
-                            4,
-                            _this._preprocess()
+                        if (!EFFECTS.isObject(sceneData)) return [
+                            3,
+                            1
                         ];
-                    case 1:
-                        _state.sent();
-                        modelItems = [];
-                        treeId = "sceneTree";
-                        modelItems.push(_this._createItemTree(treeId, _this._gltfScene));
-                        //
-                        itemSkybox = _this._createItemSkybox();
-                        if (itemSkybox !== undefined) {
-                            modelItems.push(itemSkybox);
-                        }
-                        _this._gltfScene.nodes.forEach(function(node) {
-                            if (node.mesh !== undefined) {
-                                var itemMesh = _this._createItemMesh(node, treeId);
-                                if (itemMesh !== undefined) {
-                                    modelItems.push(itemMesh);
-                                }
-                            }
-                            if (node.light !== undefined) {
-                                var itemLight = _this._createItemLight(node, treeId);
-                                if (itemLight !== undefined) {
-                                    modelItems.push(itemLight);
-                                }
-                            }
-                            if (node.camera !== undefined) {
-                                var itemCamera = _this._createItemCamera(node, treeId);
-                                if (itemCamera !== undefined) {
-                                    modelItems.push(itemCamera);
-                                }
-                            }
-                        });
-                        sceneAABB = new Box3();
-                        _this._gltfScene.rootNodes.forEach(function(root) {
-                            var parentTransform = new EFFECTS.Transform({
-                                valid: true
-                            });
-                            _this._computeSceneAABB(root, parentTransform, sceneAABB);
-                        });
+                        _tmp = sceneData;
                         return [
-                            2,
-                            {
-                                source: _this.getRemarkString(),
-                                items: modelItems,
-                                sceneAABB: {
-                                    min: sceneAABB.min.toArray(),
-                                    max: sceneAABB.max.toArray()
-                                }
-                            }
-                        ];
-                }
-            });
-        })();
-    };
-    _proto._preprocess = function _preprocess() {
-        var _this = this;
-        return _async_to_generator(function() {
-            var i, mat, ibl, inSpecularImages, skyboxType, typeName;
-            return __generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        _this.getTextureManager().initial(_this._gltfImages, _this._gltfTextures);
-                        i = 0;
-                        _state.label = 1;
-                    case 1:
-                        if (!(i < _this._gltfMaterials.length)) return [
                             3,
-                            8
+                            3
                         ];
-                        mat = _this._gltfMaterials[i];
+                    case 1:
                         return [
                             4,
-                            _this.tryAddTexture2D(i, mat.baseColorTexture, true)
+                            _this.loadJSON(sceneData)
                         ];
                     case 2:
-                        _state.sent();
-                        if (!!GLTFHelper.isUnlitMaterial(mat)) return [
+                        _tmp = _state.sent();
+                        _state.label = 3;
+                    case 3:
+                        sceneJSON = _tmp;
+                        // @ts-expect-error
+                        sceneJSON.textures.forEach(function(tex) {
+                            if (tex.source === undefined) {
+                                tex.source = 0;
+                            }
+                        });
+                        oldScene = EFFECTS.getStandardJSON(sceneJSON);
+                        binFiles = [];
+                        if (!oldScene.bins) return [
                             3,
                             7
                         ];
-                        return [
-                            4,
-                            _this.tryAddTexture2D(i, mat.metallicRoughnessTexture, false)
-                        ];
-                    case 3:
-                        _state.sent();
-                        return [
-                            4,
-                            _this.tryAddTexture2D(i, mat.normalTexture, false)
-                        ];
+                        _iterator = _create_for_of_iterator_helper_loose(oldScene.bins);
+                        _state.label = 4;
                     case 4:
-                        _state.sent();
-                        return [
-                            4,
-                            _this.tryAddTexture2D(i, mat.emissiveTexture, false)
-                        ];
-                    case 5:
-                        _state.sent();
-                        return [
-                            4,
-                            _this.tryAddTexture2D(i, mat.occlusionTexture, false)
-                        ];
-                    case 6:
-                        _state.sent();
-                        _state.label = 7;
-                    case 7:
-                        i++;
-                        return [
-                            3,
-                            1
-                        ];
-                    case 8:
-                        if (!(_this._gltfImageBasedLights.length > 0 && !_this.ignoreSkybox())) return [
+                        if (!!(_step = _iterator()).done) return [
                             3,
-                            10
+                            7
                         ];
-                        ibl = _this._gltfImageBasedLights[0];
-                        if (_this.isEnvironmentTest()) {
-                            inSpecularImages = ibl.specularImages;
-                            inSpecularImages.forEach(function(images) {
-                                if (_this.isTiny3dMode()) {
-                                    var ref;
-                                    ref = [
-                                        images[5],
-                                        images[4]
-                                    ], images[4] = ref[0], images[5] = ref[1];
-                                }
-                                var ref1;
-                                ref1 = [
-                                    images[3],
-                                    images[2]
-                                ], images[2] = ref1[0], images[3] = ref1[1];
-                            });
-                        }
+                        bin = _step.value;
+                        _ = binFiles.push;
                         return [
                             4,
-                            _this.createSkybox(ibl)
+                            _this.loadBins(bin.url)
                         ];
-                    case 9:
-                        _this._skyboxOptions = _state.sent();
+                    case 5:
+                        _.apply(binFiles, [
+                            _state.sent()
+                        ]);
+                        _state.label = 6;
+                    case 6:
                         return [
                             3,
-                            12
-                        ];
-                    case 10:
-                        skyboxType = _this.getSkyboxType();
-                        if (!(skyboxType !== undefined)) return [
-                            3,
-                            12
+                            4
                         ];
-                        typeName = skyboxType === exports.PSkyboxType.FARM ? "FARM" : "NFT";
+                    case 7:
+                        // @ts-expect-error
+                        oldScene.bins = binFiles;
+                        newScene = _extends({}, oldScene, {
+                            version: "3.0",
+                            playerVersion: {
+                                web: "3.0",
+                                native: "3.0"
+                            },
+                            type: "ge",
+                            compositions: [],
+                            images: [],
+                            textures: [],
+                            items: [],
+                            components: [],
+                            materials: [],
+                            shaders: [],
+                            geometries: []
+                        });
+                        _this.setImage(newScene, oldScene);
                         return [
                             4,
-                            _this.createDefaultSkybox(typeName)
+                            _this.setTexture(newScene, oldScene)
                         ];
-                    case 11:
-                        _this._skyboxOptions = _state.sent();
-                        _state.label = 12;
-                    case 12:
-                        if (_this._skyboxOptions) {
-                            _this._skyboxOptions.renderable = _this.isSkyboxVis();
-                        }
-                        //
-                        _this._gltfData2PlayerData(_this._gltfScene, _this._gltfMaterials);
+                    case 8:
+                        _state.sent();
+                        _this.setComponent(newScene, oldScene);
+                        _this.setItem(newScene, oldScene);
+                        _this.setComposition(newScene, oldScene);
                         return [
-                            2
+                            2,
+                            newScene
                         ];
                 }
             });
         })();
     };
-    // FIXME: texInfo 可选，isBaseColor 不可选，顺序问题
-    _proto.tryAddTexture2D = function tryAddTexture2D(matIndex, texInfo, isBaseColor) {
-        var _this = this;
-        if (texInfo === undefined) {
-            return;
-        }
-        var cacheTex = this.getTexture2D(matIndex, texInfo, isBaseColor, true);
-        if (cacheTex !== undefined) {
-            return;
-        }
-        //
-        var texIndex = texInfo.index;
-        var tex = this._gltfTextures[texIndex];
-        var img = this._gltfImages[tex.source];
-        return WebGLHelper.createTexture2D(this.engine, img, tex, isBaseColor, this.isTiny3dMode()).then(function(tex) {
-            _this.getTextureManager().addTexture(matIndex, texIndex, tex, isBaseColor);
+    _proto.setImage = function setImage(newScene, oldScene) {
+        var newImages = [];
+        oldScene.images.forEach(function(image) {
+            newImages.push(image);
         });
+        newScene.images = newImages;
     };
-    // FIXME: 可选顺序问题
-    _proto.getTexture2D = function getTexture2D(matIndex, texInfo, isBaseColor, noWarning) {
-        if (texInfo === undefined) {
-            return;
-        }
-        var texIndex = texInfo.index;
-        var tex = this.getTextureManager().getTexture(matIndex, texIndex, isBaseColor);
-        if (tex === undefined && noWarning !== true) {
-            console.warn("Can't find texture for mat " + matIndex + ", tex " + JSON.stringify(texInfo) + ", basecolor " + isBaseColor + ".");
-        }
-        return tex;
-    };
-    _proto._gltfData2PlayerData = function _gltfData2PlayerData(scene, materials) {
-        this.processCamera(scene.cameras, true);
-        this.processLight(scene.lights, true);
-        this.processMaterial(materials, true);
-    };
-    _proto._createItemTree = function _createItemTree(treeId, scene) {
-        var treeOptions = this.createTreeOptions(scene);
-        var animOptions = this.createAnimations(this._gltfAnimations);
-        treeOptions.animations = animOptions;
-        treeOptions.animation = this.getPlayAnimationIndex(treeOptions);
-        var itemTree = {
-            id: treeId,
-            name: scene.name,
-            duration: this.getItemDuration(),
-            endBehavior: this.getItemEndBehavior(),
-            type: EFFECTS.spec.ItemType.tree,
-            content: {
-                options: {
-                    tree: treeOptions
-                }
-            }
-        };
-        return itemTree;
-    };
-    _proto._createItemMesh = function _createItemMesh(node, parentId) {
-        var _this = this;
-        var meshIndex = node.mesh;
-        if (meshIndex === undefined) {
-            throw new Error("Invalid mesh index in node " + node + ".");
-        }
-        var skin;
-        if (node.skin !== undefined) {
-            var gltfSkin = this._gltfSkins[node.skin];
-            skin = {
-                name: gltfSkin.name,
-                joints: gltfSkin.jointIndexList,
-                skeleton: gltfSkin.skeleton,
-                inverseBindMatrices: gltfSkin.inverseBindMatrices
-            };
-        }
-        var mesh = this._gltfMeshs[meshIndex];
-        var primitiveList = mesh.primitives.map(function(prim) {
-            var matIndex = prim.material;
-            var mat = _this._gltfMaterials[matIndex];
-            var geometry = _this.createGeometry(prim, skin !== undefined);
-            var material = _this.createMaterial(mat);
-            material.baseColorTexture = _this.getTexture2D(matIndex, mat.baseColorTexture, true);
-            if (material.type === EFFECTS.spec.MaterialType.pbr) {
-                material.metallicRoughnessTexture = _this.getTexture2D(matIndex, mat.metallicRoughnessTexture, false);
-                material.normalTexture = _this.getTexture2D(matIndex, mat.normalTexture, false);
-                material.emissiveTexture = _this.getTexture2D(matIndex, mat.emissiveTexture, false);
-                material.occlusionTexture = _this.getTexture2D(matIndex, mat.occlusionTexture, false);
-            }
-            var primitiveOptions = {
-                geometry: geometry,
-                material: material
-            };
-            return primitiveOptions;
-        });
-        var meshOptions = {
-            parent: node.nodeIndex,
-            skin: skin,
-            primitives: primitiveList,
-            weights: mesh.weights
-        };
-        var aabb = GLTFHelper.createBoxFromGLTFBound(mesh.bounds);
-        var boxSize = aabb.getSize(new Vector3());
-        var boxCenter = aabb.getCenter(new Vector3());
-        var interaction = {
-            behavior: EFFECTS.spec.InteractBehavior.NOTIFY,
-            type: EFFECTS.spec.ModelBoundingType.box,
-            size: [
-                boxSize.x,
-                boxSize.y,
-                boxSize.z
-            ],
-            center: [
-                boxCenter.x,
-                boxCenter.y,
-                boxCenter.z
-            ]
-        };
-        var _node_nodeIndex;
-        var itemMesh = {
-            id: "mesh_ni" + ((_node_nodeIndex = node.nodeIndex) != null ? _node_nodeIndex : 0) + "_mi" + meshIndex,
-            parentId: parentId + "^" + node.nodeIndex,
-            name: mesh.name,
-            duration: this.getItemDuration(),
-            endBehavior: this.getItemEndBehavior(),
-            type: EFFECTS.spec.ItemType.mesh,
-            pluginName: "model",
-            content: {
-                options: meshOptions,
-                interaction: interaction
-            }
-        };
-        return itemMesh;
-    };
-    _proto._createItemLight = function _createItemLight(node, parentId) {
-        var lightIndex = node.light;
-        if (lightIndex === undefined) {
-            return;
-        }
-        var light = this._gltfLights[lightIndex];
-        var lightOptions = this.createLightOptions(light);
-        var _node_nodeIndex, _light_name;
-        var itemLight = {
-            id: "light_ni" + ((_node_nodeIndex = node.nodeIndex) != null ? _node_nodeIndex : 0) + "_li" + lightIndex,
-            parentId: parentId + "^" + node.nodeIndex,
-            name: (_light_name = light.name) != null ? _light_name : "light",
-            duration: this.getItemDuration(),
-            endBehavior: this.getItemEndBehavior(),
-            type: EFFECTS.spec.ItemType.light,
-            pluginName: "model",
-            content: {
-                options: lightOptions
-            }
-        };
-        return itemLight;
-    };
-    _proto._createItemCamera = function _createItemCamera(node, parentId) {
-        var cameraIndex = node.camera;
-        if (cameraIndex === undefined) {
-            return;
-        }
-        var camera = this._gltfCameras[cameraIndex];
-        var cameraOptions = this.createCameraOptions(camera);
-        if (cameraOptions === undefined) {
-            return;
-        }
-        var _node_nodeIndex, _camera_name;
-        var itemCamera = {
-            id: "camera_ni" + ((_node_nodeIndex = node.nodeIndex) != null ? _node_nodeIndex : 0) + "_ci" + cameraIndex,
-            parentId: parentId + "^" + node.nodeIndex,
-            name: (_camera_name = camera.name) != null ? _camera_name : "camera",
-            duration: this.getItemDuration(),
-            endBehavior: this.getItemEndBehavior(),
-            type: "camera",
-            pluginName: "model",
-            content: {
-                options: cameraOptions
-            }
-        };
-        return itemCamera;
-    };
-    _proto._createItemSkybox = function _createItemSkybox() {
-        if (this._skyboxOptions === undefined) {
-            return;
-        }
-        var itemSkybox = {
-            id: "skybox_0",
-            name: "skybox",
-            duration: this.getItemDuration(),
-            endBehavior: this.getItemEndBehavior(),
-            type: EFFECTS.spec.ItemType.skybox,
-            pluginName: "model",
-            content: {
-                options: this._skyboxOptions
-            }
-        };
-        return itemSkybox;
-    };
-    _proto._computeSceneAABB = function _computeSceneAABB(node, parentTransform, sceneAABB) {
-        var _this = this;
-        var transformData = {};
-        if (node.matrix) {
-            var trans = Matrix4.fromArray(node.matrix).getTransform();
-            transformData.position = trans.translation.toArray();
-            transformData.quat = trans.rotation.toArray();
-            transformData.scale = trans.scale.toArray();
-        } else {
-            if (node.translation) {
-                transformData.position = node.translation;
-            }
-            if (node.rotation) {
-                transformData.quat = node.rotation;
-            }
-            if (node.scale) {
-                transformData.scale = node.scale;
-            }
-        }
-        var nodeTransform = new EFFECTS.Transform(transformData, parentTransform);
-        nodeTransform.setValid(true);
-        //
-        if (node.mesh !== undefined) {
-            var mesh = this._gltfMeshs[node.mesh];
-            var meshAABB = GLTFHelper.createBoxFromGLTFBound(mesh.bounds);
-            meshAABB.applyMatrix4(nodeTransform.getWorldMatrix());
-            sceneAABB.union(meshAABB);
-        }
-        node.children.forEach(function(child) {
-            _this._computeSceneAABB(child, nodeTransform, sceneAABB);
-        });
-    };
-    _proto.createLightOptions = function createLightOptions(light) {
-        return PluginHelper.createLightOptions(light);
-    };
-    _proto.createCameraOptions = function createCameraOptions(camera) {
-        return PluginHelper.createCameraOptions(camera);
-    };
-    _proto._clear = function _clear() {
-        if (this._textureManager) {
-            this._textureManager.dispose();
-            this._textureManager = undefined;
-        }
-        this._textureManager = new TextureManager(this);
-    };
-    /**
-   * 按照传入的动画播放参数，计算需要播放的动画索引
-   *
-   * @param treeOptions 节点树属性，需要初始化animations列表。
-   * @returns 返回计算的动画索引，-1表示没有动画需要播放，-88888888表示播放所有动画。
-   */ _proto.getPlayAnimationIndex = function getPlayAnimationIndex(treeOptions) {
-        var animations = treeOptions.animations;
-        if (animations === undefined || animations.length <= 0) {
-            // 硬编码，内部指定的不播放动画的索引值
-            return -1;
-        }
-        if (this.isPlayAllAnimation()) {
-            // 硬编码，内部指定的播放全部动画的索引值
-            return -88888888;
-        }
-        var animationInfo = this._sceneOptions.effects.playAnimation;
-        if (animationInfo === undefined) {
-            return -1;
-        }
-        if (typeof animationInfo === "number") {
-            if (animationInfo >= 0 && animationInfo < animations.length) {
-                return animationInfo;
-            } else {
-                return -1;
-            }
-        } else {
-            // typeof animationInfo === 'string'
-            var animationIndex = -1;
-            // 通过动画名字查找动画索引
-            animations.forEach(function(anim, index) {
-                if (anim.name === animationInfo) {
-                    animationIndex = index;
-                }
-            });
-            return animationIndex;
-        }
-    };
-    _proto.isPlayAnimation = function isPlayAnimation() {
-        return this._sceneOptions.effects.playAnimation !== undefined;
-    };
-    _proto.isPlayAllAnimation = function isPlayAllAnimation() {
-        return this._sceneOptions.effects.playAllAnimation === true;
-    };
-    _proto.getRemarkString = function getRemarkString() {
-        var remark = this._sceneOptions.gltf.remark;
-        if (remark === undefined) {
-            return "Unknown";
-        } else if (typeof remark === "string") {
-            return remark;
-        } else {
-            return "BinaryBuffer";
-        }
-    };
-    _proto.isTiny3dMode = function isTiny3dMode() {
-        return this._loaderOptions.compatibleMode === "tiny3d";
-    };
-    _proto.getTextureManager = function getTextureManager() {
-        return this._textureManager;
-    };
-    _proto.getItemDuration = function getItemDuration() {
-        var _this__sceneOptions_effects_duration;
-        return (_this__sceneOptions_effects_duration = this._sceneOptions.effects.duration) != null ? _this__sceneOptions_effects_duration : 9999;
-    };
-    _proto.getItemEndBehavior = function getItemEndBehavior() {
-        var _this__sceneOptions_effects_endBehavior;
-        return (_this__sceneOptions_effects_endBehavior = this._sceneOptions.effects.endBehavior) != null ? _this__sceneOptions_effects_endBehavior : EFFECTS.spec.ItemEndBehavior.loop;
-    };
-    _proto.getSkyboxType = function getSkyboxType() {
-        var typeName = this._sceneOptions.gltf.skyboxType;
-        switch(typeName){
-            case "NFT":
-                return exports.PSkyboxType.NFT;
-            case "FARM":
-                return exports.PSkyboxType.FARM;
-        }
-    };
-    _proto.isSkyboxVis = function isSkyboxVis() {
-        return this._sceneOptions.gltf.skyboxVis === true;
-    };
-    _proto.ignoreSkybox = function ignoreSkybox() {
-        return this._sceneOptions.gltf.ignoreSkybox === true;
-    };
-    _proto.isEnvironmentTest = function isEnvironmentTest() {
-        if (typeof this._sceneOptions.gltf.remark === "string") {
-            return this._sceneOptions.gltf.remark.includes("EnvironmentTest");
-        } else {
-            return false;
-        }
-    };
-    return LoaderImpl;
-}();
-var TextureManager = /*#__PURE__*/ function() {
-    function TextureManager(owner) {
-        this._owner = owner;
-        this._gltfImages = [];
-        this._gltfTextures = [];
-        this._textureMap = new Map();
-    }
-    var _proto = TextureManager.prototype;
-    _proto.initial = function initial(gltfImages, gltfTextures) {
-        this._gltfImages = gltfImages;
-        this._gltfTextures = gltfTextures;
-        this._textureMap.clear();
-    };
-    _proto.dispose = function dispose() {
-        this._textureMap.clear();
-    };
-    _proto.addTexture = function addTexture(matIndex, texIndex, tex, isBaseColor) {
-        var index = isBaseColor ? (matIndex + 1) * 100000 + texIndex : texIndex;
-        this._textureMap.set(index, tex);
-    };
-    _proto.getTexture = function getTexture(matIndex, texIndex, isBaseColor) {
-        var index = isBaseColor ? (matIndex + 1) * 100000 + texIndex : texIndex;
-        return this._textureMap.get(index);
-    };
-    return TextureManager;
-}();
-var GeometryProxy = /*#__PURE__*/ function() {
-    function GeometryProxy(engine, gltfGeometry, hasSkinAnimation) {
-        this.engine = engine;
-        this.gltfGeometry = gltfGeometry;
-        this.hasSkinAnimation = hasSkinAnimation;
-    }
-    var _proto = GeometryProxy.prototype;
-    _proto._getBufferAttrib = function _getBufferAttrib(inAttrib) {
-        var attrib = {
-            type: inAttrib.type,
-            size: inAttrib.itemSize,
-            //stride: inAttrib.stride,
-            //offset: inAttrib.offset,
-            data: inAttrib.array,
-            normalize: inAttrib.normalized
-        };
-        return attrib;
-    };
-    _proto.texCoordAttrib = function texCoordAttrib(index) {
-        return this.gltfGeometry.getTexCoord(index);
-    };
-    _proto.getTargetPosition = function getTargetPosition(index) {
-        return this.gltfGeometry.getAttribute("POSITION" + index);
-    };
-    _proto.getTargetNormal = function getTargetNormal(index) {
-        return this.gltfGeometry.getAttribute("NORMAL" + index);
-    };
-    _proto.getTargetTangent = function getTargetTangent(index) {
-        return this.gltfGeometry.getAttribute("TANGENT" + index);
-    };
-    _create_class(GeometryProxy, [
-        {
-            key: "geometry",
-            get: function get() {
-                var _this = this;
-                var attributes = {};
-                if (this.hasPosition) {
-                    var attrib = this.positionAttrib;
-                    attributes["aPos"] = this._getBufferAttrib(attrib);
-                } else {
-                    throw new Error("Position attribute missing.");
-                }
-                if (this.hasNormal) {
-                    var attrib1 = this.normalAttrib;
-                    if (attrib1 !== undefined) {
-                        attributes["aNormal"] = this._getBufferAttrib(attrib1);
-                    }
-                }
-                if (this.hasTangent) {
-                    var attrib2 = this.tangentAttrib;
-                    if (attrib2 !== undefined) {
-                        attributes["aTangent"] = this._getBufferAttrib(attrib2);
-                    }
-                }
-                this.texCoordList.forEach(function(val) {
-                    var attrib = _this.texCoordAttrib(val);
-                    var attribName = "aUV" + (val + 1);
-                    attributes[attribName] = _this._getBufferAttrib(attrib);
-                });
-                if (this.hasSkinAnimation) {
-                    var jointAttrib = this.jointAttribute;
-                    if (jointAttrib !== undefined) {
-                        attributes["aJoints"] = this._getBufferAttrib(jointAttrib);
-                    }
-                    var weightAttrib = this.weightAttribute;
-                    if (weightAttrib !== undefined) {
-                        attributes["aWeights"] = this._getBufferAttrib(weightAttrib);
-                    }
-                }
-                /**
-     * 设置Morph动画需要的Attribute，主要包括Position，Normal和Tangent
-     */ for(var i = 0; i < 8; i++){
-                    var positionAttrib = this.getTargetPosition(i);
-                    if (positionAttrib !== undefined) {
-                        attributes["aTargetPosition" + i] = this._getBufferAttrib(positionAttrib);
-                    }
-                    var normalAttrib = this.getTargetNormal(i);
-                    if (normalAttrib !== undefined) {
-                        attributes["aTargetNormal" + i] = this._getBufferAttrib(normalAttrib);
-                    }
-                    var tangentAttrib = this.getTargetTangent(i);
-                    if (tangentAttrib !== undefined) {
-                        attributes["aTargetTangent" + i] = this._getBufferAttrib(tangentAttrib);
-                    }
-                }
-                var indexArray = this.indexArray;
-                if (indexArray !== undefined) {
-                    return EFFECTS.Geometry.create(this.engine, {
-                        attributes: attributes,
-                        indices: {
-                            data: indexArray
-                        },
-                        drawStart: 0,
-                        drawCount: indexArray.length,
-                        mode: EFFECTS.glContext.TRIANGLES
-                    });
-                } else {
-                    return EFFECTS.Geometry.create(this.engine, {
-                        attributes: attributes,
-                        drawStart: 0,
-                        drawCount: this.positionAttrib.array.length / 3,
-                        mode: EFFECTS.glContext.TRIANGLES
-                    });
-                }
-            }
-        },
-        {
-            key: "positionAttrib",
-            get: function get() {
-                return this.gltfGeometry.getPosition();
-            }
-        },
-        {
-            key: "normalAttrib",
-            get: function get() {
-                return this.gltfGeometry.getNormal();
-            }
-        },
-        {
-            key: "tangentAttrib",
-            get: function get() {
-                return this.gltfGeometry.getTangent();
-            }
-        },
-        {
-            key: "jointAttribute",
-            get: function get() {
-                return this.gltfGeometry.getJoints(0);
-            }
-        },
-        {
-            key: "weightAttribute",
-            get: function get() {
-                return this.gltfGeometry.getWeights(0);
-            }
-        },
-        {
-            key: "hasPosition",
-            get: function get() {
-                return this.positionAttrib !== undefined;
-            }
-        },
-        {
-            key: "hasNormal",
-            get: function get() {
-                return this.normalAttrib !== undefined;
-            }
-        },
-        {
-            key: "hasTangent",
-            get: function get() {
-                return this.tangentAttrib !== undefined;
-            }
-        },
-        {
-            key: "hasTexCoord",
-            get: function get() {
-                return this.texCoordCount > 0;
-            }
-        },
-        {
-            key: "texCoordCount",
-            get: function get() {
-                for(var i = 0; i < 10; i++){
-                    if (this.texCoordAttrib(i) === undefined) {
-                        return i;
-                    }
-                }
-                return 0;
-            }
-        },
-        {
-            key: "hasJointAttribute",
-            get: function get() {
-                return this.jointAttribute !== undefined;
-            }
-        },
-        {
-            key: "hasWeightAttribute",
-            get: function get() {
-                return this.weightAttribute !== undefined;
-            }
-        },
-        {
-            key: "indexArray",
-            get: function get() {
-                if (this.gltfGeometry.indices === undefined) {
-                    return undefined;
-                }
-                switch(this.gltfGeometry.indices.type){
-                    case WebGLRenderingContext["UNSIGNED_INT"]:
-                        return this.gltfGeometry.indices.array;
-                    case WebGLRenderingContext["UNSIGNED_SHORT"]:
-                        return this.gltfGeometry.indices.array;
-                    case WebGLRenderingContext["UNSIGNED_BYTE"]:
-                        return this.gltfGeometry.indices.array;
-                }
-                return undefined;
-            }
-        },
-        {
-            key: "indexCount",
-            get: function get() {
-                if (this.gltfGeometry.indices !== undefined) {
-                    return this.gltfGeometry.indices.array.length;
-                } else {
-                    return 0;
-                }
-            }
-        },
-        {
-            key: "texCoordList",
-            get: function get() {
-                var texCoords = [];
-                for(var i = 0; i < 10; i++){
-                    if (this.texCoordAttrib(i) !== undefined) {
-                        texCoords.push(i);
-                    } else {
-                        break;
-                    }
-                }
-                return texCoords;
-            }
-        }
-    ]);
-    return GeometryProxy;
-}();
-var MaterialProxy = /*#__PURE__*/ function() {
-    function MaterialProxy(material, textures, tiny3dMode) {
-        this.gltfMaterial = material;
-        this.textures = textures;
-        this.tiny3dMode = tiny3dMode;
-    }
-    var _proto = MaterialProxy.prototype;
-    _proto.getTextureObject = function getTextureObject(index) {
-        if (index < 0 || index >= this.textures.length) {
-            return;
-        }
-        return this.textures[index];
-    };
-    _proto.getTextureObj = function getTextureObj(texInfo) {
-        return texInfo ? this.getTextureObject(texInfo.index) : undefined;
-    };
-    _proto.getTextureCoord = function getTextureCoord(texInfo) {
-        return texInfo ? texInfo.texCoord : undefined;
-    };
-    _proto.getTextureTransform = function getTextureTransform(texInfo) {
-        var _texInfo_extensions;
-        var transform = texInfo == null ? void 0 : (_texInfo_extensions = texInfo.extensions) == null ? void 0 : _texInfo_extensions.KHR_texture_transform;
-        if (transform === undefined) {
-            return;
-        }
-        if (transform.offset === undefined && transform.rotation === undefined && transform.scale === undefined) {
-            return;
-        }
-        return {
-            offset: transform.offset,
-            rotation: transform.rotation,
-            scale: transform.scale
-        };
-    };
-    _proto.getSpecularAA = function getSpecularAA() {
-        var _this_gltfMaterial_extras;
-        return (_this_gltfMaterial_extras = this.gltfMaterial.extras) == null ? void 0 : _this_gltfMaterial_extras.useSpecularAA;
-    };
-    _create_class(MaterialProxy, [
-        {
-            key: "material",
-            get: function get() {
-                var mat = this.gltfMaterial;
-                var isUnlit = GLTFHelper.isUnlitMaterial(mat);
-                var blending = EFFECTS.spec.MaterialBlending.opaque;
-                switch(mat.alphaMode){
-                    case "OPAQUE":
-                        blending = EFFECTS.spec.MaterialBlending.opaque;
-                        break;
-                    case "MASK":
-                        blending = EFFECTS.spec.MaterialBlending.masked;
-                        break;
-                    case "BLEND":
-                        blending = EFFECTS.spec.MaterialBlending.translucent;
-                        break;
-                }
-                var side = mat.doubleSided ? EFFECTS.spec.SideMode.DOUBLE : EFFECTS.spec.SideMode.FRONT;
-                var enableShadow = false;
-                var _mat_alphaCutOff;
-                var alphaCutOff = (_mat_alphaCutOff = mat.alphaCutOff) != null ? _mat_alphaCutOff : 0.5;
-                var name = mat.name;
-                if (isUnlit) {
-                    var _mat_extras;
-                    return {
-                        name: name,
-                        type: EFFECTS.spec.MaterialType.unlit,
-                        baseColorTexture: this.baseColorTextureObj,
-                        baseColorTextureCoordinate: this.baseColorTextureCoord,
-                        baseColorTextureTransform: this.baseColorTextureTransfrom,
-                        baseColorFactor: this.baseColorFactor,
-                        //
-                        depthMask: (_mat_extras = mat.extras) == null ? void 0 : _mat_extras.depthMask,
-                        blending: blending,
-                        alphaCutOff: alphaCutOff,
-                        side: side
-                    };
-                } else {
-                    var _mat_extras1;
-                    return {
-                        name: name,
-                        type: EFFECTS.spec.MaterialType.pbr,
-                        baseColorTexture: this.baseColorTextureObj,
-                        baseColorTextureCoordinate: this.baseColorTextureCoord,
-                        baseColorTextureTransform: this.baseColorTextureTransfrom,
-                        baseColorFactor: this.baseColorFactor,
-                        //
-                        useSpecularAA: this.getSpecularAA(),
-                        //
-                        metallicRoughnessTexture: this.metallicRoughnessTextureObj,
-                        metallicRoughnessTextureCoordinate: this.metallicRoughnessTextureCoord,
-                        metallicRoughnessTextureTransform: this.metallicRoughnessTextureTransfrom,
-                        metallicFactor: this.metalicFactor,
-                        roughnessFactor: this.roughnessFactor,
-                        //
-                        normalTexture: this.normalTextureObj,
-                        normalTextureCoordinate: this.normalTextureCoord,
-                        normalTextureTransform: this.normalTextureTransfrom,
-                        normalTextureScale: this.normalTextureScale,
-                        //
-                        occlusionTexture: this.occlusionTextureObj,
-                        occlusionTextureCoordinate: this.occlusionTextureCoord,
-                        occlusionTextureTransform: this.occlusionTextureTransfrom,
-                        occlusionTextureStrength: this.occlusionTextureStrength,
-                        //
-                        emissiveTexture: this.emissiveTextureObj,
-                        emissiveTextureCoordinate: this.emissiveTextureCoord,
-                        emissiveTextureTransform: this.emissiveTextureTransfrom,
-                        emissiveFactor: this.emissiveFactor,
-                        emissiveIntensity: 1.0,
-                        //
-                        depthMask: (_mat_extras1 = mat.extras) == null ? void 0 : _mat_extras1.depthMask,
-                        blending: blending,
-                        alphaCutOff: alphaCutOff,
-                        side: side,
-                        enableShadow: enableShadow
-                    };
-                }
-            }
-        },
-        {
-            key: "baseColorTextureObj",
-            get: function get() {
-                return this.getTextureObj(this.gltfMaterial.baseColorTexture);
-            }
-        },
-        {
-            key: "baseColorTextureCoord",
-            get: function get() {
-                return this.getTextureCoord(this.gltfMaterial.baseColorTexture);
-            }
-        },
-        {
-            key: "baseColorTextureTransfrom",
-            get: function get() {
-                return this.getTextureTransform(this.gltfMaterial.baseColorTexture);
-            }
-        },
-        {
-            key: "metallicRoughnessTextureObj",
-            get: function get() {
-                return this.getTextureObj(this.gltfMaterial.metallicRoughnessTexture);
-            }
-        },
-        {
-            key: "metallicRoughnessTextureCoord",
-            get: function get() {
-                return this.getTextureCoord(this.gltfMaterial.metallicRoughnessTexture);
-            }
-        },
-        {
-            key: "metallicRoughnessTextureTransfrom",
-            get: function get() {
-                return this.getTextureTransform(this.gltfMaterial.metallicRoughnessTexture);
-            }
-        },
-        {
-            key: "normalTextureObj",
-            get: function get() {
-                return this.getTextureObj(this.gltfMaterial.normalTexture);
-            }
-        },
-        {
-            key: "normalTextureCoord",
-            get: function get() {
-                return this.getTextureCoord(this.gltfMaterial.normalTexture);
-            }
-        },
-        {
-            key: "normalTextureTransfrom",
-            get: function get() {
-                return this.getTextureTransform(this.gltfMaterial.normalTexture);
-            }
-        },
-        {
-            key: "occlusionTextureObj",
-            get: function get() {
-                return this.getTextureObj(this.gltfMaterial.occlusionTexture);
-            }
-        },
-        {
-            key: "occlusionTextureCoord",
-            get: function get() {
-                return this.getTextureCoord(this.gltfMaterial.occlusionTexture);
-            }
-        },
-        {
-            key: "occlusionTextureTransfrom",
-            get: function get() {
-                return this.getTextureTransform(this.gltfMaterial.occlusionTexture);
-            }
-        },
-        {
-            key: "emissiveTextureObj",
-            get: function get() {
-                return this.getTextureObj(this.gltfMaterial.emissiveTexture);
-            }
-        },
-        {
-            key: "emissiveTextureCoord",
-            get: function get() {
-                return this.getTextureCoord(this.gltfMaterial.emissiveTexture);
-            }
-        },
-        {
-            key: "emissiveTextureTransfrom",
-            get: function get() {
-                return this.getTextureTransform(this.gltfMaterial.emissiveTexture);
-            }
-        },
-        {
-            key: "hasEmissive",
-            get: function get() {
-                var factor = this.emissiveFactor;
-                return factor[0] + factor[1] + factor[2] > 0;
-            }
-        },
-        {
-            key: "baseColorFactor",
-            get: function get() {
-                var f = this.gltfMaterial.baseColorFactor;
-                if (f === undefined || f.length != 4) {
-                    return [
-                        1,
-                        1,
-                        1,
-                        1
-                    ];
-                } else {
-                    return [
-                        f[0],
-                        f[1],
-                        f[2],
-                        f[3]
-                    ];
-                }
-            }
-        },
-        {
-            key: "metalicFactor",
-            get: function get() {
-                var _this_gltfMaterial_metallicFactor;
-                return (_this_gltfMaterial_metallicFactor = this.gltfMaterial.metallicFactor) != null ? _this_gltfMaterial_metallicFactor : 1;
-            }
-        },
-        {
-            key: "roughnessFactor",
-            get: function get() {
-                var _this_gltfMaterial_roughnessFactor;
-                return (_this_gltfMaterial_roughnessFactor = this.gltfMaterial.roughnessFactor) != null ? _this_gltfMaterial_roughnessFactor : 1;
-            }
-        },
-        {
-            key: "normalTextureScale",
-            get: function get() {
-                var _this_gltfMaterial_normalTexture;
-                var _this_gltfMaterial_normalTexture_scale;
-                return (_this_gltfMaterial_normalTexture_scale = (_this_gltfMaterial_normalTexture = this.gltfMaterial.normalTexture) == null ? void 0 : _this_gltfMaterial_normalTexture.scale) != null ? _this_gltfMaterial_normalTexture_scale : 1;
-            }
-        },
-        {
-            key: "occlusionTextureStrength",
-            get: function get() {
-                var _this_gltfMaterial_occlusionTexture;
-                var _this_gltfMaterial_occlusionTexture_strength;
-                return (_this_gltfMaterial_occlusionTexture_strength = (_this_gltfMaterial_occlusionTexture = this.gltfMaterial.occlusionTexture) == null ? void 0 : _this_gltfMaterial_occlusionTexture.strength) != null ? _this_gltfMaterial_occlusionTexture_strength : 1;
-            }
-        },
-        {
-            key: "emissiveFactor",
-            get: function get() {
-                var f = this.gltfMaterial.emissiveFactor;
-                if (f === undefined || f.length != 4) {
-                    return [
-                        0,
-                        0,
-                        0,
-                        1
-                    ];
-                } else {
-                    return [
-                        f[0],
-                        f[1],
-                        f[2],
-                        1.0
-                    ];
-                }
-            }
-        }
-    ]);
-    return MaterialProxy;
-}();
-var GLTFHelper = /*#__PURE__*/ function() {
-    function GLTFHelper() {}
-    GLTFHelper.isUnlitMaterial = function isUnlitMaterial(mat) {
-        var _mat_extensions;
-        return ((_mat_extensions = mat.extensions) == null ? void 0 : _mat_extensions.KHR_materials_unlit) !== undefined;
-    };
-    GLTFHelper.createBoxFromGLTFBound = function createBoxFromGLTFBound(bound) {
-        var boxMin = Vector3.fromArray(bound.box.min);
-        var boxMax = Vector3.fromArray(bound.box.max);
-        return new Box3(boxMin, boxMax);
-    };
-    return GLTFHelper;
-}();
-
-var JSONConverter = /*#__PURE__*/ function() {
-    function JSONConverter(player) {
-        this.treeInfo = new TreeInfo();
-        this.engine = player.renderer.engine;
-        this.renderer = player.renderer;
-        this.downloader = new EFFECTS.Downloader();
-    }
-    var _proto = JSONConverter.prototype;
-    _proto.processScene = function processScene(sceneData) {
-        var _this = this;
-        return _async_to_generator(function() {
-            var sceneJSON, _tmp, oldScene, binFiles, _iterator, _step, bin, _, newScene;
-            return __generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        if (!EFFECTS.isObject(sceneData)) return [
-                            3,
-                            1
-                        ];
-                        _tmp = sceneData;
-                        return [
-                            3,
-                            3
-                        ];
-                    case 1:
-                        return [
-                            4,
-                            _this.loadJSON(sceneData)
-                        ];
-                    case 2:
-                        _tmp = _state.sent();
-                        _state.label = 3;
-                    case 3:
-                        sceneJSON = _tmp;
-                        // @ts-expect-error
-                        sceneJSON.textures.forEach(function(tex) {
-                            if (tex.source === undefined) {
-                                tex.source = 0;
-                            }
-                        });
-                        oldScene = EFFECTS.getStandardJSON(sceneJSON);
-                        binFiles = [];
-                        if (!oldScene.bins) return [
-                            3,
-                            7
-                        ];
-                        _iterator = _create_for_of_iterator_helper_loose(oldScene.bins);
-                        _state.label = 4;
-                    case 4:
-                        if (!!(_step = _iterator()).done) return [
-                            3,
-                            7
-                        ];
-                        bin = _step.value;
-                        _ = binFiles.push;
-                        return [
-                            4,
-                            _this.loadBins(bin.url)
-                        ];
-                    case 5:
-                        _.apply(binFiles, [
-                            _state.sent()
-                        ]);
-                        _state.label = 6;
-                    case 6:
-                        return [
-                            3,
-                            4
-                        ];
-                    case 7:
-                        // @ts-expect-error
-                        oldScene.bins = binFiles;
-                        newScene = _extends({}, oldScene, {
-                            version: "3.0",
-                            playerVersion: {
-                                web: "3.0",
-                                native: "3.0"
-                            },
-                            type: "ge",
-                            compositions: [],
-                            images: [],
-                            textures: [],
-                            items: [],
-                            components: [],
-                            materials: [],
-                            shaders: [],
-                            geometries: []
-                        });
-                        _this.setImage(newScene, oldScene);
-                        return [
-                            4,
-                            _this.setTexture(newScene, oldScene)
-                        ];
-                    case 8:
-                        _state.sent();
-                        _this.setComponent(newScene, oldScene);
-                        _this.setItem(newScene, oldScene);
-                        _this.setComposition(newScene, oldScene);
-                        return [
-                            2,
-                            newScene
-                        ];
-                }
-            });
-        })();
-    };
-    _proto.setImage = function setImage(newScene, oldScene) {
-        var newImages = [];
-        oldScene.images.forEach(function(image) {
-            newImages.push(image);
-        });
-        newScene.images = newImages;
-    };
-    _proto.setTexture = function setTexture(newScene, oldScene) {
+    _proto.setTexture = function setTexture(newScene, oldScene) {
         var _this = this;
         return _async_to_generator(function() {
             var newTextures, bins, _iterator, _step, tex, mipmaps, target, jobs, loadedMipmaps, newMipmaps, newTex, source;
@@ -13391,8 +12021,19 @@ var vertexBufferSemanticMap = {
     a_Target_Tangent3: "TANGENT_BS3"
 };
 
-var LoaderECSImpl = /*#__PURE__*/ function() {
-    function LoaderECSImpl(composition) {
+function getDefaultEffectsGLTFLoader(options) {
+    if (!defaultGLTFLoader) {
+        defaultGLTFLoader = new LoaderImpl();
+    }
+    defaultGLTFLoader.initial(options);
+    return defaultGLTFLoader;
+}
+function setDefaultEffectsGLTFLoader(loader) {
+    defaultGLTFLoader = loader;
+}
+var defaultGLTFLoader;
+var LoaderImpl = /*#__PURE__*/ function() {
+    function LoaderImpl(composition) {
         this.gltfSkins = [];
         this.gltfMeshs = [];
         this.gltfLights = [];
@@ -13412,6 +12053,7 @@ var LoaderECSImpl = /*#__PURE__*/ function() {
         this.shaders = [];
         this.geometries = [];
         this.animations = [];
+        this.sceneAABB = new Box3();
         if (composition) {
             this.composition = composition;
         } else {
@@ -13445,21 +12087,16 @@ var LoaderECSImpl = /*#__PURE__*/ function() {
             };
         }
     }
-    var _proto = LoaderECSImpl.prototype;
-    _proto.initial = function initial(engine, options) {
-        this.engine = engine;
-        this.loaderOptions = options != null ? options : {};
-    };
+    var _proto = LoaderImpl.prototype;
     _proto.loadScene = function loadScene(options) {
         var _this = this;
         return _async_to_generator(function() {
-            var _this_components, _this_components1, _this_components2, _this_items, _options_effects_renderer, gltfResource, gltfScene, component, clips, index;
+            var _this_components, _this_components1, _this_components2, _this_items, gltfResource, gltfScene, component, clips, index;
             return __generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
                         _this.clear();
                         _this.sceneOptions = options;
-                        _this.engine = (_options_effects_renderer = options.effects.renderer) == null ? void 0 : _options_effects_renderer.engine;
                         _this.loaderOptions = {
                             compatibleMode: options.gltf.compatibleMode
                         };
@@ -13492,7 +12129,7 @@ var LoaderECSImpl = /*#__PURE__*/ function() {
                         ];
                     case 1:
                         _this.imageElements = _state.sent();
-                        _this.processGLTFResource(gltfResource);
+                        _this.processGLTFResource(gltfResource, _this.imageElements);
                         _this.gltfScene = gltfResource.scenes[0];
                         _this.gltfSkins = _this.gltfScene.skins;
                         _this.gltfMeshs = gltfResource.meshes;
@@ -13572,25 +12209,7 @@ var LoaderECSImpl = /*#__PURE__*/ function() {
             });
         })();
     };
-    _proto.checkMeshComponentData = function checkMeshComponentData(mesh, resource) {
-        if (mesh.materials.length <= 0) {
-            throw new Error("Submesh array is empty for mesh with ID: " + mesh.id + ".");
-        }
-        var geometryData;
-        resource.meshes.forEach(function(meshData) {
-            if (meshData.geometryData.id === mesh.geometry.id) {
-                geometryData = meshData.geometryData;
-            }
-        });
-        if (geometryData === undefined) {
-            throw new Error("Unable to find geometry data for mesh with ID: " + mesh.geometry.id + ".");
-        }
-        if (geometryData.subMeshes.length !== mesh.materials.length) {
-            throw new Error("Mismatch between submeshes count (" + geometryData.subMeshes.length + ") and materials count (" + mesh.materials.length + ").");
-        }
-    //mesh.materials.length !=
-    };
-    _proto.processGLTFResource = function processGLTFResource(resource) {
+    _proto.processGLTFResource = function processGLTFResource(resource, imageElements) {
         var _loop = function() {
             var baseColorId = _step.value;
             if (emissiveIdSet.has(baseColorId)) {
@@ -13605,23 +12224,23 @@ var LoaderECSImpl = /*#__PURE__*/ function() {
                         id: newId
                     });
                     textures.push(newTexData);
-                    dataMap[newId] = newTexData.textureOptions;
+                    textureDataMap[newId] = newTexData.textureOptions;
                     textureIdMap[baseColorId] = newId;
-                    mapCount += 1;
+                    addTextures += 1;
                 }
             }
         };
         var _this = this;
-        var dataMap = {};
+        var textureDataMap = {};
         var textures = resource.textures, materials = resource.materials, scenes = resource.scenes, imageBasedLights = resource.imageBasedLights;
         textures.forEach(function(tex) {
             var texData = tex.textureOptions;
             var texId = texData.id;
             if (texId) {
-                if (dataMap[texId]) {
-                    console.error("Duplicate GUID found: " + texId + ", old " + dataMap[texId] + ", new " + texData + ".");
+                if (textureDataMap[texId]) {
+                    console.error("Duplicate GUID found: " + texId + ", old " + textureDataMap[texId] + ", new " + texData + ".");
                 }
-                dataMap[texId] = texData;
+                textureDataMap[texId] = texData;
             } else {
                 console.error("No GUID in texture Data: " + texData + ".");
             }
@@ -13640,29 +12259,29 @@ var LoaderECSImpl = /*#__PURE__*/ function() {
                 emissiveIdSet.add(emissiveTexture.id);
             }
         });
-        var mapCount = 0;
+        var addTextures = 0;
         var textureIdMap = {};
         for(var _iterator = _create_for_of_iterator_helper_loose(baseColorIdSet), _step; !(_step = _iterator()).done;)_loop();
-        if (mapCount > 0) {
-            console.warn("Duplicate emissive texture " + mapCount);
+        if (addTextures > 0) {
+            console.warn("Add base color texture " + addTextures);
         }
         materials.forEach(function(mat) {
             var _materialData_shader, _materialData_shader1;
             var materialData = mat.materialData;
             _this.processMaterialData(materialData);
             if (((_materialData_shader = materialData.shader) == null ? void 0 : _materialData_shader.id) === UnlitShaderGUID) {
-                _this.processMaterialTexture(materialData, "_BaseColorSampler", true, dataMap);
+                _this.processMaterialTexture(materialData, "_BaseColorSampler", true, textureDataMap, imageElements);
             } else if (((_materialData_shader1 = materialData.shader) == null ? void 0 : _materialData_shader1.id) === PBRShaderGUID) {
                 var _materialData_textures__EmissiveSampler;
                 var emissiveTexture = (_materialData_textures__EmissiveSampler = materialData.textures["_EmissiveSampler"]) == null ? void 0 : _materialData_textures__EmissiveSampler.texture;
                 if (emissiveTexture && textureIdMap[emissiveTexture.id]) {
                     emissiveTexture.id = textureIdMap[emissiveTexture.id];
                 }
-                _this.processMaterialTexture(materialData, "_BaseColorSampler", true, dataMap);
-                _this.processMaterialTexture(materialData, "_MetallicRoughnessSampler", false, dataMap);
-                _this.processMaterialTexture(materialData, "_NormalSampler", false, dataMap);
-                _this.processMaterialTexture(materialData, "_OcclusionSampler", false, dataMap);
-                _this.processMaterialTexture(materialData, "_EmissiveSampler", false, dataMap);
+                _this.processMaterialTexture(materialData, "_BaseColorSampler", true, textureDataMap, imageElements);
+                _this.processMaterialTexture(materialData, "_MetallicRoughnessSampler", false, textureDataMap, imageElements);
+                _this.processMaterialTexture(materialData, "_NormalSampler", false, textureDataMap, imageElements);
+                _this.processMaterialTexture(materialData, "_OcclusionSampler", false, textureDataMap, imageElements);
+                _this.processMaterialTexture(materialData, "_EmissiveSampler", false, textureDataMap, imageElements);
             }
         });
         var gltfScene = scenes[0];
@@ -13672,9 +12291,6 @@ var LoaderECSImpl = /*#__PURE__*/ function() {
         gltfScene.lightsComponentData.forEach(function(comp) {
             return _this.processLightComponentData(comp);
         });
-        gltfScene.meshesComponentData.forEach(function(comp) {
-            return _this.processMeshComponentData(comp);
-        });
         var cubeTextures = [];
         imageBasedLights.forEach(function(ibl) {
             var data = ibl.imageBaseLightData;
@@ -13682,11 +12298,11 @@ var LoaderECSImpl = /*#__PURE__*/ function() {
                 data.reflectionsIntensity = data.intensity;
             }
             if (data.diffuseImage) {
-                var diffuseTexture = dataMap[data.diffuseImage.id];
+                var diffuseTexture = textureDataMap[data.diffuseImage.id];
                 EFFECTS.addItem(cubeTextures, diffuseTexture);
             }
             if (data.specularImage) {
-                var specularImage = dataMap[data.specularImage.id];
+                var specularImage = textureDataMap[data.specularImage.id];
                 EFFECTS.addItem(cubeTextures, specularImage);
             }
         });
@@ -13717,8 +12333,6 @@ var LoaderECSImpl = /*#__PURE__*/ function() {
                 _this.processLightComponentData(comp);
             } else if (comp.dataType === EFFECTS.spec.DataType.CameraComponent) {
                 _this.processCameraComponentData(comp);
-            } else if (comp.dataType === EFFECTS.spec.DataType.MeshComponent) {
-                _this.processMeshComponentData(comp);
             } else if (comp.dataType === EFFECTS.spec.DataType.SkyboxComponent) {
                 _this.processSkyboxComponentData(comp);
             }
@@ -13759,7 +12373,6 @@ var LoaderECSImpl = /*#__PURE__*/ function() {
             }
         }
     };
-    _proto.processMeshComponentData = function processMeshComponentData(mesh) {};
     _proto.processSkyboxComponentData = function processSkyboxComponentData(skybox) {
         if (skybox.intensity === undefined) {
             skybox.intensity = 1;
@@ -13873,11 +12486,31 @@ var LoaderECSImpl = /*#__PURE__*/ function() {
         options.premultiplyAlpha = premultiplyAlpha;
         options.generateMipmap = generateMipmap;
     };
-    _proto.processMaterialTexture = function processMaterialTexture(material, textureName, isBaseColor, dataMap) {
+    _proto.initial = function initial(options) {
+        this.loaderOptions = options != null ? options : {};
+    };
+    _proto.checkMeshComponentData = function checkMeshComponentData(mesh, resource) {
+        if (mesh.materials.length <= 0) {
+            throw new Error("Submesh array is empty for mesh with ID: " + mesh.id + ".");
+        }
+        var geometryData;
+        resource.meshes.forEach(function(meshData) {
+            if (meshData.geometryData.id === mesh.geometry.id) {
+                geometryData = meshData.geometryData;
+            }
+        });
+        if (geometryData === undefined) {
+            throw new Error("Unable to find geometry data for mesh with ID: " + mesh.geometry.id + ".");
+        }
+        if (geometryData.subMeshes.length !== mesh.materials.length) {
+            throw new Error("Mismatch between submeshes count (" + geometryData.subMeshes.length + ") and materials count (" + mesh.materials.length + ").");
+        }
+    };
+    _proto.processMaterialTexture = function processMaterialTexture(material, textureName, isBaseColor, textureDataMap, imageElements) {
         var texture = material.textures[textureName];
         if (texture) {
             var id = texture.texture.id;
-            var texData = dataMap[id];
+            var texData = textureDataMap[id];
             var imageObj;
             // @ts-expect-error
             if (typeof texData.source !== "number") {
@@ -13885,7 +12518,7 @@ var LoaderECSImpl = /*#__PURE__*/ function() {
                 throw new Error("Invalid texture option source data, " + texData.source);
             } else {
                 // @ts-expect-error
-                imageObj = this.imageElements[texData.source];
+                imageObj = imageElements[texData.source];
             }
             if (texData) {
                 this.processTextureOptions(texData, isBaseColor, imageObj);
@@ -13930,20 +12563,13 @@ var LoaderECSImpl = /*#__PURE__*/ function() {
                 }
             ]
         };
+        var sceneAABB = this.computeSceneAABB();
         return {
             source: this.getRemarkString(),
             jsonScene: jsonScene,
             sceneAABB: {
-                min: [
-                    -1,
-                    -1,
-                    -1
-                ],
-                max: [
-                    1,
-                    1,
-                    1
-                ]
+                min: sceneAABB.min.toArray(),
+                max: sceneAABB.max.toArray()
             }
         };
     };
@@ -14114,99 +12740,6 @@ var LoaderECSImpl = /*#__PURE__*/ function() {
             });
         })();
     };
-    _proto.createTreeOptions = function createTreeOptions(scene) {
-        var nodeList = scene.nodes.map(function(node, nodeIndex) {
-            var children = node.children.map(function(child) {
-                if (child.nodeIndex === undefined) {
-                    throw new Error("Undefined nodeIndex for child " + child + ".");
-                }
-                return child.nodeIndex;
-            });
-            var pos = [
-                0,
-                0,
-                0
-            ];
-            var quat = [
-                0,
-                0,
-                0,
-                0
-            ];
-            var scale = [
-                0,
-                0,
-                0
-            ];
-            if (node.matrix !== undefined) {
-                if (node.matrix.length !== 16) {
-                    throw new Error("Invalid matrix length " + node.matrix.length + " for node " + node + ".");
-                }
-                var mat = Matrix4.fromArray(node.matrix);
-                var transform = mat.getTransform();
-                pos = transform.translation.toArray();
-                quat = transform.rotation.toArray();
-                scale = transform.scale.toArray();
-            } else {
-                if (node.translation !== undefined) {
-                    pos = node.translation;
-                }
-                if (node.rotation !== undefined) {
-                    quat = node.rotation;
-                }
-                if (node.scale !== undefined) {
-                    scale = node.scale;
-                }
-            }
-            node.nodeIndex = nodeIndex;
-            var treeNode = {
-                name: node.name,
-                transform: {
-                    position: pos,
-                    quat: quat,
-                    scale: scale
-                },
-                children: children,
-                id: "" + node.nodeIndex
-            };
-            return treeNode;
-        });
-        var rootNodes = scene.rootNodes.map(function(root) {
-            if (root.nodeIndex === undefined) {
-                throw new Error("Undefined nodeIndex for root " + root + ".");
-            }
-            return root.nodeIndex;
-        });
-        var treeOptions = {
-            nodes: nodeList,
-            children: rootNodes,
-            animation: -1,
-            animations: []
-        };
-        return treeOptions;
-    };
-    _proto.createAnimations = function createAnimations(animations) {
-        return animations.map(function(anim) {
-            var tracks = anim.channels.map(function(channel) {
-                var track = {
-                    input: channel.input.array,
-                    output: channel.output.array,
-                    node: channel.target.node,
-                    path: channel.target.path,
-                    interpolation: channel.interpolation
-                };
-                return track;
-            });
-            var newAnim = {
-                name: anim.name,
-                tracks: tracks
-            };
-            return newAnim;
-        });
-    };
-    _proto.createTexture2D = function createTexture2D(image, texture, isBaseColor) {
-        return WebGLHelper.createTexture2D(this.engine, image, texture, isBaseColor, this.isTiny3dMode());
-    };
     _proto.createSkyboxComponentData = function createSkyboxComponentData(typeName) {
         if (typeName !== "NFT" && typeName !== "FARM") {
             throw new Error("Invalid skybox type specified: '" + typeName + "'. Valid types are: 'NFT', 'FARM'.");
@@ -14214,28 +12747,7 @@ var LoaderECSImpl = /*#__PURE__*/ function() {
         //
         var typ = typeName === "NFT" ? exports.PSkyboxType.NFT : exports.PSkyboxType.FARM;
         var params = PSkyboxCreator.getSkyboxParams(typ);
-        return PSkyboxCreator.createSkyboxComponentData(this.engine, params);
-    };
-    _proto.scaleColorVal = function scaleColorVal(val, fromGLTF) {
-        return fromGLTF ? LoaderHelper.scaleTo255(val) : LoaderHelper.scaleTo1(val);
-    };
-    _proto.scaleColorVec = function scaleColorVec(vec, fromGLTF) {
-        var _this = this;
-        return vec.map(function(val) {
-            return _this.scaleColorVal(val, fromGLTF);
-        });
-    };
-    _proto.createLightOptions = function createLightOptions(light) {
-        return PluginHelper.createLightOptions(light);
-    };
-    _proto.createCameraOptions = function createCameraOptions(camera) {
-        var _PluginHelper_createCameraOptions;
-        return (_PluginHelper_createCameraOptions = PluginHelper.createCameraOptions(camera)) != null ? _PluginHelper_createCameraOptions : {
-            fov: 45,
-            far: 1000,
-            near: 0.01,
-            clipMode: EFFECTS.spec.CameraClipMode.portrait
-        };
+        return PSkyboxCreator.createSkyboxComponentData(params);
     };
     _proto.clear = function clear() {
         this.images = [];
@@ -14246,6 +12758,45 @@ var LoaderECSImpl = /*#__PURE__*/ function() {
         this.shaders = [];
         this.geometries = [];
     };
+    _proto.computeSceneAABB = function computeSceneAABB() {
+        var geometryDataMap = {};
+        this.gltfMeshs.forEach(function(mesh) {
+            var id = mesh.geometryData.id;
+            geometryDataMap[id] = mesh;
+        });
+        var componentDataMap = {};
+        this.components.forEach(function(component) {
+            if (component.dataType === EFFECTS.spec.DataType.MeshComponent) {
+                var meshComponent = component;
+                componentDataMap[component.id] = geometryDataMap[meshComponent.geometry.id];
+            }
+        });
+        var sceneAABB = new Box3();
+        var parentTransformMap = {};
+        this.items.forEach(function(item) {
+            var _item_parentId;
+            var parentId = (_item_parentId = item.parentId) != null ? _item_parentId : "";
+            var _parentTransformMap_parentId;
+            var parentTransform = (_parentTransformMap_parentId = parentTransformMap[parentId]) != null ? _parentTransformMap_parentId : new EFFECTS.Transform();
+            var props = {};
+            if (item.transform) {
+                props.position = new Vector3().copyFrom(item.transform.position);
+                props.rotation = Euler.fromVector3(item.transform.eulerHint);
+                props.scale = new Vector3().copyFrom(item.transform.scale);
+            }
+            var transform = new EFFECTS.Transform(props, parentTransform);
+            parentTransformMap[item.id] = transform;
+            item.components.forEach(function(component) {
+                var mesh = componentDataMap[component.id];
+                if (mesh && mesh.bounds) {
+                    var minPos = Vector3.fromArray(mesh.bounds.box.min);
+                    var maxPos = Vector3.fromArray(mesh.bounds.box.max);
+                    sceneAABB.union(new Box3(minPos, maxPos));
+                }
+            });
+        });
+        return sceneAABB;
+    };
     /**
    * 按照传入的动画播放参数，计算需要播放的动画索引
    *
@@ -14335,19 +12886,8 @@ var LoaderECSImpl = /*#__PURE__*/ function() {
             return false;
         }
     };
-    return LoaderECSImpl;
+    return LoaderImpl;
 }();
-var globalLoader;
-function getDefaultEffectsGLTFLoaderECS(engine, options) {
-    if (!globalLoader) {
-        globalLoader = new LoaderECSImpl();
-    }
-    globalLoader.initial(engine, options);
-    return globalLoader;
-}
-function setDefaultEffectsGLTFLoaderECS(loader) {
-    globalLoader = loader;
-}
 function getPBRShaderProperties() {
     return '\n  _BaseColorSampler ("基础贴图", 2D) = "" {}\n  _BaseColorFactor ("基础颜色", Color) = (1, 1, 1, 1)\n  _MetallicRoughnessSampler ("金属贴图", 2D) = "" {}\n  _MetallicFactor ("金属度", Range(0, 1)) = 1\n  _RoughnessFactor ("粗糙度", Range(0, 1)) = 1\n  [Toggle] _SpecularAA ("高光抗锯齿", Float) = 0\n  _NormalSampler ("法线贴图", 2D) = "" {}\n  _NormalScale ("法线贴图强度", Range(0, 2)) = 1\n  _OcclusionSampler ("AO贴图", 2D) = "" {}\n  _OcclusionStrength ("AO贴图强度", Range(0, 1)) = 1\n  _EmissiveSampler ("自发光贴图", 2D) = "" {}\n  _EmissiveIntensity ("自发光贴图强度", Float) = 1\n  _EmissiveFactor ("自发光颜色", Color) = (0, 0, 0, 1)\n  _AlphaCutoff ("Alpha裁剪值", Range(0, 1)) = 0.5\n  ';
 }
@@ -14433,7 +12973,7 @@ function getDefaultUnlitMaterialData() {
 
 EFFECTS.registerPlugin("tree", ModelTreePlugin, EFFECTS.VFXItem, true);
 EFFECTS.registerPlugin("model", ModelPlugin, EFFECTS.VFXItem);
-var version = "2.0.0-alpha.20";
+var version = "2.0.0-alpha.21";
 EFFECTS.logger.info("Plugin model version: " + version + ".");
 if (version !== EFFECTS__namespace.version) {
     console.error("注意：请统一 Model 插件与 Player 版本，不统一的版本混用会有不可预知的后果！", "\nAttention: Please ensure the Model plugin is synchronized with the Player version. Mixing and matching incompatible versions may result in unpredictable consequences!");
@@ -14456,7 +12996,6 @@ exports.HitTestingProxy = HitTestingProxy;
 exports.HookOGLFunc = HookOGLFunc;
 exports.InterpolationSampler = InterpolationSampler;
 exports.JSONConverter = JSONConverter;
-exports.LoaderECSImpl = LoaderECSImpl;
 exports.LoaderHelper = LoaderHelper;
 exports.LoaderImpl = LoaderImpl;
 exports.Matrix3 = Matrix3;
@@ -14514,7 +13053,6 @@ exports.createPluginMaterial = createPluginMaterial;
 exports.fetchPBRShaderCode = fetchPBRShaderCode;
 exports.fetchUnlitShaderCode = fetchUnlitShaderCode;
 exports.getDefaultEffectsGLTFLoader = getDefaultEffectsGLTFLoader;
-exports.getDefaultEffectsGLTFLoaderECS = getDefaultEffectsGLTFLoaderECS;
 exports.getDefaultPBRMaterialData = getDefaultPBRMaterialData;
 exports.getDefaultUnlitMaterialData = getDefaultUnlitMaterialData;
 exports.getDiffuseOnlyShaderCode = getDiffuseOnlyShaderCode;
@@ -14537,6 +13075,5 @@ exports.getTransparecyBaseShader = getTransparecyBaseShader;
 exports.getTransparecyFilterShader = getTransparecyFilterShader;
 exports.getUnlitShaderProperties = getUnlitShaderProperties;
 exports.setDefaultEffectsGLTFLoader = setDefaultEffectsGLTFLoader;
-exports.setDefaultEffectsGLTFLoaderECS = setDefaultEffectsGLTFLoaderECS;
 exports.version = version;
 //# sourceMappingURL=index.js.map