@galacean/effects-plugin-model 2.0.0-alpha.10 → 2.0.0-alpha.12

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects player model plugin
  * Author: Ant Group CO., Ltd.
  * Contributors: 飂兮
- * Version: v2.0.0-alpha.10
+ * Version: v2.0.0-alpha.12
  */
 
 'use strict';
@@ -1373,38 +1373,38 @@ exports.TextureDataMode = void 0;
 /**
    * Morph 动画中 Position 相关的 Attribute 名称
    */ PMorph.positionNameList = [
-    "a_Target_Position0",
-    "a_Target_Position1",
-    "a_Target_Position2",
-    "a_Target_Position3",
-    "a_Target_Position4",
-    "a_Target_Position5",
-    "a_Target_Position6",
-    "a_Target_Position7"
+    "aTargetPosition0",
+    "aTargetPosition1",
+    "aTargetPosition2",
+    "aTargetPosition3",
+    "aTargetPosition4",
+    "aTargetPosition5",
+    "aTargetPosition6",
+    "aTargetPosition7"
 ];
 /**
    * Morph 动画中 Normal 相关的 Attribute 名称
    */ PMorph.normalNameList = [
-    "a_Target_Normal0",
-    "a_Target_Normal1",
-    "a_Target_Normal2",
-    "a_Target_Normal3",
-    "a_Target_Normal4",
-    "a_Target_Normal5",
-    "a_Target_Normal6",
-    "a_Target_Normal7"
+    "aTargetNormal0",
+    "aTargetNormal1",
+    "aTargetNormal2",
+    "aTargetNormal3",
+    "aTargetNormal4",
+    "aTargetNormal5",
+    "aTargetNormal6",
+    "aTargetNormal7"
 ];
 /**
    * Morph 动画中 Tangent 相关的 Attribute 名称
    */ PMorph.tangentNameList = [
-    "a_Target_Tangent0",
-    "a_Target_Tangent1",
-    "a_Target_Tangent2",
-    "a_Target_Tangent3",
-    "a_Target_Tangent4",
-    "a_Target_Tangent5",
-    "a_Target_Tangent6",
-    "a_Target_Tangent7"
+    "aTargetTangent0",
+    "aTargetTangent1",
+    "aTargetTangent2",
+    "aTargetTangent3",
+    "aTargetTangent4",
+    "aTargetTangent5",
+    "aTargetTangent6",
+    "aTargetTangent7"
 ];
 exports.PAnimInterpType = void 0;
 (function(PAnimInterpType) {
@@ -2433,7 +2433,7 @@ function _assert_this_initialized(self) {
    */ parentIndex = -1;
         _this./**
    * primitive 对象数组
-   */ primitives = [];
+   */ subMeshes = [];
         _this./**
    * 是否隐藏，默认是隐藏
    */ hide = true;
@@ -2466,13 +2466,16 @@ function _assert_this_initialized(self) {
         _this.hide = proxy.isHide();
         _this.priority = (owner == null ? void 0 : (_owner_item = owner.item) == null ? void 0 : _owner_item.listIndex) || 0;
         //
-        _this.primitives = [];
-        proxy.getPrimitives().forEach(function(primOpts) {
-            var primObj = new PPrimitive(_this.engine);
-            primObj.create(primOpts, _assert_this_initialized(_this));
-            _this.primitives.push(primObj);
+        _this.subMeshes = [];
+        var geometry = proxy.getGeometry();
+        var _owner_materials;
+        var materials = (_owner_materials = owner == null ? void 0 : owner.materials) != null ? _owner_materials : [];
+        materials.forEach(function(material) {
+            var subMesh = new PSubMesh(_this.engine);
+            subMesh.create(geometry, material, _assert_this_initialized(_this));
+            _this.subMeshes.push(subMesh);
         });
-        if (_this.primitives.length <= 0) {
+        if (_this.subMeshes.length <= 0) {
             console.warn("No primitive inside mesh item " + name);
         }
         _this.boundingBox = _this.getItemBoundingBox(meshData.interaction);
@@ -2488,7 +2491,7 @@ function _assert_this_initialized(self) {
             return;
         }
         this.isBuilt = true;
-        this.primitives.forEach(function(prim) {
+        this.subMeshes.forEach(function(prim) {
             prim.build(scene.maxLightCount, {}, scene.skybox);
         });
         if (PGlobalState.getInstance().visBoundingBox) {
@@ -2510,9 +2513,8 @@ function _assert_this_initialized(self) {
         var _this_skin;
         (_this_skin = this.skin) == null ? void 0 : _this_skin.updateSkinMatrices();
         this.updateMaterial(scene);
-        this.primitives.forEach(function(prim) {
-            var mesh = prim.effectsMesh;
-            renderer.drawGeometry(mesh.geometry, mesh.material);
+        this.subMeshes.forEach(function(subMesh, index) {
+            renderer.drawGeometry(subMesh.getEffectsGeometry(), subMesh.getEffectsMaterial(), index);
         });
         if (this.visBoundingBox && this.boundingBoxMesh !== undefined) {
             var mesh = this.boundingBoxMesh.mesh;
@@ -2537,10 +2539,10 @@ function _assert_this_initialized(self) {
         this.skin = undefined;
         (_this_morph = this.morph) == null ? void 0 : _this_morph.dispose();
         this.morph = undefined;
-        this.primitives.forEach(function(prim) {
+        this.subMeshes.forEach(function(prim) {
             prim.dispose();
         });
-        this.primitives = [];
+        this.subMeshes = [];
         (_this_boundingBoxMesh = this.boundingBoxMesh) == null ? void 0 : _this_boundingBoxMesh.dispose();
         this.boundingBoxMesh = undefined;
     };
@@ -2583,7 +2585,7 @@ function _assert_this_initialized(self) {
         var worldMatrix = this.matrix;
         var normalMatrix = worldMatrix.clone().invert().transpose();
         var sceneStates = scene.sceneStates;
-        this.primitives.forEach(function(prim) {
+        this.subMeshes.forEach(function(prim) {
             prim.updateMaterial(worldMatrix, normalMatrix, sceneStates);
         });
         if (this.boundingBoxMesh !== undefined) {
@@ -2637,7 +2639,7 @@ function _assert_this_initialized(self) {
         }
         var mint;
         if (PGlobalState.getInstance().isEditorEnv) {
-            this.primitives.forEach(function(prim) {
+            this.subMeshes.forEach(function(prim) {
                 var primt = prim.hitTesting(newOrigin, newDirection, worldMatrix, invWorldMatrix);
                 if (primt !== undefined) {
                     if (mint === undefined || mint > primt) {
@@ -2665,7 +2667,7 @@ function _assert_this_initialized(self) {
    */ _proto.computeBoundingBox = function computeBoundingBox(worldMatrix) {
         var box = this.boundingBox.makeEmpty();
         var inverseWorldMatrix = worldMatrix.clone().invert();
-        this.primitives.forEach(function(prim) {
+        this.subMeshes.forEach(function(prim) {
             var subbox = prim.computeBoundingBox(inverseWorldMatrix);
             box.union(subbox);
         });
@@ -2722,24 +2724,14 @@ function _assert_this_initialized(self) {
    */ function get() {
                 return this.skin !== undefined;
             }
-        },
-        {
-            key: "mriMeshs",
-            get: /**
-   * 获取 GE Mesh 数组
-   */ function get() {
-                return this.primitives.map(function(prim) {
-                    return prim.effectsMesh;
-                });
-            }
         }
     ]);
     return PMesh;
 }(PEntity);
 /**
- * Primitive 类，负责 Sub Mesh相关的功能，支持骨骼动画和 PBR 渲染
- */ var PPrimitive = /*#__PURE__*/ function() {
-    function PPrimitive(engine) {
+ * PSubMesh 类，负责 Sub Mesh相关的功能，支持骨骼动画和 PBR 渲染
+ */ var PSubMesh = /*#__PURE__*/ function() {
+    function PSubMesh(engine) {
         this.engine = engine;
         this./**
    * 名称
@@ -2754,17 +2746,17 @@ function _assert_this_initialized(self) {
    * 是否压缩，模式不压缩
    */ isCompressed = false;
     }
-    var _proto = PPrimitive.prototype;
+    var _proto = PSubMesh.prototype;
     /**
    * 创建 Primitive 对象
    * @param data - Primitive 参数
    * @param parent - 所属 Mesh 对象
-   */ _proto.create = function create(data, parent) {
+   */ _proto.create = function create(geometry, material, parent) {
         this.parent = parent;
         this.skin = parent.skin;
         this.morph = parent.morph;
-        this.setGeometry(data.geometry);
-        this.setMaterial(data.material);
+        this.setGeometry(geometry);
+        this.setMaterial(material);
         this.name = parent.name;
         this.effectsPriority = parent.priority;
         this.geometry.setHide(parent.hide);
@@ -2802,6 +2794,7 @@ function _assert_this_initialized(self) {
         var primitiveMacroList = this.getMacroList(lightCount, true, skybox);
         var materialMacroList = this.material.getMacroList(primitiveMacroList);
         var newSemantics = uniformSemantics != null ? uniformSemantics : {};
+        // FIXME: Semantics整体移除
         newSemantics["_ViewProjectionMatrix"] = "VIEWPROJECTION";
         //newSemantics["uView"] = 'VIEWINVERSE';
         newSemantics["_ModelMatrix"] = "MODEL";
@@ -2810,6 +2803,7 @@ function _assert_this_initialized(self) {
         var isWebGL2 = PGlobalState.getInstance().isWebGL2;
         if (this.material.effectMaterial) {
             material = this.material.effectMaterial;
+            // FIXME: Semantics整体移除
             // @ts-expect-error
             material.uniformSemantics = newSemantics;
             materialMacroList.forEach(function(macro) {
@@ -2827,18 +2821,8 @@ function _assert_this_initialized(self) {
                 },
                 uniformSemantics: newSemantics
             });
+            this.material.setMaterialStates(material);
         }
-        var mesh = effects.Mesh.create(this.engine, {
-            name: this.name,
-            material: material,
-            geometry: this.getEffectsGeometry(),
-            priority: this.effectsPriority
-        });
-        if (this.effectsMesh !== undefined) {
-            this.effectsMesh.dispose();
-        }
-        this.effectsMesh = mesh;
-        this.material.setMaterialStates(material);
     };
     _proto.getFeatureList = function getFeatureList(lightCount, pbrPass, skybox) {
         var featureList = [];
@@ -3036,12 +3020,6 @@ function _assert_this_initialized(self) {
         this.jointMatrixTexture = undefined;
         (_this_jointNormalMatTexture = this.jointNormalMatTexture) == null ? void 0 : _this_jointNormalMatTexture.dispose();
         this.jointNormalMatTexture = undefined;
-        this.effectsMesh.dispose({
-            geometries: effects.DestroyOptions.keep,
-            material: effects.DestroyOptions.keep
-        });
-        // @ts-expect-error
-        this.effectsMesh = undefined;
     };
     /**
    * 更新内部 GE 材质着色器 Uniform 数据，根据场景状态
@@ -3051,7 +3029,7 @@ function _assert_this_initialized(self) {
    */ _proto.updateMaterial = function updateMaterial(worldMatrix, nomralMatrix, sceneStates) {
         this.updateUniformsByAnimation(worldMatrix, nomralMatrix);
         this.updateUniformsByScene(sceneStates);
-        this.material.updateUniforms(this.getModelMaterial());
+        this.material.updateUniforms(this.getEffectsMaterial());
     };
     /**
    * 点击测试，先进行简单的包围合测试，然后再计算精准的点击测试，这个测试非常耗时不要在移动端上使用
@@ -3124,7 +3102,7 @@ function _assert_this_initialized(self) {
         }
     };
     _proto.updateUniformsByAnimation = function updateUniformsByAnimation(worldMatrix, normalMatrix) {
-        var material = this.getModelMaterial();
+        var material = this.getEffectsMaterial();
         material.setMatrix("_ModelMatrix", worldMatrix);
         material.setMatrix("_NormalMatrix", normalMatrix);
         //
@@ -3165,7 +3143,7 @@ function _assert_this_initialized(self) {
         }
     };
     _proto.updateUniformsByScene = function updateUniformsByScene(sceneStates) {
-        var material = this.getModelMaterial();
+        var material = this.getEffectsMaterial();
         material.setMatrix("_ViewProjectionMatrix", sceneStates.viewProjectionMatrix);
         material.setVector3("_Camera", sceneStates.cameraPosition);
         //
@@ -3262,8 +3240,8 @@ function _assert_this_initialized(self) {
     /**
    * 获取 GE 材质
    * @returns
-   */ _proto.getModelMaterial = function getModelMaterial() {
-        return this.effectsMesh.material;
+   */ _proto.getEffectsMaterial = function getEffectsMaterial() {
+        return this.material.effectMaterial;
     };
     /**
    * 是否无光照材质
@@ -3298,7 +3276,7 @@ function _assert_this_initialized(self) {
             return this.boundingBox.clone().applyMatrix4(matrix);
         }
     };
-    return PPrimitive;
+    return PSubMesh;
 }();
 /**
  * 3D 几何类
@@ -3374,7 +3352,7 @@ function _assert_this_initialized(self) {
    * 是否有切线属性
    * @returns
    */ _proto.hasTangents = function hasTangents() {
-        return this.hasAttribute("a_Tangent");
+        return this.hasAttribute("aTangent");
     };
     /**
    * 是否有纹理坐标属性
@@ -3391,19 +3369,19 @@ function _assert_this_initialized(self) {
    * 是否有颜色属性
    * @returns
    */ _proto.hasColors = function hasColors() {
-        return this.hasAttribute("a_Color");
+        return this.hasAttribute("aColor");
     };
     /**
    * 是否有关节点属性
    * @returns
    */ _proto.hasJoints = function hasJoints() {
-        return this.hasAttribute("a_Joint1");
+        return this.hasAttribute("aJoints");
     };
     /**
    * 是否有权重属性
    * @returns
    */ _proto.hasWeights = function hasWeights() {
-        return this.hasAttribute("a_Weight1");
+        return this.hasAttribute("aWeights");
     };
     return PGeometry;
 }();
@@ -3412,35 +3390,7 @@ var EffectsMeshProxy = /*#__PURE__*/ function() {
         this.itemData = itemData;
         this.parentItem = parentItem;
         this.data = itemData;
-        // Morph 对象创建，需要为每个 Primitive 中 Geometry 对象创建 Morph
-        // 并且要求创建的 Morph 对象状态是相同的，否则就报错
-        var isSuccess = true;
-        var morphObj = new PMorph();
-        var _this_data = this.data, primitives = _this_data.primitives, morph = _this_data.morph;
-        primitives.forEach(function(prim, idx) {
-            if (idx === 0) {
-                morphObj.create(prim.geometry);
-            } else {
-                var tempMorph = new PMorph();
-                if (!tempMorph.create(prim.geometry)) {
-                    isSuccess = false;
-                } else {
-                    if (!morphObj.equals(tempMorph)) {
-                        isSuccess = false;
-                        console.error("Morpth target mismatch between primtives: " + JSON.stringify(morphObj) + ", " + JSON.stringify(tempMorph));
-                    }
-                }
-            }
-        });
-        if (isSuccess) {
-            // 设置初始权重数组
-            if ((morph == null ? void 0 : morph.weights) !== undefined) {
-                morphObj.initWeights(morph.weights);
-            }
-            this.morphObj = morphObj;
-        } else {
-            this.morphObj = new PMorph();
-        }
+        this.morphObj = new PMorph();
     }
     var _proto = EffectsMeshProxy.prototype;
     _proto.hasMorphTarget = function hasMorphTarget() {
@@ -3472,11 +3422,14 @@ var EffectsMeshProxy = /*#__PURE__*/ function() {
     _proto.getParentIndex = function getParentIndex() {
         return -1;
     };
-    _proto.getPrimitives = function getPrimitives() {
-        return this.data.primitives;
+    _proto.getGeometry = function getGeometry() {
+        return this.data.geometry;
+    };
+    _proto.getMaterials = function getMaterials() {
+        return this.data.materials;
     };
-    _proto.getPrimitiveCount = function getPrimitiveCount() {
-        return this.data.primitives.length;
+    _proto.getMaterialCount = function getMaterialCount() {
+        return this.data.materials.length;
     };
     _proto.hasSkin = function hasSkin() {
         // FIXME: skin
@@ -3882,7 +3835,7 @@ var EffectsMeshProxy = /*#__PURE__*/ function() {
     return PSceneManager;
 }();
 
-var primitiveVert = "precision highp float;\n#define FEATURES\n#include <webglCompatibility.glsl>\n#include <animation.vert.glsl>\nvsIn vec4 aPos;vsOut vec3 v_Position;\n#ifdef HAS_NORMALS\nvsIn vec4 aNormal;\n#endif\n#ifdef HAS_TANGENTS\nvsIn vec4 a_Tangent;\n#endif\n#ifdef HAS_NORMALS\n#ifdef HAS_TANGENTS\nvsOut mat3 v_TBN;\n#else\nvsOut vec3 v_Normal;\n#endif\n#endif\n#ifdef HAS_UV_SET1\nvsIn vec2 aUV;\n#endif\n#ifdef HAS_UV_SET2\nvsIn vec2 aUV2;\n#endif\nvsOut vec2 v_UVCoord1;\n#ifdef HAS_UV_SET2\nvsOut vec2 v_UVCoord2;\n#endif\n#ifdef HAS_VERTEX_COLOR_VEC3\nvsIn vec3 a_Color;vsOut vec3 v_Color;\n#endif\n#ifdef HAS_VERTEX_COLOR_VEC4\nvsIn vec4 a_Color;vsOut vec4 v_Color;\n#endif\nuniform mat4 _ViewProjectionMatrix;uniform mat4 _ModelMatrix;uniform mat4 _NormalMatrix;\n#ifdef EDITOR_TRANSFORM\nuniform vec4 uEditorTransform;\n#endif\n#ifdef USE_SHADOW_MAPPING\nuniform mat4 _LightViewProjectionMatrix;uniform float _DeltaSceneSize;vsOut vec4 v_PositionLightSpace;vsOut vec4 v_dPositionLightSpace;\n#endif\nvec4 getPosition(){vec4 pos=vec4(aPos.xyz,1.0);\n#ifdef USE_MORPHING\npos+=getTargetPosition();\n#endif\n#ifdef USE_SKINNING\npos=getSkinningMatrix()*pos;\n#endif\nreturn pos;}\n#ifdef HAS_NORMALS\nvec4 getNormal(){vec4 normal=aNormal;\n#ifdef USE_MORPHING\nnormal+=getTargetNormal();\n#endif\n#ifdef USE_SKINNING\nnormal=getSkinningNormalMatrix()*normal;\n#endif\nreturn normalize(normal);}\n#endif\n#ifdef HAS_TANGENTS\nvec4 getTangent(){vec4 tangent=a_Tangent;\n#ifdef USE_MORPHING\ntangent+=getTargetTangent();\n#endif\n#ifdef USE_SKINNING\ntangent=getSkinningMatrix()*tangent;\n#endif\nreturn normalize(tangent);}\n#endif\nvoid main(){vec4 pos=_ModelMatrix*getPosition();v_Position=vec3(pos.xyz)/pos.w;\n#ifdef HAS_NORMALS\n#ifdef HAS_TANGENTS\nvec4 tangent=getTangent();vec3 normalW=normalize(vec3(_NormalMatrix*vec4(getNormal().xyz,0.0)));vec3 tangentW=normalize(vec3(_ModelMatrix*vec4(tangent.xyz,0.0)));vec3 bitangentW=cross(normalW,tangentW)*tangent.w;v_TBN=mat3(tangentW,bitangentW,normalW);\n#else\nv_Normal=normalize(vec3(_NormalMatrix*vec4(getNormal().xyz,0.0)));\n#endif\n#endif\nv_UVCoord1=vec2(0.0,0.0);\n#ifdef HAS_UV_SET1\nv_UVCoord1=aUV;\n#endif\n#ifdef HAS_UV_SET2\nv_UVCoord2=aUV2;\n#endif\n#if defined(HAS_VERTEX_COLOR_VEC3) || defined(HAS_VERTEX_COLOR_VEC4)\nv_Color=a_Color;\n#endif\n#ifdef USE_SHADOW_MAPPING\nv_PositionLightSpace=_LightViewProjectionMatrix*pos;vec3 dpos=vec3(_DeltaSceneSize);v_dPositionLightSpace=_LightViewProjectionMatrix*(pos+vec4(dpos,0));\n#endif\ngl_Position=_ViewProjectionMatrix*pos;\n#ifdef EDITOR_TRANSFORM\ngl_Position=vec4(gl_Position.xy*uEditorTransform.xy+uEditorTransform.zw*gl_Position.w,gl_Position.zw);\n#endif\n}";
+var primitiveVert = "precision highp float;\n#define FEATURES\n#include <webglCompatibility.glsl>\n#include <animation.vert.glsl>\nvsIn vec4 aPos;vsOut vec3 v_Position;\n#ifdef HAS_NORMALS\nvsIn vec4 aNormal;\n#endif\n#ifdef HAS_TANGENTS\nvsIn vec4 aTangent;\n#endif\n#ifdef HAS_NORMALS\n#ifdef HAS_TANGENTS\nvsOut mat3 v_TBN;\n#else\nvsOut vec3 v_Normal;\n#endif\n#endif\n#ifdef HAS_UV_SET1\nvsIn vec2 aUV;\n#endif\n#ifdef HAS_UV_SET2\nvsIn vec2 aUV2;\n#endif\nvsOut vec2 v_UVCoord1;\n#ifdef HAS_UV_SET2\nvsOut vec2 v_UVCoord2;\n#endif\n#ifdef HAS_VERTEX_COLOR_VEC3\nvsIn vec3 aColor;vsOut vec3 v_Color;\n#endif\n#ifdef HAS_VERTEX_COLOR_VEC4\nvsIn vec4 aColor;vsOut vec4 v_Color;\n#endif\nuniform mat4 _ViewProjectionMatrix;uniform mat4 _ModelMatrix;uniform mat4 _NormalMatrix;\n#ifdef EDITOR_TRANSFORM\nuniform vec4 uEditorTransform;\n#endif\n#ifdef USE_SHADOW_MAPPING\nuniform mat4 _LightViewProjectionMatrix;uniform float _DeltaSceneSize;vsOut vec4 v_PositionLightSpace;vsOut vec4 v_dPositionLightSpace;\n#endif\nvec4 getPosition(){vec4 pos=vec4(aPos.xyz,1.0);\n#ifdef USE_MORPHING\npos+=getTargetPosition();\n#endif\n#ifdef USE_SKINNING\npos=getSkinningMatrix()*pos;\n#endif\nreturn pos;}\n#ifdef HAS_NORMALS\nvec4 getNormal(){vec4 normal=aNormal;\n#ifdef USE_MORPHING\nnormal+=getTargetNormal();\n#endif\n#ifdef USE_SKINNING\nnormal=getSkinningNormalMatrix()*normal;\n#endif\nreturn normalize(normal);}\n#endif\n#ifdef HAS_TANGENTS\nvec4 getTangent(){vec4 tangent=aTangent;\n#ifdef USE_MORPHING\ntangent+=getTargetTangent();\n#endif\n#ifdef USE_SKINNING\ntangent=getSkinningMatrix()*tangent;\n#endif\nreturn normalize(tangent);}\n#endif\nvoid main(){vec4 pos=_ModelMatrix*getPosition();v_Position=vec3(pos.xyz)/pos.w;\n#ifdef HAS_NORMALS\n#ifdef HAS_TANGENTS\nvec4 tangent=getTangent();vec3 normalW=normalize(vec3(_NormalMatrix*vec4(getNormal().xyz,0.0)));vec3 tangentW=normalize(vec3(_ModelMatrix*vec4(tangent.xyz,0.0)));vec3 bitangentW=cross(normalW,tangentW)*tangent.w;v_TBN=mat3(tangentW,bitangentW,normalW);\n#else\nv_Normal=normalize(vec3(_NormalMatrix*vec4(getNormal().xyz,0.0)));\n#endif\n#endif\nv_UVCoord1=vec2(0.0,0.0);\n#ifdef HAS_UV_SET1\nv_UVCoord1=aUV;\n#endif\n#ifdef HAS_UV_SET2\nv_UVCoord2=aUV2;\n#endif\n#if defined(HAS_VERTEX_COLOR_VEC3) || defined(HAS_VERTEX_COLOR_VEC4)\nv_Color=aColor;\n#endif\n#ifdef USE_SHADOW_MAPPING\nv_PositionLightSpace=_LightViewProjectionMatrix*pos;vec3 dpos=vec3(_DeltaSceneSize);v_dPositionLightSpace=_LightViewProjectionMatrix*(pos+vec4(dpos,0));\n#endif\ngl_Position=_ViewProjectionMatrix*pos;\n#ifdef EDITOR_TRANSFORM\ngl_Position=vec4(gl_Position.xy*uEditorTransform.xy+uEditorTransform.zw*gl_Position.w,gl_Position.zw);\n#endif\n}";
 
 var metallicRoughnessFrag = "\n#define FEATURES\n#ifndef WEBGL2\n#extension GL_OES_standard_derivatives : enable\n#endif\n#if !defined(WEBGL2) && defined(USE_TEX_LOD)\n#extension GL_EXT_shader_texture_lod : enable\n#endif\n#ifdef USE_HDR\n#extension GL_OES_texture_float : enable\n#extension GL_OES_texture_float_linear : enable\n#endif\n#if !defined(WEBGL2) && defined(USE_WBOIT)\n#extension GL_EXT_draw_buffers: require\n#endif\n#ifdef GL_FRAGMENT_PRECISION_HIGH\nprecision highp float;\n#else\nprecision mediump float;\n#endif\n#ifdef WEBGL2\n#ifdef USE_WBOIT\nlayout(location=0)out vec4 outFragColor0;layout(location=1)out vec4 outFragColor1;\n#else\nout vec4 outFragColor;\n#endif\n#else\n#ifdef USE_WBOIT\n#define outFragColor0 gl_FragData[0]\n#define outFragColor1 gl_FragData[1]\n#else\n#define outFragColor gl_FragColor\n#endif\n#endif\n#include <webglCompatibility.glsl>\n#include <extensions.frag.glsl>\n#include <tonemapping.frag.glsl>\n#include <textures.vert.glsl>\n#include <functions.frag.glsl>\n#include <shadowCommon.vert.glsl>\n#include <shadow.frag.glsl>\nstruct Light{vec3 direction;float range;vec3 color;float intensity;vec3 position;float innerConeCos;float outerConeCos;int type;vec2 padding;};const int LightType_Directional=0;const int LightType_Point=1;const int LightType_Spot=2;const int LightType_Ambient=3;\n#ifdef USE_PUNCTUAL\nuniform Light _Lights[LIGHT_COUNT];\n#endif\n#if defined(MATERIAL_SPECULARGLOSSINESS) || defined(MATERIAL_METALLICROUGHNESS)\nuniform float _MetallicFactor;uniform float _RoughnessFactor;uniform vec4 _BaseColorFactor;\n#endif\n#ifdef MATERIAL_SPECULARGLOSSINESS\nuniform vec3 _SpecularFactor;uniform vec4 _DiffuseFactor;uniform float _GlossinessFactor;\n#endif\n#ifdef ALPHAMODE_MASK\nuniform float _AlphaCutoff;\n#endif\n#ifdef ADD_FOG\nuniform vec4 _FogColor;\n#ifdef LINEAR_FOG\nuniform float _FogNear;uniform float _FogFar;\n#endif\n#ifdef EXP_FOG\nuniform float _FogDensity;\n#endif\n#endif\n#ifdef PREVIEW_BORDER\nuniform vec4 uPreviewColor;\n#endif\nuniform vec3 _Camera;uniform int _MipCount;struct MaterialInfo{float perceptualRoughness;vec3 reflectance0;float alphaRoughness;vec3 diffuseColor;vec3 reflectance90;vec3 specularColor;};\n#ifdef ADD_FOG\nvec3 getMixFogColor(vec3 baseColor){vec3 distance=_Camera-v_Position;float fogAmount=0.0;\n#ifdef LINEAR_FOG\nfogAmount=smoothstep(_FogNear,_FogFar,distance[2]);\n#endif\n#ifdef EXP_FOG\n#define LOG2 1.442695\nfogAmount=1.-exp2(-_FogDensity*_FogDensity*distance[2]*distance[2]*LOG2);fogAmount=clamp(fogAmount,0.,1.);\n#endif\nvec3 mixColor=baseColor.rgb+(vec3(_FogColor)-baseColor.rgb)*fogAmount;return mixColor;}\n#endif\n#ifdef IRRADIANCE_COEFFICIENTS\nvec3 getIrradiance(vec3 norm,SHCoefficients c){float x=norm.x;float y=norm.y;float z=norm.z;float c1=0.429043;float c2=0.511664;float c3=0.743125;float c4=0.886227;float c5=0.247708;vec3 irradiance=c1*c.l22*(x*x-y*y)+c3*c.l20*(z*z)+c4*c.l00-c5*c.l20+2.0*c1*(c.l2m2*x*y+c.l21*x*z+c.l2m1*y*z)+2.0*c2*(c.l11*x+c.l1m1*y+c.l10*z);return irradiance;}\n#endif\n#ifdef USE_IBL\nvec3 getIBLContribution(MaterialInfo materialInfo,vec3 n,vec3 v){float NdotV=clamp(dot(n,v),0.0,1.0);float lod=clamp(materialInfo.perceptualRoughness*float(_MipCount),0.0,float(_MipCount));vec3 reflection=normalize(reflect(-v,n));vec2 brdfSamplePoint=clamp(vec2(NdotV,materialInfo.perceptualRoughness),vec2(0.0,0.0),vec2(1.0,1.0));vec2 brdf=texture2D(_brdfLUT,brdfSamplePoint).rg;vec4 diffuseColor=vec4(1.0,0.0,0.0,1.0);\n#ifdef IRRADIANCE_COEFFICIENTS\nvec3 irradiance=getIrradiance(n,_shCoefficients);diffuseColor=vec4(irradiance,1.0);\n#else\ndiffuseColor=textureCube(_DiffuseEnvSampler,n);\n#endif\n#ifdef USE_TEX_LOD\nvec4 specularSample=_textureCubeLodEXT(_SpecularEnvSampler,reflection,lod);\n#else\nvec4 specularSample=textureCube(_SpecularEnvSampler,reflection,lod);\n#endif\n#ifdef USE_HDR\nvec3 diffuseLight=diffuseColor.rgb;vec3 specularLight=specularSample.rgb;\n#else\nvec3 diffuseLight=SRGBtoLINEAR(diffuseColor).rgb;vec3 specularLight=SRGBtoLINEAR(specularSample).rgb;\n#endif\nvec3 diffuse=diffuseLight*materialInfo.diffuseColor;vec3 specular=specularLight*(materialInfo.specularColor*brdf.x+brdf.y);return diffuse*_IblIntensity[0]+specular*_IblIntensity[1];}\n#endif\nvec3 diffuse(MaterialInfo materialInfo){return materialInfo.diffuseColor/M_PI;}vec3 specularReflection(MaterialInfo materialInfo,AngularInfo angularInfo){return materialInfo.reflectance0+(materialInfo.reflectance90-materialInfo.reflectance0)*pow(clamp(1.0-angularInfo.VdotH,0.0,1.0),5.0);}float visibilityOcclusion(MaterialInfo materialInfo,AngularInfo angularInfo){float NdotL=angularInfo.NdotL;float NdotV=angularInfo.NdotV;float alphaRoughnessSq=materialInfo.alphaRoughness*materialInfo.alphaRoughness;float GGXV=NdotL*sqrt(NdotV*NdotV*(1.0-alphaRoughnessSq)+alphaRoughnessSq);float GGXL=NdotV*sqrt(NdotL*NdotL*(1.0-alphaRoughnessSq)+alphaRoughnessSq);float GGX=GGXV+GGXL;if(GGX>0.0){return 0.5/GGX;}return 0.0;}float microfacetDistribution(MaterialInfo materialInfo,AngularInfo angularInfo){float alphaRoughnessSq=materialInfo.alphaRoughness*materialInfo.alphaRoughness;float f=(angularInfo.NdotH*alphaRoughnessSq-angularInfo.NdotH)*angularInfo.NdotH+1.0;return alphaRoughnessSq/(M_PI*f*f);}vec3 getPointShade(vec3 pointToLight,MaterialInfo materialInfo,vec3 normal,vec3 view){AngularInfo angularInfo=getAngularInfo(pointToLight,normal,view);if(angularInfo.NdotL>0.0||angularInfo.NdotV>0.0){vec3 F=specularReflection(materialInfo,angularInfo);float Vis=visibilityOcclusion(materialInfo,angularInfo);float D=microfacetDistribution(materialInfo,angularInfo);vec3 diffuseContrib=(1.0-F)*diffuse(materialInfo);vec3 specContrib=F*Vis*D;return angularInfo.NdotL*(diffuseContrib+specContrib);}return vec3(0.0,0.0,0.0);}float getRangeAttenuation(float range,float distance){if(range<=0.0){return 1.0;}return 1.0/(pow(5.0*distance/range,2.0)+1.0);}float getSpotAttenuation(vec3 pointToLight,vec3 spotDirection,float outerConeCos,float innerConeCos){float actualCos=dot(normalize(spotDirection),normalize(-pointToLight));if(actualCos>outerConeCos){if(actualCos<innerConeCos){return smoothstep(outerConeCos,innerConeCos,actualCos);}return 1.0;}return 0.0;}vec3 applyDirectionalLight(Light light,MaterialInfo materialInfo,vec3 normal,vec3 view,float shadow){vec3 pointToLight=-light.direction;vec3 shade=getPointShade(pointToLight,materialInfo,normal,view)*shadow;return light.intensity*light.color*shade;}vec3 applyPointLight(Light light,MaterialInfo materialInfo,vec3 normal,vec3 view){vec3 pointToLight=light.position-v_Position;float distance=length(pointToLight);float attenuation=getRangeAttenuation(light.range,distance);vec3 shade=getPointShade(pointToLight,materialInfo,normal,view);return light.color*shade*attenuation*light.intensity;}vec3 applySpotLight(Light light,MaterialInfo materialInfo,vec3 normal,vec3 view,float shadow){vec3 pointToLight=light.position-v_Position;float distance=length(pointToLight);float rangeAttenuation=getRangeAttenuation(light.range,distance);float spotAttenuation=getSpotAttenuation(pointToLight,light.direction,light.outerConeCos,light.innerConeCos);vec3 shade=getPointShade(pointToLight,materialInfo,normal,view)*shadow;return rangeAttenuation*spotAttenuation*light.intensity*light.color*shade;}vec3 applyAmbientLight(Light light,MaterialInfo materialInfo){return light.intensity*light.color*diffuse(materialInfo);}float weight(float z,float a){return clamp(pow(min(1.0,a*10.0)+0.01,3.0)*1e8*pow(1.0-z*0.9,3.0),1e-2,3e3);}void writeFragmentColor(vec4 fragColor){\n#if !defined(ALPHAMODE_OPAQUE) && defined(USE_WBOIT)\nfloat w=weight(gl_FragCoord.z,fragColor.a);fragColor.rgb*=fragColor.a;outFragColor0=vec4(fragColor.rgb*w,fragColor.a);outFragColor1=vec4(fragColor.a*w);\n#else\noutFragColor=fragColor;\n#endif\n}void main(){float perceptualRoughness=0.0;float metallic=0.0;vec4 baseColor=vec4(0.0,0.0,0.0,1.0);vec3 diffuseColor=vec3(0.0);vec3 specularColor=vec3(0.0);vec3 f0=vec3(0.04);\n#ifdef PREVIEW_BORDER\nwriteFragmentColor(uPreviewColor);return;\n#endif\n#ifdef MATERIAL_SPECULARGLOSSINESS\n#ifdef HAS_SPECULAR_GLOSSINESS_MAP\nvec4 sgSample=SRGBtoLINEAR(texture2D(_SpecularGlossinessSampler,getSpecularGlossinessUV()));perceptualRoughness=(1.0-sgSample.a*_GlossinessFactor);f0=sgSample.rgb*_SpecularFactor;\n#else\nf0=_SpecularFactor;perceptualRoughness=1.0-_GlossinessFactor;\n#endif\n#ifdef HAS_DIFFUSE_MAP\nbaseColor=SRGBtoLINEAR(texture2D(_DiffuseSampler,getDiffuseUV()))*_DiffuseFactor;\n#else\nbaseColor=SRGBtoLINEAR(_DiffuseFactor);\n#endif\nbaseColor*=getVertexColor();specularColor=f0;float oneMinusSpecularStrength=1.0-max(max(f0.r,f0.g),f0.b);diffuseColor=baseColor.rgb*oneMinusSpecularStrength;\n#ifdef DEBUG_METALLIC\nmetallic=solveMetallic(baseColor.rgb,specularColor,oneMinusSpecularStrength);\n#endif\n#endif\n#ifdef MATERIAL_METALLICROUGHNESS\n#ifdef HAS_METALLIC_ROUGHNESS_MAP\nvec4 mrSample=texture2D(_MetallicRoughnessSampler,getMetallicRoughnessUV());perceptualRoughness=mrSample.g*_RoughnessFactor;metallic=mrSample.b*_MetallicFactor;\n#else\nmetallic=_MetallicFactor;perceptualRoughness=_RoughnessFactor;\n#endif\n#ifdef HAS_BASE_COLOR_MAP\nbaseColor=SRGBtoLINEAR(texture2D(_BaseColorSampler,getBaseColorUV()))*_BaseColorFactor;\n#else\nbaseColor=SRGBtoLINEAR(_BaseColorFactor);\n#endif\nbaseColor*=getVertexColor();diffuseColor=baseColor.rgb*(vec3(1.0)-f0)*(1.0-metallic);specularColor=mix(f0,baseColor.rgb,metallic);\n#endif\n#ifdef ALPHAMODE_MASK\nif(baseColor.a<_AlphaCutoff){discard;}baseColor.a=1.0;\n#endif\n#ifdef ALPHAMODE_OPAQUE\nbaseColor.a=1.0;\n#endif\n#ifdef MATERIAL_UNLIT\n#ifndef DEBUG_OUTPUT\n#ifdef ADD_FOG\nvec3 mixColor=getMixFogColor(baseColor.rgb);vec4 fragColorUnlit=vec4(LINEARtoSRGB(mixColor)*baseColor.a,baseColor.a);\n#else\nvec4 fragColorUnlit=vec4(LINEARtoSRGB(baseColor.rgb)*baseColor.a,baseColor.a);\n#endif\nwriteFragmentColor(fragColorUnlit);\n#else\n#ifdef DEBUG_UV\noutFragColor.rgb=vec3(getDebugUVColor(getBaseColorUV(),getNormal()));\n#endif\n#ifdef DEBUG_METALLIC\noutFragColor.rgb=vec3(metallic);\n#endif\n#ifdef DEBUG_ROUGHNESS\noutFragColor.rgb=vec3(perceptualRoughness);\n#endif\n#ifdef DEBUG_NORMAL\noutFragColor.rgb=getNormal()*0.5+0.5;\n#endif\n#ifdef DEBUG_BASECOLOR\noutFragColor.rgb=LINEARtoSRGB(baseColor.rgb);\n#endif\n#ifdef DEBUG_OCCLUSION\noutFragColor.rgb=vec3(1.0);\n#endif\n#ifdef DEBUG_EMISSIVE\noutFragColor.rgb=vec3(0.0);\n#endif\n#ifdef DEBUG_ALPHA\noutFragColor.rgb=vec3(baseColor.a);\n#endif\noutFragColor.a=1.0;\n#endif\nreturn;\n#endif\nmetallic=clamp(metallic,0.0,1.0);float alphaRoughness=perceptualRoughness*perceptualRoughness;vec3 normal=getNormal();\n#ifdef USE_SPECULAR_AA\nfloat AARoughnessFactor=getAARoughnessFactor(normal);perceptualRoughness+=AARoughnessFactor;alphaRoughness+=AARoughnessFactor;\n#endif\nperceptualRoughness=clamp(perceptualRoughness,0.04,1.0);alphaRoughness=clamp(alphaRoughness,0.04,1.0);float reflectance=max(max(specularColor.r,specularColor.g),specularColor.b);vec3 specularEnvironmentR0=specularColor.rgb;vec3 specularEnvironmentR90=vec3(clamp(reflectance*50.0,0.0,1.0));MaterialInfo materialInfo=MaterialInfo(perceptualRoughness,specularEnvironmentR0,alphaRoughness,diffuseColor,specularEnvironmentR90,specularColor);vec3 color=vec3(0.0,0.0,0.0);vec3 view=normalize(_Camera-v_Position);float shadow=1.0;\n#ifdef USE_SHADOW_MAPPING\nshadow=getShadowContribution();\n#endif\n#ifdef USE_PUNCTUAL\nfor(int i=0;i<LIGHT_COUNT;++i){Light light=_Lights[i];if(light.type==LightType_Directional){color+=applyDirectionalLight(light,materialInfo,normal,view,shadow);}else if(light.type==LightType_Point){color+=applyPointLight(light,materialInfo,normal,view);}else if(light.type==LightType_Spot){color+=applySpotLight(light,materialInfo,normal,view,shadow);}else if(light.type==LightType_Ambient){color+=applyAmbientLight(light,materialInfo);}}\n#endif\n#ifdef USE_IBL\ncolor+=getIBLContribution(materialInfo,normal,view);\n#endif\nfloat ao=1.0;\n#ifdef HAS_OCCLUSION_MAP\nao=texture2D(_OcclusionSampler,getOcclusionUV()).r;color=mix(color,color*ao,_OcclusionStrength);\n#endif\nvec3 emissive=vec3(0);\n#ifndef DEBUG_OUTPUT\n#ifdef ADD_FOG\nvec4 toneMapColor=SRGBtoLINEAR(vec4(toneMap(color),baseColor.a));color=getMixFogColor(toneMapColor.rgb);vec4 fragColorOut=vec4(LINEARtoSRGB(color.rgb)*baseColor.a,baseColor.a);\n#else\ncolor=toneMap(color)*baseColor.a;\n#ifdef HAS_EMISSIVE\ncolor+=_EmissiveFactor.rgb*_EmissiveIntensity;\n#endif\n#ifdef HAS_EMISSIVE_MAP\nemissive=SRGBtoLINEAR(texture2D(_EmissiveSampler,getEmissiveUV())).rgb*_EmissiveFactor.rgb*_EmissiveIntensity;color+=emissive;\n#endif\nvec4 fragColorOut=vec4(color,baseColor.a);\n#endif\nwriteFragmentColor(fragColorOut);\n#else\n#ifdef DEBUG_UV\noutFragColor.rgb=vec3(getDebugUVColor(getBaseColorUV(),normal));\n#endif\n#ifdef DEBUG_METALLIC\noutFragColor.rgb=vec3(metallic);\n#endif\n#ifdef DEBUG_ROUGHNESS\noutFragColor.rgb=vec3(perceptualRoughness);\n#endif\n#ifdef DEBUG_NORMAL\noutFragColor.rgb=normal*0.5+0.5;\n#endif\n#ifdef DEBUG_BASECOLOR\noutFragColor.rgb=LINEARtoSRGB(baseColor.rgb);\n#endif\n#ifdef DEBUG_OCCLUSION\n#ifdef HAS_OCCLUSION_MAP\noutFragColor.rgb=vec3(mix(1.0,ao,_OcclusionStrength));\n#else\noutFragColor.rgb=vec3(1.0);\n#endif\n#endif\n#ifdef DEBUG_EMISSIVE\n#ifdef HAS_EMISSIVE\nemissive=_EmissiveFactor.rgb*_EmissiveIntensity;\n#endif\n#ifdef HAS_EMISSIVE_MAP\nemissive=SRGBtoLINEAR(texture2D(_EmissiveSampler,getEmissiveUV())).rgb*_EmissiveFactor.rgb*_EmissiveIntensity;\n#endif\noutFragColor.rgb=LINEARtoSRGB(emissive);\n#endif\n#ifdef DEBUG_F0\noutFragColor.rgb=vec3(f0);\n#endif\n#ifdef DEBUG_ALPHA\noutFragColor.rgb=vec3(baseColor.a);\n#endif\noutFragColor.a=1.0;\n#endif\n}";
 
@@ -3892,7 +3845,7 @@ var skyboxVert = "precision highp float;\n#define FEATURES\n#include <webglCompa
 
 var skyboxFrag = "precision highp float;\n#define FEATURES\n#if !defined(WEBGL2) && defined(USE_TEX_LOD)\n#extension GL_EXT_shader_texture_lod : enable\n#endif\n#if !defined(WEBGL2)\n#extension GL_OES_standard_derivatives : enable\n#endif\n#include <webglCompatibility.glsl>\n#include <extensions.frag.glsl>\n#ifdef WEBGL2\nout vec4 outFragColor;\n#else\n#define outFragColor gl_FragColor\n#endif\nuniform sampler2D _brdfLUT;uniform vec2 _IblIntensity;uniform int _MipCount;uniform samplerCube _DiffuseEnvSampler;uniform samplerCube _SpecularEnvSampler;fsIn vec3 v_CameraDir;\n#ifdef IRRADIANCE_COEFFICIENTS\nstruct SHCoefficients{vec3 l00,l1m1,l10,l11,l2m2,l2m1,l20,l21,l22;};uniform SHCoefficients _shCoefficients;vec3 getIrradiance(vec3 norm,SHCoefficients c){float x=norm.x;float y=norm.y;float z=norm.z;float c1=0.429043;float c2=0.511664;float c3=0.743125;float c4=0.886227;float c5=0.247708;vec3 irradiance=c1*c.l22*(x*x-y*y)+c3*c.l20*(z*z)+c4*c.l00-c5*c.l20+2.0*c1*(c.l2m2*x*y+c.l21*x*z+c.l2m1*y*z)+2.0*c2*(c.l11*x+c.l1m1*y+c.l10*z);return irradiance;}\n#endif\nvec3 getIBLContribution(vec3 n,vec3 v){const float metallic=0.9;const float perceptualRoughness=0.1;const vec4 baseColor=vec4(1.0);const vec3 f0=vec3(0.04);const vec3 diffuseColor=baseColor.rgb*(vec3(1.0)-f0)*(1.0-metallic);const vec3 specularColor=mix(f0,baseColor.rgb,metallic);float NdotV=clamp(dot(n,v),0.0,1.0);float lod=clamp(perceptualRoughness*float(_MipCount),0.0,float(_MipCount));vec3 reflection=normalize(reflect(-v,n));vec2 brdfSamplePoint=clamp(vec2(NdotV,perceptualRoughness),vec2(0.0,0.0),vec2(1.0,1.0));vec2 brdf=texture2D(_brdfLUT,brdfSamplePoint).rg;vec4 diffuseSample=vec4(1.0,0.0,0.0,1.0);\n#ifdef IRRADIANCE_COEFFICIENTS\nvec3 irradiance=getIrradiance(n,_shCoefficients);diffuseSample=vec4(irradiance,1.0);\n#else\ndiffuseSample=textureCube(_DiffuseEnvSampler,n);\n#endif\n#ifdef USE_TEX_LOD\nvec4 specularSample=_textureCubeLodEXT(_SpecularEnvSampler,reflection,lod);\n#else\nvec4 specularSample=textureCube(_SpecularEnvSampler,reflection,lod);\n#endif\nvec3 diffuseLight=diffuseSample.rgb;vec3 specularLight=specularSample.rgb;vec3 diffuse=diffuseLight*diffuseColor;vec3 specular=specularLight*(specularColor*brdf.x+brdf.y);return diffuse*_IblIntensity[0]+specular*_IblIntensity[1];}void main(){vec3 dir=normalize(v_CameraDir);outFragColor=vec4(getIBLContribution(dir,dir),1.0);}";
 
-var animationVertGLSL = "#ifdef HAS_TARGET_POSITION0\nvsIn vec3 a_Target_Position0;\n#endif\n#ifdef HAS_TARGET_POSITION1\nvsIn vec3 a_Target_Position1;\n#endif\n#ifdef HAS_TARGET_POSITION2\nvsIn vec3 a_Target_Position2;\n#endif\n#ifdef HAS_TARGET_POSITION3\nvsIn vec3 a_Target_Position3;\n#endif\n#ifdef HAS_TARGET_POSITION4\nvsIn vec3 a_Target_Position4;\n#endif\n#ifdef HAS_TARGET_POSITION5\nvsIn vec3 a_Target_Position5;\n#endif\n#ifdef HAS_TARGET_POSITION6\nvsIn vec3 a_Target_Position6;\n#endif\n#ifdef HAS_TARGET_POSITION7\nvsIn vec3 a_Target_Position7;\n#endif\n#ifdef HAS_TARGET_NORMAL0\nvsIn vec3 a_Target_Normal0;\n#endif\n#ifdef HAS_TARGET_NORMAL1\nvsIn vec3 a_Target_Normal1;\n#endif\n#ifdef HAS_TARGET_NORMAL2\nvsIn vec3 a_Target_Normal2;\n#endif\n#ifdef HAS_TARGET_NORMAL3\nvsIn vec3 a_Target_Normal3;\n#endif\n#ifdef HAS_TARGET_NORMAL4\nvsIn vec3 a_Target_Normal4;\n#endif\n#ifdef HAS_TARGET_TANGENT0\nvsIn vec3 a_Target_Tangent0;\n#endif\n#ifdef HAS_TARGET_TANGENT1\nvsIn vec3 a_Target_Tangent1;\n#endif\n#ifdef HAS_TARGET_TANGENT2\nvsIn vec3 a_Target_Tangent2;\n#endif\n#ifdef HAS_TARGET_TANGENT3\nvsIn vec3 a_Target_Tangent3;\n#endif\n#ifdef HAS_TARGET_TANGENT4\nvsIn vec3 a_Target_Tangent4;\n#endif\n#ifdef USE_MORPHING\nuniform float _morphWeights[WEIGHT_COUNT];\n#endif\n#ifdef HAS_JOINT_SET1\nvsIn vec4 a_Joint1;\n#endif\n#ifdef HAS_JOINT_SET2\nvsIn vec4 a_Joint2;\n#endif\n#ifdef HAS_WEIGHT_SET1\nvsIn vec4 a_Weight1;\n#endif\n#ifdef HAS_WEIGHT_SET2\nvsIn vec4 a_Weight2;\n#endif\n#ifdef USE_SKINNING\n#ifdef USE_SKINNING_TEXTURE\nuniform sampler2D _jointMatrixSampler;uniform sampler2D _jointNormalMatrixSampler;\n#else\nuniform mat4 _jointMatrix[JOINT_COUNT];uniform mat4 _jointNormalMatrix[JOINT_COUNT];\n#endif\n#endif\n#define ROW0_U ((0.5 + 0.0) / 4.0)\n#define ROW1_U ((0.5 + 1.0) / 4.0)\n#define ROW2_U ((0.5 + 2.0) / 4.0)\n#define ROW3_U ((0.5 + 3.0) / 4.0)\n#ifdef USE_SKINNING\nmat4 getJointMatrix(float boneNdx){\n#ifdef USE_SKINNING_TEXTURE\nfloat v=(boneNdx+0.5)/float(JOINT_COUNT);return mat4(texture2D(_jointMatrixSampler,vec2(ROW0_U,v)),texture2D(_jointMatrixSampler,vec2(ROW1_U,v)),texture2D(_jointMatrixSampler,vec2(ROW2_U,v)),texture2D(_jointMatrixSampler,vec2(ROW3_U,v)));\n#else\nreturn _jointMatrix[int(boneNdx)];\n#endif\n}mat4 getJointNormalMatrix(float boneNdx){\n#ifdef USE_SKINNING_TEXTURE\nfloat v=(boneNdx+0.5)/float(JOINT_COUNT);return mat4(texture2D(_jointNormalMatrixSampler,vec2(ROW0_U,v)),texture2D(_jointNormalMatrixSampler,vec2(ROW1_U,v)),texture2D(_jointNormalMatrixSampler,vec2(ROW2_U,v)),texture2D(_jointNormalMatrixSampler,vec2(ROW3_U,v)));\n#else\nreturn _jointNormalMatrix[int(boneNdx)];\n#endif\n}mat4 getSkinningMatrix(){mat4 skin=mat4(0);\n#if defined(HAS_WEIGHT_SET1) && defined(HAS_JOINT_SET1)\nskin+=a_Weight1.x*getJointMatrix(a_Joint1.x)+a_Weight1.y*getJointMatrix(a_Joint1.y)+a_Weight1.z*getJointMatrix(a_Joint1.z)+a_Weight1.w*getJointMatrix(a_Joint1.w);\n#endif\nreturn skin;}mat4 getSkinningNormalMatrix(){mat4 skin=mat4(0);\n#if defined(HAS_WEIGHT_SET1) && defined(HAS_JOINT_SET1)\nskin+=a_Weight1.x*getJointNormalMatrix(a_Joint1.x)+a_Weight1.y*getJointNormalMatrix(a_Joint1.y)+a_Weight1.z*getJointNormalMatrix(a_Joint1.z)+a_Weight1.w*getJointNormalMatrix(a_Joint1.w);\n#endif\nreturn skin;}\n#endif\n#ifdef USE_MORPHING\nvec4 getTargetPosition(){vec4 pos=vec4(0);\n#ifdef HAS_TARGET_POSITION0\npos.xyz+=_morphWeights[0]*a_Target_Position0;\n#endif\n#ifdef HAS_TARGET_POSITION1\npos.xyz+=_morphWeights[1]*a_Target_Position1;\n#endif\n#ifdef HAS_TARGET_POSITION2\npos.xyz+=_morphWeights[2]*a_Target_Position2;\n#endif\n#ifdef HAS_TARGET_POSITION3\npos.xyz+=_morphWeights[3]*a_Target_Position3;\n#endif\n#ifdef HAS_TARGET_POSITION4\npos.xyz+=_morphWeights[4]*a_Target_Position4;\n#endif\nreturn pos;}vec4 getTargetNormal(){vec4 normal=vec4(0);\n#ifdef HAS_TARGET_NORMAL0\nnormal.xyz+=_morphWeights[0]*a_Target_Normal0;\n#endif\n#ifdef HAS_TARGET_NORMAL1\nnormal.xyz+=_morphWeights[1]*a_Target_Normal1;\n#endif\n#ifdef HAS_TARGET_NORMAL2\nnormal.xyz+=_morphWeights[2]*a_Target_Normal2;\n#endif\n#ifdef HAS_TARGET_NORMAL3\nnormal.xyz+=_morphWeights[3]*a_Target_Normal3;\n#endif\n#ifdef HAS_TARGET_NORMAL4\nnormal.xyz+=_morphWeights[4]*a_Target_Normal4;\n#endif\nreturn normal;}vec4 getTargetTangent(){vec4 tangent=vec4(0);\n#ifdef HAS_TARGET_TANGENT0\ntangent.xyz+=_morphWeights[0]*a_Target_Tangent0;\n#endif\n#ifdef HAS_TARGET_TANGENT1\ntangent.xyz+=_morphWeights[1]*a_Target_Tangent1;\n#endif\n#ifdef HAS_TARGET_TANGENT2\ntangent.xyz+=_morphWeights[2]*a_Target_Tangent2;\n#endif\n#ifdef HAS_TARGET_TANGENT3\ntangent.xyz+=_morphWeights[3]*a_Target_Tangent3;\n#endif\n#ifdef HAS_TARGET_TANGENT4\ntangent.xyz+=_morphWeights[4]*a_Target_Tangent4;\n#endif\nreturn tangent;}\n#endif\n";
+var animationVertGLSL = "#ifdef HAS_TARGET_POSITION0\nvsIn vec3 aTargetPosition0;\n#endif\n#ifdef HAS_TARGET_POSITION1\nvsIn vec3 aTargetPosition1;\n#endif\n#ifdef HAS_TARGET_POSITION2\nvsIn vec3 aTargetPosition2;\n#endif\n#ifdef HAS_TARGET_POSITION3\nvsIn vec3 aTargetPosition3;\n#endif\n#ifdef HAS_TARGET_POSITION4\nvsIn vec3 aTargetPosition4;\n#endif\n#ifdef HAS_TARGET_POSITION5\nvsIn vec3 aTargetPosition5;\n#endif\n#ifdef HAS_TARGET_POSITION6\nvsIn vec3 aTargetPosition6;\n#endif\n#ifdef HAS_TARGET_POSITION7\nvsIn vec3 aTargetPosition7;\n#endif\n#ifdef HAS_TARGET_NORMAL0\nvsIn vec3 aTargetNormal0;\n#endif\n#ifdef HAS_TARGET_NORMAL1\nvsIn vec3 aTargetNormal1;\n#endif\n#ifdef HAS_TARGET_NORMAL2\nvsIn vec3 aTargetNormal2;\n#endif\n#ifdef HAS_TARGET_NORMAL3\nvsIn vec3 aTargetNormal3;\n#endif\n#ifdef HAS_TARGET_NORMAL4\nvsIn vec3 aTargetNormal4;\n#endif\n#ifdef HAS_TARGET_TANGENT0\nvsIn vec3 aTargetTangent0;\n#endif\n#ifdef HAS_TARGET_TANGENT1\nvsIn vec3 aTargetTangent1;\n#endif\n#ifdef HAS_TARGET_TANGENT2\nvsIn vec3 aTargetTangent2;\n#endif\n#ifdef HAS_TARGET_TANGENT3\nvsIn vec3 aTargetTangent3;\n#endif\n#ifdef HAS_TARGET_TANGENT4\nvsIn vec3 aTargetTangent4;\n#endif\n#ifdef USE_MORPHING\nuniform float _morphWeights[WEIGHT_COUNT];\n#endif\n#ifdef HAS_JOINT_SET1\nvsIn vec4 aJoints;\n#endif\n#ifdef HAS_JOINT_SET2\nvsIn vec4 aJoint2;\n#endif\n#ifdef HAS_WEIGHT_SET1\nvsIn vec4 aWeights;\n#endif\n#ifdef HAS_WEIGHT_SET2\nvsIn vec4 aWeight2;\n#endif\n#ifdef USE_SKINNING\n#ifdef USE_SKINNING_TEXTURE\nuniform sampler2D _jointMatrixSampler;uniform sampler2D _jointNormalMatrixSampler;\n#else\nuniform mat4 _jointMatrix[JOINT_COUNT];uniform mat4 _jointNormalMatrix[JOINT_COUNT];\n#endif\n#endif\n#define ROW0_U ((0.5 + 0.0) / 4.0)\n#define ROW1_U ((0.5 + 1.0) / 4.0)\n#define ROW2_U ((0.5 + 2.0) / 4.0)\n#define ROW3_U ((0.5 + 3.0) / 4.0)\n#ifdef USE_SKINNING\nmat4 getJointMatrix(float boneNdx){\n#ifdef USE_SKINNING_TEXTURE\nfloat v=(boneNdx+0.5)/float(JOINT_COUNT);return mat4(texture2D(_jointMatrixSampler,vec2(ROW0_U,v)),texture2D(_jointMatrixSampler,vec2(ROW1_U,v)),texture2D(_jointMatrixSampler,vec2(ROW2_U,v)),texture2D(_jointMatrixSampler,vec2(ROW3_U,v)));\n#else\nreturn _jointMatrix[int(boneNdx)];\n#endif\n}mat4 getJointNormalMatrix(float boneNdx){\n#ifdef USE_SKINNING_TEXTURE\nfloat v=(boneNdx+0.5)/float(JOINT_COUNT);return mat4(texture2D(_jointNormalMatrixSampler,vec2(ROW0_U,v)),texture2D(_jointNormalMatrixSampler,vec2(ROW1_U,v)),texture2D(_jointNormalMatrixSampler,vec2(ROW2_U,v)),texture2D(_jointNormalMatrixSampler,vec2(ROW3_U,v)));\n#else\nreturn _jointNormalMatrix[int(boneNdx)];\n#endif\n}mat4 getSkinningMatrix(){mat4 skin=mat4(0);\n#if defined(HAS_WEIGHT_SET1) && defined(HAS_JOINT_SET1)\nskin+=aWeights.x*getJointMatrix(aJoints.x)+aWeights.y*getJointMatrix(aJoints.y)+aWeights.z*getJointMatrix(aJoints.z)+aWeights.w*getJointMatrix(aJoints.w);\n#endif\nreturn skin;}mat4 getSkinningNormalMatrix(){mat4 skin=mat4(0);\n#if defined(HAS_WEIGHT_SET1) && defined(HAS_JOINT_SET1)\nskin+=aWeights.x*getJointNormalMatrix(aJoints.x)+aWeights.y*getJointNormalMatrix(aJoints.y)+aWeights.z*getJointNormalMatrix(aJoints.z)+aWeights.w*getJointNormalMatrix(aJoints.w);\n#endif\nreturn skin;}\n#endif\n#ifdef USE_MORPHING\nvec4 getTargetPosition(){vec4 pos=vec4(0);\n#ifdef HAS_TARGET_POSITION0\npos.xyz+=_morphWeights[0]*aTargetPosition0;\n#endif\n#ifdef HAS_TARGET_POSITION1\npos.xyz+=_morphWeights[1]*aTargetPosition1;\n#endif\n#ifdef HAS_TARGET_POSITION2\npos.xyz+=_morphWeights[2]*aTargetPosition2;\n#endif\n#ifdef HAS_TARGET_POSITION3\npos.xyz+=_morphWeights[3]*aTargetPosition3;\n#endif\n#ifdef HAS_TARGET_POSITION4\npos.xyz+=_morphWeights[4]*aTargetPosition4;\n#endif\nreturn pos;}vec4 getTargetNormal(){vec4 normal=vec4(0);\n#ifdef HAS_TARGET_NORMAL0\nnormal.xyz+=_morphWeights[0]*aTargetNormal0;\n#endif\n#ifdef HAS_TARGET_NORMAL1\nnormal.xyz+=_morphWeights[1]*aTargetNormal1;\n#endif\n#ifdef HAS_TARGET_NORMAL2\nnormal.xyz+=_morphWeights[2]*aTargetNormal2;\n#endif\n#ifdef HAS_TARGET_NORMAL3\nnormal.xyz+=_morphWeights[3]*aTargetNormal3;\n#endif\n#ifdef HAS_TARGET_NORMAL4\nnormal.xyz+=_morphWeights[4]*aTargetNormal4;\n#endif\nreturn normal;}vec4 getTargetTangent(){vec4 tangent=vec4(0);\n#ifdef HAS_TARGET_TANGENT0\ntangent.xyz+=_morphWeights[0]*aTargetTangent0;\n#endif\n#ifdef HAS_TARGET_TANGENT1\ntangent.xyz+=_morphWeights[1]*aTargetTangent1;\n#endif\n#ifdef HAS_TARGET_TANGENT2\ntangent.xyz+=_morphWeights[2]*aTargetTangent2;\n#endif\n#ifdef HAS_TARGET_TANGENT3\ntangent.xyz+=_morphWeights[3]*aTargetTangent3;\n#endif\n#ifdef HAS_TARGET_TANGENT4\ntangent.xyz+=_morphWeights[4]*aTargetTangent4;\n#endif\nreturn tangent;}\n#endif\n";
 
 var extensionsFragGLSL = "vec3 _dFdx(vec3 coord){\n#if defined(GL_OES_standard_derivatives) || defined(WEBGL2)\nreturn dFdx(coord);\n#endif\nreturn vec3(0.0);}vec3 _dFdy(vec3 coord){\n#if defined(GL_OES_standard_derivatives) || defined(WEBGL2)\nreturn dFdy(coord);\n#endif\nreturn vec3(0.0);}\n#ifdef USE_TEX_LOD\nvec4 _textureCubeLodEXT(samplerCube sampler,vec3 coord,float lod){\n#if defined(WEBGL2) || defined(GL_EXT_shader_texture_lod)\nreturn textureCubeLodEXT(sampler,coord,lod);\n#else\nreturn textureCube(sampler,coord,lod);\n#endif\n}\n#endif\n";
 
@@ -4664,6 +4617,7 @@ exports.ModelCameraComponent = /*#__PURE__*/ function(ItemBehaviour) {
         this.timeline = this.item.getComponent(effects.TimelineComponent);
         var scene = getSceneManager(this);
         scene == null ? void 0 : scene.addItem(this.content);
+        this.updateMainCamera();
     };
     /**
    * 组件更新，更新内部对象状态
@@ -5837,132 +5791,42 @@ var normal = new Vector3();
    * @param compatibleMode - 兼容模式
    * @param autoAdjustScene - 是否自动调整
    * @returns 场景信息描述
-   */ PluginHelper.preprocessScene = function preprocessScene(scene, runtimeEnv, compatibleMode, autoAdjustScene) {
+   */ PluginHelper.preprocessScene = function preprocessScene(scene, runtimeEnv, compatibleMode) {
         var _this = this;
         var deviceEnv = runtimeEnv !== effects.PLAYER_OPTIONS_ENV_EDITOR;
         var tiny3dMode = compatibleMode === "tiny3d";
         // 默认skybox如何处理需要讨论
         var jsonScene = scene.jsonScene;
-        if (jsonScene === undefined || jsonScene.compositions === undefined) {
+        if (!(jsonScene && jsonScene.textures && jsonScene.materials)) {
             // 安全检查
             return {};
         }
+        var dataMap = {};
+        scene.textureOptions.forEach(function(tex) {
+            var id = tex.id;
+            if (id) {
+                dataMap[id] = tex;
+            }
+        });
         var loadSkybox = false;
         if (deviceEnv) {
-            var textures = scene.textureOptions;
-            jsonScene.compositions.forEach(function(comp) {
-                comp.items.forEach(function(item) {
-                    if (item.type === effects.spec.ItemType.mesh) {
-                        var meshItem = item;
-                        var primitives = meshItem.content.options.primitives;
-                        primitives.forEach(function(prim) {
-                            var mat = prim.material;
-                            if (mat.type === effects.spec.MaterialType.pbr) {
-                                if (mat.baseColorTexture !== undefined) {
-                                    _this.preprocessTextureOptions(mat.baseColorTexture, textures, true, tiny3dMode);
-                                }
-                                if (mat.metallicRoughnessTexture !== undefined) {
-                                    _this.preprocessTextureOptions(mat.metallicRoughnessTexture, textures, false, tiny3dMode);
-                                }
-                                if (mat.normalTexture !== undefined) {
-                                    _this.preprocessTextureOptions(mat.normalTexture, textures, false, tiny3dMode);
-                                }
-                                if (mat.occlusionTexture !== undefined) {
-                                    _this.preprocessTextureOptions(mat.occlusionTexture, textures, false, tiny3dMode);
-                                }
-                                if (mat.emissiveTexture !== undefined) {
-                                    _this.preprocessTextureOptions(mat.emissiveTexture, textures, false, tiny3dMode);
-                                }
-                            } else {
-                                if (mat.baseColorTexture !== undefined) {
-                                    _this.preprocessTextureOptions(mat.baseColorTexture, textures, true, tiny3dMode);
-                                }
-                            }
-                        });
-                    } else if (item.type === effects.spec.ItemType.skybox) {
-                        loadSkybox = true;
-                        //
-                        var skyboxItem = item;
-                        var options = skyboxItem.content.options;
-                        _this.preprocessTextureOptions(options.specularImage, textures, false, tiny3dMode);
-                        if (options.diffuseImage !== undefined) {
-                            _this.preprocessTextureOptions(options.diffuseImage, textures, false, tiny3dMode);
-                        }
-                    }
-                });
+            jsonScene.materials.forEach(function(mat) {
+                _this.preprocessTextureOptions(dataMap, mat.textures["_BaseColorSampler"], true, tiny3dMode);
+                _this.preprocessTextureOptions(dataMap, mat.textures["_MetallicRoughnessSampler"], false, tiny3dMode);
+                _this.preprocessTextureOptions(dataMap, mat.textures["_NormalSampler"], false, tiny3dMode);
+                _this.preprocessTextureOptions(dataMap, mat.textures["_OcclusionSampler"], false, tiny3dMode);
+                _this.preprocessTextureOptions(dataMap, mat.textures["_EmissiveSampler"], false, tiny3dMode);
             });
-        } else {
-            jsonScene.compositions.forEach(function(comp) {
-                comp.items.forEach(function(item) {
-                    if (item.type === effects.spec.ItemType.skybox) {
-                        loadSkybox = true;
+            jsonScene.components.forEach(function(comp) {
+                if (comp.dataType === effects.spec.DataType.SkyboxComponent) {
+                    loadSkybox = true;
+                    var skybox = comp;
+                    if (skybox.diffuseImage) {
+                        _this.preprocessTextureOptions(dataMap, skybox.diffuseImage, false, tiny3dMode);
                     }
-                });
-            });
-        }
-        if (autoAdjustScene) {
-            jsonScene.compositions.forEach(function(comp) {
-                var lightCount = 0;
-                comp.items.forEach(function(item) {
-                    if (item.type === effects.spec.ItemType.light || item.type === effects.spec.ItemType.skybox) {
-                        ++lightCount;
+                    if (skybox.specularImage) {
+                        _this.preprocessTextureOptions(dataMap, skybox.specularImage, false, tiny3dMode);
                     }
-                });
-                if (lightCount == 0) {
-                    comp.items.push({
-                        id: "dir-light1",
-                        duration: 100,
-                        name: "dir-light1",
-                        type: effects.spec.ItemType.light,
-                        transform: {
-                            rotation: [
-                                45,
-                                -45,
-                                0
-                            ]
-                        },
-                        pluginName: "model",
-                        endBehavior: 0,
-                        content: {
-                            options: {
-                                lightType: "directional",
-                                color: [
-                                    255,
-                                    255,
-                                    255,
-                                    255
-                                ],
-                                intensity: 1.5
-                            }
-                        }
-                    });
-                    comp.items.push({
-                        id: "dir-light2",
-                        duration: 100,
-                        name: "dir-light2",
-                        type: effects.spec.ItemType.light,
-                        transform: {
-                            rotation: [
-                                0,
-                                90,
-                                0
-                            ]
-                        },
-                        pluginName: "model",
-                        endBehavior: 0,
-                        content: {
-                            options: {
-                                lightType: "directional",
-                                color: [
-                                    255,
-                                    255,
-                                    255,
-                                    255
-                                ],
-                                intensity: 0.2
-                            }
-                        }
-                    });
                 }
             });
         }
@@ -5977,31 +5841,46 @@ var normal = new Vector3();
    * @param isBaseColor - 是否基础颜色
    * @param tiny3dMode - 是否 Tiny3d 模式
    * @returns
-   */ PluginHelper.preprocessTextureOptions = function preprocessTextureOptions(index, textures, isBaseColor, tiny3dMode) {
-        if (index < 0 || index >= textures.length) {
+   */ PluginHelper.preprocessTextureOptions = function preprocessTextureOptions(dataMap, textureInfo, isBaseColor, tiny3dMode) {
+        if (!tiny3dMode || !textureInfo) {
             return;
         }
-        var texOptions = textures[index];
-        if (tiny3dMode && texOptions !== undefined) {
-            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 (!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;
-                if (texOptions.mipmaps !== undefined) {
+        var texId;
+        if ("texture" in textureInfo) {
+            texId = textureInfo.texture.id;
+        } else {
+            texId = textureInfo.id;
+        }
+        if (!texId) {
+            return;
+        }
+        var texOptions = dataMap[texId];
+        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 (!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;
+            if (texOptions.mipmaps !== undefined) {
+                if (texOptions.mipmaps.length === 1) {
                     texOptions.magFilter = effects.glContext.LINEAR;
-                    texOptions.minFilter = effects.glContext.LINEAR_MIPMAP_LINEAR;
+                    texOptions.minFilter = effects.glContext.LINEAR;
                 } else {
                     texOptions.magFilter = effects.glContext.LINEAR;
-                    texOptions.minFilter = effects.glContext.LINEAR;
+                    texOptions.minFilter = effects.glContext.LINEAR_MIPMAP_LINEAR;
                 }
+            } else {
+                texOptions.magFilter = effects.glContext.LINEAR;
+                texOptions.minFilter = effects.glContext.LINEAR;
             }
         }
     };
@@ -6156,20 +6035,20 @@ var normal = new Vector3();
             case "NORMAL":
                 return "aNormal";
             case "TANGENT":
-                return "a_Tangent";
+                return "aTangent";
             case "TEXCOORD_0":
                 return "aUV";
             case "TEXCOORD_1":
                 return "aUV2";
             case "JOINTS_0":
-                return "a_Joint1";
+                return "aJoints";
             case "WEIGHTS_0":
-                return "a_Weight1";
+                return "aWeights";
         }
-        if (!name.startsWith("a_")) {
-            // aPos, aNormal, a_Tangent,
-            // aUV, aUV2, a_Joint1, a_Weight1
-            // a_Target_XXX
+        if (!name.startsWith("a")) {
+            // aPos, aNormal, aTangent,
+            // aUV, aUV2, aJoints, aWeights
+            // aTargetXXX
             console.warn("Unknown attribute name: " + name);
         }
         return name;
@@ -6238,7 +6117,9 @@ var normal = new Vector3();
             canvas: canvas,
             renderFramework: "webgl2",
             env: effects.PLAYER_OPTIONS_ENV_EDITOR,
-            willCaptureImage: true,
+            renderOptions: {
+                willCaptureImage: true
+            },
             manualRender: manualRender
         });
     };
@@ -6564,11 +6445,11 @@ var AttributeArray = /*#__PURE__*/ function() {
         this.position = new AttributeArray();
         this.position.create(positionAttrib, positionArray);
         //
-        var jointAttrib = attributes["a_Joint1"];
-        var weightAttrib = attributes["a_Weight1"];
+        var jointAttrib = attributes["aJoints"];
+        var weightAttrib = attributes["aWeights"];
         if (jointAttrib !== undefined && weightAttrib !== undefined) {
-            var jointArray = geometry.getAttributeData("a_Joint1");
-            var weightArray = geometry.getAttributeData("a_Weight1");
+            var jointArray = geometry.getAttributeData("aJoints");
+            var weightArray = geometry.getAttributeData("aWeights");
             this.joint = new AttributeArray();
             this.joint.create(jointAttrib, jointArray);
             this.weight = new AttributeArray();
@@ -6678,11 +6559,11 @@ var AttributeArray = /*#__PURE__*/ function() {
         this.position = new AttributeArray();
         this.position.create(positionAttrib, positionArray);
         //
-        var jointAttrib = attributes["a_Joint1"];
-        var weightAttrib = attributes["a_Weight1"];
+        var jointAttrib = attributes["aJoints"];
+        var weightAttrib = attributes["aWeights"];
         if (jointAttrib !== undefined && weightAttrib !== undefined) {
-            var jointArray = geometry.getAttributeData("a_Joint1");
-            var weightArray = geometry.getAttributeData("a_Weight1");
+            var jointArray = geometry.getAttributeData("aJoints");
+            var weightArray = geometry.getAttributeData("aWeights");
             this.joint = new AttributeArray();
             this.joint.create(jointAttrib, jointArray);
             this.weight = new AttributeArray();
@@ -7104,15 +6985,15 @@ var AttributeArray = /*#__PURE__*/ function() {
     //   }
     //   this.assertGeometryBuffer(v, 'aPos', maxLength);
     //   this.assertGeometryBuffer(v, 'aNormal', maxLength);
-    //   this.assertGeometryBuffer(v, 'a_Tangent', maxLength);
+    //   this.assertGeometryBuffer(v, 'aTangent', maxLength);
     //   this.assertGeometryBuffer(v, 'aUV', maxLength);
-    //   this.assertGeometryBuffer(v, 'a_Joint1', maxLength);
-    //   this.assertGeometryBuffer(v, 'a_Weight1', maxLength);
+    //   this.assertGeometryBuffer(v, 'aJoints', maxLength);
+    //   this.assertGeometryBuffer(v, 'aWeights', maxLength);
     //   // 索引检查
     //   if(s !== undefined){
     //     const matLen = s.inverseBindMatrices?.length ?? 0;
     //     if(matLen > 0){
-    //       const jointArray = this.createAttributeArray(v, "a_Joint1");
+    //       const jointArray = this.createAttributeArray(v, "aJoints");
     //       if(jointArray !== undefined){
     //         for(let i = 0; i < maxLength; i++){
     //           const data = jointArray.getData(i);
@@ -7841,7 +7722,8 @@ exports.CullMode = void 0;
    */ _proto.setMaterialStates = function setMaterialStates(material) {
         if (this.renderType === "Blend") {
             material.blending = true;
-            material.depthTest = true;
+            material.depthTest = this.ZTest;
+            material.depthMask = this.ZWrite;
             material.blendEquation = [
                 effects.glContext.FUNC_ADD,
                 effects.glContext.FUNC_ADD
@@ -7852,7 +7734,6 @@ exports.CullMode = void 0;
                 effects.glContext.ONE,
                 effects.glContext.ONE_MINUS_SRC_ALPHA
             ];
-            material.depthMask = this.ZWrite;
         } else {
             if (PGlobalState.getInstance().isTiny3dMode) {
                 material.blending = false;
@@ -8881,6 +8762,7 @@ exports.PSkyboxType = void 0;
                             renderable: renderable,
                             intensity: intensity,
                             reflectionsIntensity: reflectionsIntensity,
+                            // @ts-expect-error
                             irradianceCoeffs: irradianceCoeffs,
                             diffuseImage: diffuseImage,
                             specularImage: specularImage,
@@ -8896,6 +8778,55 @@ exports.PSkyboxType = void 0;
         })();
     };
     /**
+   * 创建天空盒选项
+   * @param engine - 引擎
+   * @param params - 天空盒参数
+   * @returns 天空盒选项
+   */ PSkyboxCreator.createSkyboxComponentData = function createSkyboxComponentData(engine, params) {
+        var _imageList;
+        var specularCubeData = this.getSpecularCubeMapData(engine, params);
+        var diffuseCubeData = this.getDiffuseCubeMapData(engine, params);
+        var renderable = params.renderable, intensity = params.intensity, reflectionsIntensity = params.reflectionsIntensity, irradianceCoeffs = params.irradianceCoeffs, specularImageSize = params.specularImageSize, specularMipCount = params.specularMipCount;
+        var diffuseImage;
+        var imageList = [];
+        var textureOptionsList = [];
+        if (diffuseCubeData) {
+            var _imageList1;
+            (_imageList1 = imageList).push.apply(_imageList1, [].concat(diffuseCubeData.images));
+            textureOptionsList.push(diffuseCubeData.textureOptions);
+            diffuseImage = {
+                id: diffuseCubeData.textureOptions.id
+            };
+        }
+        (_imageList = imageList).push.apply(_imageList, [].concat(specularCubeData.images));
+        textureOptionsList.push(specularCubeData.textureOptions);
+        var specularImage = {
+            id: specularCubeData.textureOptions.id
+        };
+        var componentData = {
+            id: effects.generateGUID(),
+            dataType: effects.spec.DataType.SkyboxComponent,
+            item: {
+                id: effects.generateGUID()
+            },
+            renderable: renderable,
+            intensity: intensity,
+            reflectionsIntensity: reflectionsIntensity,
+            irradianceCoeffs: irradianceCoeffs,
+            // @ts-expect-error
+            diffuseImage: diffuseImage,
+            // @ts-expect-error
+            specularImage: specularImage,
+            specularImageSize: specularImageSize,
+            specularMipCount: specularMipCount
+        };
+        return {
+            imageList: imageList,
+            textureOptionsList: textureOptionsList,
+            component: componentData
+        };
+    };
+    /**
    * 创建高光 Cube Map 纹理
    * @param engine - 引擎
    * @param params - 天空盒参数
@@ -8923,6 +8854,37 @@ exports.PSkyboxType = void 0;
             });
         })();
     };
+    PSkyboxCreator.getSpecularCubeMapData = function getSpecularCubeMapData(engine, params) {
+        var imageDatas = [];
+        var mipmaps = [];
+        params.specularImage.forEach(function(cubemap) {
+            var mipmap = [];
+            cubemap.forEach(function(image) {
+                var imageId = effects.generateGUID();
+                imageDatas.push({
+                    id: imageId,
+                    // @ts-expect-error
+                    url: image
+                });
+                mipmap.push({
+                    id: imageId
+                });
+            });
+            mipmaps.push(mipmap);
+        });
+        var textureOptions = _extends({
+            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);
+        return {
+            images: imageDatas,
+            textureOptions: textureOptions
+        };
+    };
     /**
    * 创建漫反射纹理
    * @param engine - 引擎
@@ -8951,6 +8913,38 @@ exports.PSkyboxType = void 0;
             });
         })();
     };
+    PSkyboxCreator.getDiffuseCubeMapData = function getDiffuseCubeMapData(engine, params) {
+        if (params.diffuseImage === undefined) {
+            return;
+        }
+        var imageDatas = [];
+        var cubemap = [];
+        params.diffuseImage.forEach(function(image) {
+            var imageId = effects.generateGUID();
+            imageDatas.push({
+                id: imageId,
+                // @ts-expect-error
+                url: image
+            });
+            cubemap.push({
+                id: imageId
+            });
+        });
+        var textureOptions = _extends({
+            id: effects.generateGUID(),
+            dataType: effects.spec.DataType.Texture,
+            sourceType: effects.TextureSourceType.mipmaps,
+            target: effects.glContext.TEXTURE_CUBE_MAP,
+            // @ts-expect-error
+            mipmaps: [
+                cubemap
+            ]
+        }, WebGLHelper.cubemapTexConfig);
+        return {
+            images: imageDatas,
+            textureOptions: textureOptions
+        };
+    };
     /**
    * 创建天空盒参数
    * @param skyboxType - 天空盒类型
@@ -9041,15 +9035,7 @@ exports.PSkyboxType = void 0;
                 ];
                 break;
         }
-        var returnArray = [];
-        for(var i = 0; i < dataArray.length; i += 3){
-            returnArray.push([
-                dataArray[i],
-                dataArray[i + 1],
-                dataArray[i + 2]
-            ]);
-        }
-        return returnArray;
+        return dataArray;
     };
     PSkyboxCreator.getDiffuseImageList = function getDiffuseImageList(skyboxType, images) {
         if (skyboxType == 0) {
@@ -9429,7 +9415,8 @@ exports.PSkyboxType = void 0;
         var engine = composition.renderer.engine;
         this.cache = new CompositionCache(engine);
         this.cache.setup(false);
-        PluginHelper.setupItem3DOptions(scene, this.cache, composition);
+    // FIXME: 先注释元素参数的配置
+    //PluginHelper.setupItem3DOptions(scene, this.cache, composition);
     };
     /**
    * 每次播放都会执行，包括重播，所以这里执行“小的销毁”和新的初始化
@@ -9467,7 +9454,7 @@ exports.PSkyboxType = void 0;
    * @param options - 加载选项
    */ ModelPlugin.prepareResource = function prepareResource(scene, options) {
         return _async_to_generator(function() {
-            var keyList, pluginData, _options_env, runtimeEnv;
+            var _options_pluginData, keyList, pluginData, _options_env, runtimeEnv, _options_pluginData_compatibleMode, compatibleMode;
             return __generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -9489,10 +9476,9 @@ exports.PSkyboxType = void 0;
                         //
                         runtimeEnv = (_options_env = options.env) != null ? _options_env : "";
                         scene.storage["runtimeEnv"] = runtimeEnv;
-                        // const compatibleMode = options.pluginData?.['compatibleMode'] ?? 'gltf';
-                        // const autoAdjustScene = options.pluginData?.['autoAdjustScene'] ?? false;
+                        compatibleMode = (_options_pluginData_compatibleMode = (_options_pluginData = options.pluginData) == null ? void 0 : _options_pluginData["compatibleMode"]) != null ? _options_pluginData_compatibleMode : "gltf";
                         //
-                        //PluginHelper.preprocessScene(scene, runtimeEnv, compatibleMode, autoAdjustScene);
+                        PluginHelper.preprocessScene(scene, runtimeEnv, compatibleMode);
                         return [
                             4,
                             CompositionCache.loadStaticResources()
@@ -11322,7 +11308,7 @@ var GeometryProxy = /*#__PURE__*/ function() {
                 if (this.hasTangent) {
                     var attrib2 = this.tangentAttrib;
                     if (attrib2 !== undefined) {
-                        attributes["a_Tangent"] = this._getBufferAttrib(attrib2);
+                        attributes["aTangent"] = this._getBufferAttrib(attrib2);
                     }
                 }
                 this.texCoordList.forEach(function(val) {
@@ -11333,11 +11319,11 @@ var GeometryProxy = /*#__PURE__*/ function() {
                 if (this.hasSkinAnimation) {
                     var jointAttrib = this.jointAttribute;
                     if (jointAttrib !== undefined) {
-                        attributes["a_Joint1"] = this._getBufferAttrib(jointAttrib);
+                        attributes["aJoints"] = this._getBufferAttrib(jointAttrib);
                     }
                     var weightAttrib = this.weightAttribute;
                     if (weightAttrib !== undefined) {
-                        attributes["a_Weight1"] = this._getBufferAttrib(weightAttrib);
+                        attributes["aWeights"] = this._getBufferAttrib(weightAttrib);
                     }
                 }
                 /**
@@ -11345,15 +11331,15 @@ var GeometryProxy = /*#__PURE__*/ function() {
      */ for(var i = 0; i < 8; i++){
                     var positionAttrib = this.getTargetPosition(i);
                     if (positionAttrib !== undefined) {
-                        attributes["a_Target_Position" + i] = this._getBufferAttrib(positionAttrib);
+                        attributes["aTargetPosition" + i] = this._getBufferAttrib(positionAttrib);
                     }
                     var normalAttrib = this.getTargetNormal(i);
                     if (normalAttrib !== undefined) {
-                        attributes["a_Target_Normal" + i] = this._getBufferAttrib(normalAttrib);
+                        attributes["aTargetNormal" + i] = this._getBufferAttrib(normalAttrib);
                     }
                     var tangentAttrib = this.getTargetTangent(i);
                     if (tangentAttrib !== undefined) {
-                        attributes["a_Target_Tangent" + i] = this._getBufferAttrib(tangentAttrib);
+                        attributes["aTargetTangent" + i] = this._getBufferAttrib(tangentAttrib);
                     }
                 }
                 var indexArray = this.indexArray;
@@ -11803,9 +11789,1076 @@ var GLTFHelper = /*#__PURE__*/ function() {
     return GLTFHelper;
 }();
 
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+
+function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
+    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+    if (it) return (it = it.call(o)).next.bind(it);
+    // Fallback for engines without symbol support
+    if (Array.isArray(o) || (it = _unsupported_iterable_to_array(o)) || allowArrayLike && o && typeof o.length === "number") {
+        if (it) o = it;
+        var i = 0;
+        return function() {
+            if (i >= o.length) return {
+                done: true
+            };
+            return {
+                done: false,
+                value: o[i++]
+            };
+        };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+var JSONConverter = /*#__PURE__*/ function() {
+    function JSONConverter(player) {
+        this.treeItemList = [];
+        this.engine = player.renderer.engine;
+        this.renderer = player.renderer;
+        this.downloader = new effects.Downloader();
+    }
+    var _proto = JSONConverter.prototype;
+    _proto.processScene = function processScene(sceneData) {
+        var _this = this;
+        return _async_to_generator(function() {
+            var sceneJSON, oldScene, binFiles, _iterator, _step, bin, _, newScene;
+            return __generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (!_instanceof1(sceneData, Object)) return [
+                            3,
+                            1
+                        ];
+                        sceneJSON = sceneData;
+                        return [
+                            3,
+                            3
+                        ];
+                    case 1:
+                        return [
+                            4,
+                            _this.loadJSON(sceneData)
+                        ];
+                    case 2:
+                        sceneJSON = _state.sent();
+                        _state.label = 3;
+                    case 3:
+                        // @ts-expect-error
+                        sceneJSON.textures.forEach(function(tex) {
+                            if (tex.source === undefined) {
+                                tex.source = 0;
+                            }
+                        });
+                        oldScene = effects.getStandardJSON(sceneJSON);
+                        binFiles = [];
+                        if (!oldScene.bins) return [
+                            3,
+                            7
+                        ];
+                        _iterator = _create_for_of_iterator_helper_loose(oldScene.bins);
+                        _state.label = 4;
+                    case 4:
+                        if (!!(_step = _iterator()).done) return [
+                            3,
+                            7
+                        ];
+                        bin = _step.value;
+                        _ = binFiles.push;
+                        return [
+                            4,
+                            _this.loadBins(bin.url)
+                        ];
+                    case 5:
+                        _.apply(binFiles, [
+                            _state.sent()
+                        ]);
+                        _state.label = 6;
+                    case 6:
+                        return [
+                            3,
+                            4
+                        ];
+                    case 7:
+                        // @ts-expect-error
+                        oldScene.bins = binFiles;
+                        newScene = {
+                            version: "3.0",
+                            playerVersion: {
+                                web: "3.0",
+                                native: "3.0"
+                            },
+                            type: "ge",
+                            compositions: [],
+                            compositionId: oldScene.compositionId,
+                            images: [],
+                            shapes: oldScene.shapes,
+                            plugins: oldScene.plugins,
+                            textures: [],
+                            items: [],
+                            components: [],
+                            materials: [],
+                            shaders: [],
+                            geometries: []
+                        };
+                        _this.treeItemList = [];
+                        _this.setImage(newScene, oldScene);
+                        return [
+                            4,
+                            _this.setTexture(newScene, oldScene)
+                        ];
+                    case 8:
+                        _state.sent();
+                        _this.setComponent(newScene, oldScene);
+                        _this.setItem(newScene, oldScene);
+                        _this.setComposition(newScene, oldScene);
+                        return [
+                            2,
+                            newScene
+                        ];
+                }
+            });
+        })();
+    };
+    _proto.setImage = function setImage(newScene, oldScene) {
+        var newImages = [];
+        oldScene.images.forEach(function(image) {
+            newImages.push(image);
+        });
+        newScene.images = newImages;
+    };
+    _proto.setTexture = function setTexture(newScene, oldScene) {
+        var _this = this;
+        return _async_to_generator(function() {
+            var newTextures, bins, _iterator, _step, tex, mipmaps, target, jobs, loadedMipmaps, newMipmaps, newTex, source;
+            return __generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        newTextures = [];
+                        bins = oldScene.bins;
+                        if (!oldScene.textures) return [
+                            3,
+                            5
+                        ];
+                        _iterator = _create_for_of_iterator_helper_loose(oldScene.textures);
+                        _state.label = 1;
+                    case 1:
+                        if (!!(_step = _iterator()).done) return [
+                            3,
+                            5
+                        ];
+                        tex = _step.value;
+                        if (!(tex.target === 34067)) return [
+                            3,
+                            3
+                        ];
+                        mipmaps = tex.mipmaps, target = tex.target;
+                        jobs = mipmaps.map(function(mipmap) {
+                            return Promise.all(mipmap.map(function(pointer) {
+                                return _this.loadMipmapImage(pointer, bins);
+                            }));
+                        });
+                        return [
+                            4,
+                            Promise.all(jobs)
+                        ];
+                    case 2:
+                        loadedMipmaps = _state.sent();
+                        newMipmaps = loadedMipmaps.map(function(mipmaps) {
+                            return mipmaps.map(function(img) {
+                                var id = effects.generateGUID();
+                                var sceneImage = {
+                                    url: img,
+                                    id: id
+                                };
+                                newScene.images.push(sceneImage);
+                                var dataPath = {
+                                    id: id
+                                };
+                                return dataPath;
+                            });
+                        });
+                        newTex = _extends({
+                            keepImageSource: false
+                        }, tex, {
+                            mipmaps: newMipmaps,
+                            sourceFrom: {
+                                target: target,
+                                type: effects.TextureSourceType.mipmaps,
+                                mipmaps: mipmaps.map(function(mipmap) {
+                                    return mipmap.map(function(pointer) {
+                                        return [
+                                            pointer[1][1],
+                                            pointer[1][2]
+                                        ];
+                                    });
+                                })
+                            }
+                        });
+                        // @ts-expect-error
+                        newTextures.push(newTex);
+                        return [
+                            3,
+                            4
+                        ];
+                    case 3:
+                        // @ts-expect-error
+                        source = tex.source;
+                        if (typeof source === "number") {
+                            // @ts-expect-error
+                            tex.source = {
+                                id: newScene.images[source].id
+                            };
+                        }
+                        newTextures.push(tex);
+                        _state.label = 4;
+                    case 4:
+                        return [
+                            3,
+                            1
+                        ];
+                    case 5:
+                        newScene.textures = newTextures;
+                        return [
+                            2
+                        ];
+                }
+            });
+        })();
+    };
+    _proto.setComponent = function setComponent(newScene, oldScene) {
+        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) {
+                newComponents.push(this.createSkyboxComponent(comp, newScene));
+            } else if (comp.dataType === effects.spec.DataType.MeshComponent) {
+                newComponents.push(this.createMeshComponent(comp, newScene, oldScene));
+            } else if (comp.dataType === effects.spec.DataType.LightComponent) {
+                newComponents.push(this.createLightComponent(comp, newScene));
+            } 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) {
+                var treeComp = comp;
+                this.createItemsFromTreeComponent(comp, newScene, oldScene);
+                treeComp.options.tree.animation = undefined;
+                treeComp.options.tree.animations = undefined;
+                newComponents.push(comp);
+            } else {
+                newComponents.push(comp);
+            }
+        }
+    };
+    _proto.setItem = function setItem(newScene, oldScene) {};
+    _proto.setComposition = function setComposition(newScene, oldScene) {
+        var _newScene_items;
+        newScene.items = oldScene.items;
+        (_newScene_items = newScene.items).push.apply(_newScene_items, [].concat(this.treeItemList));
+        newScene.compositionId = oldScene.compositionId;
+        newScene.compositions = oldScene.compositions;
+        newScene.items.forEach(function(item) {
+            // @ts-expect-error
+            if (item.type === "root") {
+                // @ts-expect-error
+                item.type = "ECS";
+            }
+        });
+        // @ts-expect-error
+        newScene.compositions[0].items = newScene.items.map(function(item) {
+            return {
+                id: item.id
+            };
+        });
+    };
+    _proto.loadJSON = function loadJSON(url) {
+        var _this = this;
+        return _async_to_generator(function() {
+            return __generator(this, function(_state) {
+                return [
+                    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));
+                        });
+                    })
+                ];
+            });
+        })();
+    };
+    _proto.loadBins = function loadBins(url) {
+        var _this = this;
+        return _async_to_generator(function() {
+            return __generator(this, function(_state) {
+                return [
+                    2,
+                    new Promise(function(resolve, reject) {
+                        _this.downloader.downloadBinary(url, resolve, function(status, responseText) {
+                            reject("Couldn't load bins " + JSON.stringify(url) + ": status " + status + ", " + responseText);
+                        });
+                    })
+                ];
+            });
+        })();
+    };
+    _proto.loadMipmapImage = function loadMipmapImage(pointer, bins) {
+        return _async_to_generator(function() {
+            var _pointer_, index, start, length, bin;
+            return __generator(this, function(_state) {
+                _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));
+                }
+                return [
+                    2,
+                    URL.createObjectURL(new Blob([
+                        new Uint8Array(bin, start, length)
+                    ]))
+                ];
+            });
+        })();
+    };
+    _proto.createSkyboxComponent = function createSkyboxComponent(component, scene) {
+        var skyboxOptions = component.options;
+        var irradianceCoeffs;
+        if (skyboxOptions.irradianceCoeffs) {
+            var _irradianceCoeffs;
+            irradianceCoeffs = [];
+            skyboxOptions.irradianceCoeffs.forEach(function(coeffs) {
+                return (_irradianceCoeffs = irradianceCoeffs).push.apply(_irradianceCoeffs, [].concat(coeffs));
+            });
+        }
+        var diffuseImage;
+        if (skyboxOptions.diffuseImage) {
+            // @ts-expect-error
+            diffuseImage = {
+                id: scene.textures[skyboxOptions.diffuseImage].id
+            };
+        }
+        var skyboxComponent = {
+            id: component.id,
+            dataType: component.dataType,
+            item: component.item,
+            renderable: skyboxOptions.renderable,
+            intensity: skyboxOptions.intensity,
+            reflectionsIntensity: skyboxOptions.reflectionsIntensity,
+            irradianceCoeffs: irradianceCoeffs,
+            diffuseImage: diffuseImage,
+            specularImage: {
+                // @ts-expect-error
+                id: scene.textures[skyboxOptions.specularImage].id
+            },
+            specularImageSize: skyboxOptions.specularImageSize,
+            specularMipCount: skyboxOptions.specularMipCount
+        };
+        return skyboxComponent;
+    };
+    _proto.createMeshComponent = function createMeshComponent(component, newScene, oldScene) {
+        var _this = this;
+        var _newScene_materials;
+        var meshOptions = component.options;
+        var geometryPropsList = [];
+        var materialDatas = [];
+        meshOptions.primitives.forEach(function(prim) {
+            var _geomProps_indices;
+            var geomProps = deserializeGeometry(prim.geometry, oldScene.bins);
+            var material = _this.getMaterialData(prim.material, oldScene);
+            if (_instanceof1((_geomProps_indices = geomProps.indices) == null ? void 0 : _geomProps_indices.data, Uint8Array)) {
+                var oldIndices = geomProps.indices.data;
+                var newIndices = new Uint16Array(oldIndices.length);
+                for(var i = 0; i < oldIndices.length; i++){
+                    newIndices[i] = oldIndices[i];
+                }
+                geomProps.indices.data = newIndices;
+            }
+            geometryPropsList.push(geomProps);
+            materialDatas.push(material);
+        });
+        var geometryData = getGeometryDataFromPropsList(geometryPropsList);
+        if (!geometryData) {
+            throw new Error("no primitives");
+        }
+        newScene.geometries.push(geometryData);
+        (_newScene_materials = newScene.materials).push.apply(_newScene_materials, [].concat(materialDatas));
+        var meshComponent = {
+            id: component.id,
+            dataType: component.dataType,
+            item: component.item,
+            geometry: {
+                id: geometryData.id
+            },
+            materials: materialDatas.map(function(mat) {
+                var data = {
+                    id: mat.id
+                };
+                return data;
+            }),
+            rootBone: {
+                id: ""
+            }
+        };
+        return meshComponent;
+    };
+    _proto.createItemsFromTreeComponent = function createItemsFromTreeComponent(component, newScene, oldScene) {
+        var _this = this;
+        var _this_treeItemList;
+        var treeItem = oldScene.items[0];
+        oldScene.items.forEach(function(item) {
+            if (item.id === component.item.id) {
+                treeItem = item;
+            }
+        });
+        var treeComp = component;
+        var treeData = treeComp.options.tree;
+        var treeItemList = [];
+        treeData.nodes.forEach(function(node) {
+            var _node_name;
+            var item = {
+                id: effects.generateGUID(),
+                parentId: treeItem.id,
+                name: (_node_name = node.name) != null ? _node_name : "<unnamed>",
+                duration: treeItem.duration,
+                // @ts-expect-error
+                type: "ECS",
+                dataType: effects.spec.DataType.VFXItemData,
+                visible: treeItem.visible,
+                endBehavior: treeItem.endBehavior,
+                delay: treeItem.delay,
+                content: {},
+                renderLevel: treeItem.renderLevel,
+                pn: treeItem.pn,
+                pluginName: treeItem.pluginName,
+                transform: _this.getTransformData(node.transform),
+                components: []
+            };
+            treeItemList.push(item);
+            newScene.items.push(item);
+        });
+        treeData.nodes.forEach(function(node, index) {
+            var _node_children;
+            var item = treeItemList[index];
+            (_node_children = node.children) == null ? void 0 : _node_children.forEach(function(child) {
+                var childItem = treeItemList[child];
+                childItem.parentId = item.id;
+            });
+        });
+        oldScene.items.forEach(function(item) {
+            if (item.parentId) {
+                var index = item.parentId.indexOf("^");
+                if (index >= 0) {
+                    var parentId = item.parentId.substring(0, index);
+                    var subIndex = +item.parentId.substring(index + 1);
+                    if (parentId === treeItem.id) {
+                        item.parentId = treeItemList[subIndex].id;
+                    }
+                }
+            }
+        });
+        (_this_treeItemList = this.treeItemList).push.apply(_this_treeItemList, [].concat(treeItemList));
+    };
+    _proto.createLightComponent = function createLightComponent(component, scene) {
+        var lightOptions = component.options;
+        var lightComponent = {
+            id: component.id,
+            dataType: component.dataType,
+            item: component.item,
+            lightType: lightOptions.lightType,
+            color: {
+                r: lightOptions.color[0] / 255.0,
+                g: lightOptions.color[1] / 255.0,
+                b: lightOptions.color[2] / 255.0,
+                a: lightOptions.color[3] / 255.0
+            },
+            intensity: lightOptions.intensity
+        };
+        if (lightOptions.lightType === "point") {
+            lightComponent.range = lightOptions.range;
+        } else if (lightOptions.lightType === "spot") {
+            lightComponent.range = lightOptions.range;
+            lightComponent.innerConeAngle = lightOptions.innerConeAngle;
+            lightComponent.outerConeAngle = lightOptions.outerConeAngle;
+        }
+        return lightComponent;
+    };
+    _proto.getMaterialData = function getMaterialData(material, scene) {
+        if (material.type === effects.spec.MaterialType.unlit) {
+            var floats = {};
+            if (material.alphaCutOff !== undefined) {
+                floats["_AlphaCutoff"] = material.alphaCutOff;
+            }
+            var colors = {
+                "_BaseColorFactor": new Color(material.baseColorFactor[0], material.baseColorFactor[1], material.baseColorFactor[2], material.baseColorFactor[3]).divide(255)
+            };
+            var textures = {};
+            if (material.baseColorTexture) {
+                textures["_BaseColorSampler"] = this.getTextureData(scene, floats, material.baseColorTexture, material.baseColorTextureTransform);
+            }
+            var newMaterial = {
+                id: effects.generateGUID(),
+                name: material.name,
+                dataType: effects.spec.DataType.Material,
+                shader: {
+                    id: UnlitShaderGUID
+                },
+                stringTags: this.getStringTags(material),
+                macros: [],
+                ints: {},
+                floats: floats,
+                vector4s: {},
+                colors: colors,
+                textures: textures
+            };
+            return newMaterial;
+        } else {
+            var floats1 = {
+                "_MetallicFactor": material.metallicFactor,
+                "_RoughnessFactor": material.roughnessFactor
+            };
+            if (material.useSpecularAA !== undefined) {
+                floats1["_SpecularAA"] = material.useSpecularAA ? 1 : 0;
+            }
+            if (material.normalTextureScale !== undefined) {
+                floats1["_NormalScale"] = material.normalTextureScale;
+            }
+            if (material.occlusionTextureStrength !== undefined) {
+                floats1["_OcclusionStrength"] = material.occlusionTextureStrength;
+            }
+            if (material.emissiveIntensity !== undefined) {
+                floats1["_EmissiveIntensity"] = material.emissiveIntensity;
+            }
+            if (material.alphaCutOff !== undefined) {
+                floats1["_AlphaCutoff"] = material.alphaCutOff;
+            }
+            var colors1 = {
+                "_BaseColorFactor": new Color(material.baseColorFactor[0], material.baseColorFactor[1], material.baseColorFactor[2], material.baseColorFactor[3]).divide(255),
+                "_EmissiveFactor": new Color(material.emissiveFactor[0], material.emissiveFactor[1], material.emissiveFactor[2], material.emissiveFactor[3]).divide(255)
+            };
+            var textures1 = {};
+            if (material.baseColorTexture) {
+                textures1["_BaseColorSampler"] = this.getTextureData(scene, floats1, material.baseColorTexture, material.baseColorTextureTransform);
+            }
+            if (material.metallicRoughnessTexture) {
+                textures1["_MetallicRoughnessSampler"] = this.getTextureData(scene, floats1, material.metallicRoughnessTexture, material.metallicRoughnessTextureTransform);
+            }
+            if (material.normalTexture) {
+                textures1["_NormalSampler"] = this.getTextureData(scene, floats1, material.normalTexture, material.normalTextureTransform);
+            }
+            if (material.occlusionTexture) {
+                textures1["_OcclusionSampler"] = this.getTextureData(scene, floats1, material.occlusionTexture, material.occlusionTextureTransform);
+            }
+            if (material.emissiveTexture) {
+                textures1["_EmissiveSampler"] = this.getTextureData(scene, floats1, material.emissiveTexture, material.emissiveTextureTransform);
+            }
+            var newMaterial1 = {
+                id: effects.generateGUID(),
+                name: material.name,
+                dataType: effects.spec.DataType.Material,
+                shader: {
+                    id: PBRShaderGUID
+                },
+                stringTags: this.getStringTags(material),
+                macros: [],
+                ints: {},
+                floats: floats1,
+                vector4s: {},
+                colors: colors1,
+                textures: textures1
+            };
+            return newMaterial1;
+        }
+    };
+    _proto.getStringTags = function getStringTags(material) {
+        var stringTags = {};
+        var _material_depthMask;
+        stringTags["ZWrite"] = String((_material_depthMask = material.depthMask) != null ? _material_depthMask : true);
+        stringTags["ZTest"] = String(true);
+        if (material.blending === effects.spec.MaterialBlending.masked) {
+            stringTags["RenderType"] = exports.RenderType.Mask;
+        } else if (material.blending === effects.spec.MaterialBlending.translucent) {
+            stringTags["RenderType"] = exports.RenderType.Blend;
+        } else {
+            stringTags["RenderType"] = exports.RenderType.Opaque;
+        }
+        if (material.side === effects.spec.SideMode.BACK) {
+            stringTags["Cull"] = exports.CullMode.Back;
+        } else if (material.side === effects.spec.SideMode.DOUBLE) {
+            stringTags["Cull"] = exports.CullMode.Double;
+        } else {
+            stringTags["Cull"] = exports.CullMode.Front;
+        }
+        return stringTags;
+    };
+    _proto.getTextureData = function getTextureData(scene, floats, texIndex, texTransform) {
+        var _scene_textures_texIndex_id;
+        var id = (_scene_textures_texIndex_id = scene.textures[texIndex].id) != null ? _scene_textures_texIndex_id : "0";
+        var texProperty = {
+            texture: {
+                id: id
+            }
+        };
+        if (texTransform) {
+            if (texTransform.scale) {
+                texProperty.scale = {
+                    x: texTransform.scale[0],
+                    y: texTransform.scale[1]
+                };
+            }
+            if (texTransform.offset) {
+                texProperty.offset = {
+                    x: texTransform.offset[0],
+                    y: texTransform.offset[1]
+                };
+            }
+            if (texTransform.rotation) {
+                floats["_BaseColorRotation"] = texTransform.rotation;
+            }
+        }
+        return texProperty;
+    };
+    _proto.getTransformData = function getTransformData(transform) {
+        var result = {
+            position: {
+                x: 0,
+                y: 0,
+                z: 0
+            },
+            eulerHint: {
+                x: 0,
+                y: 0,
+                z: 0
+            },
+            scale: {
+                x: 1,
+                y: 1,
+                z: 1
+            }
+        };
+        if (transform == null ? void 0 : transform.position) {
+            result.position.x = transform.position[0];
+            result.position.y = transform.position[1];
+            result.position.z = transform.position[2];
+        }
+        if (transform == null ? void 0 : transform.quat) {
+            // @ts-expect-error
+            result.quat = {};
+            // @ts-expect-error
+            result.quat.x = transform.quat[0];
+            // @ts-expect-error
+            result.quat.y = transform.quat[1];
+            // @ts-expect-error
+            result.quat.z = transform.quat[2];
+            // @ts-expect-error
+            result.quat.w = transform.quat[3];
+        } else if (transform == null ? void 0 : transform.rotation) {
+            result.eulerHint.x = transform.rotation[0];
+            result.eulerHint.y = transform.rotation[1];
+            result.eulerHint.z = transform.rotation[2];
+        }
+        if (transform == null ? void 0 : transform.scale) {
+            result.scale.x = transform.scale[0];
+            result.scale.y = transform.scale[1];
+            result.scale.z = transform.scale[2];
+        }
+        return result;
+    };
+    return JSONConverter;
+}();
+function getGeometryDataFromOptions(geomOptions) {
+    var vertexCount = 0;
+    var verticesType = effects.spec.VertexFormatType.Float32;
+    var verticesNormalize = false;
+    var uvsType = effects.spec.VertexFormatType.Float32;
+    var uvsNormalize = false;
+    var normalsType = effects.spec.VertexFormatType.Float32;
+    var normalsNormalize = false;
+    var _geomOptions_name;
+    var modelData = {
+        vertices: new Float32Array(),
+        uvs: new Float32Array(),
+        normals: new Float32Array(),
+        indices: new Float32Array(),
+        name: (_geomOptions_name = geomOptions.name) != null ? _geomOptions_name : "<empty>"
+    };
+    for(var attrib in geomOptions.attributes){
+        var attribData = geomOptions.attributes[attrib];
+        if (attrib === "aPosition") {
+            // @ts-expect-error
+            vertexCount = attribData.data.length / attribData.size;
+            // @ts-expect-error
+            modelData.vertices = attribData.data;
+            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);
+        } 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);
+        } 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);
+        }
+    }
+    var verticesOffset = getOffset(verticesType, 3, vertexCount);
+    var uvsOffset = getOffset(uvsType, 2, vertexCount);
+    var normalsOffset = getOffset(normalsType, 3, vertexCount);
+    if (geomOptions.indices) {
+        modelData.indices = geomOptions.indices.data;
+    } else if (vertexCount <= 65535) {
+        var indices = new Uint16Array(vertexCount);
+        for(var i = 0; i < vertexCount; i++){
+            indices[i] = i;
+        }
+        modelData.indices = indices;
+    } else {
+        var indices1 = new Uint32Array(vertexCount);
+        for(var i1 = 0; i1 < vertexCount; i1++){
+            indices1[i1] = i1;
+        }
+        modelData.indices = indices1;
+    }
+    var indicesType = effects.spec.IndexFormatType.UInt16;
+    if (modelData.indices.BYTES_PER_ELEMENT === 4) {
+        indicesType = effects.spec.IndexFormatType.UInt32;
+    }
+    var geometryData = {
+        id: effects.generateGUID(),
+        dataType: effects.spec.DataType.Geometry,
+        vertexData: {
+            vertexCount: vertexCount,
+            channels: [
+                {
+                    semantic: effects.spec.VertexBufferSemantic.Position,
+                    offset: 0,
+                    format: verticesType,
+                    dimension: 3,
+                    normalize: verticesNormalize
+                },
+                {
+                    semantic: effects.spec.VertexBufferSemantic.Uv,
+                    offset: verticesOffset,
+                    format: uvsType,
+                    dimension: 2,
+                    normalize: uvsNormalize
+                },
+                {
+                    semantic: effects.spec.VertexBufferSemantic.Normal,
+                    offset: verticesOffset + uvsOffset,
+                    format: normalsType,
+                    dimension: 3,
+                    normalize: normalsNormalize
+                }
+            ]
+        },
+        subMeshes: [],
+        mode: effects.spec.GeometryType.TRIANGLES,
+        indexFormat: indicesType,
+        indexOffset: verticesOffset + uvsOffset + normalsOffset,
+        buffer: encodeVertexData(modelData)
+    };
+    return geometryData;
+}
+function getGeometryDataFromPropsList(geomPropsList) {
+    var _loop = function(i) {
+        var _geomPropsList__indices;
+        var count = getDrawCount(geomPropsList[i]);
+        var _geomPropsList_i_drawStart;
+        var offset = totalCount + ((_geomPropsList_i_drawStart = geomPropsList[i].drawStart) != null ? _geomPropsList_i_drawStart : 0);
+        var _geomPropsList__indices_data_BYTES_PER_ELEMENT;
+        var scale = (_geomPropsList__indices_data_BYTES_PER_ELEMENT = (_geomPropsList__indices = geomPropsList[0].indices) == null ? void 0 : _geomPropsList__indices.data.BYTES_PER_ELEMENT) != null ? _geomPropsList__indices_data_BYTES_PER_ELEMENT : 1;
+        subMeshes.push({
+            offset: offset * scale,
+            count: count
+        });
+        if (i) {
+            var geom0 = geomPropsList[0];
+            var geom1 = geomPropsList[i];
+            var isSame = true;
+            Object.keys(geom0.attributes).forEach(function(name) {
+                var attrib = geom0.attributes[name];
+                // @ts-expect-error
+                var array1 = attrib.data;
+                // @ts-expect-error
+                var array2 = geom1.attributes[name].data;
+                if (array1.length !== array2.length || array1[0] !== array2[0]) {
+                    isSame = false;
+                }
+            });
+            if (isSame) {
+                if (geom0.indices && geom1.indices) {
+                    geom0.indices.data = mergeTypedArray(geom0.indices.data, geom1.indices.data);
+                }
+            } else {
+                if (geom0.indices && geom1.indices) {
+                    var vertexCount = getVertexCount(geom0);
+                    geom0.indices.data = mergeTypedArray(geom0.indices.data, geom1.indices.data, vertexCount);
+                }
+                Object.keys(geom0.attributes).forEach(function(name) {
+                    var attrib = geom0.attributes[name];
+                    // @ts-expect-error
+                    var array1 = attrib.data;
+                    // @ts-expect-error
+                    var array2 = geom1.attributes[name].data;
+                    // @ts-expect-error
+                    attrib.data = mergeTypedArray(array1, array2);
+                });
+            }
+        }
+        totalCount = offset + count;
+    };
+    if (geomPropsList.length <= 0) {
+        return;
+    }
+    var totalCount = 0;
+    var subMeshes = [];
+    for(var i = 0; i < geomPropsList.length; i++)_loop(i);
+    return createGeometryData(geomPropsList[0], subMeshes);
+}
+function getOffset(formatType, dimension, count) {
+    switch(formatType){
+        case effects.spec.VertexFormatType.Int8:
+        case effects.spec.VertexFormatType.UInt8:
+            return dimension * count;
+        case effects.spec.VertexFormatType.Int16:
+        case effects.spec.VertexFormatType.UInt16:
+            return dimension * count * 2;
+        default:
+            return dimension * count * 4;
+    }
+}
+function createGeometryData(props, subMeshes) {
+    var totalByteLength = 0;
+    for(var attrib in props.attributes){
+        var attribData = props.attributes[attrib];
+        // @ts-expect-error
+        totalByteLength += attribData.data.byteLength;
+    }
+    if (props.indices) {
+        totalByteLength += props.indices.data.byteLength;
+    }
+    var vertexCount = 0;
+    var bufferOffset = 0;
+    var buffer = new Uint8Array(totalByteLength);
+    var vertexChannels = [];
+    for(var attrib1 in props.attributes){
+        var attribData1 = props.attributes[attrib1];
+        var semantic = vertexBufferSemanticMap[attrib1];
+        if (!semantic) {
+            throw new Error("Invalid attrib " + attrib1);
+        }
+        // @ts-expect-error
+        vertexCount = attribData1.data.length / attribData1.size;
+        var _attribData_type;
+        var vertexChannel = {
+            semantic: semantic,
+            offset: bufferOffset,
+            format: effects.glType2VertexFormatType((_attribData_type = attribData1.type) != null ? _attribData_type : effects.glContext.FLOAT),
+            dimension: attribData1.size,
+            normalize: attribData1.normalize
+        };
+        vertexChannels.push(vertexChannel);
+        // @ts-expect-error
+        var data = attribData1.data;
+        var subBuffer = new Uint8Array(data.buffer, data.byteOffset, data.byteLength);
+        buffer.set(subBuffer, bufferOffset);
+        bufferOffset += subBuffer.byteLength;
+    }
+    var geometryData = {
+        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,
+        buffer: ""
+    };
+    if (props.indices) {
+        var indices = props.indices.data;
+        var subBuffer1 = new Uint8Array(indices.buffer, indices.byteOffset, indices.byteLength);
+        buffer.set(subBuffer1, bufferOffset);
+        geometryData.indexOffset = bufferOffset;
+        if (_instanceof1(indices, Uint32Array)) {
+            geometryData.indexFormat = effects.spec.IndexFormatType.UInt32;
+        }
+    }
+    geometryData.buffer = toBase64String(buffer);
+    return geometryData;
+}
+function encodeVertexData(modelData) {
+    var vertices = new Uint8Array(modelData.vertices.buffer, modelData.vertices.byteOffset, modelData.vertices.byteLength);
+    var uvs = new Uint8Array(modelData.uvs.buffer, modelData.uvs.byteOffset, modelData.uvs.byteLength);
+    var normals = new Uint8Array(modelData.normals.buffer, modelData.normals.byteOffset, modelData.normals.byteLength);
+    var indices = new Uint8Array(modelData.indices.buffer, modelData.indices.byteOffset, modelData.indices.byteLength);
+    // 计算新 ArrayBuffer 的总大小（以字节为单位）
+    var totalSize = vertices.byteLength + uvs.byteLength + normals.byteLength + indices.byteLength;
+    // 创建一个足够大的 ArrayBuffer 来存储两个数组的数据
+    var buffer = new ArrayBuffer(totalSize);
+    // 创建一个视图来按照 Float32 格式写入数据
+    var floatView = new Uint8Array(buffer, 0, vertices.byteLength);
+    floatView.set(vertices);
+    floatView = new Uint8Array(buffer, vertices.byteLength, uvs.byteLength);
+    floatView.set(uvs);
+    floatView = new Uint8Array(buffer, vertices.byteLength + uvs.byteLength, normals.byteLength);
+    floatView.set(normals);
+    // 创建一个视图来按照 Uint16 格式写入数据，紧接着 Float32 数据之后
+    var uint16View = new Uint8Array(buffer, vertices.byteLength + uvs.byteLength + normals.byteLength, indices.byteLength);
+    uint16View.set(indices);
+    // 创建一个 Uint8Array 视图以便逐字节访问 ArrayBuffer 的数据
+    var uint8View = new Uint8Array(buffer);
+    // 将 Uint8Array 转换为二进制字符串
+    var binaryString = "";
+    for(var i = 0; i < uint8View.length; i++){
+        binaryString += String.fromCharCode(uint8View[i]);
+    }
+    // 使用 btoa 函数将二进制字符串转换为 Base64 编码的字符串
+    return btoa(binaryString);
+}
+function toBase64String(array) {
+    // 将 Uint8Array 转换为二进制字符串
+    var binaryString = "";
+    for(var i = 0; i < array.length; i++){
+        binaryString += String.fromCharCode(array[i]);
+    }
+    // 使用 btoa 函数将二进制字符串转换为 Base64 编码的字符串
+    return btoa(binaryString);
+}
+function getDrawCount(geomProps) {
+    if (geomProps.drawCount) {
+        return geomProps.drawCount;
+    } else if (geomProps.indices) {
+        return geomProps.indices.data.length;
+    } else {
+        var drawCount = 0;
+        // @ts-expect-error
+        geomProps.attributes.forEach(function(attrib) {
+            drawCount = attrib.data.length / attrib.size;
+        });
+        return drawCount;
+    }
+}
+function getVertexCount(geomProps) {
+    var vertexCount = 0;
+    Object.keys(geomProps.attributes).forEach(function(name) {
+        var attrib = geomProps.attributes[name];
+        // @ts-expect-error
+        vertexCount = attrib.data.length / attrib.size;
+    });
+    return vertexCount;
+}
+function mergeTypedArray(array1, array2, offset) {
+    if (_instanceof1(array1, Float32Array)) {
+        var result = new Float32Array(array1.length + array2.length);
+        result.set(array1);
+        result.set(array2, array1.length);
+        return result;
+    } else if (_instanceof1(array1, Int32Array)) {
+        var result1 = new Int32Array(array1.length + array2.length);
+        result1.set(array1);
+        result1.set(array2, array1.length);
+        return result1;
+    } else if (_instanceof1(array1, Uint32Array)) {
+        var result2 = new Uint32Array(array1.length + array2.length);
+        result2.set(array1);
+        result2.set(array2, array1.length);
+        if (offset) {
+            for(var i = 0; i < array2.length; i++){
+                result2[array1.length + i] += offset;
+            }
+        }
+        return result2;
+    } else if (_instanceof1(array1, Int16Array)) {
+        var result3 = new Int16Array(array1.length + array2.length);
+        result3.set(array1);
+        result3.set(array2, array1.length);
+        return result3;
+    } else if (_instanceof1(array1, Uint16Array)) {
+        var result4 = new Uint16Array(array1.length + array2.length);
+        result4.set(array1);
+        result4.set(array2, array1.length);
+        if (offset) {
+            for(var i1 = 0; i1 < array2.length; i1++){
+                result4[array1.length + i1] += offset;
+            }
+        }
+        return result4;
+    } else if (_instanceof1(array1, Int8Array)) {
+        var result5 = new Int8Array(array1.length + array2.length);
+        result5.set(array1);
+        result5.set(array2, array1.length);
+        return result5;
+    } else {
+        var result6 = new Uint8Array(array1.length + array2.length);
+        result6.set(array1);
+        result6.set(array2, array1.length);
+        return result6;
+    }
+}
+var vertexBufferSemanticMap = {
+    aPos: "POSITION",
+    aUV: "TEXCOORD0",
+    aUV2: "TEXCOORD1",
+    aNormal: "NORMAL",
+    aTangent: "TANGENT",
+    aColor: "COLOR",
+    aJoints: "JOINTS",
+    aWeights: "WEIGHTS",
+    //
+    a_Position: "POSITION",
+    a_UV: "TEXCOORD0",
+    a_UV1: "TEXCOORD0",
+    a_UV2: "TEXCOORD1",
+    a_Normal: "NORMAL",
+    a_Tangent: "TANGENT",
+    a_Color: "COLOR",
+    a_Joints: "JOINTS",
+    a_Weights: "WEIGHTS",
+    //
+    a_Target_Position0: "POSITION_BS0",
+    a_Target_Position1: "POSITION_BS1",
+    a_Target_Position2: "POSITION_BS2",
+    a_Target_Position3: "POSITION_BS3",
+    a_Target_Position4: "POSITION_BS4",
+    a_Target_Position5: "POSITION_BS5",
+    a_Target_Position6: "POSITION_BS6",
+    a_Target_Position7: "POSITION_BS7",
+    a_Target_Normal0: "NORMAL_BS0",
+    a_Target_Normal1: "NORMAL_BS1",
+    a_Target_Normal2: "NORMAL_BS2",
+    a_Target_Normal3: "NORMAL_BS3",
+    a_Target_Tangent0: "TANGENT_BS0",
+    a_Target_Tangent1: "TANGENT_BS1",
+    a_Target_Tangent2: "TANGENT_BS2",
+    a_Target_Tangent3: "TANGENT_BS3"
+};
+
 effects.registerPlugin("tree", ModelTreePlugin, effects.VFXItem, true);
 effects.registerPlugin("model", ModelPlugin, effects.VFXItem);
-var version = "2.0.0-alpha.10";
+var version = "2.0.0-alpha.12";
 effects.logger.info("plugin model version: " + version);
 
 exports.BoxMesh = BoxMesh;
@@ -11819,6 +12872,7 @@ exports.GeometryBoxProxy = GeometryBoxProxy;
 exports.HitTestingProxy = HitTestingProxy;
 exports.HookOGLFunc = HookOGLFunc;
 exports.InterpolationSampler = InterpolationSampler;
+exports.JSONConverter = JSONConverter;
 exports.LoaderHelper = LoaderHelper;
 exports.LoaderImpl = LoaderImpl;
 exports.MeshHelper = MeshHelper;
@@ -11845,12 +12899,12 @@ exports.PMaterialUnlit = PMaterialUnlit;
 exports.PMesh = PMesh;
 exports.PMorph = PMorph;
 exports.PObject = PObject;
-exports.PPrimitive = PPrimitive;
 exports.PSceneManager = PSceneManager;
 exports.PShaderManager = PShaderManager;
 exports.PSkin = PSkin;
 exports.PSkybox = PSkybox;
 exports.PSkyboxCreator = PSkyboxCreator;
+exports.PSubMesh = PSubMesh;
 exports.PTransform = PTransform;
 exports.PluginHelper = PluginHelper;
 exports.RayBoxTesting = RayBoxTesting;
@@ -11871,6 +12925,8 @@ exports.getDefaultEffectsGLTFLoader = getDefaultEffectsGLTFLoader;
 exports.getDiffuseOnlyShaderCode = getDiffuseOnlyShaderCode;
 exports.getGaussianBlurShaderCodeV1 = getGaussianBlurShaderCodeV1;
 exports.getGaussianBlurShaderCodeV2 = getGaussianBlurShaderCodeV2;
+exports.getGeometryDataFromOptions = getGeometryDataFromOptions;
+exports.getGeometryDataFromPropsList = getGeometryDataFromPropsList;
 exports.getKawaseBlurShaderCode = getKawaseBlurShaderCode;
 exports.getNormalVisShaderCode = getNormalVisShaderCode;
 exports.getPBRPassShaderCode = getPBRPassShaderCode;