@galacean/effects-plugin-model 2.0.0-alpha.17 → 2.0.0-alpha.19

package/dist/index.js

@@ -3,14 +3,34 @@
  * Description: Galacean Effects player model plugin
  * Author: Ant Group CO., Ltd.
  * Contributors: 飂兮
- * Version: v2.0.0-alpha.17
+ * Version: v2.0.0-alpha.19
  */
 
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var effects = require('@galacean/effects');
+var EFFECTS = require('@galacean/effects');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var EFFECTS__namespace = /*#__PURE__*/_interopNamespace(EFFECTS);
 
 /**
  * Model 插件元素类型
@@ -203,7 +223,7 @@ function _extends() {
     return _extends.apply(this, arguments);
 }
 
-var Vector2 = effects.math.Vector2, Vector3 = effects.math.Vector3, Vector4 = effects.math.Vector4, Matrix3 = effects.math.Matrix3, Matrix4 = effects.math.Matrix4, Color = effects.math.Color, Euler = effects.math.Euler, EulerOrder = effects.math.EulerOrder, Quaternion = effects.math.Quaternion, Box3 = effects.math.Box3, Sphere = effects.math.Sphere, Ray = effects.math.Ray, DEG2RAD = effects.math.DEG2RAD;
+var Vector2 = EFFECTS.math.Vector2, Vector3 = EFFECTS.math.Vector3, Vector4 = EFFECTS.math.Vector4, Matrix3 = EFFECTS.math.Matrix3, Matrix4 = EFFECTS.math.Matrix4, Color = EFFECTS.math.Color, Euler = EFFECTS.math.Euler, EulerOrder = EFFECTS.math.EulerOrder, Quaternion = EFFECTS.math.Quaternion, Box3 = EFFECTS.math.Box3, Sphere = EFFECTS.math.Sphere, Ray = EFFECTS.math.Ray, DEG2RAD = EFFECTS.math.DEG2RAD;
 
 exports.PObjectType = void 0;
 (function(PObjectType) {
@@ -292,10 +312,10 @@ var UnlitShaderGUID = "unlit000000000000000000000000000";
    * @param trans - GE 变换对象或数据
    * @returns
    */ _proto.fromEffectsTransform = function fromEffectsTransform(trans) {
-        if (_instanceof1(trans, effects.Transform)) {
+        if (_instanceof1(trans, EFFECTS.Transform)) {
             this.setMatrix(trans.getWorldMatrix());
         } else {
-            var effectsTrans = new effects.Transform(_extends({}, trans, {
+            var effectsTrans = new EFFECTS.Transform(_extends({}, trans, {
                 valid: true
             }));
             effectsTrans.setValid(true);
@@ -470,10 +490,10 @@ var UnlitShaderGUID = "unlit000000000000000000000000000";
     function PGlobalState() {
         this.isWebGL2 = false;
         this.shaderShared = true;
-        this.runtimeEnv = effects.PLAYER_OPTIONS_ENV_EDITOR;
+        this.runtimeEnv = EFFECTS.PLAYER_OPTIONS_ENV_EDITOR;
         this.compatibleMode = "gltf";
         this.visBoundingBox = false;
-        this.renderMode3D = effects.spec.RenderMode3D.none;
+        this.renderMode3D = EFFECTS.spec.RenderMode3D.none;
         this.renderMode3DUVGridSize = 1 / 16;
     }
     var _proto = PGlobalState.prototype;
@@ -482,16 +502,16 @@ var UnlitShaderGUID = "unlit000000000000000000000000000";
    */ _proto.reset = function reset() {
         this.isWebGL2 = false;
         this.shaderShared = true;
-        this.runtimeEnv = effects.PLAYER_OPTIONS_ENV_EDITOR;
+        this.runtimeEnv = EFFECTS.PLAYER_OPTIONS_ENV_EDITOR;
         this.compatibleMode = "gltf";
         this.visBoundingBox = false;
-        this.renderMode3D = effects.spec.RenderMode3D.none;
+        this.renderMode3D = EFFECTS.spec.RenderMode3D.none;
         this.renderMode3DUVGridSize = 1 / 16;
     };
     /**
    * 是否可视化渲染中间结果
    */ _proto.hasRenderMode3D = function hasRenderMode3D() {
-        return this.renderMode3D !== effects.spec.RenderMode3D.none;
+        return this.renderMode3D !== EFFECTS.spec.RenderMode3D.none;
     };
     /**
    * 获取单例
@@ -506,7 +526,7 @@ var UnlitShaderGUID = "unlit000000000000000000000000000";
             get: /**
    * 是否编辑器模式
    */ function get() {
-                return this.runtimeEnv === effects.PLAYER_OPTIONS_ENV_EDITOR;
+                return this.runtimeEnv === EFFECTS.PLAYER_OPTIONS_ENV_EDITOR;
             }
         },
         {
@@ -782,7 +802,7 @@ var ctrlMap = {
  * @param binaries
  * @param pointer
  */ function typedArrayFromBinary(binary, pointer) {
-    if (pointer.length != 2 || pointer[0] !== effects.spec.ValueType.BINARY || !_instanceof1(pointer[1], Array)) {
+    if (pointer.length != 2 || pointer[0] !== EFFECTS.spec.ValueType.BINARY || !_instanceof1(pointer[1], Array)) {
         // 不是BinaryPointer，可能已经创建，直接返回
         return pointer;
     }
@@ -1159,7 +1179,7 @@ exports.TextureDataMode = void 0;
         var matList = props.inverseBindMatrices;
         if (matList !== undefined && matList.length > 0) {
             if (matList.length % 16 !== 0 || matList.length !== this.jointItem.length * 16) {
-                throw new Error("Invalid array length, invert bind matrices " + matList.length + ", joint array " + this.jointItem.length);
+                throw new Error("Invalid array length, invert bind matrices " + matList.length + ", joint array " + this.jointItem.length + ".");
             }
             var matrixCount = matList.length / 16;
             for(var i = 0; i < matrixCount; i++){
@@ -1190,7 +1210,7 @@ exports.TextureDataMode = void 0;
             });
         } else {
             this.animationMatrices = this.inverseBindMatrices;
-            console.error("Some error occured, replace skin animation matrices by invert bind matrices");
+            console.error("Some error occured, replace skin animation matrices by invert bind matrices.");
         }
     };
     /**
@@ -1251,7 +1271,7 @@ exports.TextureDataMode = void 0;
             } else if (detail.halfFloatTexture) {
                 return 2;
             } else {
-                throw new Error("Too many joint count " + jointCount + ", half float texture not support");
+                throw new Error("Too many joint count " + jointCount + ", half float texture not support.");
             }
         } else {
             return 0;
@@ -1264,7 +1284,7 @@ exports.TextureDataMode = void 0;
         (_props_boneNames = props.boneNames) == null ? void 0 : _props_boneNames.forEach(function(boneName) {
             var node = name2Item[boneName];
             if (!node) {
-                throw new Error("Can't find node of bone name " + boneName);
+                throw new Error("Can't find node of bone name " + boneName + ".");
             }
             jointItems.push(node);
         });
@@ -1361,19 +1381,19 @@ exports.TextureDataMode = void 0;
      * 还要注意最大数目不能超过5，否则也直接报错。
      * 后续考虑是否做个兼容，目前还是严格报错比较好。
      */ if (positionCount > 0 && positionCount != this.morphWeightsLength) {
-            console.error("Position morph count mismatch: " + this.morphWeightsLength + ", " + positionCount);
+            console.error("Position morph count mismatch: " + this.morphWeightsLength + ", " + positionCount + ".");
             return false;
         }
         if (normalCount > 0 && normalCount != this.morphWeightsLength) {
-            console.error("Normal morph count mismatch: " + this.morphWeightsLength + ", " + normalCount);
+            console.error("Normal morph count mismatch: " + this.morphWeightsLength + ", " + normalCount + ".");
             return false;
         }
         if (tangentCount > 0 && tangentCount != this.morphWeightsLength) {
-            console.error("Tangent morph count mismatch: " + this.morphWeightsLength + ", " + tangentCount);
+            console.error("Tangent morph count mismatch: " + this.morphWeightsLength + ", " + tangentCount + ".");
             return false;
         }
         if (this.morphWeightsLength > 5) {
-            console.error("Tangent morph count should not greater than 5, current " + this.morphWeightsLength);
+            console.error("Tangent morph count should not greater than 5, current " + this.morphWeightsLength + ".");
             return false;
         }
         return true;
@@ -1395,7 +1415,7 @@ exports.TextureDataMode = void 0;
     _proto.updateWeights = function updateWeights(weights) {
         var _this = this;
         if (weights.length != this.morphWeightsArray.length) {
-            console.error("Length of morph weights mismatch: input " + weights.length + ", internel " + this.morphWeightsArray.length);
+            console.error("Length of morph weights mismatch: input " + weights.length + ", internel " + this.morphWeightsArray.length + ".");
             return;
         }
         weights.forEach(function(value, index) {
@@ -1516,16 +1536,16 @@ exports.PAnimPathType = void 0;
             this.component = this.dataArray.length / this.timeArray.length;
             // special checker for weights animation
             if (this.component <= 0) {
-                console.error("Invalid weights component: " + this.timeArray.length + ", " + this.component + ", " + this.dataArray.length);
+                console.error("Invalid weights component: " + this.timeArray.length + ", " + this.component + ", " + this.dataArray.length + ".");
             } else if (this.timeArray.length * this.component != this.dataArray.length) {
-                console.error("Invalid weights array length: " + this.timeArray.length + ", " + this.component + ", " + this.dataArray.length);
+                console.error("Invalid weights array length: " + this.timeArray.length + ", " + this.component + ", " + this.dataArray.length + ".");
             }
         } else {
             // should never happened
-            console.error("Invalid path status: " + path);
+            console.error("Invalid path status: " + path + ".");
         }
         if (this.timeArray.length * this.component > this.dataArray.length) {
-            throw new Error("Data length mismatch: " + this.timeArray.length + ", " + this.component + ", " + this.dataArray.length);
+            throw new Error("Data length mismatch: " + this.timeArray.length + ", " + this.component + ", " + this.dataArray.length + ".");
         }
         if (interpolation === "LINEAR") {
             this.interp = 0;
@@ -1650,21 +1670,21 @@ exports.PAnimPathType = void 0;
         }
         var _this_buffer_data;
         var data = (_this_buffer_data = (_this_buffer = this.buffer) == null ? void 0 : _this_buffer.data) != null ? _this_buffer_data : new Float32Array(this.getSize() * 4);
-        var type = this.isHalfFloat ? effects.glContext.HALF_FLOAT : effects.glContext.FLOAT;
-        this.texture = effects.Texture.create(this.engine, {
+        var type = this.isHalfFloat ? EFFECTS.glContext.HALF_FLOAT : EFFECTS.glContext.FLOAT;
+        this.texture = EFFECTS.Texture.create(this.engine, {
             name: name,
             data: {
                 width: this.width,
                 height: this.height,
                 data: data
             },
-            target: effects.glContext.TEXTURE_2D,
-            format: effects.glContext.RGBA,
+            target: EFFECTS.glContext.TEXTURE_2D,
+            format: EFFECTS.glContext.RGBA,
             type: type,
-            wrapS: effects.glContext.CLAMP_TO_EDGE,
-            wrapT: effects.glContext.CLAMP_TO_EDGE,
-            minFilter: effects.glContext.NEAREST,
-            magFilter: effects.glContext.NEAREST
+            wrapS: EFFECTS.glContext.CLAMP_TO_EDGE,
+            wrapT: EFFECTS.glContext.CLAMP_TO_EDGE,
+            minFilter: EFFECTS.glContext.NEAREST,
+            magFilter: EFFECTS.glContext.NEAREST
         });
     };
     /**
@@ -1678,13 +1698,13 @@ exports.PAnimPathType = void 0;
             var _this_buffer;
             var _this_buffer_data;
             this.texture.updateSource({
-                sourceType: effects.TextureSourceType.data,
+                sourceType: EFFECTS.TextureSourceType.data,
                 data: {
                     width: this.width,
                     height: this.height,
                     data: (_this_buffer_data = (_this_buffer = this.buffer) == null ? void 0 : _this_buffer.data) != null ? _this_buffer_data : buffer
                 },
-                target: effects.glContext.TEXTURE_2D
+                target: EFFECTS.glContext.TEXTURE_2D
             });
         }
     };
@@ -1882,7 +1902,7 @@ var deg2rad = Math.PI / 180;
    */ _this.aspect = 1.0;
         /**
    * 剪裁模式，默认是剪裁左右
-   */ _this.clipMode = effects.spec.CameraClipMode.landscape;
+   */ _this.clipMode = EFFECTS.spec.CameraClipMode.landscape;
         /**
    * 投影矩阵
    */ _this.projectionMatrix = new Matrix4();
@@ -1905,7 +1925,7 @@ var deg2rad = Math.PI / 180;
         var _data_aspect;
         _this.aspect = (_data_aspect = data.aspect) != null ? _data_aspect : _this.width / _this.height;
         var _data_clipMode;
-        _this.clipMode = (_data_clipMode = data.clipMode) != null ? _data_clipMode : effects.spec.CameraClipMode.landscape;
+        _this.clipMode = (_data_clipMode = data.clipMode) != null ? _data_clipMode : EFFECTS.spec.CameraClipMode.landscape;
         _this.update();
         return _this;
     }
@@ -1916,7 +1936,7 @@ var deg2rad = Math.PI / 180;
         if (this.owner !== undefined) {
             this.transform.fromEffectsTransform(this.owner.transform);
         }
-        var reverse = this.clipMode === effects.spec.CameraClipMode.portrait;
+        var reverse = this.clipMode === EFFECTS.spec.CameraClipMode.portrait;
         this.projectionMatrix.perspective(this.fov * deg2rad, this.aspect, this.nearPlane, this.farPlane, reverse);
         this.viewMatrix = this.matrix.invert();
     };
@@ -1925,7 +1945,7 @@ var deg2rad = Math.PI / 180;
    * @param fov - 视角大小
    * @returns 投影矩阵
    */ _proto.getNewProjectionMatrix = function getNewProjectionMatrix(fov) {
-        var reverse = this.clipMode === effects.spec.CameraClipMode.portrait;
+        var reverse = this.clipMode === EFFECTS.spec.CameraClipMode.portrait;
         return new Matrix4().perspective(Math.min(fov * 1.25, 140) * deg2rad, this.aspect, this.nearPlane, this.farPlane, reverse);
     };
     /**
@@ -1973,7 +1993,7 @@ var deg2rad = Math.PI / 180;
    * 是否剪裁上下
    * @returns
    */ _proto.isReversed = function isReversed() {
-        return this.clipMode === effects.spec.CameraClipMode.portrait;
+        return this.clipMode === EFFECTS.spec.CameraClipMode.portrait;
     };
     /**
    * 获取眼睛位置
@@ -2002,7 +2022,7 @@ var deg2rad = Math.PI / 180;
             fov: 60,
             far: 1000,
             near: 0.001,
-            clipMode: effects.spec.CameraClipMode.portrait,
+            clipMode: EFFECTS.spec.CameraClipMode.portrait,
             item: {
                 id: "0"
             }
@@ -2155,11 +2175,11 @@ var deg2rad = Math.PI / 180;
         var color = data.color;
         _this.color = new Vector3(color.r, color.g, color.b);
         _this.intensity = data.intensity;
-        if (data.lightType === effects.spec.LightType.point) {
+        if (data.lightType === EFFECTS.spec.LightType.point) {
             _this.lightType = exports.PLightType.point;
             var _data_range;
             _this.range = (_data_range = data.range) != null ? _data_range : -1;
-        } else if (data.lightType === effects.spec.LightType.spot) {
+        } else if (data.lightType === EFFECTS.spec.LightType.spot) {
             _this.lightType = exports.PLightType.spot;
             var _data_range1;
             _this.range = (_data_range1 = data.range) != null ? _data_range1 : -1;
@@ -2167,7 +2187,7 @@ var deg2rad = Math.PI / 180;
             _this.outerConeAngle = (_data_outerConeAngle = data.outerConeAngle) != null ? _data_outerConeAngle : Math.PI;
             var _data_innerConeAngle;
             _this.innerConeAngle = (_data_innerConeAngle = data.innerConeAngle) != null ? _data_innerConeAngle : 0;
-        } else if (data.lightType === effects.spec.LightType.directional) {
+        } else if (data.lightType === EFFECTS.spec.LightType.directional) {
             _this.lightType = exports.PLightType.directional;
         } else {
             _this.lightType = exports.PLightType.ambient;
@@ -2309,14 +2329,14 @@ function _assert_this_initialized(self) {
    */ _proto.addDepthAttachment = function addDepthAttachment(options) {
         var _options_storageType;
         this.depthAttachment = {
-            storageType: (_options_storageType = options.storageType) != null ? _options_storageType : effects.RenderPassAttachmentStorageType.depth_16_texture
+            storageType: (_options_storageType = options.storageType) != null ? _options_storageType : EFFECTS.RenderPassAttachmentStorageType.depth_16_texture
         };
     };
     /**
    * 添加默认深度附件，数据格式是 depth_16_texture
    */ _proto.addDefaultDepthAttachment = function addDefaultDepthAttachment() {
         this.depthAttachment = {
-            storageType: effects.RenderPassAttachmentStorageType.depth_16_texture
+            storageType: EFFECTS.RenderPassAttachmentStorageType.depth_16_texture
         };
     };
     /**
@@ -2331,10 +2351,10 @@ function _assert_this_initialized(self) {
         var _options_format, _options_type, _options_filter, _options_filter1;
         this.colorAttachments.push({
             texture: {
-                format: (_options_format = options.format) != null ? _options_format : effects.glContext.RGBA,
-                type: (_options_type = options.type) != null ? _options_type : effects.glContext.HALF_FLOAT,
-                minFilter: (_options_filter = options.filter) != null ? _options_filter : effects.glContext.LINEAR,
-                magFilter: (_options_filter1 = options.filter) != null ? _options_filter1 : effects.glContext.LINEAR
+                format: (_options_format = options.format) != null ? _options_format : EFFECTS.glContext.RGBA,
+                type: (_options_type = options.type) != null ? _options_type : EFFECTS.glContext.HALF_FLOAT,
+                minFilter: (_options_filter = options.filter) != null ? _options_filter : EFFECTS.glContext.LINEAR,
+                magFilter: (_options_filter1 = options.filter) != null ? _options_filter1 : EFFECTS.glContext.LINEAR
             }
         });
     };
@@ -2367,7 +2387,7 @@ function _assert_this_initialized(self) {
  * 包围盒 Mesh 类，负责 3D Mesh 测试包围盒的显示
  */ var BoxMesh = /*#__PURE__*/ function() {
     function BoxMesh(engine, priority) {
-        var material = effects.Material.create(engine, {
+        var material = EFFECTS.Material.create(engine, {
             shader: {
                 vertex: this.vertexShader,
                 fragment: this.fragmentShader,
@@ -2376,10 +2396,10 @@ function _assert_this_initialized(self) {
         });
         material.depthTest = true;
         material.depthMask = true;
-        this.mesh = effects.Mesh.create(engine, {
+        this.mesh = EFFECTS.Mesh.create(engine, {
             name: "boxMesh",
             material: material,
-            geometry: effects.Geometry.create(engine, this.geometry),
+            geometry: EFFECTS.Geometry.create(engine, this.geometry),
             priority: priority
         });
     }
@@ -2467,14 +2487,14 @@ function _assert_this_initialized(self) {
                 return {
                     attributes: {
                         aPos: {
-                            type: effects.glContext.FLOAT,
+                            type: EFFECTS.glContext.FLOAT,
                             size: 1,
                             data: data,
                             stride: Float32Array.BYTES_PER_ELEMENT,
                             offset: 0
                         }
                     },
-                    mode: effects.glContext.LINES,
+                    mode: EFFECTS.glContext.LINES,
                     indices: {
                         data: index
                     },
@@ -2545,7 +2565,7 @@ function _assert_this_initialized(self) {
             _this.subMeshes.push(subMesh);
         });
         if (_this.subMeshes.length <= 0) {
-            console.warn("No primitive inside mesh item " + name);
+            console.warn("No primitive inside mesh item " + name + ".");
         }
         _this.boundingBox = _this.getItemBoundingBox(meshData.interaction);
         return _this;
@@ -2633,7 +2653,7 @@ function _assert_this_initialized(self) {
             return;
         }
         if (updatedArray.length != weightsArray.length) {
-            throw new Error("weight array length mismatch");
+            throw new Error("Weight array length mismatch.");
         }
         for(var i = 0; i < updatedArray.length; i++){
             updatedArray[i] = weightsArray[i];
@@ -2749,7 +2769,7 @@ function _assert_this_initialized(self) {
         if (inBounding === undefined) {
             return new Box3();
         }
-        if (inBounding.type === effects.spec.ModelBoundingType.box) {
+        if (inBounding.type === EFFECTS.spec.ModelBoundingType.box) {
             var _inBounding_center;
             var center = (_inBounding_center = inBounding.center) != null ? _inBounding_center : [
                 0,
@@ -2884,12 +2904,12 @@ function _assert_this_initialized(self) {
             });
             this.material.setMaterialStates(material);
         } else {
-            material = effects.Material.create(this.engine, {
+            material = EFFECTS.Material.create(this.engine, {
                 shader: {
                     vertex: this.material.vertexShaderCode,
                     fragment: this.material.fragmentShaderCode,
                     shared: globalState.shaderShared,
-                    glslVersion: isWebGL2 ? effects.GLSLVersion.GLSL3 : effects.GLSLVersion.GLSL1
+                    glslVersion: isWebGL2 ? EFFECTS.GLSLVersion.GLSL3 : EFFECTS.GLSLVersion.GLSL1
                 },
                 uniformSemantics: newSemantics
             });
@@ -3124,7 +3144,7 @@ function _assert_this_initialized(self) {
             });
         }
         var proxy = new HitTestingProxy();
-        var doubleSided = this.material.isDoubleSide();
+        var doubleSided = this.material.isBothSide();
         proxy.create(this.geometry.geometry, doubleSided, bindMatrices);
         return proxy.getHitPoint(newOrigin, newDirection);
     };
@@ -3155,21 +3175,21 @@ function _assert_this_initialized(self) {
    * @returns 返回相应的宏定义
    */ _proto.getRenderMode3DDefine = function getRenderMode3DDefine(mode) {
         switch(mode){
-            case effects.spec.RenderMode3D.uv:
+            case EFFECTS.spec.RenderMode3D.uv:
                 return "DEBUG_UV";
-            case effects.spec.RenderMode3D.normal:
+            case EFFECTS.spec.RenderMode3D.normal:
                 return "DEBUG_NORMAL";
-            case effects.spec.RenderMode3D.basecolor:
+            case EFFECTS.spec.RenderMode3D.basecolor:
                 return "DEBUG_BASECOLOR";
-            case effects.spec.RenderMode3D.alpha:
+            case EFFECTS.spec.RenderMode3D.alpha:
                 return "DEBUG_ALPHA";
-            case effects.spec.RenderMode3D.metallic:
+            case EFFECTS.spec.RenderMode3D.metallic:
                 return "DEBUG_METALLIC";
-            case effects.spec.RenderMode3D.roughness:
+            case EFFECTS.spec.RenderMode3D.roughness:
                 return "DEBUG_ROUGHNESS";
-            case effects.spec.RenderMode3D.ao:
+            case EFFECTS.spec.RenderMode3D.ao:
                 return "DEBUG_OCCLUSION";
-            case effects.spec.RenderMode3D.emissive:
+            case EFFECTS.spec.RenderMode3D.emissive:
                 return "DEBUG_EMISSIVE";
         }
     };
@@ -3265,8 +3285,7 @@ function _assert_this_initialized(self) {
                         material.setVector3("_shCoefficients." + n, Vector3.fromArray(coeffs[i]));
                     });
                 }
-                var _skybox_specularMipCount;
-                material.setInt("_MipCount", (_skybox_specularMipCount = skybox.specularMipCount) != null ? _skybox_specularMipCount : 1);
+                material.setInt("_MipCount", skybox.specularMipCount - 1);
                 material.setTexture("_SpecularEnvSampler", skybox.specularImage);
             }
         }
@@ -3627,7 +3646,7 @@ var EffectsMeshProxy = /*#__PURE__*/ function() {
         this.brdfLUT = this.sceneCache.getBrdfLutTexture();
         this.initGlobalState(opts);
         if (this.maxLightCount > 8) {
-            console.warn("Too many light items: " + this.maxLightCount + " light(s)");
+            console.warn("Too many light items: " + this.maxLightCount + " light(s).");
         }
     };
     _proto.initGlobalState = function initGlobalState(opts) {
@@ -3637,13 +3656,13 @@ var EffectsMeshProxy = /*#__PURE__*/ function() {
         globalState.isWebGL2 = capbility.level === 2;
         var _opts_runtimeEnv;
         //globalState.shaderShared = composition.env === PLAYER_OPTIONS_ENV_EDITOR;
-        globalState.runtimeEnv = (_opts_runtimeEnv = opts.runtimeEnv) != null ? _opts_runtimeEnv : effects.PLAYER_OPTIONS_ENV_EDITOR;
+        globalState.runtimeEnv = (_opts_runtimeEnv = opts.runtimeEnv) != null ? _opts_runtimeEnv : EFFECTS.PLAYER_OPTIONS_ENV_EDITOR;
         var _opts_compatibleMode;
         globalState.compatibleMode = (_opts_compatibleMode = opts.compatibleMode) != null ? _opts_compatibleMode : "gltf";
         var _opts_visBoundingBox;
         globalState.visBoundingBox = (_opts_visBoundingBox = opts.visBoundingBox) != null ? _opts_visBoundingBox : false;
         var _opts_renderMode3D;
-        globalState.renderMode3D = (_opts_renderMode3D = opts.renderMode3D) != null ? _opts_renderMode3D : effects.spec.RenderMode3D.none;
+        globalState.renderMode3D = (_opts_renderMode3D = opts.renderMode3D) != null ? _opts_renderMode3D : EFFECTS.spec.RenderMode3D.none;
         var _opts_renderMode3DUVGridSize;
         globalState.renderMode3DUVGridSize = (_opts_renderMode3DUVGridSize = opts.renderMode3DUVGridSize) != null ? _opts_renderMode3DUVGridSize : 1 / 16;
     };
@@ -3699,7 +3718,7 @@ var EffectsMeshProxy = /*#__PURE__*/ function() {
             if (mesh.parentItemId !== undefined) {
                 this.parentId2Mesh.set(mesh.parentItemId, mesh);
             }
-            effects.addItem(this.meshList, mesh);
+            EFFECTS.addItem(this.meshList, mesh);
         } else if (_instanceof1(item, PSkybox)) {
             var skybox = item;
             skybox.setup(this.brdfLUT);
@@ -3716,7 +3735,7 @@ var EffectsMeshProxy = /*#__PURE__*/ function() {
         } else {
             this.cameraManager.insertCamera(item);
         }
-        effects.addItem(this.itemList, item);
+        EFFECTS.addItem(this.itemList, item);
     };
     /**
    * 从场景中删除插件元素
@@ -3727,7 +3746,7 @@ var EffectsMeshProxy = /*#__PURE__*/ function() {
             if (mesh.parentItemId !== undefined) {
                 this.parentId2Mesh.delete(mesh.parentItemId);
             }
-            effects.removeItem(this.meshList, mesh);
+            EFFECTS.removeItem(this.meshList, mesh);
         } else if (_instanceof1(item, PSkybox)) {
             this.skybox = undefined;
         } else if (_instanceof1(item, PLight)) {
@@ -3735,13 +3754,13 @@ var EffectsMeshProxy = /*#__PURE__*/ function() {
         } else {
             this.cameraManager.remove(item);
         }
-        effects.removeItem(this.itemList, item);
+        EFFECTS.removeItem(this.itemList, item);
     };
     /**
    * 更新默认相机状态，根据传入的相机参数
    * @param camera - 相机参数
    */ _proto.updateDefaultCamera = function updateDefaultCamera(camera) {
-        var effectsTransfrom = new effects.Transform(_extends({}, camera, {
+        var effectsTransfrom = new EFFECTS.Transform(_extends({}, camera, {
             valid: true
         }));
         var newTransform = new PTransform().fromEffectsTransform(effectsTransfrom);
@@ -3772,9 +3791,9 @@ var EffectsMeshProxy = /*#__PURE__*/ function() {
             maxLightCount: this.maxLightCount,
             skybox: this.skybox
         };
-        // if (this.enableDynamicSort) {
-        //   this.dynamicSortMeshes(states);
-        // }
+        if (this.enableDynamicSort) {
+            this.dynamicSortMeshes(this.sceneStates);
+        }
         this.tickCount += 1;
         this.lastTickSecond += deltaSeconds;
     };
@@ -3783,12 +3802,14 @@ var EffectsMeshProxy = /*#__PURE__*/ function() {
    * 主要是为了和 Tiny 渲染对齐，正常渲染不进行调整
    * @param states - 场景中的状态数据
    */ _proto.dynamicSortMeshes = function dynamicSortMeshes(states) {
-        var meshList = [];
+        var meshComponents = [];
         var priorityList = [];
-        var meshSet = this.renderedMeshSet.now;
-        meshSet.forEach(function(mesh) {
-            meshList.push(mesh);
-            priorityList.push(mesh.priority);
+        this.meshList.forEach(function(mesh) {
+            if (mesh.owner && mesh.owner.enabled) {
+                var component = mesh.owner;
+                meshComponents.push(component);
+                priorityList.push(component.priority);
+            }
         });
         priorityList.sort(function(a, b) {
             return a - b;
@@ -3796,26 +3817,30 @@ var EffectsMeshProxy = /*#__PURE__*/ function() {
         // 按照 Tiny 排序算法，对 Mesh 对象进行排序
         // 将透明和不透明物体拆开，从而渲染正确
         var viewMatrix = states.viewMatrix;
-        meshList.sort(function(a, b) {
+        meshComponents.sort(function(a, b) {
             var atransparent = WebGLHelper.isTransparentMesh(a);
             var btransparent = WebGLHelper.isTransparentMesh(b);
             if (atransparent && btransparent) {
-                var aposition = Vector3.fromArray(a.worldMatrix.elements, 12);
-                var bposition = Vector3.fromArray(b.worldMatrix.elements, 12);
+                var aposition = a.transform.getWorldPosition();
+                var bposition = b.transform.getWorldPosition();
                 var anewPos = viewMatrix.transformPoint(aposition);
                 var bnewPos = viewMatrix.transformPoint(bposition);
-                return anewPos.z - bnewPos.z;
+                if (anewPos.z === bnewPos.z) {
+                    return a.priority - b.priority;
+                } else {
+                    return anewPos.z - bnewPos.z;
+                }
             } else if (atransparent) {
                 return 1;
             } else if (btransparent) {
                 return -1;
             } else {
-                return 0;
+                return a.priority - b.priority;
             }
         });
         // 重新赋值渲染优先级
-        for(var i = 0; i < meshList.length; i++){
-            var mesh = meshList[i];
+        for(var i = 0; i < meshComponents.length; i++){
+            var mesh = meshComponents[i];
             var priority = priorityList[i];
             mesh.priority = priority;
         }
@@ -3960,7 +3985,7 @@ var StandardShaderSource;
         if (isWebGL2) {
             return "#version 300 es\n" + source;
         } else {
-            return "#version 100\n" + source;
+            return source;
         }
     }
     /**
@@ -3977,9 +4002,8 @@ var StandardShaderSource;
         }
         if (isWebGL2) {
             return "#version 300 es\n" + source;
-        } else {
-            return "#version 100\n" + source;
         }
+        return source;
     }
     StandardShaderSource.getSourceCode = getSourceCode;
 })(StandardShaderSource || (StandardShaderSource = {}));
@@ -4257,7 +4281,7 @@ function getQuadFilterVS() {
         if (func !== undefined) {
             return func(context);
         } else {
-            throw new Error("Invalid material type " + materialType + ", shader content " + context);
+            throw new Error("Invalid material type " + materialType + ", shader content " + context + ".");
         }
     };
     /**
@@ -4385,12 +4409,12 @@ exports.ModelMeshComponent = /*#__PURE__*/ function(RendererComponent) {
             var bounding = _this.bounding;
             if (bounding && (force || Number.isInteger(bounding.behavior))) {
                 var type = bounding.type;
-                if (type === effects.spec.ModelBoundingType.box) {
+                if (type === EFFECTS.spec.ModelBoundingType.box) {
                     if (_instanceof1(_this.content, PMesh)) {
                         var mesh = _this.content;
                         var customHitTest = {
                             behavior: bounding.behavior,
-                            type: effects.HitTestType.custom,
+                            type: EFFECTS.HitTestType.custom,
                             collect: function collect(ray, pointInCanvas) {
                                 var result = mesh.hitTesting(ray.origin, ray.direction);
                                 return result;
@@ -4401,7 +4425,7 @@ exports.ModelMeshComponent = /*#__PURE__*/ function(RendererComponent) {
                         var worldMatrixData = _this.transform.getWorldMatrix();
                         var customHitTest1 = {
                             behavior: bounding.behavior,
-                            type: effects.HitTestType.custom,
+                            type: EFFECTS.HitTestType.custom,
                             collect: function collect(ray, pointInCanvas) {
                                 var result = RayIntersectsBoxWithRotation(ray, worldMatrixData, bounding);
                                 return result;
@@ -4409,7 +4433,7 @@ exports.ModelMeshComponent = /*#__PURE__*/ function(RendererComponent) {
                         };
                         return customHitTest1;
                     }
-                } else if (type === effects.spec.ModelBoundingType.sphere) {
+                } else if (type === EFFECTS.spec.ModelBoundingType.sphere) {
                     var pos = new Vector3();
                     _this.transform.assignWorldTRS(pos);
                     var center = new Vector3();
@@ -4516,7 +4540,7 @@ exports.ModelMeshComponent = /*#__PURE__*/ function(RendererComponent) {
             var size = bbox.getSize(new Vector3());
             this.bounding = {
                 behavior: (_this_bounding = this.bounding) == null ? void 0 : _this_bounding.behavior,
-                type: effects.spec.ModelBoundingType.box,
+                type: EFFECTS.spec.ModelBoundingType.box,
                 center: [
                     center.x,
                     center.y,
@@ -4534,9 +4558,9 @@ exports.ModelMeshComponent = /*#__PURE__*/ function(RendererComponent) {
         }
     };
     return ModelMeshComponent;
-}(effects.RendererComponent);
+}(EFFECTS.RendererComponent);
 exports.ModelMeshComponent = __decorate([
-    effects.effectsClass(effects.spec.DataType.MeshComponent)
+    EFFECTS.effectsClass(EFFECTS.spec.DataType.MeshComponent)
 ], exports.ModelMeshComponent);
 exports.ModelSkyboxComponent = /*#__PURE__*/ function(RendererComponent) {
     _inherits(ModelSkyboxComponent, RendererComponent);
@@ -4608,9 +4632,9 @@ exports.ModelSkyboxComponent = /*#__PURE__*/ function(RendererComponent) {
         return (_this_content_visible = (_this_content = this.content) == null ? void 0 : _this_content.visible) != null ? _this_content_visible : false;
     };
     return ModelSkyboxComponent;
-}(effects.RendererComponent);
+}(EFFECTS.RendererComponent);
 exports.ModelSkyboxComponent = __decorate([
-    effects.effectsClass(effects.spec.DataType.SkyboxComponent)
+    EFFECTS.effectsClass(EFFECTS.spec.DataType.SkyboxComponent)
 ], exports.ModelSkyboxComponent);
 exports.ModelLightComponent = /*#__PURE__*/ function(ItemBehaviour) {
     _inherits(ModelLightComponent, ItemBehaviour);
@@ -4673,9 +4697,9 @@ exports.ModelLightComponent = /*#__PURE__*/ function(ItemBehaviour) {
         return (_this_content_visible = (_this_content = this.content) == null ? void 0 : _this_content.visible) != null ? _this_content_visible : false;
     };
     return ModelLightComponent;
-}(effects.ItemBehaviour);
+}(EFFECTS.ItemBehaviour);
 exports.ModelLightComponent = __decorate([
-    effects.effectsClass(effects.spec.DataType.LightComponent)
+    EFFECTS.effectsClass(EFFECTS.spec.DataType.LightComponent)
 ], exports.ModelLightComponent);
 exports.ModelCameraComponent = /*#__PURE__*/ function(ItemBehaviour) {
     _inherits(ModelCameraComponent, ItemBehaviour);
@@ -4707,7 +4731,8 @@ exports.ModelCameraComponent = /*#__PURE__*/ function(ItemBehaviour) {
     /**
    * 组件销毁
    */ _proto.onDestroy = function onDestroy() {
-        this.content.dispose();
+        var _this_content;
+        (_this_content = this.content) == null ? void 0 : _this_content.dispose();
     };
     /**
    * 反序列化，记录传入参数
@@ -4753,9 +4778,9 @@ exports.ModelCameraComponent = /*#__PURE__*/ function(ItemBehaviour) {
         this.updateMainCamera();
     };
     return ModelCameraComponent;
-}(effects.ItemBehaviour);
+}(EFFECTS.ItemBehaviour);
 exports.ModelCameraComponent = __decorate([
-    effects.effectsClass(effects.spec.DataType.CameraComponent)
+    EFFECTS.effectsClass(EFFECTS.spec.DataType.CameraComponent)
 ], exports.ModelCameraComponent);
 exports.AnimationComponent = /*#__PURE__*/ function(ItemBehaviour) {
     _inherits(AnimationComponent, ItemBehaviour);
@@ -4806,9 +4831,9 @@ exports.AnimationComponent = /*#__PURE__*/ function(ItemBehaviour) {
         });
     };
     return AnimationComponent;
-}(effects.ItemBehaviour);
+}(EFFECTS.ItemBehaviour);
 exports.AnimationComponent = __decorate([
-    effects.effectsClass(effects.spec.DataType.AnimationComponent)
+    EFFECTS.effectsClass(EFFECTS.spec.DataType.AnimationComponent)
 ], exports.AnimationComponent);
 var ModelAnimationClip = /*#__PURE__*/ function(AnimationClip) {
     _inherits(ModelAnimationClip, AnimationClip);
@@ -4824,29 +4849,25 @@ var ModelAnimationClip = /*#__PURE__*/ function(AnimationClip) {
         var life = Math.max(0, time) % duration;
         for(var _iterator = _create_for_of_iterator_helper_loose(this.positionCurves), _step; !(_step = _iterator()).done;){
             var curve = _step.value;
-            var maxTime = curve.keyFrames.getMaxTime();
-            var value = curve.keyFrames.getValue(life % maxTime);
+            var value = curve.keyFrames.getValue(life % this.duration);
             var target = this.getTargetItem(vfxItem, curve.path);
             target == null ? void 0 : target.transform.setPosition(value.x, value.y, value.z);
         }
         for(var _iterator1 = _create_for_of_iterator_helper_loose(this.rotationCurves), _step1; !(_step1 = _iterator1()).done;){
             var curve1 = _step1.value;
-            var maxTime1 = curve1.keyFrames.getMaxTime();
-            var value1 = curve1.keyFrames.getValue(life % maxTime1);
+            var value1 = curve1.keyFrames.getValue(life % this.duration);
             var target1 = this.getTargetItem(vfxItem, curve1.path);
             target1 == null ? void 0 : target1.transform.setQuaternion(value1.x, value1.y, value1.z, value1.w);
         }
         for(var _iterator2 = _create_for_of_iterator_helper_loose(this.scaleCurves), _step2; !(_step2 = _iterator2()).done;){
             var curve2 = _step2.value;
-            var maxTime2 = curve2.keyFrames.getMaxTime();
-            var value2 = curve2.keyFrames.getValue(life % maxTime2);
+            var value2 = curve2.keyFrames.getValue(life % this.duration);
             var target2 = this.getTargetItem(vfxItem, curve2.path);
             target2 == null ? void 0 : target2.transform.setScale(value2.x, value2.y, value2.z);
         }
         for(var _iterator3 = _create_for_of_iterator_helper_loose(this.floatCurves), _step3; !(_step3 = _iterator3()).done;){
             var curve3 = _step3.value;
-            var maxTime3 = curve3.keyFrames.getMaxTime();
-            var value3 = curve3.keyFrames.getValue(life % maxTime3);
+            var value3 = curve3.keyFrames.getValue(life % this.duration);
             var target3 = this.getTargetItem(vfxItem, curve3.path);
             if (curve3.className === "ModelMeshComponent") {
                 var component = target3 == null ? void 0 : target3.getComponent(exports.ModelMeshComponent);
@@ -4854,14 +4875,15 @@ var ModelAnimationClip = /*#__PURE__*/ function(AnimationClip) {
                     var properties = curve3.property.split(".");
                     setProperty(component, properties, value3);
                 } else {
-                    console.error("Can't find mesh component");
+                    console.error("Can't find mesh component.");
                 }
             } else {
-                console.warn("Ignore curve: className " + curve3.className);
+                console.warn("Ignore curve: className " + curve3.className + ".");
             }
         }
     };
     _proto.setFromAnimationClip = function setFromAnimationClip(clip) {
+        this.duration = clip.duration;
         this.positionCurves = clip.positionCurves.slice();
         this.rotationCurves = clip.rotationCurves.slice();
         this.scaleCurves = clip.scaleCurves.slice();
@@ -4885,21 +4907,21 @@ var ModelAnimationClip = /*#__PURE__*/ function(AnimationClip) {
                 }
             }
             if (!findTag) {
-                throw new Error("Can't find path in tree " + rootItem.id + ", " + path);
+                throw new Error("Can't find path in tree " + rootItem.id + ", " + path + ".");
             }
         }
         this.path2Node[path] = target;
         return target;
     };
     return ModelAnimationClip;
-}(effects.AnimationClip);
+}(EFFECTS.AnimationClip);
 function setProperty(obj, properties, value) {
     var len = properties.length;
     var current = obj;
     for(var i = 0; i < len - 1; i++){
         var propName = properties[i];
         if (!(propName in current) || typeof current[propName] !== "object") {
-            console.error("Invalid properties " + properties);
+            console.error("Invalid properties " + properties + ".");
             return;
         }
         current = current[propName];
@@ -5142,13 +5164,13 @@ var normal = new Vector3();
             var blob, urlCreator, imageUrl, imageObj;
             return __generator(this, function(_state) {
                 if (image.imageData === undefined) {
-                    console.error("createTexture2D: Invalid image data from " + image);
+                    console.error("createTexture2D: Invalid image data from " + image + ".");
                     // 这里不应该发生的，做个兜底
                     return [
                         2,
-                        effects.Texture.create(engine, {
+                        EFFECTS.Texture.create(engine, {
                             name: "createTexture2D",
-                            sourceType: effects.TextureSourceType.data,
+                            sourceType: EFFECTS.TextureSourceType.data,
                             data: {
                                 data: new Uint8Array([
                                     255,
@@ -5176,34 +5198,34 @@ var normal = new Vector3();
                     new Promise(function(resolve, reject) {
                         imageObj.onload = function() {
                             var _texture_minFilter;
-                            var minFilter = (_texture_minFilter = texture.minFilter) != null ? _texture_minFilter : effects.glContext.LINEAR_MIPMAP_LINEAR;
+                            var minFilter = (_texture_minFilter = texture.minFilter) != null ? _texture_minFilter : EFFECTS.glContext.LINEAR_MIPMAP_LINEAR;
                             var premultiplyAlpha = false;
                             if (tiny3dMode) {
                                 //if (minFilter === glContext.NEAREST_MIPMAP_LINEAR
                                 //  || minFilter === glContext.LINEAR_MIPMAP_NEAREST) {
-                                minFilter = effects.glContext.LINEAR_MIPMAP_LINEAR;
+                                minFilter = EFFECTS.glContext.LINEAR_MIPMAP_LINEAR;
                                 //}
                                 if (!WebGLHelper.isPow2(imageObj.width) || !WebGLHelper.isPow2(imageObj.height)) {
-                                    minFilter = effects.glContext.LINEAR;
+                                    minFilter = EFFECTS.glContext.LINEAR;
                                 }
                                 //
                                 premultiplyAlpha = isBaseColor ? false : true;
                             }
                             var generateMipmap = false;
-                            if (minFilter == effects.glContext.NEAREST_MIPMAP_NEAREST || minFilter == effects.glContext.LINEAR_MIPMAP_NEAREST || minFilter == effects.glContext.NEAREST_MIPMAP_LINEAR || minFilter == effects.glContext.LINEAR_MIPMAP_LINEAR) {
+                            if (minFilter == EFFECTS.glContext.NEAREST_MIPMAP_NEAREST || minFilter == EFFECTS.glContext.LINEAR_MIPMAP_NEAREST || minFilter == EFFECTS.glContext.NEAREST_MIPMAP_LINEAR || minFilter == EFFECTS.glContext.LINEAR_MIPMAP_LINEAR) {
                                 generateMipmap = true;
                             }
                             var _texture_wrapS, _texture_wrapT, _texture_magFilter;
-                            var res = effects.Texture.create(engine, {
+                            var res = EFFECTS.Texture.create(engine, {
                                 name: "createTexture2D",
-                                wrapS: (_texture_wrapS = texture.wrapS) != null ? _texture_wrapS : effects.glContext.REPEAT,
-                                wrapT: (_texture_wrapT = texture.wrapT) != null ? _texture_wrapT : effects.glContext.REPEAT,
-                                magFilter: (_texture_magFilter = texture.magFilter) != null ? _texture_magFilter : effects.glContext.LINEAR,
+                                wrapS: (_texture_wrapS = texture.wrapS) != null ? _texture_wrapS : EFFECTS.glContext.REPEAT,
+                                wrapT: (_texture_wrapT = texture.wrapT) != null ? _texture_wrapT : EFFECTS.glContext.REPEAT,
+                                magFilter: (_texture_magFilter = texture.magFilter) != null ? _texture_magFilter : EFFECTS.glContext.LINEAR,
                                 minFilter: minFilter,
                                 anisotropic: 1,
                                 //flipY: tex.flipY,
                                 premultiplyAlpha: premultiplyAlpha,
-                                sourceType: effects.TextureSourceType.image,
+                                sourceType: EFFECTS.TextureSourceType.image,
                                 image: imageObj,
                                 generateMipmap: generateMipmap
                             });
@@ -5369,9 +5391,9 @@ var normal = new Vector3();
                     case 0:
                         return [
                             4,
-                            effects.getDefaultTextureFactory().loadSource({
-                                type: effects.TextureSourceType.image,
-                                target: effects.glContext.TEXTURE_CUBE_MAP,
+                            EFFECTS.getDefaultTextureFactory().loadSource({
+                                type: EFFECTS.TextureSourceType.image,
+                                target: EFFECTS.glContext.TEXTURE_CUBE_MAP,
                                 map: cubeImage
                             }, _this.cubemapTexConfig)
                         ];
@@ -5379,7 +5401,7 @@ var normal = new Vector3();
                         textureOptions = _state.sent();
                         return [
                             2,
-                            effects.Texture.create(engine, textureOptions)
+                            EFFECTS.Texture.create(engine, textureOptions)
                         ];
                 }
             });
@@ -5399,9 +5421,9 @@ var normal = new Vector3();
                     case 0:
                         return [
                             4,
-                            effects.getDefaultTextureFactory().loadSource({
-                                type: effects.TextureSourceType.mipmaps,
-                                target: effects.glContext.TEXTURE_CUBE_MAP,
+                            EFFECTS.getDefaultTextureFactory().loadSource({
+                                type: EFFECTS.TextureSourceType.mipmaps,
+                                target: EFFECTS.glContext.TEXTURE_CUBE_MAP,
                                 maps: cubeImages
                             }, _this.cubemapMipTexConfig)
                         ];
@@ -5409,7 +5431,7 @@ var normal = new Vector3();
                         textureOptions = _state.sent();
                         return [
                             2,
-                            effects.Texture.create(engine, textureOptions)
+                            EFFECTS.Texture.create(engine, textureOptions)
                         ];
                 }
             });
@@ -5435,11 +5457,11 @@ var normal = new Vector3();
                         cubemap = _state.sent();
                         return [
                             2,
-                            effects.Texture.create(engine, _extends({
+                            EFFECTS.Texture.create(engine, _extends({
                                 name: "createTextureCubeFromBuffer",
-                                sourceType: effects.TextureSourceType.image,
+                                sourceType: EFFECTS.TextureSourceType.image,
                                 cube: cubemap,
-                                target: effects.glContext.TEXTURE_CUBE_MAP
+                                target: EFFECTS.glContext.TEXTURE_CUBE_MAP
                             }, _this.cubemapTexConfig))
                         ];
                 }
@@ -5480,7 +5502,7 @@ var normal = new Vector3();
                         url = "https://gw.alipayobjects.com/zos/gltf-asset/67896749597915/img" + index + ".png";
                         return [
                             4,
-                            effects.loadImage(url)
+                            EFFECTS.loadImage(url)
                         ];
                     case 3:
                         imageData = _state.sent();
@@ -5499,11 +5521,11 @@ var normal = new Vector3();
                     case 4:
                         return [
                             2,
-                            effects.Texture.create(engine, _extends({
+                            EFFECTS.Texture.create(engine, _extends({
                                 name: "createTextureCubeMipmapFromBuffer",
-                                sourceType: effects.TextureSourceType.mipmaps,
+                                sourceType: EFFECTS.TextureSourceType.mipmaps,
                                 mipmaps: mipmaps,
-                                target: effects.glContext.TEXTURE_CUBE_MAP
+                                target: EFFECTS.glContext.TEXTURE_CUBE_MAP
                             }, _this.cubemapMipTexConfig))
                         ];
                 }
@@ -5531,14 +5553,14 @@ var normal = new Vector3();
         var options = {
             name: "createTextureFromImage",
             image: image,
-            sourceType: effects.TextureSourceType.image,
+            sourceType: EFFECTS.TextureSourceType.image,
             flipY: false,
-            magFilter: effects.glContext.LINEAR,
-            minFilter: effects.glContext.LINEAR,
-            wrapT: effects.glContext.REPEAT,
-            wrapS: effects.glContext.REPEAT
+            magFilter: EFFECTS.glContext.LINEAR,
+            minFilter: EFFECTS.glContext.LINEAR,
+            wrapT: EFFECTS.glContext.REPEAT,
+            wrapS: EFFECTS.glContext.REPEAT
         };
-        return effects.Texture.create(engine, options);
+        return EFFECTS.Texture.create(engine, options);
     };
     /**
    * 创建渲染 Pass
@@ -5549,10 +5571,10 @@ var normal = new Vector3();
    * @param fboOpts - FBO 参数
    * @returns
    */ WebGLHelper.createRenderPass = function createRenderPass(renderer, name, priority, meshData, fboOpts) {
-        var meshList = _instanceof1(meshData, effects.Mesh) ? [
+        var meshList = _instanceof1(meshData, EFFECTS.Mesh) ? [
             meshData
         ] : meshData;
-        return new effects.RenderPass(renderer, {
+        return new EFFECTS.RenderPass(renderer, {
             name: name,
             priority: priority,
             attachments: fboOpts.colorAttachments,
@@ -5566,8 +5588,8 @@ var normal = new Vector3();
                     0,
                     0
                 ],
-                colorAction: effects.TextureLoadAction.clear,
-                depthAction: effects.TextureLoadAction.clear
+                colorAction: EFFECTS.TextureLoadAction.clear,
+                depthAction: EFFECTS.TextureLoadAction.clear
             },
             // storeAction: {
             //   colorAction: TextureStoreAction.store,
@@ -5587,9 +5609,9 @@ var normal = new Vector3();
    * @param mesh - Mesh 对象
    */ WebGLHelper.deleteMesh = function deleteMesh(mesh) {
         mesh.dispose({
-            geometries: effects.DestroyOptions.destroy,
+            geometries: EFFECTS.DestroyOptions.destroy,
             material: {
-                textures: effects.DestroyOptions.destroy
+                textures: EFFECTS.DestroyOptions.destroy
             }
         });
     };
@@ -5605,22 +5627,22 @@ var normal = new Vector3();
    */ WebGLHelper.deleteRenderPass = function deleteRenderPass(pass) {
         pass.dispose({
             meshes: {
-                geometries: effects.DestroyOptions.destroy,
+                geometries: EFFECTS.DestroyOptions.destroy,
                 material: {
-                    textures: effects.DestroyOptions.destroy
+                    textures: EFFECTS.DestroyOptions.destroy
                 }
             },
-            depthStencilAttachment: effects.RenderPassDestroyAttachmentType.force,
-            colorAttachment: effects.RenderPassDestroyAttachmentType.force,
-            semantics: effects.DestroyOptions.destroy
+            depthStencilAttachment: EFFECTS.RenderPassDestroyAttachmentType.force,
+            colorAttachment: EFFECTS.RenderPassDestroyAttachmentType.force,
+            semantics: EFFECTS.DestroyOptions.destroy
         });
     };
     /**
    * 返回 Mesh 是否半透明
-   * @param mesh - gl mesh 对象
+   * @param component - ModelMeshComponent 对象
    * @return 是否半透明
-   */ WebGLHelper.isTransparentMesh = function isTransparentMesh(mesh) {
-        return mesh.material.blending === true;
+   */ WebGLHelper.isTransparentMesh = function isTransparentMesh(component) {
+        return component.material.blending === true;
     };
     /**
    * renderer 是否支持 Float 纹理
@@ -5650,18 +5672,18 @@ var normal = new Vector3();
    * 立方体纹理参数
    */ WebGLHelper.cubemapTexConfig = {
     name: "cubemap texture",
-    wrapS: effects.glContext.CLAMP_TO_EDGE,
-    wrapT: effects.glContext.CLAMP_TO_EDGE,
-    magFilter: effects.glContext.LINEAR,
-    minFilter: effects.glContext.LINEAR
+    wrapS: EFFECTS.glContext.CLAMP_TO_EDGE,
+    wrapT: EFFECTS.glContext.CLAMP_TO_EDGE,
+    magFilter: EFFECTS.glContext.LINEAR,
+    minFilter: EFFECTS.glContext.LINEAR
 };
 /**
    * 立方体纹理参数，带 Mipmap 滤波
    */ WebGLHelper.cubemapMipTexConfig = {
-    wrapS: effects.glContext.CLAMP_TO_EDGE,
-    wrapT: effects.glContext.CLAMP_TO_EDGE,
-    magFilter: effects.glContext.LINEAR,
-    minFilter: effects.glContext.LINEAR_MIPMAP_LINEAR
+    wrapS: EFFECTS.glContext.CLAMP_TO_EDGE,
+    wrapT: EFFECTS.glContext.CLAMP_TO_EDGE,
+    magFilter: EFFECTS.glContext.LINEAR,
+    minFilter: EFFECTS.glContext.LINEAR_MIPMAP_LINEAR
 };
 /**
  * Mesh 辅助类，负责 Mesh 相关的基础对象创建
@@ -5678,19 +5700,19 @@ var normal = new Vector3();
         var globalState = PGlobalState.getInstance();
         var vertexShader = material.vertexShaderCode;
         var fragmentShader = material.fragmentShaderCode;
-        var geometry = effects.Geometry.create(engine, MeshHelper.getPlaneGeometry());
+        var geometry = EFFECTS.Geometry.create(engine, MeshHelper.getPlaneGeometry());
         var isWebGL2 = engine.gpuCapability.level === 2;
-        var effectsMaterial = effects.Material.create(engine, {
+        var effectsMaterial = EFFECTS.Material.create(engine, {
             shader: {
                 vertex: vertexShader,
                 fragment: fragmentShader,
                 shared: globalState.shaderShared,
-                glslVersion: isWebGL2 ? effects.GLSLVersion.GLSL3 : effects.GLSLVersion.GLSL1
+                glslVersion: isWebGL2 ? EFFECTS.GLSLVersion.GLSL3 : EFFECTS.GLSLVersion.GLSL1
             },
             uniformSemantics: uniformSemantics
         });
         material.setMaterialStates(effectsMaterial);
-        return effects.Mesh.create(engine, {
+        return EFFECTS.Mesh.create(engine, {
             name: name,
             worldMatrix: Matrix4.fromIdentity(),
             material: effectsMaterial,
@@ -5705,21 +5727,21 @@ var normal = new Vector3();
         return {
             attributes: {
                 aPos: {
-                    type: effects.glContext.FLOAT,
+                    type: EFFECTS.glContext.FLOAT,
                     size: 3,
                     data: data,
                     stride: Float32Array.BYTES_PER_ELEMENT * 8,
                     offset: 0
                 },
                 aUV: {
-                    type: effects.glContext.FLOAT,
+                    type: EFFECTS.glContext.FLOAT,
                     size: 2,
                     stride: Float32Array.BYTES_PER_ELEMENT * 8,
                     offset: Float32Array.BYTES_PER_ELEMENT * 3,
                     dataSource: "aPos"
                 },
                 aNormal: {
-                    type: effects.glContext.FLOAT,
+                    type: EFFECTS.glContext.FLOAT,
                     size: 3,
                     stride: Float32Array.BYTES_PER_ELEMENT * 8,
                     offset: Float32Array.BYTES_PER_ELEMENT * 5,
@@ -5998,7 +6020,7 @@ var normal = new Vector3();
         rotationMat.transformPoint(deltaPos);
         var newCamPos = deltaPos.clone().add(targetPos);
         var viewMatrix = new Matrix4().lookAt(newCamPos, targetPos, new Vector3(0, 1, 0)).invert();
-        var effectsTransform = new effects.Transform();
+        var effectsTransform = new EFFECTS.Transform();
         effectsTransform.setValid(true);
         effectsTransform.cloneFromMatrix(viewMatrix);
         return effectsTransform;
@@ -6012,7 +6034,7 @@ var normal = new Vector3();
    * @returns 场景信息描述
    */ PluginHelper.preprocessScene = function preprocessScene(scene, runtimeEnv, compatibleMode) {
         var _this = this;
-        var deviceEnv = runtimeEnv !== effects.PLAYER_OPTIONS_ENV_EDITOR;
+        var deviceEnv = runtimeEnv !== EFFECTS.PLAYER_OPTIONS_ENV_EDITOR;
         var tiny3dMode = compatibleMode === "tiny3d";
         // 默认skybox如何处理需要讨论
         var jsonScene = scene.jsonScene;
@@ -6037,7 +6059,7 @@ var normal = new Vector3();
                 _this.preprocessTextureOptions(dataMap, mat.textures["_EmissiveSampler"], false, tiny3dMode);
             });
             jsonScene.components.forEach(function(comp) {
-                if (comp.dataType === effects.spec.DataType.SkyboxComponent) {
+                if (comp.dataType === EFFECTS.spec.DataType.SkyboxComponent) {
                     loadSkybox = true;
                     var skybox = comp;
                     if (skybox.diffuseImage) {
@@ -6077,29 +6099,36 @@ var normal = new Vector3();
         if (!texOptions) {
             return;
         }
-        if (texOptions.target === undefined || texOptions.target === effects.glContext.TEXTURE_2D) {
-            texOptions.wrapS = effects.glContext.REPEAT;
-            texOptions.wrapT = effects.glContext.REPEAT;
-            texOptions.magFilter = effects.glContext.LINEAR;
-            texOptions.minFilter = effects.glContext.LINEAR_MIPMAP_LINEAR;
-            texOptions.generateMipmap = true;
+        if (texOptions.target === undefined || texOptions.target === EFFECTS.glContext.TEXTURE_2D) {
+            texOptions.wrapS = EFFECTS.glContext.REPEAT;
+            texOptions.wrapT = EFFECTS.glContext.REPEAT;
+            texOptions.magFilter = EFFECTS.glContext.LINEAR;
+            texOptions.minFilter = EFFECTS.glContext.LINEAR_MIPMAP_LINEAR;
             if (!isBaseColor) {
                 texOptions.premultiplyAlpha = true;
             }
-        } else if (texOptions.target === effects.glContext.TEXTURE_CUBE_MAP) {
-            texOptions.wrapS = effects.glContext.CLAMP_TO_EDGE;
-            texOptions.wrapT = effects.glContext.CLAMP_TO_EDGE;
+            var newOptions = texOptions;
+            newOptions.generateMipmap = true;
+            var image = newOptions.image;
+            if (image && image.width && image.height) {
+                if (!WebGLHelper.isPow2(image.width) || !WebGLHelper.isPow2(image.height)) {
+                    texOptions.minFilter = EFFECTS.glContext.LINEAR;
+                }
+            }
+        } else if (texOptions.target === EFFECTS.glContext.TEXTURE_CUBE_MAP) {
+            texOptions.wrapS = EFFECTS.glContext.CLAMP_TO_EDGE;
+            texOptions.wrapT = EFFECTS.glContext.CLAMP_TO_EDGE;
             if (texOptions.mipmaps !== undefined) {
                 if (texOptions.mipmaps.length === 1) {
-                    texOptions.magFilter = effects.glContext.LINEAR;
-                    texOptions.minFilter = effects.glContext.LINEAR;
+                    texOptions.magFilter = EFFECTS.glContext.LINEAR;
+                    texOptions.minFilter = EFFECTS.glContext.LINEAR;
                 } else {
-                    texOptions.magFilter = effects.glContext.LINEAR;
-                    texOptions.minFilter = effects.glContext.LINEAR_MIPMAP_LINEAR;
+                    texOptions.magFilter = EFFECTS.glContext.LINEAR;
+                    texOptions.minFilter = EFFECTS.glContext.LINEAR_MIPMAP_LINEAR;
                 }
             } else {
-                texOptions.magFilter = effects.glContext.LINEAR;
-                texOptions.minFilter = effects.glContext.LINEAR;
+                texOptions.magFilter = EFFECTS.glContext.LINEAR;
+                texOptions.minFilter = EFFECTS.glContext.LINEAR;
             }
         }
     };
@@ -6129,12 +6158,12 @@ var normal = new Vector3();
             sceneComp.items.forEach(function(data) {
                 var itemId = data.id;
                 var item = composition.getEngine().jsonSceneData[itemId];
-                if (item.type === effects.spec.ItemType.mesh) {
+                if (item.type === EFFECTS.spec.ItemType.mesh) {
                     var meshItem = item;
                     var skin = meshItem.content.options.skin;
                     var primitives = meshItem.content.options.primitives;
                     primitives.forEach(function(prim, primId) {
-                        if (_instanceof1(prim.geometry, effects.Geometry)) {
+                        if (_instanceof1(prim.geometry, EFFECTS.Geometry)) {
                             // 可能已经创建，直接返回
                             return;
                         }
@@ -6143,7 +6172,7 @@ var normal = new Vector3();
                         var studioPrim = prim;
                         studioPrim.geometry = riGeometry;
                         var material = prim.material;
-                        if (material.type === effects.spec.MaterialType.pbr) {
+                        if (material.type === EFFECTS.spec.MaterialType.pbr) {
                             var studioMat = studioPrim.material;
                             studioMat.baseColorTexture = _this.getTextureObj(composition.textures, material.baseColorTexture);
                             studioMat.metallicRoughnessTexture = _this.getTextureObj(composition.textures, material.metallicRoughnessTexture);
@@ -6161,10 +6190,10 @@ var normal = new Vector3();
                         if (_instanceof1(inverseBindMatrices, Float32Array)) {
                             studioSkin.inverseBindMatrices = inverseBindMatrices;
                         } else {
-                            console.error("setupItem3DOptions: Invalid inverseBindMatrices type, " + inverseBindMatrices);
+                            console.error("setupItem3DOptions: Invalid inverseBindMatrices type, " + inverseBindMatrices + ".");
                         }
                     }
-                } else if (item.type === effects.spec.ItemType.tree) {
+                } else if (item.type === EFFECTS.spec.ItemType.tree) {
                     var jsonItem = item;
                     var studioItem = item;
                     var jsonAnimations = jsonItem.content.options.tree.animations;
@@ -6179,24 +6208,24 @@ var normal = new Vector3();
                                 if (_instanceof1(inputArray, Float32Array)) {
                                     studioTrack.input = inputArray;
                                 } else {
-                                    console.error("setupItem3DOptions: Type of inputArray should be float32, " + inputArray);
+                                    console.error("setupItem3DOptions: Type of inputArray should be float32, " + inputArray + ".");
                                 }
                                 if (_instanceof1(outputArray, Float32Array)) {
                                     studioTrack.output = outputArray;
                                 } else {
-                                    console.error("setupItem3DOptions: Type of outputArray should be float32, " + outputArray);
+                                    console.error("setupItem3DOptions: Type of outputArray should be float32, " + outputArray + ".");
                                 }
                             });
                         });
                     }
-                } else if (item.type === effects.spec.ItemType.skybox) {
+                } else if (item.type === EFFECTS.spec.ItemType.skybox) {
                     var skybox = item;
                     var studioSkybox = item;
                     var options = skybox.content.options;
                     var studioOptions = studioSkybox.content.options;
                     var specularImage = _this.getTextureObj(composition.textures, options.specularImage);
                     if (specularImage === undefined) {
-                        console.error("setupItem3DOptions: skybox specualrImage is undefined, " + CheckerHelper.stringify(options));
+                        console.error("setupItem3DOptions: skybox specualrImage is undefined, " + CheckerHelper.stringify(options) + ".");
                     }
                     studioOptions.specularImage = specularImage;
                     //
@@ -6224,7 +6253,7 @@ var normal = new Vector3();
             attributes[name] = attribData;
         }
         geomOptions.attributes = attributes;
-        return effects.Geometry.create(engine, geomOptions);
+        return EFFECTS.Geometry.create(engine, geomOptions);
     };
     /**
    * 索引数组类型转换
@@ -6240,7 +6269,7 @@ var normal = new Vector3();
             case WebGLRenderingContext["UNSIGNED_BYTE"]:
                 return array;
             default:
-                console.error("Invalid index attribute type " + type);
+                console.error("Invalid index attribute type " + type + ".");
         }
     };
     /**
@@ -6268,7 +6297,7 @@ var normal = new Vector3();
             // aPos, aNormal, aTangent,
             // aUV, aUV2, aJoints, aWeights
             // aTargetXXX
-            console.warn("Unknown attribute name: " + name);
+            console.warn("Unknown attribute name: " + name + ".");
         }
         return name;
     };
@@ -6282,7 +6311,7 @@ var normal = new Vector3();
             return null;
         }
         if (index < 0 || index >= textures.length) {
-            console.error("Invalid index for textures: " + index + ", " + textures.length);
+            console.error("Invalid index for textures: " + index + ", " + textures.length + ".");
         }
         return textures[index];
     };
@@ -6332,10 +6361,10 @@ var normal = new Vector3();
         var canvas = document.createElement("canvas");
         canvas.width = 512;
         canvas.height = 512;
-        return new effects.Player({
+        return new EFFECTS.Player({
             canvas: canvas,
             renderFramework: "webgl2",
-            env: effects.PLAYER_OPTIONS_ENV_EDITOR,
+            env: EFFECTS.PLAYER_OPTIONS_ENV_EDITOR,
             renderOptions: {
                 willCaptureImage: true
             },
@@ -6367,7 +6396,7 @@ var normal = new Vector3();
             return __generator(this, function(_state) {
                 return [
                     2,
-                    effects.loadImage(new Blob([
+                    EFFECTS.loadImage(new Blob([
                         image.imageData
                     ], {
                         type: image.mimeType
@@ -6385,7 +6414,7 @@ var normal = new Vector3();
             return __generator(this, function(_state) {
                 return [
                     2,
-                    effects.loadImage(new Blob([
+                    EFFECTS.loadImage(new Blob([
                         image.data
                     ], {
                         type: image.mimeType
@@ -6408,7 +6437,7 @@ var normal = new Vector3();
                             if (b) {
                                 resolve(b.arrayBuffer());
                             } else {
-                                reject(new Error("no canvas blob"));
+                                reject(new Error("No canvas blob."));
                             }
                         }, "image/png", 1);
                     })
@@ -6570,7 +6599,7 @@ var AttributeArray = /*#__PURE__*/ function() {
         this.offset = (_inAttrib_offset = inAttrib.offset) != null ? _inAttrib_offset : 0;
         if (this.offset > 0) {
             if (this.offset % this.typeSize !== 0) {
-                console.error("Invalid offset " + this.offset + ", type size " + this.typeSize);
+                console.error("Invalid offset " + this.offset + ", type size " + this.typeSize + ".");
             }
             this.offset = this.offset / this.typeSize;
         }
@@ -6579,7 +6608,7 @@ var AttributeArray = /*#__PURE__*/ function() {
         this.stride = (_inAttrib_stride = inAttrib.stride) != null ? _inAttrib_stride : 0;
         if (this.stride > 0) {
             if (this.stride % this.typeSize !== 0) {
-                console.error("Invalid stride " + this.stride + ", type size " + this.typeSize);
+                console.error("Invalid stride " + this.stride + ", type size " + this.typeSize + ".");
             }
             this.stride = this.stride / this.typeSize;
         } else {
@@ -7090,9 +7119,9 @@ var AttributeArray = /*#__PURE__*/ function() {
    * @param v - 纹理对象
    * @returns
    */ CheckerHelper.checkTexture = function checkTexture(v) {
-        if (_instanceof1(v, effects.Texture)) {
+        if (_instanceof1(v, EFFECTS.Texture)) {
             if (v.isDestroyed) {
-                console.error("Texture is destroyed, " + v.name);
+                console.error("Texture is destroyed, " + v.name + ".");
             }
             return !v.isDestroyed;
         } else {
@@ -7140,14 +7169,14 @@ var AttributeArray = /*#__PURE__*/ function() {
    * @param v - 材质混合参数或未定义
    * @returns
    */ CheckerHelper.checkMatBlending = function checkMatBlending(v) {
-        return v === undefined || v === effects.spec.MaterialBlending.opaque || v === effects.spec.MaterialBlending.masked || v === effects.spec.MaterialBlending.translucent || v === effects.spec.MaterialBlending.additive;
+        return v === undefined || v === EFFECTS.spec.MaterialBlending.opaque || v === EFFECTS.spec.MaterialBlending.masked || v === EFFECTS.spec.MaterialBlending.translucent || v === EFFECTS.spec.MaterialBlending.additive;
     };
     /**
    * 检查材质单双面模式或未定义
    * @param v - 材质单双面模式或未定义
    * @returns
    */ CheckerHelper.checkMatSide = function checkMatSide(v) {
-        return v === undefined || v === effects.spec.SideMode.BACK || v === effects.spec.SideMode.DOUBLE || v === effects.spec.SideMode.FRONT;
+        return v === undefined || v === EFFECTS.spec.SideMode.BACK || v === EFFECTS.spec.SideMode.DOUBLE || v === EFFECTS.spec.SideMode.FRONT;
     };
     /**
    * 检查动画路径模式
@@ -7168,15 +7197,15 @@ var AttributeArray = /*#__PURE__*/ function() {
    * @param v - 几何体
    * @param s - 蒙皮参数
    */ CheckerHelper.assertGeometry = function assertGeometry(v, s) {
-        if (!_instanceof1(v, effects.Geometry)) {
-            console.error("Invalid geometry type " + this.stringify(v));
+        if (!_instanceof1(v, EFFECTS.Geometry)) {
+            console.error("Invalid geometry type " + this.stringify(v) + ".");
         }
         // @ts-expect-error
         if (v.isDestroyed === true) {
-            console.error("Geometry object is destroyed");
+            console.error("Geometry object is destroyed.");
         }
         if (!this.checkNonnegative(v.getDrawStart())) {
-            console.error("Invalid geometry draw start: " + v.getDrawStart() + ", " + this.stringify(v));
+            console.error("Invalid geometry draw start: " + v.getDrawStart() + ", " + this.stringify(v) + ".");
         }
     // // drawCount不再为负
     // if (!this.checkPositive(v.getDrawCount())) {
@@ -7235,7 +7264,7 @@ var AttributeArray = /*#__PURE__*/ function() {
         var attribArray = this.createAttributeArray(v, name);
         if (attribArray !== undefined) {
             if (attribArray.getLength() < drawCount) {
-                console.error(name + " Length(" + attribArray.getLength() + ") is less than draw count(" + drawCount + "), " + this.stringify(v));
+                console.error(name + " Length(" + attribArray.getLength() + ") is less than draw count(" + drawCount + "), " + this.stringify(v) + ".");
             }
         }
     };
@@ -7268,24 +7297,24 @@ var AttributeArray = /*#__PURE__*/ function() {
    * @param v - 蒙皮参数
    */ CheckerHelper.assertModelSkinOptions = function assertModelSkinOptions(v) {
         if (!this.checkStringUndef(v.name)) {
-            console.error("Invalid skin name " + v.name + ", " + this.stringify(v));
+            console.error("Invalid skin name " + v.name + ", " + this.stringify(v) + ".");
         }
         if (!this.checkNumberArray(v.joints)) {
-            console.error("Invalid skin joints " + v.joints + ", " + this.stringify(v));
+            console.error("Invalid skin joints " + v.joints + ", " + this.stringify(v) + ".");
         }
         if (!this.checkNumberUndef(v.skeleton)) {
-            console.error("Invalid skin skeleton " + v.skeleton + ", " + this.stringify(v));
+            console.error("Invalid skin skeleton " + v.skeleton + ", " + this.stringify(v) + ".");
         }
         if (!this.checkFloat32ArrayUndef(v.inverseBindMatrices)) {
-            console.error("Invalid skin inverseBindMatrices " + v.inverseBindMatrices + ", " + this.stringify(v));
+            console.error("Invalid skin inverseBindMatrices " + v.inverseBindMatrices + ", " + this.stringify(v) + ".");
         }
         //
         if (v.inverseBindMatrices !== undefined) {
             if (v.inverseBindMatrices.length <= 0 || v.inverseBindMatrices.length % 16 !== 0) {
-                console.error("Invalid skin inverseBindMatrices length " + v.inverseBindMatrices + ", " + this.stringify(v));
+                console.error("Invalid skin inverseBindMatrices length " + v.inverseBindMatrices + ", " + this.stringify(v) + ".");
             }
             if (v.joints.length * 16 !== v.inverseBindMatrices.length) {
-                console.error("Mismatch: skin joints and inverseBindMatrices length, " + v.joints + ", " + v.inverseBindMatrices + ", " + this.stringify(v));
+                console.error("Mismatch: skin joints and inverseBindMatrices length, " + v.joints + ", " + v.inverseBindMatrices + ", " + this.stringify(v) + ".");
             }
             var mat = new Matrix4();
             for(var i = 0; i < v.inverseBindMatrices.length; i += 16){
@@ -7293,12 +7322,12 @@ var AttributeArray = /*#__PURE__*/ function() {
                     mat.elements[j] = v.inverseBindMatrices[i + j];
                 }
                 if (Math.abs(mat.determinant()) < 1e-5) {
-                    console.error("Determinant of inverseBindMatrices is too small " + mat.determinant() + ", index " + i / 16 + ", " + this.stringify(v));
+                    console.error("Determinant of inverseBindMatrices is too small " + mat.determinant() + ", index " + i / 16 + ", " + this.stringify(v) + ".");
                 }
             }
         } else {
             if (v.joints.length <= 0) {
-                console.error("Invalid skin joints length " + v.joints + ", " + this.stringify(v));
+                console.error("Invalid skin joints length " + v.joints + ", " + this.stringify(v) + ".");
             }
         }
     };
@@ -7306,140 +7335,140 @@ var AttributeArray = /*#__PURE__*/ function() {
    * 检查材质参数
    * @param v - 材质参数
    */ CheckerHelper.assertMatOptions = function assertMatOptions(v) {
-        if (v.type === effects.spec.MaterialType.unlit) {
+        if (v.type === EFFECTS.spec.MaterialType.unlit) {
             if (!this.checkString(v.name)) {
-                console.error("Invalid material name " + v.name + ", " + this.stringify(v));
+                console.error("Invalid material name " + v.name + ", " + this.stringify(v) + ".");
             }
             //
             if (!this.checkNonnegative4(v.baseColorFactor)) {
-                console.error("Invalid material baseColorFactor " + v.baseColorFactor + ", " + this.stringify(v));
+                console.error("Invalid material baseColorFactor " + v.baseColorFactor + ", " + this.stringify(v) + ".");
             }
             if (!this.checkTextureUndef(v.baseColorTexture)) {
-                console.error("Invalid material baseColorTexture " + v.baseColorTexture + ", " + this.stringify(v));
+                console.error("Invalid material baseColorTexture " + v.baseColorTexture + ", " + this.stringify(v) + ".");
             }
             if (!this.checkTexTransformUndef(v.baseColorTextureTransform)) {
-                console.error("Invalid material baseColorTextureTransform " + v.baseColorTextureTransform + ", " + this.stringify(v));
+                console.error("Invalid material baseColorTextureTransform " + v.baseColorTextureTransform + ", " + this.stringify(v) + ".");
             }
             if (!this.checkTexCoord(v.baseColorTextureCoordinate)) {
-                console.error("Invalid material baseColorTextureCoordinate " + v.baseColorTextureCoordinate + ", " + this.stringify(v));
+                console.error("Invalid material baseColorTextureCoordinate " + v.baseColorTextureCoordinate + ", " + this.stringify(v) + ".");
             }
             //
             if (!this.checkBooleanUndef(v.depthMask)) {
-                console.error("Invalid material depthMask " + v.depthMask + ", " + this.stringify(v));
+                console.error("Invalid material depthMask " + v.depthMask + ", " + this.stringify(v) + ".");
             }
             if (!this.checkMatBlending(v.blending)) {
-                console.error("Invalid material blending " + v.blending + ", " + this.stringify(v));
+                console.error("Invalid material blending " + v.blending + ", " + this.stringify(v) + ".");
             }
             if (!this.checkMatSide(v.side)) {
-                console.error("Invalid material side " + v.side + ", " + this.stringify(v));
+                console.error("Invalid material side " + v.side + ", " + this.stringify(v) + ".");
             }
-            if (v.blending === effects.spec.MaterialBlending.masked) {
+            if (v.blending === EFFECTS.spec.MaterialBlending.masked) {
                 if (v.alphaCutOff === undefined) {
-                    console.error("Material alphaCutOff is required for mask, " + this.stringify(v));
+                    console.error("Material alphaCutOff is required for mask, " + this.stringify(v) + ".");
                 }
             }
             if (!this.checkNumber01Undef(v.alphaCutOff)) {
-                console.error("Invalid material alphaCutOff " + v.alphaCutOff + ", " + this.stringify(v));
+                console.error("Invalid material alphaCutOff " + v.alphaCutOff + ", " + this.stringify(v) + ".");
             }
-        } else if (v.type === effects.spec.MaterialType.pbr) {
+        } else if (v.type === EFFECTS.spec.MaterialType.pbr) {
             if (!this.checkString(v.name)) {
-                console.error("Invalid material name " + v.name + ", " + this.stringify(v));
+                console.error("Invalid material name " + v.name + ", " + this.stringify(v) + ".");
             }
             //
             if (!this.checkNonnegative4(v.baseColorFactor)) {
-                console.error("Invalid material baseColorFactor " + v.baseColorFactor + ", " + this.stringify(v));
+                console.error("Invalid material baseColorFactor " + v.baseColorFactor + ", " + this.stringify(v) + ".");
             }
             if (!this.checkTextureUndef(v.baseColorTexture)) {
-                console.error("Invalid material baseColorTexture " + v.baseColorTexture + ", " + this.stringify(v));
+                console.error("Invalid material baseColorTexture " + v.baseColorTexture + ", " + this.stringify(v) + ".");
             }
             if (!this.checkTexTransformUndef(v.baseColorTextureTransform)) {
-                console.error("Invalid material baseColorTextureTransform " + v.baseColorTextureTransform + ", " + this.stringify(v));
+                console.error("Invalid material baseColorTextureTransform " + v.baseColorTextureTransform + ", " + this.stringify(v) + ".");
             }
             if (!this.checkTexCoord(v.baseColorTextureCoordinate)) {
-                console.error("Invalid material baseColorTextureCoordinate " + v.baseColorTextureCoordinate + ", " + this.stringify(v));
+                console.error("Invalid material baseColorTextureCoordinate " + v.baseColorTextureCoordinate + ", " + this.stringify(v) + ".");
             }
             //
             if (!this.checkBooleanUndef(v.useSpecularAA)) {
-                console.error("Invalid material useSpecularAA " + v.useSpecularAA + ", " + this.stringify(v));
+                console.error("Invalid material useSpecularAA " + v.useSpecularAA + ", " + this.stringify(v) + ".");
             }
             if (!this.checkNumber01(v.metallicFactor)) {
-                console.error("Invalid material metallicFactor " + v.metallicFactor + ", " + this.stringify(v));
+                console.error("Invalid material metallicFactor " + v.metallicFactor + ", " + this.stringify(v) + ".");
             }
             if (!this.checkNonnegative(v.roughnessFactor)) {
-                console.error("Invalid material roughnessFactor " + v.roughnessFactor + ", " + this.stringify(v));
+                console.error("Invalid material roughnessFactor " + v.roughnessFactor + ", " + this.stringify(v) + ".");
             }
             if (!this.checkTextureUndef(v.metallicRoughnessTexture)) {
-                console.error("Invalid material metallicRoughnessTexture " + v.metallicRoughnessTexture + ", " + this.stringify(v));
+                console.error("Invalid material metallicRoughnessTexture " + v.metallicRoughnessTexture + ", " + this.stringify(v) + ".");
             }
             if (!this.checkTexTransformUndef(v.metallicRoughnessTextureTransform)) {
-                console.error("Invalid material metallicRoughnessTextureTransform " + v.metallicRoughnessTextureTransform + ", " + this.stringify(v));
+                console.error("Invalid material metallicRoughnessTextureTransform " + v.metallicRoughnessTextureTransform + ", " + this.stringify(v) + ".");
             }
             if (!this.checkTexCoord(v.metallicRoughnessTextureCoordinate)) {
-                console.error("Invalid material metallicRoughnessTextureCoordinate " + v.metallicRoughnessTextureCoordinate + ", " + this.stringify(v));
+                console.error("Invalid material metallicRoughnessTextureCoordinate " + v.metallicRoughnessTextureCoordinate + ", " + this.stringify(v) + ".");
             }
             //
             if (!this.checkTextureUndef(v.normalTexture)) {
-                console.error("Invalid material normalTexture " + v.normalTexture + ", " + this.stringify(v));
+                console.error("Invalid material normalTexture " + v.normalTexture + ", " + this.stringify(v) + ".");
             }
             if (!this.checkNonnegativeUndef(v.normalTextureScale)) {
-                console.error("Invalid material normalTextureScale " + v.normalTextureScale + ", " + this.stringify(v));
+                console.error("Invalid material normalTextureScale " + v.normalTextureScale + ", " + this.stringify(v) + ".");
             }
             if (!this.checkTexTransformUndef(v.normalTextureTransform)) {
-                console.error("Invalid material normalTextureTransform " + v.normalTextureTransform + ", " + this.stringify(v));
+                console.error("Invalid material normalTextureTransform " + v.normalTextureTransform + ", " + this.stringify(v) + ".");
             }
             if (!this.checkTexCoord(v.normalTextureCoordinate)) {
-                console.error("Invalid material normalTextureCoordinate " + v.normalTextureCoordinate + ", " + this.stringify(v));
+                console.error("Invalid material normalTextureCoordinate " + v.normalTextureCoordinate + ", " + this.stringify(v) + ".");
             }
             //
             if (!this.checkTextureUndef(v.occlusionTexture)) {
-                console.error("Invalid material occlusionTexture " + v.occlusionTexture + ", " + this.stringify(v));
+                console.error("Invalid material occlusionTexture " + v.occlusionTexture + ", " + this.stringify(v) + ".");
             }
             if (!this.checkNumber01Undef(v.occlusionTextureStrength)) {
-                console.error("Invalid material occlusionTextureStrength " + v.occlusionTextureStrength + ", " + this.stringify(v));
+                console.error("Invalid material occlusionTextureStrength " + v.occlusionTextureStrength + ", " + this.stringify(v) + ".");
             }
             if (!this.checkTexTransformUndef(v.occlusionTextureTransform)) {
-                console.error("Invalid material occlusionTextureTransform " + v.occlusionTextureTransform + ", " + this.stringify(v));
+                console.error("Invalid material occlusionTextureTransform " + v.occlusionTextureTransform + ", " + this.stringify(v) + ".");
             }
             if (!this.checkTexCoord(v.occlusionTextureCoordinate)) {
-                console.error("Invalid material occlusionTextureCoordinate " + v.occlusionTextureCoordinate + ", " + this.stringify(v));
+                console.error("Invalid material occlusionTextureCoordinate " + v.occlusionTextureCoordinate + ", " + this.stringify(v) + ".");
             }
             //
             //
             if (!this.checkNonnegative4(v.emissiveFactor)) {
-                console.error("Invalid material emissiveFactor " + v.emissiveFactor + ", " + this.stringify(v));
+                console.error("Invalid material emissiveFactor " + v.emissiveFactor + ", " + this.stringify(v) + ".");
             }
             if (!this.checkNonnegative(v.emissiveIntensity)) {
-                console.error("Invalid material emissiveIntensity " + v.emissiveIntensity + ", " + this.stringify(v));
+                console.error("Invalid material emissiveIntensity " + v.emissiveIntensity + ", " + this.stringify(v) + ".");
             }
             if (!this.checkTextureUndef(v.emissiveTexture)) {
-                console.error("Invalid material emissiveTexture " + v.emissiveTexture + ", " + this.stringify(v));
+                console.error("Invalid material emissiveTexture " + v.emissiveTexture + ", " + this.stringify(v) + ".");
             }
             if (!this.checkTexTransformUndef(v.emissiveTextureTransform)) {
-                console.error("Invalid material emissiveTextureTransform " + v.emissiveTextureTransform + ", " + this.stringify(v));
+                console.error("Invalid material emissiveTextureTransform " + v.emissiveTextureTransform + ", " + this.stringify(v) + ".");
             }
             if (!this.checkTexCoord(v.emissiveTextureCoordinate)) {
-                console.error("Invalid material emissiveTextureCoordinate " + v.emissiveTextureCoordinate + ", " + this.stringify(v));
+                console.error("Invalid material emissiveTextureCoordinate " + v.emissiveTextureCoordinate + ", " + this.stringify(v) + ".");
             }
             //
             if (!this.checkBooleanUndef(v.depthMask)) {
-                console.error("Invalid material depthMask " + v.depthMask + ", " + this.stringify(v));
+                console.error("Invalid material depthMask " + v.depthMask + ", " + this.stringify(v) + ".");
             }
             if (!this.checkMatBlending(v.blending)) {
-                console.error("Invalid material blending " + v.blending + ", " + this.stringify(v));
+                console.error("Invalid material blending " + v.blending + ", " + this.stringify(v) + ".");
             }
             if (!this.checkMatSide(v.side)) {
-                console.error("Invalid material side " + v.side + ", " + this.stringify(v));
+                console.error("Invalid material side " + v.side + ", " + this.stringify(v) + ".");
             }
-            if (v.blending === effects.spec.MaterialBlending.masked) {
+            if (v.blending === EFFECTS.spec.MaterialBlending.masked) {
                 if (v.alphaCutOff === undefined) {
-                    console.error("Material alphaCutOff is required for mask, " + this.stringify(v));
+                    console.error("Material alphaCutOff is required for mask, " + this.stringify(v) + ".");
                 }
             }
             if (!this.checkNumber01Undef(v.alphaCutOff)) {
-                console.error("Invalid material alphaCutOff " + v.alphaCutOff + ", " + this.stringify(v));
+                console.error("Invalid material alphaCutOff " + v.alphaCutOff + ", " + this.stringify(v) + ".");
             }
         } else {
-            console.error("Invalid material type " + this.stringify(v));
+            console.error("Invalid material type " + this.stringify(v) + ".");
         }
     };
     /**
@@ -7457,7 +7486,7 @@ var AttributeArray = /*#__PURE__*/ function() {
    * @param v - Model 插件 Mesh 参数
    */ CheckerHelper.assertModelMeshOptions = function assertModelMeshOptions(v) {
         if (!this.checkParent(v.parent)) {
-            console.error("Invalid mesh parent " + v.parent + ", " + this.stringify(v));
+            console.error("Invalid mesh parent " + v.parent + ", " + this.stringify(v) + ".");
         }
         if (v.skin !== undefined) {
             this.assertModelSkinOptions(v.skin);
@@ -7466,7 +7495,7 @@ var AttributeArray = /*#__PURE__*/ function() {
         for(var i = 0; i < v.primitives.length; i++){
             var prim = v.primitives[i];
             if (!this.assertPrimOptions(prim)) {
-                console.error("Invalid primitive " + prim + ", " + this.stringify(v));
+                console.error("Invalid primitive " + prim + ", " + this.stringify(v) + ".");
             }
             var morph = new PMorph();
             morph.create(prim.geometry);
@@ -7476,11 +7505,11 @@ var AttributeArray = /*#__PURE__*/ function() {
             var morph0 = morphList[i1 - 1];
             var morph1 = morphList[i1];
             if (!morph0.equals(morph1)) {
-                console.error("Morph states mismatch: " + this.stringify(morph0) + ", " + this.stringify(morph1) + ", " + this.stringify(v));
+                console.error("Morph states mismatch: " + this.stringify(morph0) + ", " + this.stringify(morph1) + ", " + this.stringify(v) + ".");
             }
         }
         if (!this.checkBooleanUndef(v.hide)) {
-            console.error("Invalid mesh hide " + v.hide + ", " + this.stringify(v));
+            console.error("Invalid mesh hide " + v.hide + ", " + this.stringify(v) + ".");
         }
     };
     /**
@@ -7488,22 +7517,22 @@ var AttributeArray = /*#__PURE__*/ function() {
    * @param v - Model 插件相机参数
    */ CheckerHelper.assertModelCameraOptions = function assertModelCameraOptions(v) {
         if (!this.checkParent(v.parent)) {
-            console.error("Invalid camera parent " + v.parent + ", " + this.stringify(v));
+            console.error("Invalid camera parent " + v.parent + ", " + this.stringify(v) + ".");
         }
         if (!this.checkNumberUndef(v.aspect)) {
-            console.error("Invalid camera aspect " + v.aspect + ", " + this.stringify(v));
+            console.error("Invalid camera aspect " + v.aspect + ", " + this.stringify(v) + ".");
         }
         if (!this.checkPositive(v.near)) {
-            console.error("Invalid camera near " + v.near + ", " + this.stringify(v));
+            console.error("Invalid camera near " + v.near + ", " + this.stringify(v) + ".");
         }
         if (!this.checkPositive(v.far) || v.far <= v.near) {
-            console.error("Invalid camera far " + v.far + ", " + this.stringify(v));
+            console.error("Invalid camera far " + v.far + ", " + this.stringify(v) + ".");
         }
         if (!this.checkPositive(v.fov)) {
-            console.error("Invalid camera fov " + v.fov + ", " + this.stringify(v));
+            console.error("Invalid camera fov " + v.fov + ", " + this.stringify(v) + ".");
         }
         if (!this.checkNumber01(v.clipMode)) {
-            console.error("Invalid camera clipMode " + v.clipMode + ", " + this.stringify(v));
+            console.error("Invalid camera clipMode " + v.clipMode + ", " + this.stringify(v) + ".");
         }
     };
     /**
@@ -7512,58 +7541,58 @@ var AttributeArray = /*#__PURE__*/ function() {
    */ CheckerHelper.assertModelLightOptions = function assertModelLightOptions(v) {
         if (v.lightType === "directional") {
             if (!this.checkParent(v.parent)) {
-                console.error("Invalid light parent " + v.parent + ", " + this.stringify(v));
+                console.error("Invalid light parent " + v.parent + ", " + this.stringify(v) + ".");
             }
             if (!this.checkNonnegative4(v.color)) {
-                console.error("Invalid light color " + v.color + ", " + this.stringify(v));
+                console.error("Invalid light color " + v.color + ", " + this.stringify(v) + ".");
             }
             if (!this.checkNonnegative(v.intensity)) {
-                console.error("Invalid light intensity " + v.intensity + ", " + this.stringify(v));
+                console.error("Invalid light intensity " + v.intensity + ", " + this.stringify(v) + ".");
             }
         } else if (v.lightType === "point") {
             if (!this.checkParent(v.parent)) {
-                console.error("Invalid light parent " + v.parent + ", " + this.stringify(v));
+                console.error("Invalid light parent " + v.parent + ", " + this.stringify(v) + ".");
             }
             if (!this.checkNonnegative4(v.color)) {
-                console.error("Invalid light color " + v.color + ", " + this.stringify(v));
+                console.error("Invalid light color " + v.color + ", " + this.stringify(v) + ".");
             }
             if (!this.checkNonnegative(v.intensity)) {
-                console.error("Invalid light intensity " + v.intensity + ", " + this.stringify(v));
+                console.error("Invalid light intensity " + v.intensity + ", " + this.stringify(v) + ".");
             }
             if (!this.checkNonnegative(v.range)) {
-                console.error("Invalid light range " + v.range + ", " + this.stringify(v));
+                console.error("Invalid light range " + v.range + ", " + this.stringify(v) + ".");
             }
         } else if (v.lightType === "spot") {
             if (!this.checkParent(v.parent)) {
-                console.error("Invalid light parent " + v.parent + ", " + this.stringify(v));
+                console.error("Invalid light parent " + v.parent + ", " + this.stringify(v) + ".");
             }
             if (!this.checkNonnegative4(v.color)) {
-                console.error("Invalid light color " + v.color + ", " + this.stringify(v));
+                console.error("Invalid light color " + v.color + ", " + this.stringify(v) + ".");
             }
             if (!this.checkNonnegative(v.intensity)) {
-                console.error("Invalid light intensity " + v.intensity + ", " + this.stringify(v));
+                console.error("Invalid light intensity " + v.intensity + ", " + this.stringify(v) + ".");
             }
             if (!this.checkNonnegative(v.range)) {
-                console.error("Invalid light range " + v.range + ", " + this.stringify(v));
+                console.error("Invalid light range " + v.range + ", " + this.stringify(v) + ".");
             }
             if (!this.checkNonnegative(v.innerConeAngle)) {
-                console.error("Invalid light innerConeAngle " + v.innerConeAngle + ", " + this.stringify(v));
+                console.error("Invalid light innerConeAngle " + v.innerConeAngle + ", " + this.stringify(v) + ".");
             }
             if (!this.checkNonnegative(v.outerConeAngle)) {
-                console.error("Invalid light outerConeAngle " + v.outerConeAngle + ", " + this.stringify(v));
+                console.error("Invalid light outerConeAngle " + v.outerConeAngle + ", " + this.stringify(v) + ".");
             }
         } else if (v.lightType === "ambient") {
             if (!this.checkParent(v.parent)) {
-                console.error("Invalid light parent " + v.parent + ", " + this.stringify(v));
+                console.error("Invalid light parent " + v.parent + ", " + this.stringify(v) + ".");
             }
             if (!this.checkNonnegative4(v.color)) {
-                console.error("Invalid light color " + v.color + ", " + this.stringify(v));
+                console.error("Invalid light color " + v.color + ", " + this.stringify(v) + ".");
             }
             if (!this.checkNonnegative(v.intensity)) {
-                console.error("Invalid light intensity " + v.intensity + ", " + this.stringify(v));
+                console.error("Invalid light intensity " + v.intensity + ", " + this.stringify(v) + ".");
             }
         } else {
-            console.error("Invalid light type " + this.stringify(v));
+            console.error("Invalid light type " + this.stringify(v) + ".");
         }
     };
     /**
@@ -7572,43 +7601,43 @@ var AttributeArray = /*#__PURE__*/ function() {
    */ CheckerHelper.assertModelSkyboxOptions = function assertModelSkyboxOptions(v) {
         var _this = this;
         if (!this.checkBoolean(v.renderable)) {
-            console.error("Invalid skybox renderable " + v.renderable + ", " + this.stringify(v));
+            console.error("Invalid skybox renderable " + v.renderable + ", " + this.stringify(v) + ".");
         }
         if (!this.checkNonnegative(v.intensity)) {
-            console.error("Invalid skybox intensity " + v.intensity + ", " + this.stringify(v));
+            console.error("Invalid skybox intensity " + v.intensity + ", " + this.stringify(v) + ".");
         }
         if (!this.checkNonnegative(v.reflectionsIntensity)) {
-            console.error("Invalid skybox reflectionsIntensity " + v.reflectionsIntensity + ", " + this.stringify(v));
+            console.error("Invalid skybox reflectionsIntensity " + v.reflectionsIntensity + ", " + this.stringify(v) + ".");
         }
         //
         var c = v.irradianceCoeffs;
         if (c !== undefined) {
             if (!Array.isArray(c) || c.length != 9) {
-                console.error("Invalid skybox irradianceCoeffs " + c + ", " + this.stringify(v));
+                console.error("Invalid skybox irradianceCoeffs " + c + ", " + this.stringify(v) + ".");
             }
             c.forEach(function(v) {
                 if (!_this.checkVec3(v)) {
-                    console.error("Invalid skybox irradianceCoeffs " + c + ", " + _this.stringify(v));
+                    console.error("Invalid skybox irradianceCoeffs " + c + ", " + _this.stringify(v) + ".");
                 }
             });
         } else if (v.diffuseImage !== undefined) {
             if (!this.checkTexture(v.diffuseImage)) {
-                console.error("Invalid skybox diffuseImage " + v.diffuseImage + ", " + this.stringify(v));
+                console.error("Invalid skybox diffuseImage " + v.diffuseImage + ", " + this.stringify(v) + ".");
             }
         } else {
-            console.error("Invalid skybox, irradianceCoeffs or diffuseImage should give one, " + this.stringify(v));
+            console.error("Invalid skybox, irradianceCoeffs or diffuseImage should give one, " + this.stringify(v) + ".");
         }
         if (!this.checkTexture(v.specularImage)) {
-            console.error("Invalid skybox specularImage " + v.specularImage + ", " + this.stringify(v));
+            console.error("Invalid skybox specularImage " + v.specularImage + ", " + this.stringify(v) + ".");
         }
         if (!this.checkPositive(v.specularImageSize)) {
-            console.error("Invalid skybox specularImageSize " + v.specularImageSize + ", " + this.stringify(v));
+            console.error("Invalid skybox specularImageSize " + v.specularImageSize + ", " + this.stringify(v) + ".");
         }
         if (!this.checkPositive(v.specularMipCount)) {
-            console.error("Invalid skybox specularMipCount " + v.specularMipCount + ", " + this.stringify(v));
+            console.error("Invalid skybox specularMipCount " + v.specularMipCount + ", " + this.stringify(v) + ".");
         }
         if (this.pow2(v.specularMipCount) > v.specularImageSize) {
-            console.error("Invalid skybox specularMipCount or specularImageSize, " + this.stringify(v));
+            console.error("Invalid skybox specularMipCount or specularImageSize, " + this.stringify(v) + ".");
         }
     };
     /**
@@ -7644,14 +7673,14 @@ var AttributeArray = /*#__PURE__*/ function() {
    */ CheckerHelper.assertModelAnimOptions = function assertModelAnimOptions(v) {
         var _this = this;
         if (!this.checkStringUndef(v.name)) {
-            console.error("Invalid animation name " + v.name + ", " + this.stringify(v));
+            console.error("Invalid animation name " + v.name + ", " + this.stringify(v) + ".");
         }
         if (!Array.isArray(v.tracks)) {
-            console.error("Invalid animation tracks " + v.tracks + ", " + this.stringify(v));
+            console.error("Invalid animation tracks " + v.tracks + ", " + this.stringify(v) + ".");
         }
         v.tracks.forEach(function(t) {
             if (!_this.checkModelAnimTrackOptions(t)) {
-                console.error("Invalid animation track " + t + ", " + _this.stringify(v));
+                console.error("Invalid animation track " + t + ", " + _this.stringify(v) + ".");
             }
         });
     };
@@ -7661,18 +7690,18 @@ var AttributeArray = /*#__PURE__*/ function() {
    */ CheckerHelper.assertTreeOptions = function assertTreeOptions(v) {
         var _this = this;
         if (!this.checkNumberUndef(v.animation)) {
-            console.error("Invalid tree animation " + v.animation + ", " + this.stringify(v));
+            console.error("Invalid tree animation " + v.animation + ", " + this.stringify(v) + ".");
         }
         if (v.animations !== undefined) {
             if (!Array.isArray(v.animations)) {
-                console.error("Invalid tree animations " + v.animations + ", " + this.stringify(v));
+                console.error("Invalid tree animations " + v.animations + ", " + this.stringify(v) + ".");
             }
             v.animations.forEach(function(anim) {
                 _this.assertModelAnimOptions(anim);
             });
             if (v.animation !== undefined) {
                 if (v.animation < -1 || v.animation >= v.animations.length) {
-                    console.error("Invalid tree animations " + v.animations + ", " + this.stringify(v));
+                    console.error("Invalid tree animations " + v.animations + ", " + this.stringify(v) + ".");
                 }
             }
         }
@@ -7693,15 +7722,15 @@ var AttributeArray = /*#__PURE__*/ function() {
             if (typeof object[prop] == "function") {
                 continue;
             }
-            if (_instanceof1(object[prop], effects.Texture)) {
+            if (_instanceof1(object[prop], EFFECTS.Texture)) {
                 simpleObject[prop] = object[prop].name;
                 continue;
             }
-            if (_instanceof1(object[prop], effects.Geometry)) {
+            if (_instanceof1(object[prop], EFFECTS.Geometry)) {
                 simpleObject[prop] = object[prop].name;
                 continue;
             }
-            if (_instanceof1(object[prop], effects.Renderer)) {
+            if (_instanceof1(object[prop], EFFECTS.Renderer)) {
                 continue;
             }
             simpleObject[prop] = object[prop];
@@ -7784,18 +7813,6 @@ var toHalf = function() {
     };
 }();
 
-exports.RenderType = void 0;
-(function(RenderType) {
-    RenderType["Opaque"] = "Opaque";
-    RenderType["Mask"] = "Mask";
-    RenderType["Blend"] = "Blend";
-})(exports.RenderType || (exports.RenderType = {}));
-exports.CullMode = void 0;
-(function(CullMode) {
-    CullMode["Front"] = "Front";
-    CullMode["Back"] = "Back";
-    CullMode["Double"] = "Double";
-})(exports.CullMode || (exports.CullMode = {}));
 /**
  * 3D 材质基础类，支持公共的材质功能
  */ var PMaterialBase = /*#__PURE__*/ function(PObject) {
@@ -7820,13 +7837,16 @@ exports.CullMode = void 0;
    */ _this.ZTest = true;
         /**
    * 渲染类型，默认是不透明
-   */ _this.renderType = "Opaque";
+   */ _this.renderType = EFFECTS.spec.RenderType.Opaque;
+        /**
+   * 是否 Alpha 裁剪，默认关闭
+   */ _this.alphaClip = false;
         /**
    * Alpha 测试截断值
-   */ _this.alphaCutOff = 0.5;
+   */ _this.alphaCutoff = 0.5;
         /**
    * 面侧模式，默认是正面
-   */ _this.cullMode = "Front";
+   */ _this.renderFace = EFFECTS.spec.RenderFace.Front;
         return _this;
     }
     var _proto = PMaterialBase.prototype;
@@ -7835,28 +7855,28 @@ exports.CullMode = void 0;
    * @returns 特性列表
    */ _proto.getShaderFeatures = function getShaderFeatures() {
         var featureList = [];
-        if (this.isOpaque()) {
-            featureList.push("ALPHAMODE_OPAQUE 1");
-        } else if (this.isMasked()) {
+        if (this.isAlphaClip()) {
             featureList.push("ALPHAMODE_MASK 1");
+        } else if (this.isOpaque()) {
+            featureList.push("ALPHAMODE_OPAQUE 1");
         }
-        if (this.cullMode === "Double") {
+        if (this.renderFace === EFFECTS.spec.RenderFace.Both) {
             featureList.push("DOUBLE_SIDED 1");
         }
         return featureList;
     };
     _proto.getShaderMacros = function getShaderMacros() {
         var macroList = [];
-        if (this.isOpaque()) {
+        if (this.isAlphaClip()) {
             macroList.push({
-                name: "ALPHAMODE_OPAQUE"
+                name: "ALPHAMODE_MASK"
             });
-        } else if (this.isMasked()) {
+        } else if (this.isOpaque()) {
             macroList.push({
-                name: "ALPHAMODE_MASK"
+                name: "ALPHAMODE_OPAQUE"
             });
         }
-        if (this.cullMode === "Double") {
+        if (this.renderFace === EFFECTS.spec.RenderFace.Both) {
             macroList.push({
                 name: "DOUBLE_SIDED"
             });
@@ -7869,7 +7889,7 @@ exports.CullMode = void 0;
    */ _proto.updateUniforms = function updateUniforms(material) {
         // 渲染 UV 结果输出时，设置 uv 大小
         var renderMode = PGlobalState.getInstance().renderMode3D;
-        if (renderMode === effects.spec.RenderMode3D.uv) {
+        if (renderMode === EFFECTS.spec.RenderMode3D.uv) {
             var debugUVGridSize = PGlobalState.getInstance().renderMode3DUVGridSize;
             material.setFloat("_DebugUVGridSize", debugUVGridSize);
         }
@@ -7939,19 +7959,19 @@ exports.CullMode = void 0;
    * 设置材质状态，根据 GE 材质状态
    * @param material - GE 材质
    */ _proto.setMaterialStates = function setMaterialStates(material) {
-        if (this.renderType === "Blend") {
+        if (this.renderType === EFFECTS.spec.RenderType.Transparent) {
             material.blending = true;
             material.depthTest = this.ZTest;
             material.depthMask = this.ZWrite;
             material.blendEquation = [
-                effects.glContext.FUNC_ADD,
-                effects.glContext.FUNC_ADD
+                EFFECTS.glContext.FUNC_ADD,
+                EFFECTS.glContext.FUNC_ADD
             ];
             material.blendFunction = [
-                effects.glContext.ONE,
-                effects.glContext.ONE_MINUS_SRC_ALPHA,
-                effects.glContext.ONE,
-                effects.glContext.ONE_MINUS_SRC_ALPHA
+                EFFECTS.glContext.ONE,
+                EFFECTS.glContext.ONE_MINUS_SRC_ALPHA,
+                EFFECTS.glContext.ONE,
+                EFFECTS.glContext.ONE_MINUS_SRC_ALPHA
             ];
         } else {
             if (PGlobalState.getInstance().isTiny3dMode) {
@@ -7968,15 +7988,15 @@ exports.CullMode = void 0;
         this.setFaceSideStates(material);
     };
     _proto.setFaceSideStates = function setFaceSideStates(material) {
-        if (this.isDoubleSide()) {
+        if (this.isBothSide()) {
             material.culling = false;
         } else if (this.isBackSide()) {
-            material.cullFace = effects.glContext.FRONT;
-            material.frontFace = effects.glContext.CCW;
+            material.cullFace = EFFECTS.glContext.FRONT;
+            material.frontFace = EFFECTS.glContext.CCW;
             material.culling = true;
         } else {
-            material.cullFace = effects.glContext.BACK;
-            material.frontFace = effects.glContext.CCW;
+            material.cullFace = EFFECTS.glContext.BACK;
+            material.frontFace = EFFECTS.glContext.CCW;
             material.culling = true;
         }
     };
@@ -7996,37 +8016,37 @@ exports.CullMode = void 0;
    * 是否不透明
    * @returns
    */ _proto.isOpaque = function isOpaque() {
-        return this.renderType === "Opaque";
+        return this.renderType === EFFECTS.spec.RenderType.Opaque;
     };
     /**
-   * 是否遮罩
+   * 是否 Alpha 裁剪
    * @returns
-   */ _proto.isMasked = function isMasked() {
-        return this.renderType === "Mask";
+   */ _proto.isAlphaClip = function isAlphaClip() {
+        return this.alphaClip;
     };
     /**
    * 是否半透明
    * @returns
-   */ _proto.isBlend = function isBlend() {
-        return this.renderType === "Blend";
+   */ _proto.isTransparent = function isTransparent() {
+        return this.renderType === EFFECTS.spec.RenderType.Transparent;
     };
     /**
    * 是否正面模式
    * @returns
    */ _proto.isFrontSide = function isFrontSide() {
-        return this.cullMode === "Front";
+        return this.renderFace === EFFECTS.spec.RenderFace.Front;
     };
     /**
    * 是否背面模式
    * @returns
    */ _proto.isBackSide = function isBackSide() {
-        return this.cullMode === "Back";
+        return this.renderFace === EFFECTS.spec.RenderFace.Back;
     };
     /**
    * 是否双面模式
    * @returns
-   */ _proto.isDoubleSide = function isDoubleSide() {
-        return this.cullMode === "Double";
+   */ _proto.isBothSide = function isBothSide() {
+        return this.renderFace === EFFECTS.spec.RenderFace.Both;
     };
     return PMaterialBase;
 }(PObject);
@@ -8058,14 +8078,15 @@ exports.CullMode = void 0;
         var _material_getColor;
         this.baseColorFactor = (_material_getColor = material.getColor("_BaseColorFactor")) != null ? _material_getColor : new Color(1.0, 1.0, 1.0, 1.0);
         //
-        this.ZWrite = material.stringTags["ZWrite"] !== "false";
-        this.ZTest = material.stringTags["ZTest"] !== "false";
+        this.ZWrite = material.getFloat("ZWrite") !== 0;
+        this.ZTest = material.getFloat("ZTest") !== 0;
         var _material_stringTags_RenderType;
-        this.renderType = (_material_stringTags_RenderType = material.stringTags["RenderType"]) != null ? _material_stringTags_RenderType : "Opaque";
+        this.renderType = (_material_stringTags_RenderType = material.stringTags["RenderType"]) != null ? _material_stringTags_RenderType : EFFECTS.spec.RenderType.Opaque;
+        this.alphaClip = material.getFloat("AlphaClip") === 1;
         var _material_getFloat;
-        this.alphaCutOff = (_material_getFloat = material.getFloat("_AlphaCutoff")) != null ? _material_getFloat : 0;
-        var _material_stringTags_Cull;
-        this.cullMode = (_material_stringTags_Cull = material.stringTags["Cull"]) != null ? _material_stringTags_Cull : "Front";
+        this.alphaCutoff = (_material_getFloat = material.getFloat("_AlphaCutoff")) != null ? _material_getFloat : 0;
+        var _material_stringTags_RenderFace;
+        this.renderFace = (_material_stringTags_RenderFace = material.stringTags["RenderFace"]) != null ? _material_stringTags_RenderFace : EFFECTS.spec.RenderFace.Front;
     };
     /**
    * 销毁材质
@@ -8233,14 +8254,15 @@ exports.CullMode = void 0;
         var _material_getFloat4;
         this.emissiveIntensity = (_material_getFloat4 = material.getFloat("_EmissiveIntensity")) != null ? _material_getFloat4 : 1;
         //
-        this.ZWrite = material.stringTags["ZWrite"] !== "false";
-        this.ZTest = material.stringTags["ZTest"] !== "false";
+        this.ZWrite = material.getFloat("ZWrite") !== 0;
+        this.ZTest = material.getFloat("ZTest") !== 0;
         var _material_stringTags_RenderType;
-        this.renderType = (_material_stringTags_RenderType = material.stringTags["RenderType"]) != null ? _material_stringTags_RenderType : "Opaque";
+        this.renderType = (_material_stringTags_RenderType = material.stringTags["RenderType"]) != null ? _material_stringTags_RenderType : EFFECTS.spec.RenderType.Opaque;
+        this.alphaClip = material.getFloat("AlphaClip") === 1;
         var _material_getFloat5;
-        this.alphaCutOff = (_material_getFloat5 = material.getFloat("_AlphaCutoff")) != null ? _material_getFloat5 : 0;
-        var _material_stringTags_Cull;
-        this.cullMode = (_material_stringTags_Cull = material.stringTags["Cull"]) != null ? _material_stringTags_Cull : "Front";
+        this.alphaCutoff = (_material_getFloat5 = material.getFloat("_AlphaCutoff")) != null ? _material_getFloat5 : 0;
+        var _material_stringTags_RenderFace;
+        this.renderFace = (_material_stringTags_RenderFace = material.stringTags["RenderFace"]) != null ? _material_stringTags_RenderFace : EFFECTS.spec.RenderFace.Front;
     };
     /**
    * 销毁材质
@@ -8687,7 +8709,7 @@ exports.CullMode = void 0;
                 if (this.irradianceCoeffs === undefined && this.diffuseImage === undefined) {
                     return false;
                 }
-                return this.specularImage !== undefined && this.specularMipCount > 0;
+                return this.specularImage !== undefined && this.specularMipCount >= 0;
             }
         },
         {
@@ -8797,7 +8819,7 @@ exports.CullMode = void 0;
         } else {
             var coeffs = this.irradianceCoeffs;
             if (coeffs === undefined || coeffs.length != 9) {
-                throw new Error("Invalid skybox irradiance coeffs " + coeffs);
+                throw new Error("Invalid skybox irradiance coeffs " + coeffs + ".");
             }
             var aliasName = [
                 "l00",
@@ -8814,7 +8836,7 @@ exports.CullMode = void 0;
                 material.setVector3("_shCoefficients." + n, Vector3.fromArray(coeffs[i]));
             });
         }
-        material.setInt("_MipCount", this.specularMipCount);
+        material.setInt("_MipCount", this.specularMipCount - 1);
         material.setTexture("_SpecularEnvSampler", this.specularImage);
     };
     /**
@@ -8853,18 +8875,18 @@ exports.PSkyboxType = void 0;
                         ];
                         return [
                             4,
-                            effects.loadImage(imageList[i])
+                            EFFECTS.loadImage(imageList[i])
                         ];
                     case 2:
                         image = _state.sent();
                         if (i > 0) {
                             if (i % 6 === 0) {
                                 if (image.width * 2 !== lastImage.width || image.height * 2 !== lastImage.height) {
-                                    throw new Error("Invalid cube map list1: index " + i + ", image0 " + lastImage + ", image1 " + image);
+                                    throw new Error("Invalid cube map list1: index " + i + ", image0 " + lastImage + ", image1 " + image + ".");
                                 }
                             } else {
                                 if (image.width !== lastImage.width || image.height !== lastImage.height) {
-                                    throw new Error("Invalid cube map list2: index " + i + ", image0 " + lastImage + ", image1 " + image);
+                                    throw new Error("Invalid cube map list2: index " + i + ", image0 " + lastImage + ", image1 " + image + ".");
                                 }
                             }
                         }
@@ -8901,18 +8923,18 @@ exports.PSkyboxType = void 0;
                         brdfURL = "https://gw.alipayobjects.com/zos/gltf-asset/61420044606400/lut-ggx.png";
                         return [
                             4,
-                            effects.loadImage(brdfURL)
+                            EFFECTS.loadImage(brdfURL)
                         ];
                     case 1:
                         brdfLutImage = _state.sent();
                         brdfLutOpts = {
                             name: "brdfLut",
-                            wrapS: effects.glContext.CLAMP_TO_EDGE,
-                            wrapT: effects.glContext.CLAMP_TO_EDGE,
-                            magFilter: effects.glContext.LINEAR,
-                            minFilter: effects.glContext.LINEAR,
+                            wrapS: EFFECTS.glContext.CLAMP_TO_EDGE,
+                            wrapT: EFFECTS.glContext.CLAMP_TO_EDGE,
+                            magFilter: EFFECTS.glContext.LINEAR,
+                            minFilter: EFFECTS.glContext.LINEAR,
                             anisotropic: 1,
-                            sourceType: effects.TextureSourceType.image,
+                            sourceType: EFFECTS.TextureSourceType.image,
                             image: brdfLutImage,
                             generateMipmap: false,
                             flipY: false,
@@ -8943,7 +8965,7 @@ exports.PSkyboxType = void 0;
                         ];
                     case 1:
                         brdfLutOpts = _state.sent();
-                        brdfLutTexture = effects.Texture.create(engine, brdfLutOpts);
+                        brdfLutTexture = EFFECTS.Texture.create(engine, brdfLutOpts);
                         return [
                             2,
                             brdfLutTexture
@@ -9023,10 +9045,10 @@ exports.PSkyboxType = void 0;
             id: specularCubeData.textureOptions.id
         };
         var componentData = {
-            id: effects.generateGUID(),
-            dataType: effects.spec.DataType.SkyboxComponent,
+            id: EFFECTS.generateGUID(),
+            dataType: EFFECTS.spec.DataType.SkyboxComponent,
             item: {
-                id: effects.generateGUID()
+                id: EFFECTS.generateGUID()
             },
             renderable: renderable,
             intensity: intensity,
@@ -9079,7 +9101,7 @@ exports.PSkyboxType = void 0;
         params.specularImage.forEach(function(cubemap) {
             var mipmap = [];
             cubemap.forEach(function(image) {
-                var imageId = effects.generateGUID();
+                var imageId = EFFECTS.generateGUID();
                 imageDatas.push({
                     id: imageId,
                     // @ts-expect-error
@@ -9092,10 +9114,10 @@ exports.PSkyboxType = void 0;
             mipmaps.push(mipmap);
         });
         var textureOptions = _extends({
-            id: effects.generateGUID(),
-            dataType: effects.spec.DataType.Texture,
-            sourceType: effects.TextureSourceType.mipmaps,
-            target: effects.glContext.TEXTURE_CUBE_MAP,
+            id: EFFECTS.generateGUID(),
+            dataType: EFFECTS.spec.DataType.Texture,
+            sourceType: EFFECTS.TextureSourceType.mipmaps,
+            target: EFFECTS.glContext.TEXTURE_CUBE_MAP,
             // @ts-expect-error
             mipmaps: mipmaps
         }, WebGLHelper.cubemapMipTexConfig);
@@ -9139,7 +9161,7 @@ exports.PSkyboxType = void 0;
         var imageDatas = [];
         var cubemap = [];
         params.diffuseImage.forEach(function(image) {
-            var imageId = effects.generateGUID();
+            var imageId = EFFECTS.generateGUID();
             imageDatas.push({
                 id: imageId,
                 // @ts-expect-error
@@ -9150,10 +9172,10 @@ exports.PSkyboxType = void 0;
             });
         });
         var textureOptions = _extends({
-            id: effects.generateGUID(),
-            dataType: effects.spec.DataType.Texture,
-            sourceType: effects.TextureSourceType.mipmaps,
-            target: effects.glContext.TEXTURE_CUBE_MAP,
+            id: EFFECTS.generateGUID(),
+            dataType: EFFECTS.spec.DataType.Texture,
+            sourceType: EFFECTS.TextureSourceType.mipmaps,
+            target: EFFECTS.glContext.TEXTURE_CUBE_MAP,
             // @ts-expect-error
             mipmaps: [
                 cubemap
@@ -9180,7 +9202,7 @@ exports.PSkyboxType = void 0;
             diffuseImage: this.getDiffuseImageList(skyboxType, specularImage),
             specularImage: specularImage,
             specularImageSize: Math.pow(2, specularImage.length - 1),
-            specularMipCount: specularImage.length - 1
+            specularMipCount: specularImage.length
         };
         return params;
     };
@@ -9398,11 +9420,11 @@ exports.PSkyboxType = void 0;
         this.loadSkybox = loadSkybox;
         if (this.brdfLutTexture === undefined || this.brdfLutTexture.isDestroyed) {
             if (CompositionCache.brdfLutTexOptions === undefined) {
-                throw new Error("Please load brdfLutTexOptions at first");
+                throw new Error("Please load brdfLutTexOptions at first.");
             }
             //
             var brdfLutTextureName = "brdfLutTexture";
-            this.brdfLutTexture = effects.Texture.create(this.engine, CompositionCache.brdfLutTexOptions);
+            this.brdfLutTexture = EFFECTS.Texture.create(this.engine, CompositionCache.brdfLutTexOptions);
             this.deleteTexture(brdfLutTextureName);
             this.setTexture(brdfLutTextureName, this.brdfLutTexture);
         }
@@ -9431,7 +9453,7 @@ exports.PSkyboxType = void 0;
         if (tex !== undefined) {
             return tex;
         }
-        var newTex = effects.Texture.create(this.engine, options);
+        var newTex = EFFECTS.Texture.create(this.engine, options);
         this.textureCache.set(name, newTex);
         return newTex;
     };
@@ -9646,9 +9668,9 @@ exports.PSkyboxType = void 0;
             id: "ModelPluginItem",
             name: "ModelPluginItem",
             duration: 9999999,
-            endBehavior: effects.spec.END_BEHAVIOR_FORWARD
+            endBehavior: EFFECTS.spec.END_BEHAVIOR_FORWARD
         };
-        var item = new effects.VFXItem(composition.getEngine(), props);
+        var item = new EFFECTS.VFXItem(composition.getEngine(), props);
         composition.addItem(item);
         //
         var comp = item.addComponent(exports.ModelPluginComponent);
@@ -9718,33 +9740,33 @@ exports.PSkyboxType = void 0;
         var pbrShaderData = {
             id: PBRShaderGUID,
             name: "PBR Shader",
-            dataType: effects.spec.DataType.Shader,
+            dataType: EFFECTS.spec.DataType.Shader,
             fragment: pbrShaderCode.fragmentShaderCode,
             vertex: pbrShaderCode.vertexShaderCode,
             // @ts-expect-error
-            glslVersion: isWebGL2 ? effects.GLSLVersion.GLSL3 : effects.GLSLVersion.GLSL1
+            glslVersion: isWebGL2 ? EFFECTS.GLSLVersion.GLSL3 : EFFECTS.GLSLVersion.GLSL1
         };
         var unlitShaderData = {
             id: UnlitShaderGUID,
             name: "Unlit Shader",
-            dataType: effects.spec.DataType.Shader,
+            dataType: EFFECTS.spec.DataType.Shader,
             fragment: unlitShaderCode.fragmentShaderCode,
             vertex: unlitShaderCode.vertexShaderCode,
             // @ts-expect-error
-            glslVersion: isWebGL2 ? effects.GLSLVersion.GLSL3 : effects.GLSLVersion.GLSL1
+            glslVersion: isWebGL2 ? EFFECTS.GLSLVersion.GLSL3 : EFFECTS.GLSLVersion.GLSL1
         };
         renderer.engine.addEffectsObjectData(pbrShaderData);
         renderer.engine.addEffectsObjectData(unlitShaderData);
         return Promise.resolve();
     };
     return ModelPlugin;
-}(effects.AbstractPlugin);
+}(EFFECTS.AbstractPlugin);
 exports.ModelPluginComponent = /*#__PURE__*/ function(ItemBehaviour) {
     _inherits(ModelPluginComponent, ItemBehaviour);
     function ModelPluginComponent(engine, options) {
         var _this;
         _this = ItemBehaviour.call(this, engine) || this;
-        _this.runtimeEnv = effects.PLAYER_OPTIONS_ENV_EDITOR;
+        _this.runtimeEnv = EFFECTS.PLAYER_OPTIONS_ENV_EDITOR;
         _this.compatibleMode = "gltf";
         _this.renderSkybox = true;
         _this.visBoundingBox = false;
@@ -9756,7 +9778,7 @@ exports.ModelPluginComponent = /*#__PURE__*/ function(ItemBehaviour) {
         /**
    * 3D 渲染模式，支持可视化渲染中间结果
    * none 表示正常的渲染结果
-   */ _this.renderMode3D = effects.spec.RenderMode3D.none;
+   */ _this.renderMode3D = EFFECTS.spec.RenderMode3D.none;
         /**
    * UV 渲染模式中，指定棋盘格的大小，相对于大小为 1 的纹理
    * 取值范围(0, 1)
@@ -9807,8 +9829,8 @@ exports.ModelPluginComponent = /*#__PURE__*/ function(ItemBehaviour) {
                         var newPosition = invWorldMatrix.transformPoint(position);
                         component.setTransform(newPosition);
                         // 正式版本不会走到这个流程，只在测试时使用
-                        console.info("Scene AABB [" + sceneAABB.min.toArray() + "], [" + sceneAABB.max.toArray() + "]");
-                        console.info("Update camera position [" + newPosition.toArray() + "]");
+                        console.info("Scene AABB [" + sceneAABB.min.toArray() + "], [" + sceneAABB.max.toArray() + "].");
+                        console.info("Update camera position [" + newPosition.toArray() + "].");
                     }
                 }
             });
@@ -9892,9 +9914,9 @@ exports.ModelPluginComponent = /*#__PURE__*/ function(ItemBehaviour) {
         return lightItemCount;
     };
     return ModelPluginComponent;
-}(effects.ItemBehaviour);
+}(EFFECTS.ItemBehaviour);
 exports.ModelPluginComponent = __decorate([
-    effects.effectsClass(effects.spec.DataType.ModelPluginComponent)
+    EFFECTS.effectsClass(EFFECTS.spec.DataType.ModelPluginComponent)
 ], exports.ModelPluginComponent);
 /**
  * 获取场景管理器，从合成中查找
@@ -9985,7 +10007,7 @@ exports.ModelPluginComponent = __decorate([
         var nodes = options.nodes.map(function(node, i) {
             return {
                 name: node.name || node.id || i + "",
-                transform: new effects.Transform(_extends({}, node.transform, {
+                transform: new EFFECTS.Transform(_extends({}, node.transform, {
                     valid: true
                 }), topTransform),
                 id: "^" + (node.id || i),
@@ -10041,7 +10063,7 @@ exports.ModelTreeComponent = /*#__PURE__*/ function(ItemBehaviour) {
     /**
    * 组件开始，查询合成中场景管理器并设置到动画管理器中
    */ _proto.start = function start() {
-        this.item.type = effects.spec.ItemType.tree;
+        this.item.type = EFFECTS.spec.ItemType.tree;
         this.content.baseTransform.setValid(true);
         var sceneManager = getSceneManager(this);
         if (sceneManager) {
@@ -10088,9 +10110,9 @@ exports.ModelTreeComponent = /*#__PURE__*/ function(ItemBehaviour) {
         }
     };
     return ModelTreeComponent;
-}(effects.ItemBehaviour);
+}(EFFECTS.ItemBehaviour);
 exports.ModelTreeComponent = __decorate([
-    effects.effectsClass(effects.spec.DataType.TreeComponent)
+    EFFECTS.effectsClass(EFFECTS.spec.DataType.TreeComponent)
 ], exports.ModelTreeComponent);
 
 /**
@@ -10109,7 +10131,7 @@ exports.ModelTreeComponent = __decorate([
         return _this;
     }
     return ModelTreePlugin;
-}(effects.AbstractPlugin);
+}(EFFECTS.AbstractPlugin);
 
 exports.CameraGestureType = void 0;
 (function(CameraGestureType) {
@@ -10158,11 +10180,11 @@ var CameraGestureHandlerImp = /*#__PURE__*/ function() {
         // can't find camera item, throw error message
         var item = this.getItem();
         if (item === undefined) {
-            console.warn("can't find camera item " + this.startParams.target);
+            console.warn("[CameraGestureHandlerImp] Unable to locate camera item with ID: " + this.startParams.target + ".");
             return this.composition.camera.getOptions();
         }
         var camera = this.composition.camera;
-        var effectsTransfrom = new effects.Transform(_extends({}, camera.getOptions(), {
+        var effectsTransfrom = new EFFECTS.Transform(_extends({}, camera.getOptions(), {
             valid: true
         }));
         var cameraTransform = new PTransform().fromEffectsTransform(effectsTransfrom);
@@ -10329,7 +10351,7 @@ var CameraGestureHandlerImp = /*#__PURE__*/ function() {
         this.startParams.type = exports.CameraGestureType.none;
         var item = this.getItem();
         if (item === undefined) {
-            console.warn("can't find camera item");
+            console.warn("[CameraGestureHandlerImp] Can't find camera item.");
             return;
         }
         this.setPosition(item, position);
@@ -10339,7 +10361,7 @@ var CameraGestureHandlerImp = /*#__PURE__*/ function() {
         this.startParams.type = exports.CameraGestureType.none;
         var item = this.getItem();
         if (item === undefined) {
-            console.warn("can't find camera item");
+            console.warn("[CameraGestureHandlerImp] Can't find camera item.");
             return;
         }
         this.setQuaternion(item, quat);
@@ -10349,7 +10371,7 @@ var CameraGestureHandlerImp = /*#__PURE__*/ function() {
         this.startParams.type = exports.CameraGestureType.none;
         var item = this.getItem();
         if (item === undefined) {
-            console.warn("can't find camera item");
+            console.warn("[CameraGestureHandlerImp] Can't find camera item.");
             return;
         }
         var newDistance = distance != null ? distance : 5;
@@ -10398,7 +10420,7 @@ var CameraGestureHandlerImp = /*#__PURE__*/ function() {
     };
     _proto.getCameraTransform = function getCameraTransform() {
         var camera = this.composition.camera;
-        var transform = new effects.Transform(camera.getOptions());
+        var transform = new EFFECTS.Transform(camera.getOptions());
         transform.setValid(true);
         return transform;
     };
@@ -10406,7 +10428,7 @@ var CameraGestureHandlerImp = /*#__PURE__*/ function() {
         this.startParams = args;
         this.updateCameraTransform(this.composition.camera.getOptions());
         if (!this.getItem()) {
-            console.warn("invalid target");
+            console.warn("[CameraGestureHandlerImp] Invalid target specified in startGesture.");
         }
         return this.composition.camera.getOptions();
     };
@@ -10414,7 +10436,7 @@ var CameraGestureHandlerImp = /*#__PURE__*/ function() {
         if (this.getCurrentType() === arg.type) {
             var item = this.getItem();
             if (item === undefined) {
-                console.warn("can't find camera item");
+                console.warn("[CameraGestureHandlerImp] Can't find camera item.");
                 return this.composition.camera.getOptions();
             }
             var _arg_speed;
@@ -10468,10 +10490,10 @@ var CameraGestureHandlerImp = /*#__PURE__*/ function() {
                 item.transform.setQuaternion(newRotation1.x, newRotation1.y, newRotation1.z, newRotation1.w);
                 this.setTransform(item, newPosition, item.transform.rotation);
             } else {
-                console.warn("not implement");
+                console.warn("[CameraGestureHandlerImp] Movement type not implemented.");
             }
         } else {
-            console.warn("invalid move type");
+            console.warn("[CameraGestureHandlerImp] Invalid move type specified: " + arg.type);
         }
         return this.composition.camera.getOptions();
     };
@@ -10503,7 +10525,7 @@ var CameraGestureHandlerImp = /*#__PURE__*/ function() {
         this.startParams.target = "";
     };
     _proto.updateCameraTransform = function updateCameraTransform(cameraOptions) {
-        var effectsTransfrom = new effects.Transform(cameraOptions);
+        var effectsTransfrom = new EFFECTS.Transform(cameraOptions);
         effectsTransfrom.setValid(true);
         this.cameraTransform.fromEffectsTransform(effectsTransfrom);
         this.cameraCoordiante.fromPTransform(this.cameraTransform);
@@ -10523,7 +10545,7 @@ var LoaderHelper = /*#__PURE__*/ function() {
         };
     };
     LoaderHelper.getEffectsTransformFromMat4 = function getEffectsTransformFromMat4(mat) {
-        var transform = new effects.Transform({
+        var transform = new EFFECTS.Transform({
             valid: true
         });
         transform.cloneFromMatrix(mat);
@@ -10740,7 +10762,7 @@ var LoaderImpl = /*#__PURE__*/ function() {
         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);
+                    throw new Error("Undefined nodeIndex for child " + child + ".");
                 }
                 return child.nodeIndex;
             });
@@ -10749,7 +10771,7 @@ var LoaderImpl = /*#__PURE__*/ function() {
             var scale;
             if (node.matrix !== undefined) {
                 if (node.matrix.length !== 16) {
-                    throw new Error("Invalid matrix length " + node.matrix.length + " for node " + node);
+                    throw new Error("Invalid matrix length " + node.matrix.length + " for node " + node + ".");
                 }
                 var mat = Matrix4.fromArray(node.matrix);
                 var transform = mat.getTransform();
@@ -10782,7 +10804,7 @@ var LoaderImpl = /*#__PURE__*/ function() {
         });
         var rootNodes = scene.rootNodes.map(function(root) {
             if (root.nodeIndex === undefined) {
-                throw new Error("Undefined nodeIndex for root " + root);
+                throw new Error("Undefined nodeIndex for root " + root + ".");
             }
             return root.nodeIndex;
         });
@@ -10827,18 +10849,18 @@ var LoaderImpl = /*#__PURE__*/ function() {
     _proto.createTextureCube = function createTextureCube(cubeImages, level0Size) {
         var _this = this;
         if (cubeImages.length == 0) {
-            throw new Error("createTextureCube: Invalid cubeImages length " + cubeImages);
+            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);
+                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);
+                    throw new Error("createTextureCube: Invalid image data from " + img + ".");
                 }
                 //
                 imgList.push({
@@ -10889,9 +10911,9 @@ var LoaderImpl = /*#__PURE__*/ function() {
             }
             return newImages;
         });
-        var specularMipCount = specularImages.length - 1;
+        var specularMipCount = specularImages.length;
         var _ibl_specularImageSize;
-        var specularImageSize = (_ibl_specularImageSize = ibl.specularImageSize) != null ? _ibl_specularImageSize : Math.pow(2, specularMipCount);
+        var specularImageSize = (_ibl_specularImageSize = ibl.specularImageSize) != null ? _ibl_specularImageSize : Math.pow(2, specularMipCount - 1);
         var params = {
             type: "buffer",
             renderable: this.isSkyboxVis(),
@@ -10906,7 +10928,7 @@ var LoaderImpl = /*#__PURE__*/ function() {
     };
     _proto.createDefaultSkybox = function createDefaultSkybox(typeName) {
         if (typeName !== "NFT" && typeName !== "FARM") {
-            throw new Error("Invalid skybox type name " + typeName);
+            throw new Error("Invalid skybox type specified: '" + typeName + "'. Valid types are: 'NFT', 'FARM'.");
         }
         //
         var typ = typeName === "NFT" ? exports.PSkyboxType.NFT : exports.PSkyboxType.FARM;
@@ -10937,7 +10959,7 @@ var LoaderImpl = /*#__PURE__*/ function() {
                         };
                         gltfResource = options.gltf.resource;
                         if (typeof gltfResource === "string" || _instanceof1(gltfResource, Uint8Array)) {
-                            throw new Error("Please load resource by GLTFTools at first");
+                            throw new Error("Please load the resource using GLTFTools first.");
                         }
                         _this._gltfScene = gltfResource.scenes[0];
                         _this._gltfSkins = _this._gltfScene.skins;
@@ -10985,7 +11007,7 @@ var LoaderImpl = /*#__PURE__*/ function() {
                         });
                         sceneAABB = new Box3();
                         _this._gltfScene.rootNodes.forEach(function(root) {
-                            var parentTransform = new effects.Transform({
+                            var parentTransform = new EFFECTS.Transform({
                                 valid: true
                             });
                             _this._computeSceneAABB(root, parentTransform, sceneAABB);
@@ -11148,7 +11170,7 @@ var LoaderImpl = /*#__PURE__*/ function() {
         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);
+            console.warn("Can't find texture for mat " + matIndex + ", tex " + JSON.stringify(texInfo) + ", basecolor " + isBaseColor + ".");
         }
         return tex;
     };
@@ -11167,7 +11189,7 @@ var LoaderImpl = /*#__PURE__*/ function() {
             name: scene.name,
             duration: this.getItemDuration(),
             endBehavior: this.getItemEndBehavior(),
-            type: effects.spec.ItemType.tree,
+            type: EFFECTS.spec.ItemType.tree,
             content: {
                 options: {
                     tree: treeOptions
@@ -11180,7 +11202,7 @@ var LoaderImpl = /*#__PURE__*/ function() {
         var _this = this;
         var meshIndex = node.mesh;
         if (meshIndex === undefined) {
-            throw new Error("Invalid mesh index in node " + node);
+            throw new Error("Invalid mesh index in node " + node + ".");
         }
         var skin;
         if (node.skin !== undefined) {
@@ -11199,7 +11221,7 @@ var LoaderImpl = /*#__PURE__*/ function() {
             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) {
+            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);
@@ -11221,8 +11243,8 @@ var LoaderImpl = /*#__PURE__*/ function() {
         var boxSize = aabb.getSize(new Vector3());
         var boxCenter = aabb.getCenter(new Vector3());
         var interaction = {
-            behavior: effects.spec.InteractBehavior.NOTIFY,
-            type: effects.spec.ModelBoundingType.box,
+            behavior: EFFECTS.spec.InteractBehavior.NOTIFY,
+            type: EFFECTS.spec.ModelBoundingType.box,
             size: [
                 boxSize.x,
                 boxSize.y,
@@ -11241,7 +11263,7 @@ var LoaderImpl = /*#__PURE__*/ function() {
             name: mesh.name,
             duration: this.getItemDuration(),
             endBehavior: this.getItemEndBehavior(),
-            type: effects.spec.ItemType.mesh,
+            type: EFFECTS.spec.ItemType.mesh,
             pluginName: "model",
             content: {
                 options: meshOptions,
@@ -11264,7 +11286,7 @@ var LoaderImpl = /*#__PURE__*/ function() {
             name: (_light_name = light.name) != null ? _light_name : "light",
             duration: this.getItemDuration(),
             endBehavior: this.getItemEndBehavior(),
-            type: effects.spec.ItemType.light,
+            type: EFFECTS.spec.ItemType.light,
             pluginName: "model",
             content: {
                 options: lightOptions
@@ -11306,7 +11328,7 @@ var LoaderImpl = /*#__PURE__*/ function() {
             name: "skybox",
             duration: this.getItemDuration(),
             endBehavior: this.getItemEndBehavior(),
-            type: effects.spec.ItemType.skybox,
+            type: EFFECTS.spec.ItemType.skybox,
             pluginName: "model",
             content: {
                 options: this._skyboxOptions
@@ -11333,7 +11355,7 @@ var LoaderImpl = /*#__PURE__*/ function() {
                 transformData.scale = node.scale;
             }
         }
-        var nodeTransform = new effects.Transform(transformData, parentTransform);
+        var nodeTransform = new EFFECTS.Transform(transformData, parentTransform);
         nodeTransform.setValid(true);
         //
         if (node.mesh !== undefined) {
@@ -11424,7 +11446,7 @@ var LoaderImpl = /*#__PURE__*/ function() {
     };
     _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;
+        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;
@@ -11467,11 +11489,11 @@ var TextureManager = /*#__PURE__*/ function() {
         this._textureMap.clear();
     };
     _proto.addTexture = function addTexture(matIndex, texIndex, tex, isBaseColor) {
-        var index = isBaseColor ? matIndex * 100000 + texIndex : texIndex;
+        var index = isBaseColor ? (matIndex + 1) * 100000 + texIndex : texIndex;
         this._textureMap.set(index, tex);
     };
     _proto.getTexture = function getTexture(matIndex, texIndex, isBaseColor) {
-        var index = isBaseColor ? matIndex * 100000 + texIndex : texIndex;
+        var index = isBaseColor ? (matIndex + 1) * 100000 + texIndex : texIndex;
         return this._textureMap.get(index);
     };
     return TextureManager;
@@ -11516,7 +11538,7 @@ var GeometryProxy = /*#__PURE__*/ function() {
                     var attrib = this.positionAttrib;
                     attributes["aPos"] = this._getBufferAttrib(attrib);
                 } else {
-                    throw new Error("Position attribute missing");
+                    throw new Error("Position attribute missing.");
                 }
                 if (this.hasNormal) {
                     var attrib1 = this.normalAttrib;
@@ -11563,21 +11585,21 @@ var GeometryProxy = /*#__PURE__*/ function() {
                 }
                 var indexArray = this.indexArray;
                 if (indexArray !== undefined) {
-                    return effects.Geometry.create(this.engine, {
+                    return EFFECTS.Geometry.create(this.engine, {
                         attributes: attributes,
                         indices: {
                             data: indexArray
                         },
                         drawStart: 0,
                         drawCount: indexArray.length,
-                        mode: effects.glContext.TRIANGLES
+                        mode: EFFECTS.glContext.TRIANGLES
                     });
                 } else {
-                    return effects.Geometry.create(this.engine, {
+                    return EFFECTS.Geometry.create(this.engine, {
                         attributes: attributes,
                         drawStart: 0,
                         drawCount: this.positionAttrib.array.length / 3,
-                        mode: effects.glContext.TRIANGLES
+                        mode: EFFECTS.glContext.TRIANGLES
                     });
                 }
             }
@@ -11747,19 +11769,19 @@ var MaterialProxy = /*#__PURE__*/ function() {
             get: function get() {
                 var mat = this.gltfMaterial;
                 var isUnlit = GLTFHelper.isUnlitMaterial(mat);
-                var blending = effects.spec.MaterialBlending.opaque;
+                var blending = EFFECTS.spec.MaterialBlending.opaque;
                 switch(mat.alphaMode){
                     case "OPAQUE":
-                        blending = effects.spec.MaterialBlending.opaque;
+                        blending = EFFECTS.spec.MaterialBlending.opaque;
                         break;
                     case "MASK":
-                        blending = effects.spec.MaterialBlending.masked;
+                        blending = EFFECTS.spec.MaterialBlending.masked;
                         break;
                     case "BLEND":
-                        blending = effects.spec.MaterialBlending.translucent;
+                        blending = EFFECTS.spec.MaterialBlending.translucent;
                         break;
                 }
-                var side = mat.doubleSided ? effects.spec.SideMode.DOUBLE : effects.spec.SideMode.FRONT;
+                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;
@@ -11768,7 +11790,7 @@ var MaterialProxy = /*#__PURE__*/ function() {
                     var _mat_extras;
                     return {
                         name: name,
-                        type: effects.spec.MaterialType.unlit,
+                        type: EFFECTS.spec.MaterialType.unlit,
                         baseColorTexture: this.baseColorTextureObj,
                         baseColorTextureCoordinate: this.baseColorTextureCoord,
                         baseColorTextureTransform: this.baseColorTextureTransfrom,
@@ -11783,7 +11805,7 @@ var MaterialProxy = /*#__PURE__*/ function() {
                     var _mat_extras1;
                     return {
                         name: name,
-                        type: effects.spec.MaterialType.pbr,
+                        type: EFFECTS.spec.MaterialType.pbr,
                         baseColorTexture: this.baseColorTextureObj,
                         baseColorTextureCoordinate: this.baseColorTextureCoord,
                         baseColorTextureTransform: this.baseColorTextureTransfrom,
@@ -12013,7 +12035,7 @@ var JSONConverter = /*#__PURE__*/ function() {
         this.treeInfo = new TreeInfo();
         this.engine = player.renderer.engine;
         this.renderer = player.renderer;
-        this.downloader = new effects.Downloader();
+        this.downloader = new EFFECTS.Downloader();
     }
     var _proto = JSONConverter.prototype;
     _proto.processScene = function processScene(sceneData) {
@@ -12023,7 +12045,7 @@ var JSONConverter = /*#__PURE__*/ function() {
             return __generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
-                        if (!effects.isObject(sceneData)) return [
+                        if (!EFFECTS.isObject(sceneData)) return [
                             3,
                             1
                         ];
@@ -12048,7 +12070,7 @@ var JSONConverter = /*#__PURE__*/ function() {
                                 tex.source = 0;
                             }
                         });
-                        oldScene = effects.getStandardJSON(sceneJSON);
+                        oldScene = EFFECTS.getStandardJSON(sceneJSON);
                         binFiles = [];
                         if (!oldScene.bins) return [
                             3,
@@ -12160,7 +12182,7 @@ var JSONConverter = /*#__PURE__*/ function() {
                         loadedMipmaps = _state.sent();
                         newMipmaps = loadedMipmaps.map(function(mipmaps) {
                             return mipmaps.map(function(img) {
-                                var id = effects.generateGUID();
+                                var id = EFFECTS.generateGUID();
                                 var sceneImage = {
                                     url: img,
                                     id: id
@@ -12178,7 +12200,7 @@ var JSONConverter = /*#__PURE__*/ function() {
                             mipmaps: newMipmaps,
                             sourceFrom: {
                                 target: target,
-                                type: effects.TextureSourceType.mipmaps,
+                                type: EFFECTS.TextureSourceType.mipmaps,
                                 mipmaps: mipmaps.map(function(mipmap) {
                                     return mipmap.map(function(pointer) {
                                         return [
@@ -12224,26 +12246,26 @@ var JSONConverter = /*#__PURE__*/ function() {
         var newComponents = newScene.components;
         for(var _iterator = _create_for_of_iterator_helper_loose(oldScene.components), _step; !(_step = _iterator()).done;){
             var comp = _step.value;
-            if (comp.dataType === effects.spec.DataType.SkyboxComponent) {
+            if (comp.dataType === EFFECTS.spec.DataType.SkyboxComponent) {
                 newComponents.push(this.createSkyboxComponent(comp, newScene));
-            } else if (comp.dataType === effects.spec.DataType.LightComponent) {
+            } else if (comp.dataType === EFFECTS.spec.DataType.LightComponent) {
                 newComponents.push(this.createLightComponent(comp, newScene));
-            } else if (comp.dataType === effects.spec.DataType.CameraComponent) {
+            } else if (comp.dataType === EFFECTS.spec.DataType.CameraComponent) {
                 newComponents.push(comp);
-                console.warn("Find camera component", comp);
-            } else if (comp.dataType === effects.spec.DataType.TreeComponent) {
+                console.warn("Camera component found: " + comp + ".");
+            } else if (comp.dataType === EFFECTS.spec.DataType.TreeComponent) {
                 var treeComp = comp;
                 this.createItemsFromTreeComponent(comp, newScene, oldScene);
                 treeComp.options.tree.animation = undefined;
                 treeComp.options.tree.animations = undefined;
                 newComponents.push(comp);
-            } else if (comp.dataType !== effects.spec.DataType.MeshComponent) {
+            } else if (comp.dataType !== EFFECTS.spec.DataType.MeshComponent) {
                 newComponents.push(comp);
             }
         }
         for(var _iterator1 = _create_for_of_iterator_helper_loose(oldScene.components), _step1; !(_step1 = _iterator1()).done;){
             var comp1 = _step1.value;
-            if (comp1.dataType === effects.spec.DataType.MeshComponent) {
+            if (comp1.dataType === EFFECTS.spec.DataType.MeshComponent) {
                 newComponents.push(this.createMeshComponent(comp1, newScene, oldScene));
             }
         }
@@ -12274,7 +12296,7 @@ var JSONConverter = /*#__PURE__*/ function() {
                     2,
                     new Promise(function(resolve, reject) {
                         _this.downloader.downloadJSON(url, resolve, function(status, responseText) {
-                            reject(new Error("Couldn't load JSON " + JSON.stringify(url) + ": status " + status + ", " + responseText));
+                            reject(new Error("Failed to load JSON from URL '" + url + "': status " + status + " - " + responseText + ". Please check the URL or network settings."));
                         });
                     })
                 ];
@@ -12303,7 +12325,7 @@ var JSONConverter = /*#__PURE__*/ function() {
                 _pointer_ = pointer[1], index = _pointer_[0], start = _pointer_[1], length = _pointer_[2];
                 bin = bins[index];
                 if (!bin) {
-                    throw new Error("invalid bin pointer: " + JSON.stringify(pointer));
+                    throw new Error("Invalid bin pointer: " + JSON.stringify(pointer) + ".");
                 }
                 return [
                     2,
@@ -12345,7 +12367,7 @@ var JSONConverter = /*#__PURE__*/ function() {
                 id: scene.textures[skyboxOptions.specularImage].id
             },
             specularImageSize: skyboxOptions.specularImageSize,
-            specularMipCount: skyboxOptions.specularMipCount
+            specularMipCount: skyboxOptions.specularMipCount + 1
         };
         return skyboxComponent;
     };
@@ -12372,7 +12394,7 @@ var JSONConverter = /*#__PURE__*/ function() {
         });
         var geometryData = getGeometryDataFromPropsList(geometryPropsList);
         if (!geometryData) {
-            throw new Error("no primitives");
+            throw new Error("No primitives available to process.");
         }
         newScene.geometries.push(geometryData);
         (_newScene_materials = newScene.materials).push.apply(_newScene_materials, [].concat(materialDatas));
@@ -12399,12 +12421,12 @@ var JSONConverter = /*#__PURE__*/ function() {
                 }
             }
             if (parentItemId === component.item.id) {
-                throw new Error("Can't item " + component.item);
+                throw new Error("Can't item " + component.item + ".");
             }
             var treeItem = this.treeInfo.getTreeItemByNodeId(parentItemId);
             var treeNodeList = this.treeInfo.getTreeNodeListByNodeId(parentItemId);
             if (!treeItem || !treeNodeList) {
-                throw new Error("Can't find tree node list for " + component.item);
+                throw new Error("Failed to retrieve tree node list for item with ID " + component.item.id + ". Ensure the item exists and has a valid tree structure.");
             }
             var rootBoneItem = this.setupBoneData(geometryData, meshOptions.skin, oldScene, treeItem, treeNodeList);
             meshComponent.rootBone = {
@@ -12432,13 +12454,13 @@ var JSONConverter = /*#__PURE__*/ function() {
         treeData.nodes.forEach(function(node, index) {
             var _node_name;
             var item = {
-                id: effects.generateGUID(),
+                id: EFFECTS.generateGUID(),
                 parentId: treeItem.id,
                 name: (_node_name = node.name) != null ? _node_name : "node" + index,
                 duration: treeItem.duration,
                 // @ts-expect-error
                 type: "ECS",
-                dataType: effects.spec.DataType.VFXItemData,
+                dataType: EFFECTS.spec.DataType.VFXItemData,
                 visible: treeItem.visible,
                 endBehavior: treeItem.endBehavior,
                 delay: treeItem.delay,
@@ -12503,8 +12525,8 @@ var JSONConverter = /*#__PURE__*/ function() {
         var _this = this;
         var animation = treeOptions.animation, animations = treeOptions.animations;
         var animationComponent = {
-            id: effects.generateGUID(),
-            dataType: effects.spec.DataType.AnimationComponent,
+            id: EFFECTS.generateGUID(),
+            dataType: EFFECTS.spec.DataType.AnimationComponent,
             item: {
                 id: treeItem.id
             },
@@ -12516,9 +12538,9 @@ var JSONConverter = /*#__PURE__*/ function() {
             var bins = oldScene.bins;
             animations.forEach(function(anim) {
                 var clipData = {
-                    id: effects.generateGUID(),
+                    id: EFFECTS.generateGUID(),
                     name: anim.name,
-                    dataType: effects.spec.DataType.AnimationClip,
+                    dataType: EFFECTS.spec.DataType.AnimationClip,
                     positionCurves: [],
                     rotationCurves: [],
                     scaleCurves: [],
@@ -12533,13 +12555,13 @@ var JSONConverter = /*#__PURE__*/ function() {
                     var inputArray = typedArrayFromBinary(bins, track.input);
                     var outputArray = typedArrayFromBinary(bins, track.output);
                     if (!_instanceof1(inputArray, Float32Array)) {
-                        throw new Error("Type of inputArray should be float32, " + inputArray);
+                        throw new Error("Type of inputArray should be float32, " + inputArray + ".");
                     }
                     if (!_instanceof1(outputArray, Float32Array)) {
-                        throw new Error("Type of outputArray should be float32, " + outputArray);
+                        throw new Error("Type of outputArray should be float32, " + outputArray + ".");
                     }
                     if (track.interpolation !== "LINEAR") {
-                        throw new Error("Invalid interpolation type " + track.interpolation);
+                        throw new Error("Invalid interpolation type " + track.interpolation + ".");
                     }
                     if (track.path === "rotation") {
                         var points = [];
@@ -12563,7 +12585,7 @@ var JSONConverter = /*#__PURE__*/ function() {
                                 controlPoints.push(p2.toArray());
                             }
                             lineValue.push([
-                                effects.spec.BezierKeyframeType.LINE,
+                                EFFECTS.spec.BezierKeyframeType.LINE,
                                 [
                                     inputArray[i],
                                     i
@@ -12573,7 +12595,7 @@ var JSONConverter = /*#__PURE__*/ function() {
                         var node = _this.treeInfo.getTreeNode(treeItem.id, track.node);
                         var path = _this.treeInfo.getNodePath(node.id);
                         var keyFrames = [
-                            effects.spec.ValueType.BEZIER_CURVE_QUAT,
+                            EFFECTS.spec.ValueType.BEZIER_CURVE_QUAT,
                             [
                                 lineValue,
                                 points,
@@ -12601,7 +12623,7 @@ var JSONConverter = /*#__PURE__*/ function() {
                             var lineValue1 = [];
                             for(var i2 = 0; i2 < inputArray.length; i2++){
                                 lineValue1.push([
-                                    effects.spec.BezierKeyframeType.LINE,
+                                    EFFECTS.spec.BezierKeyframeType.LINE,
                                     [
                                         inputArray[i2],
                                         outputArray[i2 * component + c]
@@ -12609,7 +12631,7 @@ var JSONConverter = /*#__PURE__*/ function() {
                                 ]);
                             }
                             var keyFrames1 = [
-                                effects.spec.ValueType.BEZIER_CURVE,
+                                EFFECTS.spec.ValueType.BEZIER_CURVE,
                                 lineValue1
                             ];
                             clipData.floatCurves.push({
@@ -12638,7 +12660,7 @@ var JSONConverter = /*#__PURE__*/ function() {
                                 controlPoints1.push(p21.toArray());
                             }
                             lineValue2.push([
-                                effects.spec.BezierKeyframeType.LINE,
+                                EFFECTS.spec.BezierKeyframeType.LINE,
                                 [
                                     inputArray[i3],
                                     i3
@@ -12648,7 +12670,7 @@ var JSONConverter = /*#__PURE__*/ function() {
                         var node2 = _this.treeInfo.getTreeNode(treeItem.id, track.node);
                         var path2 = _this.treeInfo.getNodePath(node2.id);
                         var keyFrames2 = [
-                            effects.spec.ValueType.BEZIER_CURVE_PATH,
+                            EFFECTS.spec.ValueType.BEZIER_CURVE_PATH,
                             [
                                 lineValue2,
                                 points1,
@@ -12680,7 +12702,7 @@ var JSONConverter = /*#__PURE__*/ function() {
         newScene.components.push(animationComponent);
     };
     _proto.getMaterialData = function getMaterialData(material, scene) {
-        if (material.type === effects.spec.MaterialType.unlit) {
+        if (material.type === EFFECTS.spec.MaterialType.unlit) {
             var floats = {};
             if (material.alphaCutOff !== undefined) {
                 floats["_AlphaCutoff"] = material.alphaCutOff;
@@ -12693,9 +12715,9 @@ var JSONConverter = /*#__PURE__*/ function() {
                 textures["_BaseColorSampler"] = this.getTextureData(scene, floats, material.baseColorTexture, material.baseColorTextureTransform);
             }
             var newMaterial = {
-                id: effects.generateGUID(),
+                id: EFFECTS.generateGUID(),
                 name: material.name,
-                dataType: effects.spec.DataType.Material,
+                dataType: EFFECTS.spec.DataType.Material,
                 shader: {
                     id: UnlitShaderGUID
                 },
@@ -12750,9 +12772,9 @@ var JSONConverter = /*#__PURE__*/ function() {
                 textures1["_EmissiveSampler"] = this.getTextureData(scene, floats1, material.emissiveTexture, material.emissiveTextureTransform);
             }
             var newMaterial1 = {
-                id: effects.generateGUID(),
+                id: EFFECTS.generateGUID(),
                 name: material.name,
-                dataType: effects.spec.DataType.Material,
+                dataType: EFFECTS.spec.DataType.Material,
                 shader: {
                     id: PBRShaderGUID
                 },
@@ -12769,34 +12791,33 @@ var JSONConverter = /*#__PURE__*/ function() {
         }
     };
     _proto.setupMaterial = function setupMaterial(oldMat, newMat) {
-        if (oldMat.blending === effects.spec.MaterialBlending.translucent) {
-            newMat.stringTags["RenderType"] = effects.spec.RenderType.Transparent;
+        if (oldMat.blending === EFFECTS.spec.MaterialBlending.translucent) {
+            newMat.stringTags["RenderType"] = EFFECTS.spec.RenderType.Transparent;
         } else {
-            newMat.stringTags["RenderType"] = effects.spec.RenderType.Opaque;
+            newMat.stringTags["RenderType"] = EFFECTS.spec.RenderType.Opaque;
         }
-        if (oldMat.blending === effects.spec.MaterialBlending.masked) {
+        if (oldMat.blending === EFFECTS.spec.MaterialBlending.masked) {
             newMat.floats["AlphaClip"] = 1;
             var _oldMat_alphaCutOff;
-            newMat.floats["_Cutoff"] = (_oldMat_alphaCutOff = oldMat.alphaCutOff) != null ? _oldMat_alphaCutOff : 0;
+            newMat.floats["_AlphaCutoff"] = (_oldMat_alphaCutOff = oldMat.alphaCutOff) != null ? _oldMat_alphaCutOff : 0;
         } else {
             newMat.floats["AlphaClip"] = 0;
         }
         switch(oldMat.side){
-            case effects.spec.SideMode.BACK:
-                newMat.stringTags["RenderFace"] = effects.spec.RenderFace.Back;
+            case EFFECTS.spec.SideMode.BACK:
+                newMat.stringTags["RenderFace"] = EFFECTS.spec.RenderFace.Back;
                 break;
-            case effects.spec.SideMode.DOUBLE:
-                newMat.stringTags["RenderFace"] = effects.spec.RenderFace.Both;
+            case EFFECTS.spec.SideMode.DOUBLE:
+                newMat.stringTags["RenderFace"] = EFFECTS.spec.RenderFace.Both;
                 break;
             default:
-                newMat.stringTags["RenderFace"] = effects.spec.RenderFace.Front;
+                newMat.stringTags["RenderFace"] = EFFECTS.spec.RenderFace.Front;
         }
-        if (oldMat.type === effects.spec.MaterialType.pbr) {
+        if (oldMat.type === EFFECTS.spec.MaterialType.pbr) {
             newMat.floats["_SpecularAA"] = oldMat.useSpecularAA ? 1 : 0;
         }
-        var _oldMat_depthMask;
-        newMat.stringTags["ZWrite"] = String((_oldMat_depthMask = oldMat.depthMask) != null ? _oldMat_depthMask : true);
-        newMat.stringTags["ZTest"] = String(true);
+        newMat.floats["ZWrite"] = oldMat.depthMask !== false ? 1 : 0;
+        newMat.floats["ZTest"] = 1;
     };
     _proto.getTextureData = function getTextureData(scene, floats, texIndex, texTransform) {
         var _scene_textures_texIndex_id;
@@ -12875,7 +12896,7 @@ var JSONConverter = /*#__PURE__*/ function() {
         var bins = oldScene.bins;
         var joints = skin.joints, skeleton = skin.skeleton, inverseBindMatrices = skin.inverseBindMatrices;
         if (!inverseBindMatrices) {
-            throw new Error("inverseBindMatrices is undefined " + skin);
+            throw new Error("'inverseBindMatrices' is undefined for the skin configuration: " + JSON.stringify(skin) + ". Ensure 'inverseBindMatrices' is properly defined in your skin data.");
         }
         var bindMatrixArray = typedArrayFromBinary(bins, inverseBindMatrices);
         geom.inverseBindMatrices = Array.from(bindMatrixArray);
@@ -12884,12 +12905,12 @@ var JSONConverter = /*#__PURE__*/ function() {
         if (skeleton !== undefined) {
             rootBoneItem = treeNodeList[skeleton];
         } else {
-            console.warn("Root bone is missing");
+            console.warn("Root bone is missing for the skeleton. Defaulting to the primary tree item as the root bone.");
         }
         joints.forEach(function(joint) {
             var node = treeNodeList[joint];
             if (node !== rootBoneItem && node.parentId === rootBoneItem.parentId) {
-                console.error("Find invalid node for rootBoneItem and adjust rootBoneItem");
+                console.error("Invalid node detected for 'rootBoneItem'. Adjusting 'rootBoneItem' to the primary tree item. Please verify the tree structure.");
                 rootBoneItem = treeItem;
             }
         });
@@ -12927,12 +12948,12 @@ var TreeInfo = /*#__PURE__*/ function() {
     _proto.add = function add(treeItem, treeNodeList) {
         var _this = this;
         if (this.tree2NodeList[treeItem.id]) {
-            throw new Error("Find duplicate treeItem id: " + treeItem.id);
+            throw new Error("Duplicate treeItem ID detected: " + treeItem.id + ". Ensure each tree item has a unique ID.");
         }
         this.tree2NodeList[treeItem.id] = treeNodeList;
         treeNodeList.forEach(function(node) {
             if (_this.nodeList2Tree[node.id]) {
-                throw new Error("Find duplicate tree node id: " + node.id);
+                throw new Error("Duplicate tree node ID found: " + node.id + ". Each node in the tree must have a unique ID.");
             }
             _this.nodeList2Tree[node.id] = treeItem;
             _this.nodeId2Node[node.id] = node;
@@ -12961,7 +12982,7 @@ var TreeInfo = /*#__PURE__*/ function() {
     _proto.getTreeNodeListByNodeId = function getTreeNodeListByNodeId(id) {
         var treeItem = this.nodeList2Tree[id];
         if (!treeItem) {
-            throw new Error("Invalid id " + id);
+            throw new Error("Invalid id " + id + ".");
         }
         return this.getTreeNodeListByTreeId(treeItem.id);
     };
@@ -12988,11 +13009,11 @@ var TreeInfo = /*#__PURE__*/ function() {
 }();
 function getGeometryDataFromOptions(geomOptions) {
     var vertexCount = 0;
-    var verticesType = effects.spec.VertexFormatType.Float32;
+    var verticesType = EFFECTS.spec.VertexFormatType.Float32;
     var verticesNormalize = false;
-    var uvsType = effects.spec.VertexFormatType.Float32;
+    var uvsType = EFFECTS.spec.VertexFormatType.Float32;
     var uvsNormalize = false;
-    var normalsType = effects.spec.VertexFormatType.Float32;
+    var normalsType = EFFECTS.spec.VertexFormatType.Float32;
     var normalsNormalize = false;
     var _geomOptions_name;
     var modelData = {
@@ -13012,21 +13033,21 @@ function getGeometryDataFromOptions(geomOptions) {
             var _attribData_normalize;
             verticesNormalize = (_attribData_normalize = attribData.normalize) != null ? _attribData_normalize : false;
             var _attribData_type;
-            verticesType = effects.glType2VertexFormatType((_attribData_type = attribData.type) != null ? _attribData_type : effects.glContext.FLOAT);
+            verticesType = EFFECTS.glType2VertexFormatType((_attribData_type = attribData.type) != null ? _attribData_type : EFFECTS.glContext.FLOAT);
         } else if (attrib === "aNormal") {
             // @ts-expect-error
             modelData.normals = attribData.data;
             var _attribData_normalize1;
             normalsNormalize = (_attribData_normalize1 = attribData.normalize) != null ? _attribData_normalize1 : false;
             var _attribData_type1;
-            normalsType = effects.glType2VertexFormatType((_attribData_type1 = attribData.type) != null ? _attribData_type1 : effects.glContext.FLOAT);
+            normalsType = EFFECTS.glType2VertexFormatType((_attribData_type1 = attribData.type) != null ? _attribData_type1 : EFFECTS.glContext.FLOAT);
         } else if (attrib === "aUV1") {
             // @ts-expect-error
             modelData.uvs = attribData.data;
             var _attribData_normalize2;
             uvsNormalize = (_attribData_normalize2 = attribData.normalize) != null ? _attribData_normalize2 : false;
             var _attribData_type2;
-            uvsType = effects.glType2VertexFormatType((_attribData_type2 = attribData.type) != null ? _attribData_type2 : effects.glContext.FLOAT);
+            uvsType = EFFECTS.glType2VertexFormatType((_attribData_type2 = attribData.type) != null ? _attribData_type2 : EFFECTS.glContext.FLOAT);
         }
     }
     var verticesOffset = getOffset(verticesType, 3, vertexCount);
@@ -13047,32 +13068,32 @@ function getGeometryDataFromOptions(geomOptions) {
         }
         modelData.indices = indices1;
     }
-    var indicesType = effects.spec.IndexFormatType.UInt16;
+    var indicesType = EFFECTS.spec.IndexFormatType.UInt16;
     if (modelData.indices.BYTES_PER_ELEMENT === 4) {
-        indicesType = effects.spec.IndexFormatType.UInt32;
+        indicesType = EFFECTS.spec.IndexFormatType.UInt32;
     }
     var geometryData = {
-        id: effects.generateGUID(),
-        dataType: effects.spec.DataType.Geometry,
+        id: EFFECTS.generateGUID(),
+        dataType: EFFECTS.spec.DataType.Geometry,
         vertexData: {
             vertexCount: vertexCount,
             channels: [
                 {
-                    semantic: effects.spec.VertexBufferSemantic.Position,
+                    semantic: EFFECTS.spec.VertexBufferSemantic.Position,
                     offset: 0,
                     format: verticesType,
                     dimension: 3,
                     normalize: verticesNormalize
                 },
                 {
-                    semantic: effects.spec.VertexBufferSemantic.Uv,
+                    semantic: EFFECTS.spec.VertexBufferSemantic.Uv,
                     offset: verticesOffset,
                     format: uvsType,
                     dimension: 2,
                     normalize: uvsNormalize
                 },
                 {
-                    semantic: effects.spec.VertexBufferSemantic.Normal,
+                    semantic: EFFECTS.spec.VertexBufferSemantic.Normal,
                     offset: verticesOffset + uvsOffset,
                     format: normalsType,
                     dimension: 3,
@@ -13081,7 +13102,7 @@ function getGeometryDataFromOptions(geomOptions) {
             ]
         },
         subMeshes: [],
-        mode: effects.spec.GeometryType.TRIANGLES,
+        mode: EFFECTS.spec.GeometryType.TRIANGLES,
         indexFormat: indicesType,
         indexOffset: verticesOffset + uvsOffset + normalsOffset,
         buffer: encodeVertexData(modelData)
@@ -13147,11 +13168,11 @@ function getGeometryDataFromPropsList(geomPropsList) {
 }
 function getOffset(formatType, dimension, count) {
     switch(formatType){
-        case effects.spec.VertexFormatType.Int8:
-        case effects.spec.VertexFormatType.UInt8:
+        case EFFECTS.spec.VertexFormatType.Int8:
+        case EFFECTS.spec.VertexFormatType.UInt8:
             return dimension * count;
-        case effects.spec.VertexFormatType.Int16:
-        case effects.spec.VertexFormatType.UInt16:
+        case EFFECTS.spec.VertexFormatType.Int16:
+        case EFFECTS.spec.VertexFormatType.UInt16:
             return dimension * count * 2;
         default:
             return dimension * count * 4;
@@ -13175,7 +13196,7 @@ function createGeometryData(props, subMeshes) {
         var attribData1 = props.attributes[attrib1];
         var semantic = vertexBufferSemanticMap[attrib1];
         if (!semantic) {
-            throw new Error("Invalid attrib " + attrib1);
+            throw new Error("Invalid attrib " + attrib1 + ".");
         }
         // @ts-expect-error
         vertexCount = attribData1.data.length / attribData1.size;
@@ -13183,7 +13204,7 @@ function createGeometryData(props, subMeshes) {
         var vertexChannel = {
             semantic: semantic,
             offset: bufferOffset,
-            format: effects.glType2VertexFormatType((_attribData_type = attribData1.type) != null ? _attribData_type : effects.glContext.FLOAT),
+            format: EFFECTS.glType2VertexFormatType((_attribData_type = attribData1.type) != null ? _attribData_type : EFFECTS.glContext.FLOAT),
             dimension: attribData1.size,
             normalize: attribData1.normalize
         };
@@ -13195,16 +13216,16 @@ function createGeometryData(props, subMeshes) {
         bufferOffset += subBuffer.byteLength;
     }
     var geometryData = {
-        id: effects.generateGUID(),
-        dataType: effects.spec.DataType.Geometry,
+        id: EFFECTS.generateGUID(),
+        dataType: EFFECTS.spec.DataType.Geometry,
         vertexData: {
             vertexCount: vertexCount,
             channels: vertexChannels
         },
         subMeshes: subMeshes,
-        mode: effects.spec.GeometryType.TRIANGLES,
-        indexFormat: effects.spec.IndexFormatType.UInt16,
-        indexOffset: -1,
+        mode: EFFECTS.spec.GeometryType.TRIANGLES,
+        indexFormat: EFFECTS.spec.IndexFormatType.None,
+        indexOffset: 0,
         buffer: ""
     };
     if (props.indices) {
@@ -13213,7 +13234,9 @@ function createGeometryData(props, subMeshes) {
         buffer.set(subBuffer1, bufferOffset);
         geometryData.indexOffset = bufferOffset;
         if (_instanceof1(indices, Uint32Array)) {
-            geometryData.indexFormat = effects.spec.IndexFormatType.UInt32;
+            geometryData.indexFormat = EFFECTS.spec.IndexFormatType.UInt32;
+        } else {
+            geometryData.indexFormat = EFFECTS.spec.IndexFormatType.UInt16;
         }
     }
     geometryData.buffer = toBase64String(buffer);
@@ -13368,11 +13391,1051 @@ var vertexBufferSemanticMap = {
     a_Target_Tangent3: "TANGENT_BS3"
 };
 
-effects.registerPlugin("tree", ModelTreePlugin, effects.VFXItem, true);
-effects.registerPlugin("model", ModelPlugin, effects.VFXItem);
-var version = "2.0.0-alpha.17";
-effects.logger.info("plugin model version: " + version);
-if (version !== effects.version) {
+var LoaderECSImpl = /*#__PURE__*/ function() {
+    function LoaderECSImpl(composition) {
+        this.gltfSkins = [];
+        this.gltfMeshs = [];
+        this.gltfLights = [];
+        this.gltfCameras = [];
+        this.gltfImages = [];
+        this.gltfTextures = [];
+        this.gltfMaterials = [];
+        this.gltfAnimations = [];
+        this.gltfImageBasedLights = [];
+        this.timelineAssetId = "";
+        this.images = [];
+        this.imageElements = [];
+        this.textures = [];
+        this.items = [];
+        this.components = [];
+        this.materials = [];
+        this.shaders = [];
+        this.geometries = [];
+        this.animations = [];
+        if (composition) {
+            this.composition = composition;
+        } else {
+            this.timelineAssetId = EFFECTS.generateGUID();
+            this.composition = {
+                id: "1",
+                name: "test1",
+                duration: 9999,
+                endBehavior: EFFECTS.spec.CompositionEndBehavior.restart,
+                camera: {
+                    fov: 45,
+                    far: 2000,
+                    near: 0.001,
+                    position: [
+                        0,
+                        0,
+                        8
+                    ],
+                    rotation: [
+                        0,
+                        0,
+                        0
+                    ],
+                    clipMode: EFFECTS.spec.CameraClipMode.portrait
+                },
+                items: [],
+                timelineAsset: {
+                    id: this.timelineAssetId
+                },
+                sceneBindings: []
+            };
+        }
+    }
+    var _proto = LoaderECSImpl.prototype;
+    _proto.initial = function initial(engine, options) {
+        this.engine = engine;
+        this.loaderOptions = options != null ? options : {};
+    };
+    _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;
+            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.images = gltfResource.images.map(function(gltfImage) {
+                            var _gltfImage_mimeType;
+                            var blob = new Blob([
+                                gltfImage.imageData.buffer
+                            ], {
+                                type: (_gltfImage_mimeType = gltfImage.mimeType) != null ? _gltfImage_mimeType : "image/png"
+                            });
+                            return {
+                                id: gltfImage.id,
+                                url: URL.createObjectURL(blob)
+                            };
+                        });
+                        return [
+                            4,
+                            Promise.all(_this.images.map(/*#__PURE__*/ _async_to_generator(function(image) {
+                                return __generator(this, function(_state) {
+                                    return [
+                                        2,
+                                        EFFECTS.loadImage(image.url)
+                                    ];
+                                });
+                            })))
+                        ];
+                    case 1:
+                        _this.imageElements = _state.sent();
+                        _this.processGLTFResource(gltfResource);
+                        _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;
+                        _this.textures = _this.gltfTextures.map(function(texture) {
+                            var textureOptions = texture.textureOptions;
+                            var source = textureOptions.source;
+                            if (typeof source === "number") {
+                                // @ts-expect-error
+                                textureOptions.source = {
+                                    id: _this.images[source].id
+                                };
+                            }
+                            return textureOptions;
+                        });
+                        _this.materials = _this.gltfMaterials.map(function(material) {
+                            return material.materialData;
+                        });
+                        gltfResource.meshes.forEach(function(mesh) {
+                            _this.geometries.push(mesh.geometryData);
+                        });
+                        gltfScene = gltfResource.scenes[0];
+                        gltfScene.meshesComponentData.forEach(function(mesh) {
+                            return _this.checkMeshComponentData(mesh, gltfResource);
+                        });
+                        (_this_components = _this.components).push.apply(_this_components, [].concat(gltfScene.camerasComponentData));
+                        (_this_components1 = _this.components).push.apply(_this_components1, [].concat(gltfScene.lightsComponentData));
+                        (_this_components2 = _this.components).push.apply(_this_components2, [].concat(gltfScene.meshesComponentData));
+                        if (gltfScene.animationsComponentData.length === 1) {
+                            component = gltfScene.animationsComponentData[0];
+                            if (!options.effects.playAllAnimation && options.effects.playAnimation !== undefined) {
+                                clips = component.animationClips;
+                                index = options.effects.playAnimation;
+                                if (index >= 0 && index < clips.length) {
+                                    component.animationClips = [
+                                        clips[index]
+                                    ];
+                                } else {
+                                    component.animationClips = [];
+                                }
+                            }
+                            _this.components.push(component);
+                        } else if (gltfScene.animationsComponentData.length > 1) {
+                            throw new Error("Find many animation component data " + gltfScene.animationsComponentData.length);
+                        }
+                        _this.animations = [];
+                        _this.gltfAnimations.forEach(function(anim) {
+                            _this.animations.push(anim.animationClipData);
+                        });
+                        _this.items = [];
+                        return [
+                            4,
+                            _this.tryAddSkybox({
+                                skyboxType: options.gltf.skyboxType,
+                                renderable: options.gltf.skyboxVis
+                            })
+                        ];
+                    case 2:
+                        _state.sent();
+                        (_this_items = _this.items).push.apply(_this_items, [].concat(gltfResource.scenes[0].vfxItemData));
+                        _this.items.forEach(function(item) {
+                            if (item.type === "root") {
+                                item.type = "ECS";
+                            }
+                        });
+                        return [
+                            2,
+                            _this.getLoadResult()
+                        ];
+                }
+            });
+        })();
+    };
+    _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) {
+        var _loop = function() {
+            var baseColorId = _step.value;
+            if (emissiveIdSet.has(baseColorId)) {
+                var texData = textures.find(function(tex) {
+                    return tex.textureOptions.id === baseColorId;
+                });
+                if (texData) {
+                    var newId = EFFECTS.generateGUID();
+                    // @ts-expect-error
+                    var newTexData = _extends({}, texData);
+                    newTexData.textureOptions = _extends({}, texData.textureOptions, {
+                        id: newId
+                    });
+                    textures.push(newTexData);
+                    dataMap[newId] = newTexData.textureOptions;
+                    textureIdMap[baseColorId] = newId;
+                    mapCount += 1;
+                }
+            }
+        };
+        var _this = this;
+        var dataMap = {};
+        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 + ".");
+                }
+                dataMap[texId] = texData;
+            } else {
+                console.error("No GUID in texture Data: " + texData + ".");
+            }
+        });
+        var baseColorIdSet = new Set();
+        var emissiveIdSet = new Set();
+        materials.forEach(function(mat) {
+            var _materialData_textures__BaseColorSampler, _materialData_textures__EmissiveSampler;
+            var materialData = mat.materialData;
+            var baseColorTexture = (_materialData_textures__BaseColorSampler = materialData.textures["_BaseColorSampler"]) == null ? void 0 : _materialData_textures__BaseColorSampler.texture;
+            var emissiveTexture = (_materialData_textures__EmissiveSampler = materialData.textures["_EmissiveSampler"]) == null ? void 0 : _materialData_textures__EmissiveSampler.texture;
+            if (baseColorTexture) {
+                baseColorIdSet.add(baseColorTexture.id);
+            }
+            if (emissiveTexture) {
+                emissiveIdSet.add(emissiveTexture.id);
+            }
+        });
+        var mapCount = 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);
+        }
+        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);
+            } 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);
+            }
+        });
+        var gltfScene = scenes[0];
+        gltfScene.camerasComponentData.forEach(function(comp) {
+            return _this.processCameraComponentData(comp);
+        });
+        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;
+            if (data.reflectionsIntensity === undefined) {
+                data.reflectionsIntensity = data.intensity;
+            }
+            if (data.diffuseImage) {
+                var diffuseTexture = dataMap[data.diffuseImage.id];
+                EFFECTS.addItem(cubeTextures, diffuseTexture);
+            }
+            if (data.specularImage) {
+                var specularImage = dataMap[data.specularImage.id];
+                EFFECTS.addItem(cubeTextures, specularImage);
+            }
+        });
+        cubeTextures.forEach(function(tex) {
+            if (tex.target === EFFECTS.glContext.TEXTURE_CUBE_MAP) {
+                var cube = tex;
+                cube.mipmaps.forEach(function(mipmap) {
+                    var ref;
+                    ref = [
+                        mipmap[5],
+                        mipmap[4]
+                    ], mipmap[4] = ref[0], mipmap[5] = ref[1];
+                });
+                if (cube.mipmaps.length === 1) {
+                    cube.minFilter = EFFECTS.glContext.LINEAR;
+                    cube.magFilter = EFFECTS.glContext.LINEAR;
+                } else {
+                    cube.minFilter = EFFECTS.glContext.LINEAR_MIPMAP_LINEAR;
+                    cube.magFilter = EFFECTS.glContext.LINEAR;
+                }
+            }
+        });
+    };
+    _proto.processComponentData = function processComponentData(components) {
+        var _this = this;
+        components.forEach(function(comp) {
+            if (comp.dataType === EFFECTS.spec.DataType.LightComponent) {
+                _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);
+            }
+        });
+    };
+    _proto.processLightComponentData = function processLightComponentData(light) {
+        if (!light.color) {
+            light.color = {
+                r: 1,
+                g: 1,
+                b: 1,
+                a: 1
+            };
+        }
+        if (!light.intensity) {
+            light.intensity = 1;
+        }
+        if (light.lightType === EFFECTS.spec.LightType.point) {
+            if (!light.range) {
+                light.range = 0;
+            }
+        } else if (light.lightType === EFFECTS.spec.LightType.spot) {
+            if (!light.range) {
+                light.range = 0;
+            }
+            if (!light.innerConeAngle) {
+                light.innerConeAngle = 0;
+            }
+            if (!light.outerConeAngle) {
+                light.outerConeAngle = Math.PI / 4;
+            }
+        }
+    };
+    _proto.processCameraComponentData = function processCameraComponentData(camera) {
+        if (camera.type === EFFECTS.spec.CameraType.perspective) {
+            if (camera.fov) {
+                camera.fov *= Math.PI / 180;
+            }
+        }
+    };
+    _proto.processMeshComponentData = function processMeshComponentData(mesh) {};
+    _proto.processSkyboxComponentData = function processSkyboxComponentData(skybox) {
+        if (skybox.intensity === undefined) {
+            skybox.intensity = 1;
+        }
+        if (skybox.reflectionsIntensity === undefined) {
+            skybox.reflectionsIntensity = 1;
+        }
+    };
+    _proto.processMaterialData = function processMaterialData(material) {
+        var _material_shader, _material_shader1;
+        if (((_material_shader = material.shader) == null ? void 0 : _material_shader.id) === UnlitShaderGUID) {
+            if (!material.colors["_BaseColorFactor"]) {
+                material.colors["_BaseColorFactor"] = {
+                    r: 1,
+                    g: 1,
+                    b: 1,
+                    a: 1
+                };
+            }
+            if (material.floats["_AlphaCutoff"] === undefined) {
+                material.floats["_AlphaCutoff"] = 0;
+            }
+            if (material.floats["ZWrite"] === undefined) {
+                material.floats["ZWrite"] = 1;
+            }
+            if (material.floats["ZTest"] === undefined) {
+                material.floats["ZTest"] = 1;
+            }
+            if (!material.stringTags["RenderType"]) {
+                material.stringTags["RenderType"] = EFFECTS.spec.RenderType.Opaque;
+            }
+            if (!material.stringTags["RenderFace"]) {
+                material.stringTags["RenderFace"] = EFFECTS.spec.RenderFace.Front;
+            }
+        } else if (((_material_shader1 = material.shader) == null ? void 0 : _material_shader1.id) === PBRShaderGUID) {
+            if (!material.colors["_BaseColorFactor"]) {
+                material.colors["_BaseColorFactor"] = {
+                    r: 1,
+                    g: 1,
+                    b: 1,
+                    a: 1
+                };
+            }
+            if (material.floats["_SpecularAA"] === undefined) {
+                material.floats["_SpecularAA"] = 0;
+            }
+            if (material.floats["_MetallicFactor"] === undefined) {
+                material.floats["_MetallicFactor"] = 1;
+            }
+            if (material.floats["_RoughnessFactor"] === undefined) {
+                material.floats["_RoughnessFactor"] = 0;
+            }
+            if (material.floats["_NormalScale"] === undefined) {
+                material.floats["_NormalScale"] = 1;
+            }
+            if (material.floats["_OcclusionStrength"] === undefined) {
+                material.floats["_OcclusionStrength"] = this.isTiny3dMode() ? 0 : 1;
+            }
+            if (!material.colors["_EmissiveFactor"]) {
+                material.colors["_EmissiveFactor"] = {
+                    r: 0,
+                    g: 0,
+                    b: 0,
+                    a: 1
+                };
+            }
+            if (material.floats["_EmissiveIntensity"] === undefined) {
+                material.floats["_EmissiveIntensity"] = 1;
+            }
+            if (material.floats["_AlphaCutoff"] === undefined) {
+                material.floats["_AlphaCutoff"] = 0;
+            }
+            if (material.floats["ZWrite"] === undefined) {
+                material.floats["ZWrite"] = 1;
+            }
+            if (material.floats["ZTest"] === undefined) {
+                material.floats["ZTest"] = 1;
+            }
+            if (!material.stringTags["RenderType"]) {
+                material.stringTags["RenderType"] = EFFECTS.spec.RenderType.Opaque;
+            }
+            if (!material.stringTags["RenderFace"]) {
+                material.stringTags["RenderFace"] = EFFECTS.spec.RenderFace.Front;
+            }
+        } else {
+            console.error("Encountered unknown shader ID in material with ID: " + material.id + ".");
+        }
+    };
+    _proto.processTextureOptions = function processTextureOptions(options, isBaseColor, image) {
+        var premultiplyAlpha = false;
+        var _options_minFilter;
+        var minFilter = (_options_minFilter = options.minFilter) != null ? _options_minFilter : EFFECTS.glContext.LINEAR_MIPMAP_LINEAR;
+        if (this.isTiny3dMode()) {
+            minFilter = EFFECTS.glContext.LINEAR_MIPMAP_LINEAR;
+            if (image) {
+                if (!WebGLHelper.isPow2(image.width) || !WebGLHelper.isPow2(image.height)) {
+                    minFilter = EFFECTS.glContext.LINEAR;
+                }
+            }
+            premultiplyAlpha = isBaseColor ? false : true;
+        }
+        var generateMipmap = minFilter == EFFECTS.glContext.NEAREST_MIPMAP_NEAREST || minFilter == EFFECTS.glContext.LINEAR_MIPMAP_NEAREST || minFilter == EFFECTS.glContext.NEAREST_MIPMAP_LINEAR || minFilter == EFFECTS.glContext.LINEAR_MIPMAP_LINEAR;
+        var _options_wrapS;
+        options.wrapS = (_options_wrapS = options.wrapS) != null ? _options_wrapS : EFFECTS.glContext.REPEAT;
+        var _options_wrapT;
+        options.wrapT = (_options_wrapT = options.wrapT) != null ? _options_wrapT : EFFECTS.glContext.REPEAT;
+        var _options_magFilter;
+        options.magFilter = (_options_magFilter = options.magFilter) != null ? _options_magFilter : EFFECTS.glContext.LINEAR;
+        options.minFilter = minFilter;
+        options.anisotropic = 1;
+        options.premultiplyAlpha = premultiplyAlpha;
+        options.generateMipmap = generateMipmap;
+    };
+    _proto.processMaterialTexture = function processMaterialTexture(material, textureName, isBaseColor, dataMap) {
+        var texture = material.textures[textureName];
+        if (texture) {
+            var id = texture.texture.id;
+            var texData = dataMap[id];
+            var imageObj;
+            // @ts-expect-error
+            if (typeof texData.source !== "number") {
+                // @ts-expect-error
+                throw new Error("Invalid texture option source data, " + texData.source);
+            } else {
+                // @ts-expect-error
+                imageObj = this.imageElements[texData.source];
+            }
+            if (texData) {
+                this.processTextureOptions(texData, isBaseColor, imageObj);
+            }
+        }
+    };
+    _proto.getLoadResult = function getLoadResult() {
+        var itemIds = [];
+        this.items.forEach(function(item) {
+            return itemIds.push({
+                id: item.id
+            });
+        });
+        this.composition.items = itemIds;
+        var jsonScene = {
+            version: "3.0",
+            playerVersion: {
+                web: "2.0",
+                native: "2.0"
+            },
+            type: "ge",
+            compositionId: this.composition.id,
+            compositions: [
+                this.composition
+            ],
+            images: this.images,
+            shapes: [],
+            plugins: [
+                "model"
+            ],
+            textures: this.textures,
+            items: this.items,
+            components: this.components,
+            materials: this.materials,
+            shaders: this.shaders,
+            geometries: this.geometries,
+            animations: this.animations,
+            miscs: [
+                {
+                    id: this.timelineAssetId,
+                    dataType: EFFECTS.spec.DataType.TimelineAsset
+                }
+            ]
+        };
+        return {
+            source: this.getRemarkString(),
+            jsonScene: jsonScene,
+            sceneAABB: {
+                min: [
+                    -1,
+                    -1,
+                    -1
+                ],
+                max: [
+                    1,
+                    1,
+                    1
+                ]
+            }
+        };
+    };
+    _proto.addLight = function addLight(data) {
+        var itemId = EFFECTS.generateGUID();
+        var component = {
+            id: EFFECTS.generateGUID(),
+            item: {
+                id: itemId
+            },
+            dataType: EFFECTS.spec.DataType.LightComponent,
+            //
+            lightType: data.lightType,
+            color: data.color,
+            intensity: data.intensity,
+            range: data.range,
+            innerConeAngle: data.innerConeAngle,
+            outerConeAngle: data.outerConeAngle
+        };
+        var item = {
+            id: itemId,
+            name: data.name,
+            duration: data.duration,
+            type: EFFECTS.spec.ItemType.light,
+            pn: 0,
+            visible: true,
+            endBehavior: data.endBehavior,
+            transform: {
+                position: {
+                    x: data.position[0],
+                    y: data.position[1],
+                    z: data.position[2]
+                },
+                eulerHint: {
+                    x: data.rotation[0],
+                    y: data.rotation[1],
+                    z: data.rotation[2]
+                },
+                scale: {
+                    x: data.scale[0],
+                    y: data.scale[1],
+                    z: data.scale[2]
+                }
+            },
+            components: [
+                {
+                    id: component.id
+                }
+            ],
+            content: {},
+            dataType: EFFECTS.spec.DataType.VFXItemData
+        };
+        this.items.push(item);
+        this.components.push(component);
+    };
+    _proto.addCamera = function addCamera(camera) {
+        var itemId = EFFECTS.generateGUID();
+        var component = {
+            id: EFFECTS.generateGUID(),
+            item: {
+                id: itemId
+            },
+            dataType: EFFECTS.spec.DataType.CameraComponent,
+            fov: camera.fov,
+            near: camera.near,
+            far: camera.far,
+            clipMode: camera.clipMode
+        };
+        var item = {
+            id: itemId,
+            name: camera.name,
+            duration: camera.duration,
+            // @ts-expect-error
+            type: "camera",
+            pn: 0,
+            visible: true,
+            endBehavior: camera.endBehavior,
+            transform: {
+                position: {
+                    x: camera.position[0],
+                    y: camera.position[1],
+                    z: camera.position[2]
+                },
+                eulerHint: {
+                    x: camera.rotation[0],
+                    y: camera.rotation[1],
+                    z: camera.rotation[2]
+                },
+                scale: {
+                    x: 1,
+                    y: 1,
+                    z: 1
+                }
+            },
+            components: [
+                {
+                    id: component.id
+                }
+            ],
+            content: {},
+            dataType: EFFECTS.spec.DataType.VFXItemData
+        };
+        this.items.push(item);
+        this.components.push(component);
+    };
+    _proto.tryAddSkybox = function tryAddSkybox(skybox) {
+        var _this = this;
+        return _async_to_generator(function() {
+            var ibl, _this_images, // @ts-expect-error
+            _this_textures, itemId, skyboxInfo, imageList, textureOptionsList, component, _skybox_renderable, _skybox_duration, item;
+            return __generator(this, function(_state) {
+                if (_this.gltfImageBasedLights.length > 0 && !_this.ignoreSkybox()) {
+                    ibl = _this.gltfImageBasedLights[0];
+                    _this.components.push(ibl.imageBaseLightData);
+                } else if (skybox.skyboxType !== undefined) {
+                    itemId = EFFECTS.generateGUID();
+                    skyboxInfo = _this.createSkyboxComponentData(skybox.skyboxType);
+                    imageList = skyboxInfo.imageList, textureOptionsList = skyboxInfo.textureOptionsList, component = skyboxInfo.component;
+                    component.item.id = itemId;
+                    if (skybox.intensity !== undefined) {
+                        component.intensity = skybox.intensity;
+                    }
+                    if (skybox.reflectionsIntensity !== undefined) {
+                        component.reflectionsIntensity = skybox.reflectionsIntensity;
+                    }
+                    component.renderable = (_skybox_renderable = skybox.renderable) != null ? _skybox_renderable : false;
+                    item = {
+                        id: itemId,
+                        name: "Skybox-" + skybox.skyboxType,
+                        duration: (_skybox_duration = skybox.duration) != null ? _skybox_duration : 999,
+                        type: EFFECTS.spec.ItemType.skybox,
+                        pn: 0,
+                        visible: true,
+                        endBehavior: EFFECTS.spec.ItemEndBehavior.freeze,
+                        transform: {
+                            position: {
+                                x: 0,
+                                y: 0,
+                                z: 0
+                            },
+                            eulerHint: {
+                                x: 0,
+                                y: 0,
+                                z: 0
+                            },
+                            scale: {
+                                x: 1,
+                                y: 1,
+                                z: 1
+                            }
+                        },
+                        components: [
+                            {
+                                id: component.id
+                            }
+                        ],
+                        content: {},
+                        dataType: EFFECTS.spec.DataType.VFXItemData
+                    };
+                    (_this_images = _this.images).push.apply(_this_images, [].concat(imageList));
+                    (_this_textures = _this.textures).push.apply(_this_textures, [].concat(textureOptionsList));
+                    _this.items.push(item);
+                    _this.components.push(component);
+                }
+                return [
+                    2
+                ];
+            });
+        })();
+    };
+    _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'.");
+        }
+        //
+        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
+        };
+    };
+    _proto.clear = function clear() {
+        this.images = [];
+        this.textures = [];
+        this.items = [];
+        this.components = [];
+        this.materials = [];
+        this.shaders = [];
+        this.geometries = [];
+    };
+    /**
+   * 按照传入的动画播放参数，计算需要播放的动画索引
+   *
+   * @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.getCompositionDuration = function getCompositionDuration() {
+        return this.composition.duration;
+    };
+    _proto.isTiny3dMode = function isTiny3dMode() {
+        return this.loaderOptions.compatibleMode === "tiny3d";
+    };
+    _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 LoaderECSImpl;
+}();
+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  ';
+}
+function getUnlitShaderProperties() {
+    return '\n  _BaseColorSampler ("基础贴图", 2D) = "" {}\n  _BaseColorFactor ("基础颜色", Color) = (1, 1, 1, 1)\n  _AlphaCutoff ("Alpha裁剪值", Range(0, 1)) = 0.5\n  ';
+}
+function getDefaultPBRMaterialData() {
+    var material = {
+        "id": "00000000000000000000000000000000",
+        "name": "PBR Material",
+        "dataType": EFFECTS.spec.DataType.Material,
+        "stringTags": {
+            "RenderType": EFFECTS.spec.RenderType.Opaque,
+            "RenderFace": "Front"
+        },
+        "macros": [],
+        "shader": {
+            "id": "pbr00000000000000000000000000000"
+        },
+        "ints": {},
+        "floats": {
+            "ZWrite": 1,
+            "ZTest": 1,
+            "_SpecularAA": 0,
+            "_MetallicFactor": 1,
+            "_RoughnessFactor": 0.0,
+            "_NormalScale": 1,
+            "_OcclusionStrength": 1,
+            "_EmissiveIntensity": 1,
+            "_AlphaCutoff": 0.5
+        },
+        "vector4s": {},
+        "colors": {
+            "_BaseColorFactor": {
+                "r": 1,
+                "g": 1,
+                "b": 1,
+                "a": 1
+            },
+            "_EmissiveFactor": {
+                "r": 0,
+                "g": 0,
+                "b": 0,
+                "a": 1
+            }
+        },
+        "textures": {}
+    };
+    return material;
+}
+function getDefaultUnlitMaterialData() {
+    var material = {
+        "id": "00000000000000000000000000000000",
+        "name": "Unlit Material",
+        "dataType": EFFECTS.spec.DataType.Material,
+        "stringTags": {
+            "ZWrite": "true",
+            "ZTest": "true",
+            "RenderType": EFFECTS.spec.RenderType.Opaque,
+            "Cull": "Front"
+        },
+        "macros": [],
+        "shader": {
+            "id": "unlit000000000000000000000000000"
+        },
+        "ints": {},
+        "floats": {
+            "_AlphaCutoff": 0.5
+        },
+        "vector4s": {},
+        "colors": {
+            "_BaseColorFactor": {
+                "r": 1,
+                "g": 1,
+                "b": 1,
+                "a": 1
+            }
+        },
+        "textures": {}
+    };
+    return material;
+}
+
+EFFECTS.registerPlugin("tree", ModelTreePlugin, EFFECTS.VFXItem, true);
+EFFECTS.registerPlugin("model", ModelPlugin, EFFECTS.VFXItem);
+var version = "2.0.0-alpha.19";
+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!");
 }
 
@@ -13393,6 +14456,7 @@ exports.HitTestingProxy = HitTestingProxy;
 exports.HookOGLFunc = HookOGLFunc;
 exports.InterpolationSampler = InterpolationSampler;
 exports.JSONConverter = JSONConverter;
+exports.LoaderECSImpl = LoaderECSImpl;
 exports.LoaderHelper = LoaderHelper;
 exports.LoaderImpl = LoaderImpl;
 exports.Matrix3 = Matrix3;
@@ -13450,6 +14514,9 @@ exports.createPluginMaterial = createPluginMaterial;
 exports.fetchPBRShaderCode = fetchPBRShaderCode;
 exports.fetchUnlitShaderCode = fetchUnlitShaderCode;
 exports.getDefaultEffectsGLTFLoader = getDefaultEffectsGLTFLoader;
+exports.getDefaultEffectsGLTFLoaderECS = getDefaultEffectsGLTFLoaderECS;
+exports.getDefaultPBRMaterialData = getDefaultPBRMaterialData;
+exports.getDefaultUnlitMaterialData = getDefaultUnlitMaterialData;
 exports.getDiffuseOnlyShaderCode = getDiffuseOnlyShaderCode;
 exports.getGaussianBlurShaderCodeV1 = getGaussianBlurShaderCodeV1;
 exports.getGaussianBlurShaderCodeV2 = getGaussianBlurShaderCodeV2;
@@ -13458,6 +14525,7 @@ exports.getGeometryDataFromPropsList = getGeometryDataFromPropsList;
 exports.getKawaseBlurShaderCode = getKawaseBlurShaderCode;
 exports.getNormalVisShaderCode = getNormalVisShaderCode;
 exports.getPBRPassShaderCode = getPBRPassShaderCode;
+exports.getPBRShaderProperties = getPBRShaderProperties;
 exports.getPMeshList = getPMeshList;
 exports.getQuadFilterShaderCode = getQuadFilterShaderCode;
 exports.getRendererGPUInfo = getRendererGPUInfo;
@@ -13467,6 +14535,8 @@ exports.getSimpleFilterShaderCode = getSimpleFilterShaderCode;
 exports.getSkyBoxShaderCode = getSkyBoxShaderCode;
 exports.getTransparecyBaseShader = getTransparecyBaseShader;
 exports.getTransparecyFilterShader = getTransparecyFilterShader;
+exports.getUnlitShaderProperties = getUnlitShaderProperties;
 exports.setDefaultEffectsGLTFLoader = setDefaultEffectsGLTFLoader;
+exports.setDefaultEffectsGLTFLoaderECS = setDefaultEffectsGLTFLoaderECS;
 exports.version = version;
 //# sourceMappingURL=index.js.map