@galacean/effects-threejs 2.0.0-alpha.15 → 2.0.0-alpha.17

package/dist/index.mjs

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime threejs plugin for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v2.0.0-alpha.15
+ * Version: v2.0.0-alpha.17
  */
 
 import * as THREE from 'three';
@@ -450,7 +450,6 @@ function isSimulatorCellPhone() {
 }
 function isAlipayMiniApp() {
     var _my;
-    // @ts-expect-error
     return typeof my !== "undefined" && ((_my = my) == null ? void 0 : _my.renderTarget) === "web";
 }
 
@@ -706,8 +705,8 @@ function noop() {}
  *
  * @static
  * @function isString
- * @param {object} obj - 要判断的对象
- * @return {boolean}
+ * @param obj - 要判断的对象
+ * @return
  */ function isString(obj) {
     return typeof obj === "string";
 }
@@ -716,8 +715,8 @@ function noop() {}
  *
  * @static
  * @function isArray
- * @param {object} obj - 要判断的对象
- * @return {boolean}
+ * @param obj - 要判断的对象
+ * @return
  */ var isArray = Array.isArray || function(obj) {
     return Object.prototype.toString.call(obj) === "[object Array]";
 };
@@ -726,8 +725,8 @@ function noop() {}
  *
  * @static
  * @function isFunction
- * @param {object} obj - 要判断的对象
- * @return {boolean}
+ * @param obj - 要判断的对象
+ * @return
  */ function isFunction(obj) {
     return Object.prototype.toString.call(obj) === "[object Function]";
 }
@@ -736,8 +735,8 @@ function noop() {}
  *
  * @static
  * @function isObject
- * @param {object} obj - 要判断的对象
- * @return {boolean}
+ * @param obj - 要判断的对象
+ * @return
  */ function isObject(obj) {
     return Object.prototype.toString.call(obj) === "[object Object]";
 }
@@ -746,25 +745,12 @@ function isCanvas(canvas) {
     // 小程序 Canvas 无法使用 instanceof HTMLCanvasElement 判断
     return typeof canvas === "object" && canvas !== null && ((_canvas_tagName = canvas.tagName) == null ? void 0 : _canvas_tagName.toUpperCase()) === "CANVAS";
 }
-function deepClone(obj) {
-    if (isArray(obj)) {
-        return obj.map(deepClone);
-    } else if (obj && typeof obj === "object") {
-        if (ArrayBuffer.isView(obj)) {
-            return obj.slice();
-        }
-        var ret = {};
-        var kas = Object.keys(obj);
-        for(var i = 0; i < kas.length; i++){
-            var key = kas[i];
-            ret[key] = deepClone(obj[key]);
-        }
-        return ret;
-    }
-    return obj;
-}
-// TODO: 改名
-function random(min, max) {
+/**
+ * 生成一个位于 min 和 max 之间的随机数
+ * @param min
+ * @param max
+ * @returns
+ */ function randomInRange(min, max) {
     return min + Math.random() * (max - min);
 }
 function throwDestroyedError() {
@@ -4095,7 +4081,7 @@ var CameraClipMode;
      * 蒙版形状切分
      */ ValueType[ValueType["SHAPE_SPLITS"] = 11] = "SHAPE_SPLITS";
     /**
-     *直线路径
+     * 直线路径
      */ ValueType[ValueType["LINEAR_PATH"] = 12] = "LINEAR_PATH";
     /**
      * 多色
@@ -4271,7 +4257,7 @@ var TextAlignment;
 (function(TextAlignment) {
     /**
      * text alignment starts from（x,y) to right direction
-     * 从(x,y)开始第一个字符，向右边延伸
+     * 从 (x,y) 开始第一个字符，向右边延伸
      */ TextAlignment[TextAlignment["left"] = 0] = "left";
     /**
      * (x,y) is middle position of text, where (left + right)/2 =(x,y)
@@ -4279,7 +4265,7 @@ var TextAlignment;
      */ TextAlignment[TextAlignment["middle"] = 1] = "middle";
     /**
      * text alignment ends with（x,y) from left direction
-     * 从(x,y)结束最后一个字符，向左边延伸
+     * 从 (x,y) 结束最后一个字符，向左边延伸
      */ TextAlignment[TextAlignment["right"] = 2] = "right";
 })(TextAlignment || (TextAlignment = {}));
 /**
@@ -4329,6 +4315,7 @@ var DataType;
     DataType["TimelineAsset"] = "TimelineAsset";
     DataType["TransformPlayableAsset"] = "TransformPlayableAsset";
     DataType["SpriteColorPlayableAsset"] = "SpriteColorPlayableAsset";
+    DataType["BinaryAsset"] = "BinaryAsset";
     // FIXME: 先完成ECS的场景转换，后面移到spec中
     DataType["MeshComponent"] = "MeshComponent";
     DataType["SkyboxComponent"] = "SkyboxComponent";
@@ -4337,6 +4324,7 @@ var DataType;
     DataType["ModelPluginComponent"] = "ModelPluginComponent";
     DataType["TreeComponent"] = "TreeComponent";
     DataType["AnimationComponent"] = "AnimationComponent";
+    DataType["SpineComponent"] = "SpineComponent";
     // Non-EffectObject
     DataType["TimelineClip"] = "TimelineClip";
 })(DataType || (DataType = {}));
@@ -4424,11 +4412,11 @@ var VertexBufferSemantic;
     VertexBufferSemantic["TangentBS3"] = "TANGENT_BS3";
 })(VertexBufferSemantic || (VertexBufferSemantic = {}));
 
-var BuiltinObjectGUID = function BuiltinObjectGUID() {
+var BuiltinObjectGUID = {
+    WhiteTexture: "whitetexture00000000000000000000",
+    PBRShader: "pbr00000000000000000000000000000",
+    UnlitShader: "unlit000000000000000000000000000"
 };
-BuiltinObjectGUID.WhiteTexture = "whitetexture00000000000000000000";
-BuiltinObjectGUID.PBRShader = "pbr00000000000000000000000000000";
-BuiltinObjectGUID.UnlitShader = "unlit000000000000000000000000000";
 
 var index$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -4484,15 +4472,20 @@ var index$1 = /*#__PURE__*/Object.freeze({
     BuiltinObjectGUID: BuiltinObjectGUID
 });
 
-var effectsClassStore = {};
 var decoratorInitialStore = {};
 var mergedStore = {};
-function getDirectStore(target) {
-    var classKey = target.constructor.name;
-    if (!decoratorInitialStore[classKey]) {
-        decoratorInitialStore[classKey] = {};
-    }
-    return decoratorInitialStore[classKey];
+var effectsClassStore = {};
+function effectsClass(className) {
+    return function(target, context) {
+        if (effectsClassStore[className]) {
+            console.warn("Class " + className + " 重复注册");
+        }
+        // TODO: three修改json dataType, 这边重复注册直接 return
+        effectsClassStore[className] = target;
+    };
+}
+function serialize(type, sourceName) {
+    return generateSerializableMember(type, sourceName); // value member
 }
 function getMergedStore(target) {
     var classKey = target.constructor.name;
@@ -4517,18 +4510,6 @@ function getMergedStore(target) {
     }
     return store;
 }
-function serialize(type, sourceName) {
-    return generateSerializableMember(type, sourceName); // value member
-}
-function effectsClass(className) {
-    return function(target, context) {
-        if (effectsClassStore[className]) {
-            console.warn("Class " + className + " 重复注册");
-        }
-        //TODO: three修改json dataType, 这边重复注册直接 return
-        effectsClassStore[className] = target;
-    };
-}
 function generateSerializableMember(type, sourceName) {
     return function(target, propertyKey) {
         var classStore = getDirectStore(target);
@@ -4540,6 +4521,13 @@ function generateSerializableMember(type, sourceName) {
         }
     };
 }
+function getDirectStore(target) {
+    var classKey = target.constructor.name;
+    if (!decoratorInitialStore[classKey]) {
+        decoratorInitialStore[classKey] = {};
+    }
+    return decoratorInitialStore[classKey];
+}
 
 /**
  * @since 2.0.0
@@ -4571,6 +4559,9 @@ function generateSerializableMember(type, sourceName) {
         }
     };
     _proto.dispose = function dispose() {};
+    EffectsObject.is = function is(obj) {
+        return _instanceof1(obj, EffectsObject) && "guid" in obj;
+    };
     return EffectsObject;
 }();
 __decorate([
@@ -4723,6 +4714,7 @@ __decorate([
         _this = Component.apply(this, arguments) || this;
         _this.started = false;
         _this.materials = [];
+        _this._priority = 0;
         _this._enabled = true;
         return _this;
     }
@@ -9979,7 +9971,7 @@ var RandomValue = /*#__PURE__*/ function(ValueGetter) {
         this.max = props[1];
     };
     _proto.getValue = function getValue(time) {
-        return random(this.min, this.max);
+        return randomInRange(this.min, this.max);
     };
     _proto.toUniform = function toUniform() {
         return new Float32Array([
@@ -13689,13 +13681,16 @@ var SpriteColorPlayable = /*#__PURE__*/ function(Playable) {
     }
     var _proto = SpriteColorPlayable.prototype;
     _proto.processFrame = function processFrame(context) {
-        var boundItem = context.output.getUserData();
+        var boundObject = context.output.getUserData();
+        if (!_instanceof1(boundObject, VFXItem)) {
+            return;
+        }
         if (!this.spriteMaterial) {
-            this.spriteMaterial = boundItem.getComponent(SpriteComponent).material;
+            this.spriteMaterial = boundObject.getComponent(SpriteComponent).material;
         }
         var colorInc = vecFill(tempColor, 1);
         var colorChanged;
-        var life = this.time / boundItem.duration;
+        var life = this.time / boundObject.duration;
         var opacityOverLifetime = this.opacityOverLifetime;
         var colorOverLifetime = this.colorOverLifetime;
         if (colorOverLifetime) {
@@ -13825,7 +13820,6 @@ var SpriteComponent = /*#__PURE__*/ function(RendererComponent) {
         renderer.drawGeometry(geo, material);
     };
     _proto.start = function start() {
-        this.priority = this.item.listIndex;
         this.item.getHitTestParams = this.getHitTestParams;
     };
     _proto.update = function update(dt) {
@@ -14713,7 +14707,7 @@ var Cone = /*#__PURE__*/ function() {
         // dir + [0,0,1]
         dir.z += 1;
         return {
-            position: position.multiply(random(0, 1)),
+            position: position.multiply(randomInRange(0, 1)),
             direction: dir.normalize()
         };
     };
@@ -14721,7 +14715,7 @@ var Cone = /*#__PURE__*/ function() {
 }();
 function getArcAngle(arc, arcMode, opt) {
     if (arcMode === ShapeArcMode.RANDOM) {
-        arc = random(0, arc);
+        arc = randomInRange(0, arc);
     } else if (arcMode === ShapeArcMode.UNIDIRECTIONAL_CYCLE) {
         var d = opt.index % (opt.total + 1);
         arc = arc / opt.total * d;
@@ -14761,8 +14755,8 @@ var Rectangle = /*#__PURE__*/ function() {
     }
     var _proto = Rectangle.prototype;
     _proto.generate = function generate(opt) {
-        var x = random(-this._d, this._d);
-        var y = random(-this._h, this._h);
+        var x = randomInRange(-this._d, this._d);
+        var y = randomInRange(-this._h, this._h);
         return {
             direction: new Vector3(0, 0, 1),
             position: new Vector3(x, y, 0)
@@ -14812,7 +14806,7 @@ var Edge = /*#__PURE__*/ function() {
     }
     var _proto = Edge.prototype;
     _proto.generate = function generate(options) {
-        var x = this.arcMode === ShapeArcMode.UNIFORM_BURST ? options.burstIndex % options.burstCount / (options.burstCount - 1) : random(0, 1);
+        var x = this.arcMode === ShapeArcMode.UNIFORM_BURST ? options.burstIndex % options.burstCount / (options.burstCount - 1) : randomInRange(0, 1);
         return {
             direction: new Vector3(0, 1, 0),
             position: new Vector3(this._d * (x - 0.5), 0, 0)
@@ -14833,7 +14827,7 @@ var Donut = /*#__PURE__*/ function() {
     _proto.generate = function generate(opt) {
         var dradius = this.donutRadius;
         var center = this.radius - dradius;
-        var angle = random(0, Math.PI * 2);
+        var angle = randomInRange(0, Math.PI * 2);
         var arc = getArcAngle(this.arc, this.arcMode, opt) * DEG2RAD;
         var rot = tempMat4$2.setFromRotationZ(arc);
         var direction = new Vector3(Math.cos(angle), Math.sin(angle), 0);
@@ -14856,7 +14850,7 @@ var Sphere = /*#__PURE__*/ function() {
     }
     var _proto = Sphere.prototype;
     _proto.getHorizontalAngle = function getHorizontalAngle() {
-        return random(-90, 90);
+        return randomInRange(-90, 90);
     };
     _proto.generate = function generate(opt) {
         var rz = getArcAngle(this.arc, this.arcMode, opt) * DEG2RAD;
@@ -14879,7 +14873,7 @@ var Hemisphere = /*#__PURE__*/ function(Sphere) {
     }
     var _proto = Hemisphere.prototype;
     _proto.getHorizontalAngle = function getHorizontalAngle() {
-        return random(0, 90);
+        return randomInRange(0, 90);
     };
     return Hemisphere;
 }(Sphere);
@@ -16229,7 +16223,7 @@ function getTrailMeshShader(trails, particleMaxCount, name, env, gpuCapability)
     }
     var _proto = ParticleSystemRenderer.prototype;
     _proto.start = function start() {
-        this._priority = this.item.listIndex;
+        this._priority = this.item.renderOrder;
         this.particleMesh.gravityModifier.scaleXCoord(this.item.duration);
         for(var _iterator = _create_for_of_iterator_helper_loose(this.meshes), _step; !(_step = _iterator()).done;){
             var mesh = _step.value;
@@ -16917,11 +16911,9 @@ var ParticleSystem = /*#__PURE__*/ function(Component) {
         this.props = props;
         this.destroyed = false;
         var cachePrefix = "";
-        var options = props.options;
-        var positionOverLifetime = props.positionOverLifetime;
-        var shape = props.shape;
-        var gravityModifier = positionOverLifetime.gravityOverLifetime;
-        var gravity = ensureVec3(positionOverLifetime.gravity);
+        var options = props.options, _props_positionOverLifetime = props.positionOverLifetime, positionOverLifetime = _props_positionOverLifetime === void 0 ? {} : _props_positionOverLifetime, shape = props.shape;
+        var gravityModifier = positionOverLifetime == null ? void 0 : positionOverLifetime.gravityOverLifetime;
+        var gravity = ensureVec3(positionOverLifetime == null ? void 0 : positionOverLifetime.gravity);
         var _textureSheetAnimation = props.textureSheetAnimation;
         var textureSheetAnimation = _textureSheetAnimation ? {
             animationDelay: createValueGetter(_textureSheetAnimation.animationDelay || 0),
@@ -16932,7 +16924,7 @@ var ParticleSystem = /*#__PURE__*/ function(Component) {
             row: _textureSheetAnimation.row,
             total: _textureSheetAnimation.total || _textureSheetAnimation.col * _textureSheetAnimation.row
         } : undefined;
-        var startTurbulence = !!(shape && shape.turbulenceX || shape.turbulenceY || shape.turbulenceZ);
+        var startTurbulence = !!(shape && shape.turbulenceX || (shape == null ? void 0 : shape.turbulenceY) || (shape == null ? void 0 : shape.turbulenceZ));
         var turbulence;
         if (startTurbulence) {
             var _shape_turbulenceX, _shape_turbulenceY, _shape_turbulenceZ;
@@ -16965,7 +16957,7 @@ var ParticleSystem = /*#__PURE__*/ function(Component) {
             }
         }
         var forceTarget;
-        if (positionOverLifetime.forceTarget) {
+        if (positionOverLifetime == null ? void 0 : positionOverLifetime.forceTarget) {
             forceTarget = {
                 target: positionOverLifetime.target || [
                     0,
@@ -17279,13 +17271,13 @@ function randomArrItem(arr, keepArr) {
     }
     var _proto = ParticleBehaviourPlayable.prototype;
     _proto.start = function start(context) {
-        var binding = context.output.getUserData();
-        if (this.particleSystem) {
+        var boundObject = context.output.getUserData();
+        if (this.particleSystem || !_instanceof1(boundObject, VFXItem)) {
             return;
         }
-        this.particleSystem = binding.getComponent(ParticleSystem);
+        this.particleSystem = boundObject.getComponent(ParticleSystem);
         if (this.particleSystem) {
-            this.particleSystem.name = binding.name;
+            this.particleSystem.name = boundObject.name;
             this.particleSystem.start();
             this.particleSystem.initEmitterTransform();
         }
@@ -18443,10 +18435,13 @@ var tempPos = new Vector3();
     };
     _proto.processFrame = function processFrame(context) {
         if (!this.binding) {
-            this.binding = context.output.getUserData();
-            this.start();
+            var boundObject = context.output.getUserData();
+            if (_instanceof1(boundObject, VFXItem)) {
+                this.binding = boundObject;
+                this.start();
+            }
         }
-        if (this.binding.composition) {
+        if (this.binding && this.binding.composition) {
             this.sampleAnimation();
         }
     };
@@ -18655,14 +18650,40 @@ var AnimationClipPlayable = /*#__PURE__*/ function(Playable) {
     }
     var _proto = AnimationClipPlayable.prototype;
     _proto.processFrame = function processFrame(context) {
-        var boundItem = context.output.getUserData();
-        if (boundItem.composition) {
-            this.clip.sampleAnimation(boundItem, this.time);
+        var boundObject = context.output.getUserData();
+        if (!_instanceof1(boundObject, VFXItem)) {
+            return;
+        }
+        if (boundObject.composition) {
+            this.clip.sampleAnimation(boundObject, this.time);
         }
     };
     return AnimationClipPlayable;
 }(Playable);
 
+/**
+ * @since 2.0.0
+ * @internal
+ */ var TimelineClip = /*#__PURE__*/ function() {
+    function TimelineClip() {
+        this.start = 0;
+        this.duration = 0;
+    }
+    var _proto = TimelineClip.prototype;
+    _proto.toLocalTime = function toLocalTime(time) {
+        var localTime = time - this.start;
+        var duration = this.duration;
+        if (localTime - duration > 0.001) {
+            if (this.endBehaviour === ItemEndBehavior.loop) {
+                localTime = localTime % duration;
+            } else if (this.endBehaviour === ItemEndBehavior.freeze) {
+                localTime = Math.min(duration, localTime);
+            }
+        }
+        return localTime;
+    };
+    return TimelineClip;
+}();
 var TrackAsset = /*#__PURE__*/ function(PlayableAsset) {
     _inherits(TrackAsset, PlayableAsset);
     function TrackAsset() {
@@ -18751,7 +18772,7 @@ var TrackAsset = /*#__PURE__*/ function(PlayableAsset) {
     return TrackAsset;
 }(PlayableAsset);
 __decorate([
-    serialize("TimelineClip")
+    serialize(TimelineClip)
 ], TrackAsset.prototype, "clips", void 0);
 __decorate([
     serialize()
@@ -18764,29 +18785,6 @@ var TrackType;
     TrackType[TrackType["MasterTrack"] = 0] = "MasterTrack";
     TrackType[TrackType["ObjectTrack"] = 1] = "ObjectTrack";
 })(TrackType || (TrackType = {}));
-var TimelineClip = /*#__PURE__*/ function() {
-    function TimelineClip() {
-        this.start = 0;
-        this.duration = 0;
-    }
-    var _proto = TimelineClip.prototype;
-    _proto.toLocalTime = function toLocalTime(time) {
-        var localTime = time - this.start;
-        var duration = this.duration;
-        if (localTime - duration > 0.001) {
-            if (this.endBehaviour === ItemEndBehavior.loop) {
-                localTime = localTime % duration;
-            } else if (this.endBehaviour === ItemEndBehavior.freeze) {
-                localTime = Math.min(duration, localTime);
-            }
-        }
-        return localTime;
-    };
-    return TimelineClip;
-}();
-TimelineClip = __decorate([
-    effectsClass("TimelineClip")
-], TimelineClip);
 var RuntimeClip = /*#__PURE__*/ function() {
     function RuntimeClip(clip, clipPlayable, parentMixer, track) {
         this.clip = clip;
@@ -18873,10 +18871,6 @@ var ObjectBindingTrack = /*#__PURE__*/ function(TrackAsset1) {
             particleClip.endBehaviour = boundItem.endBehavior;
         }
     };
-    _proto.fromData = function fromData(data) {
-        TrackAsset1.prototype.fromData.call(this, data);
-        this.data = data;
-    };
     return ObjectBindingTrack;
 }(TrackAsset);
 ObjectBindingTrack = __decorate([
@@ -18901,13 +18895,11 @@ var ActivationMixerPlayable = /*#__PURE__*/ function(Playable) {
     }
     var _proto = ActivationMixerPlayable.prototype;
     _proto.processFrame = function processFrame(context) {
-        if (!this.bindingItem) {
-            this.bindingItem = context.output.getUserData();
-        }
-        if (!this.bindingItem) {
+        var boundObject = context.output.getUserData();
+        if (!_instanceof1(boundObject, VFXItem)) {
             return;
         }
-        var bindingItem = this.bindingItem;
+        var boundItem = boundObject;
         var hasInput = false;
         for(var i = 0; i < this.getInputCount(); i++){
             if (this.getInputWeight(i) > 0) {
@@ -18916,11 +18908,11 @@ var ActivationMixerPlayable = /*#__PURE__*/ function(Playable) {
             }
         }
         if (hasInput) {
-            bindingItem.transform.setValid(true);
-            this.showRendererComponents(bindingItem);
+            boundItem.transform.setValid(true);
+            this.showRendererComponents(boundItem);
         } else {
-            bindingItem.transform.setValid(false);
-            this.hideRendererComponents(bindingItem);
+            boundItem.transform.setValid(false);
+            this.hideRendererComponents(boundItem);
         }
     };
     _proto.hideRendererComponents = function hideRendererComponents(item) {
@@ -19118,7 +19110,6 @@ function compareTracks(a, b) {
         this.startTime = startTime;
         this.resolveBindings();
         this.timelinePlayable = this.timelineAsset.createPlayable(this.graph);
-        this.timelinePlayable.play();
         // 重播不销毁元素
         if (this.item.endBehavior !== ItemEndBehavior.destroy) {
             this.setReusable(true);
@@ -19347,7 +19338,9 @@ var SubCompositionClipPlayable = /*#__PURE__*/ function(Playable) {
     var _proto = SubCompositionClipPlayable.prototype;
     _proto.processFrame = function processFrame(context) {
         var boundObject = context.output.getUserData();
-        boundObject.time = this.getTime();
+        if (_instanceof1(boundObject, CompositionComponent)) {
+            boundObject.time = this.getTime();
+        }
     };
     return SubCompositionClipPlayable;
 }(Playable);
@@ -19535,7 +19528,6 @@ var CanvasPool = /*#__PURE__*/ function() {
             return this.elements.shift();
         }
         if (getConfig(TEMPLATE_USE_OFFSCREEN_CANVAS)) {
-            // @ts-expect-error
             return window._createOffscreenCanvas(10, 10);
         } else {
             // in hongmeng system, create too many canvas will case render error
@@ -20104,6 +20096,7 @@ var VFXItem = /*#__PURE__*/ function(EffectsObject) {
         /**
    * 元素动画的速度
    */ _this.speed = 1;
+        _this.listIndex = 0;
         _this.name = "VFXItem";
         _this.transform.name = _this.name;
         _this.transform.engine = engine;
@@ -20374,7 +20367,6 @@ var VFXItem = /*#__PURE__*/ function(EffectsObject) {
         this.parentId = parentId;
         this.duration = duration;
         this.endBehavior = endBehavior;
-        this.listIndex = listIndex;
         //@ts-expect-error
         this.oldId = data.oldId;
         if (!data.content) {
@@ -20385,18 +20377,12 @@ var VFXItem = /*#__PURE__*/ function(EffectsObject) {
         if (duration <= 0) {
             throw Error("Item duration can't be less than 0, see " + HELP_LINK["Item duration can't be less than 0"]);
         }
-        if (data.components) {
-            for(var _iterator = _create_for_of_iterator_helper_loose(data.components), _step; !(_step = _iterator()).done;){
-                var component = _step.value;
-                var newComponent = component;
-                this.components.push(newComponent);
-                if (_instanceof1(newComponent, RendererComponent)) {
-                    this.rendererComponents.push(newComponent);
-                } else if (_instanceof1(newComponent, ItemBehaviour)) {
-                    this.itemBehaviours.push(newComponent);
-                }
-            }
+        for(var _iterator = _create_for_of_iterator_helper_loose(this.components), _step; !(_step = _iterator()).done;){
+            var component = _step.value;
+            component.onAttached();
         }
+        // renderOrder 在 component 初始化后设置。确保能拿到 rendererComponent。
+        this.renderOrder = listIndex;
     };
     _proto.toData = function toData() {
         var _this_parent;
@@ -20506,10 +20492,30 @@ var VFXItem = /*#__PURE__*/ function(EffectsObject) {
                 var _this_composition_reusable;
                 return (_this_composition_reusable = (_this_composition = this.composition) == null ? void 0 : _this_composition.reusable) != null ? _this_composition_reusable : false;
             }
+        },
+        {
+            key: "renderOrder",
+            get: /**
+   * 元素在合成中的索引
+   */ function get() {
+                return this.listIndex;
+            },
+            set: function set(value) {
+                if (this.listIndex !== value) {
+                    this.listIndex = value;
+                    for(var _iterator = _create_for_of_iterator_helper_loose(this.rendererComponents), _step; !(_step = _iterator()).done;){
+                        var rendererComponent = _step.value;
+                        rendererComponent.priority = value;
+                    }
+                }
+            }
         }
     ]);
     return VFXItem;
 }(EffectsObject);
+__decorate([
+    serialize()
+], VFXItem.prototype, "components", void 0);
 VFXItem = __decorate([
     effectsClass(DataType.VFXItemData)
 ], VFXItem);
@@ -20739,22 +20745,22 @@ var SerializationHelper = /*#__PURE__*/ function() {
             if (value === undefined) {
                 value = effectsObject[key];
             }
-            if (_instanceof1(value, EffectsObject)) {
-                this.collectSerializableObject(value, res);
-            } else if (_instanceof1(value, Array)) {
+            if (EffectsObject.is(value)) {
+                SerializationHelper.collectSerializableObject(value, res);
+            } else if (isArray(value)) {
                 for(var _iterator1 = _create_for_of_iterator_helper_loose(value), _step1; !(_step1 = _iterator1()).done;){
                     var arrayValue = _step1.value;
-                    if (_instanceof1(arrayValue, EffectsObject)) {
-                        this.collectSerializableObject(arrayValue, res);
+                    if (EffectsObject.is(arrayValue)) {
+                        SerializationHelper.collectSerializableObject(arrayValue, res);
                     }
                 }
-            } else if (_instanceof1(value, Object)) {
+            } else if (isObject(value)) {
                 // 非 EffectsObject 对象只递归一层
                 for(var _iterator2 = _create_for_of_iterator_helper_loose(Object.keys(value)), _step2; !(_step2 = _iterator2()).done;){
                     var objectKey = _step2.value;
                     var objectValue = value[objectKey];
-                    if (_instanceof1(objectValue, EffectsObject)) {
-                        this.collectSerializableObject(objectValue, res);
+                    if (EffectsObject.is(objectValue)) {
+                        SerializationHelper.collectSerializableObject(objectValue, res);
                     }
                 }
             }
@@ -20791,17 +20797,17 @@ var SerializationHelper = /*#__PURE__*/ function() {
             if (typeof value === "number" || typeof value === "string" || typeof value === "boolean" || SerializationHelper.checkTypedArray(value)) {
                 // TODO json 数据避免传 typedArray
                 serializedData[key] = value;
-            } else if (_instanceof1(value, Array)) {
+            } else if (isArray(value)) {
                 if (!serializedData[key]) {
                     serializedData[key] = [];
                 }
                 SerializationHelper.serializeArrayProperty(value, serializedData[key], 0);
-            } else if (_instanceof1(value, EffectsObject)) {
+            } else if (EffectsObject.is(value)) {
                 // TODO 处理 EffectsObject 递归序列化
                 serializedData[key] = {
                     id: value.getInstanceId()
                 };
-            } else if (_instanceof1(value, Object)) {
+            } else if (isObject(value)) {
                 if (!serializedData[key]) {
                     serializedData[key] = {};
                 }
@@ -20815,17 +20821,17 @@ var SerializationHelper = /*#__PURE__*/ function() {
             if (typeof value1 === "number" || typeof value1 === "string" || typeof value1 === "boolean" || SerializationHelper.checkTypedArray(value1)) {
                 // TODO json 数据避免传 typedArray
                 serializedData[key1] = value1;
-            } else if (_instanceof1(value1, Array)) {
+            } else if (isArray(value1)) {
                 if (!serializedData[key1]) {
                     serializedData[key1] = [];
                 }
                 SerializationHelper.serializeArrayProperty(value1, serializedData[key1], 0);
-            } else if (_instanceof1(value1, EffectsObject)) {
+            } else if (EffectsObject.is(value1)) {
                 // TODO 处理 EffectsObject 递归序列化
                 serializedData[key1] = {
                     id: value1.getInstanceId()
                 };
-            } else if (_instanceof1(value1, Object)) {
+            } else if (isObject(value1)) {
                 if (!serializedData[key1]) {
                     serializedData[key1] = {};
                 }
@@ -20938,13 +20944,13 @@ var SerializationHelper = /*#__PURE__*/ function() {
     SerializationHelper.checkTypedArray = function checkTypedArray(obj) {
         return _instanceof1(obj, Int8Array) || _instanceof1(obj, Uint8Array) || _instanceof1(obj, Uint8ClampedArray) || _instanceof1(obj, Int16Array) || _instanceof1(obj, Uint16Array) || _instanceof1(obj, Int32Array) || _instanceof1(obj, Uint32Array) || _instanceof1(obj, Float32Array) || _instanceof1(obj, Float64Array) || _instanceof1(obj, ArrayBuffer);
     };
+    // check value is { id: 7e69662e964e4892ae8933f24562395b }
     SerializationHelper.checkDataPath = function checkDataPath(value) {
-        // check value is { id: 7e69662e964e4892ae8933f24562395b }
-        return _instanceof1(value, Object) && Object.keys(value).length === 1 && value.id && value.id.length === 32;
+        return !!(isObject(value) && Object.keys(value).length === 1 && "id" in value && isString(value.id) && value.id.length === 32);
     };
     // TODO 测试函数，2.0 上线后移除
     SerializationHelper.checkGLTFNode = function checkGLTFNode(value) {
-        return _instanceof1(value, Object) && value.nodeIndex !== undefined && value.isJoint !== undefined;
+        return isObject(value) && value.nodeIndex !== undefined && value.isJoint !== undefined;
     };
     SerializationHelper.checkImageSource = function checkImageSource(value) {
         return isCanvas(value) || _instanceof1(value, HTMLImageElement);
@@ -20954,9 +20960,8 @@ var SerializationHelper = /*#__PURE__*/ function() {
             console.error("序列化数据的内嵌对象层数大于上限");
             return;
         }
-        if (typeof property === "number" || typeof property === "string" || typeof property === "boolean") {
-            return property;
-        } else if (_instanceof1(property, Array)) {
+        // 加载并链接 DataPath 字段表示的 EffectsObject 引用。Class 对象 copy [key, value] 会丢失对象信息，因此只递归数组对象和普通 js Object 结构对象。
+        if (isArray(property)) {
             var res = [];
             for(var _iterator = _create_for_of_iterator_helper_loose(property), _step; !(_step = _iterator()).done;){
                 var value = _step.value;
@@ -20966,27 +20971,25 @@ var SerializationHelper = /*#__PURE__*/ function() {
         // TODO json 数据避免传 typedArray
         } else if (SerializationHelper.checkDataPath(property)) {
             return engine.assetLoader.loadGUID(property.id);
-        } else if (_instanceof1(property, EffectsObject) || SerializationHelper.checkImageSource(property) || SerializationHelper.checkTypedArray(property) || SerializationHelper.checkGLTFNode(property)) {
-            return property;
-        } else if (_instanceof1(property, Object)) {
+        } else if (isObject(property) && property.constructor === Object) {
             var res1;
             if (type) {
-                var classConstructor = effectsClassStore[type];
-                res1 = new classConstructor();
+                res1 = new type();
             } else {
                 res1 = {};
             }
             for(var _iterator1 = _create_for_of_iterator_helper_loose(Object.keys(property)), _step1; !(_step1 = _iterator1()).done;){
                 var key = _step1.value;
-                // @ts-expect-error
                 res1[key] = SerializationHelper.deserializeProperty(property[key], engine, level + 1);
             }
             return res1;
+        } else {
+            return property;
         }
     };
     SerializationHelper.deserializePropertyAsync = function deserializePropertyAsync(property, engine, level, type) {
         return _async_to_generator(function() {
-            var res, _iterator, _step, value, _, res1, res2, classConstructor, _iterator1, _step1, key;
+            var res, _iterator, _step, value, _, res1, res2, _iterator1, _step1, key;
             return __generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -20996,26 +20999,17 @@ var SerializationHelper = /*#__PURE__*/ function() {
                                 2
                             ];
                         }
-                        if (!(typeof property === "number" || typeof property === "string" || typeof property === "boolean")) return [
+                        if (!isArray(property)) return [
                             3,
-                            1
-                        ];
-                        return [
-                            2,
-                            property
-                        ];
-                    case 1:
-                        if (!_instanceof1(property, Array)) return [
-                            3,
-                            6
+                            5
                         ];
                         res = [];
                         _iterator = _create_for_of_iterator_helper_loose(property);
-                        _state.label = 2;
-                    case 2:
+                        _state.label = 1;
+                    case 1:
                         if (!!(_step = _iterator()).done) return [
                             3,
-                            5
+                            4
                         ];
                         value = _step.value;
                         _ = res.push;
@@ -21023,61 +21017,58 @@ var SerializationHelper = /*#__PURE__*/ function() {
                             4,
                             SerializationHelper.deserializePropertyAsync(value, engine, level + 1, type)
                         ];
-                    case 3:
+                    case 2:
                         _.apply(res, [
                             _state.sent()
                         ]);
-                        _state.label = 4;
-                    case 4:
+                        _state.label = 3;
+                    case 3:
                         return [
                             3,
-                            2
+                            1
                         ];
-                    case 5:
+                    case 4:
                         return [
                             2,
                             res
                         ];
-                    case 6:
+                    case 5:
                         if (!SerializationHelper.checkDataPath(property)) return [
                             3,
-                            8
+                            7
                         ];
                         return [
                             4,
                             engine.assetLoader.loadGUIDAsync(property.id)
                         ];
-                    case 7:
+                    case 6:
                         res1 = _state.sent();
                         return [
                             2,
                             res1
                         ];
-                    case 8:
-                        if (_instanceof1(property, EffectsObject) || SerializationHelper.checkImageSource(property) || SerializationHelper.checkTypedArray(property) || SerializationHelper.checkGLTFNode(property)) {
-                            return [
-                                2,
-                                property
-                            ];
-                        } else if (_instanceof1(property, Object)) {
+                    case 7:
+                        if (isObject(property) && property.constructor === Object) {
                             if (type) {
-                                classConstructor = effectsClassStore[type];
-                                res2 = new classConstructor();
+                                res2 = new type();
                             } else {
                                 res2 = {};
                             }
                             for(_iterator1 = _create_for_of_iterator_helper_loose(Object.keys(property)); !(_step1 = _iterator1()).done;){
                                 key = _step1.value;
-                                // @ts-expect-error
                                 res2[key] = SerializationHelper.deserializeProperty(property[key], engine, level + 1);
                             }
                             return [
                                 2,
                                 res2
                             ];
+                        } else {
+                            return [
+                                2,
+                                property
+                            ];
                         }
-                        _state.label = 9;
-                    case 9:
+                    case 8:
                         return [
                             2
                         ];
@@ -21099,17 +21090,17 @@ var SerializationHelper = /*#__PURE__*/ function() {
             if (typeof value === "number" || typeof value === "string" || typeof value === "boolean" || SerializationHelper.checkTypedArray(objectProperty)) {
                 // TODO json 数据避免传 typedArray
                 serializedData[key] = value;
-            } else if (_instanceof1(value, Array)) {
+            } else if (isArray(value)) {
                 if (!serializedData[key]) {
                     serializedData[key] = [];
                 }
                 SerializationHelper.serializeArrayProperty(value, serializedData[key], level + 1);
-            } else if (_instanceof1(value, EffectsObject)) {
+            } else if (EffectsObject.is(value)) {
                 // TODO 处理 EffectsObject 递归序列化
                 serializedData[key] = {
                     id: value.getInstanceId()
                 };
-            } else if (_instanceof1(value, Object)) {
+            } else if (isObject(value)) {
                 if (!serializedData[key]) {
                     serializedData[key] = {};
                 }
@@ -21130,17 +21121,17 @@ var SerializationHelper = /*#__PURE__*/ function() {
             if (typeof value === "number" || typeof value === "string" || typeof value === "boolean" || SerializationHelper.checkTypedArray(arrayProperty)) {
                 // TODO json 数据避免传 typedArray
                 serializedData[i] = value;
-            } else if (_instanceof1(value, Array)) {
+            } else if (isArray(value)) {
                 if (!serializedData[i]) {
                     serializedData[i] = [];
                 }
-                this.serializeArrayProperty(value, serializedData[i], level + 1);
-            } else if (_instanceof1(value, EffectsObject)) {
+                SerializationHelper.serializeArrayProperty(value, serializedData[i], level + 1);
+            } else if (EffectsObject.is(value)) {
                 // TODO 处理 EffectsObject 递归序列化
                 serializedData[i] = {
                     id: value.getInstanceId()
                 };
-            } else if (_instanceof1(value, Object)) {
+            } else if (isObject(value)) {
                 if (!serializedData[i]) {
                     serializedData[i] = {};
                 }
@@ -22180,8 +22171,6 @@ function getStandardCameraContent(model) {
         // 生成时间轴数据
         convertTimelineAsset(compositionData, guidToItemMap, result);
     };
-    var // 更正 spine 数据中的 images 属性
-    _json_spines;
     var // 兼容老版本数据中不存在textures的情况
     _result;
     var result = _extends({}, json, {
@@ -22191,7 +22180,8 @@ function getStandardCameraContent(model) {
         materials: [],
         shaders: [],
         geometries: [],
-        animations: []
+        animations: [],
+        miscs: []
     });
     // image数据添加 guid
     for(var _iterator = _create_for_of_iterator_helper_loose(result.images), _step; !(_step = _iterator()).done;){
@@ -22221,17 +22211,10 @@ function getStandardCameraContent(model) {
             });
         }
     }
-    (_json_spines = json.spines) == null ? void 0 : _json_spines.forEach(function(spine) {
-        for(var i = 0; i < spine.images.length; i++){
-            var _json_textures_spine_images_i;
-            //@ts-expect-error
-            var textureId = (_json_textures_spine_images_i = json.textures[spine.images[i]]) == null ? void 0 : _json_textures_spine_images_i.id;
-            //@ts-expect-error
-            spine.images[i] = {
-                id: textureId
-            };
-        }
-    });
+    // 处理老版本数据中 bins 没有 id 的情况
+    if (json.bins) {
+        convertBinaryAsset(json.bins, result);
+    }
     var itemOldIdToGuidMap = {};
     var guidToItemMap = {};
     // 更正Composition.endBehavior
@@ -22395,6 +22378,10 @@ function getStandardCameraContent(model) {
             //@ts-expect-error
             item.type = "orientation-transformer";
         }
+        // Spine 元素转为 guid 索引
+        if (item.type === ItemType.spine && json.spines && json.spines.length !== 0) {
+            convertSpineData(json.spines[item.content.options.spine], item.content, result);
+        }
         // item 的 content 转为 component data 加入 JSONScene.components
         if (item.type === ItemType.sprite || item.type === ItemType.particle || item.type === ItemType.mesh || item.type === ItemType.skybox || item.type === ItemType.light || item.type === "camera" || item.type === ItemType.tree || item.type === ItemType.interact || item.type === ItemType.camera || item.type === ItemType.text || item.type === ItemType.spine || item.type === "editor-gizmo" || item.type === "orientation-transformer") {
             item.components = [];
@@ -22642,22 +22629,54 @@ function convertTimelineAsset(composition, guidToItemMap, jsonScene) {
         id: timelineAssetData.id
     };
     composition.sceneBindings = sceneBindings;
-    if (!jsonScene.animations) {
-        jsonScene.animations = [];
-    }
-    // @ts-expect-error
-    jsonScene.animations.push(timelineAssetData);
+    jsonScene.miscs.push(timelineAssetData);
     for(var _iterator2 = _create_for_of_iterator_helper_loose(trackDatas), _step2; !(_step2 = _iterator2()).done;){
         var trackData1 = _step2.value;
         //@ts-expect-error
-        jsonScene.animations.push(trackData1);
+        jsonScene.miscs.push(trackData1);
     }
     for(var _iterator3 = _create_for_of_iterator_helper_loose(playableAssetDatas), _step3; !(_step3 = _iterator3()).done;){
         var playableAsset = _step3.value;
         //@ts-expect-error
-        jsonScene.animations.push(playableAsset);
+        jsonScene.miscs.push(playableAsset);
     }
 }
+function convertBinaryAsset(bins, jsonScene) {
+    //@ts-expect-error
+    jsonScene.bins = bins.map(function(bin) {
+        return {
+            url: bin.url,
+            "dataType": "BinaryAsset",
+            id: generateGUID()
+        };
+    });
+}
+function convertSpineData(resource, content, jsonScene) {
+    //@ts-expect-error
+    content.resource = {
+        "atlas": {
+            "bins": {
+                //@ts-expect-error
+                "id": jsonScene.bins[resource.atlas[1][0]].id
+            },
+            "source": resource.atlas[1].slice(1)
+        },
+        "skeleton": {
+            "bins": {
+                //@ts-expect-error
+                "id": jsonScene.bins[resource.skeleton[1][0]].id
+            },
+            "source": resource.skeleton[1].slice(1)
+        },
+        "skeletonType": resource.skeletonType,
+        "images": resource.images.map(function(i) {
+            return {
+                //@ts-expect-error
+                id: jsonScene.textures[i].id
+            };
+        })
+    };
+}
 
 var v0 = /^(\d+)\.(\d+)\.(\d+)(-(\w+)\.\d+)?$/;
 var standardVersion = /^(\d+)\.(\d+)$/;
@@ -22971,7 +22990,17 @@ function getStandardItem(item, opt) {
 }
 
 var _obj$1;
-var renderLevelPassSet = (_obj$1 = {}, _obj$1[RenderLevel.S] = [
+/**
+ * 机型和渲染等级对应表
+ *
+ * 机型：B-低端机、A-中端机、S-高端机
+ * 渲染等级：B-低、A-中、S-高、A+-中高、B+-全部
+ *
+ * - S（高端机）：高、全部、中高
+ * - A（中端机）：中、全部、中高
+ * - B（低端机）：低、全部
+ * - undefined（全部机型）
+ */ var renderLevelPassSet = (_obj$1 = {}, _obj$1[RenderLevel.S] = [
     RenderLevel.S,
     RenderLevel.BPlus,
     RenderLevel.APlus
@@ -23393,7 +23422,7 @@ var seed$1 = 1;
                         return [
                             4,
                             new Promise(function(resolve) {
-                                shaderLibrary.compileAllShaders(function() {
+                                shaderLibrary == null ? void 0 : shaderLibrary.compileAllShaders(function() {
                                     resolve(null);
                                 });
                             })
@@ -24375,7 +24404,7 @@ var listOrder = 0;
             scene.textures = undefined;
             scene.consumed = true;
         }
-        var _this_compositionSourceManager = this.compositionSourceManager, sourceContent = _this_compositionSourceManager.sourceContent, pluginSystem = _this_compositionSourceManager.pluginSystem, imgUsage = _this_compositionSourceManager.imgUsage, totalTime = _this_compositionSourceManager.totalTime, renderLevel = _this_compositionSourceManager.renderLevel, refCompositionProps = _this_compositionSourceManager.refCompositionProps;
+        var _this_compositionSourceManager = this.compositionSourceManager, sourceContent = _this_compositionSourceManager.sourceContent, pluginSystem = _this_compositionSourceManager.pluginSystem, imgUsage = _this_compositionSourceManager.imgUsage, totalTime = _this_compositionSourceManager.totalTime, refCompositionProps = _this_compositionSourceManager.refCompositionProps;
         assertExist(sourceContent);
         this.renderer = renderer;
         this.refCompositionProps = refCompositionProps;
@@ -24401,7 +24430,6 @@ var listOrder = 0;
         };
         this.reusable = reusable;
         this.speed = speed;
-        this.renderLevel = renderLevel;
         this.autoRefTex = !this.keepResource && imageUsage && this.rootItem.endBehavior !== ItemEndBehavior.loop;
         this.name = sourceContent.name;
         this.pluginSystem = pluginSystem;
@@ -25208,7 +25236,7 @@ var listOrder = 0;
     };
     _proto.addPackageDatas = function addPackageDatas(scene) {
         var jsonScene = scene.jsonScene, _scene_textureOptions = scene.textureOptions, textureOptions = _scene_textureOptions === void 0 ? [] : _scene_textureOptions;
-        var _jsonScene_items = jsonScene.items, items = _jsonScene_items === void 0 ? [] : _jsonScene_items, _jsonScene_materials = jsonScene.materials, materials = _jsonScene_materials === void 0 ? [] : _jsonScene_materials, _jsonScene_shaders = jsonScene.shaders, shaders = _jsonScene_shaders === void 0 ? [] : _jsonScene_shaders, _jsonScene_geometries = jsonScene.geometries, geometries = _jsonScene_geometries === void 0 ? [] : _jsonScene_geometries, _jsonScene_components = jsonScene.components, components = _jsonScene_components === void 0 ? [] : _jsonScene_components, _jsonScene_animations = jsonScene.animations, animations = _jsonScene_animations === void 0 ? [] : _jsonScene_animations, _jsonScene_bins = jsonScene.bins, bins = _jsonScene_bins === void 0 ? [] : _jsonScene_bins;
+        var _jsonScene_items = jsonScene.items, items = _jsonScene_items === void 0 ? [] : _jsonScene_items, _jsonScene_materials = jsonScene.materials, materials = _jsonScene_materials === void 0 ? [] : _jsonScene_materials, _jsonScene_shaders = jsonScene.shaders, shaders = _jsonScene_shaders === void 0 ? [] : _jsonScene_shaders, _jsonScene_geometries = jsonScene.geometries, geometries = _jsonScene_geometries === void 0 ? [] : _jsonScene_geometries, _jsonScene_components = jsonScene.components, components = _jsonScene_components === void 0 ? [] : _jsonScene_components, _jsonScene_animations = jsonScene.animations, animations = _jsonScene_animations === void 0 ? [] : _jsonScene_animations, _jsonScene_bins = jsonScene.bins, bins = _jsonScene_bins === void 0 ? [] : _jsonScene_bins, _jsonScene_miscs = jsonScene.miscs, miscs = _jsonScene_miscs === void 0 ? [] : _jsonScene_miscs;
         for(var _iterator = _create_for_of_iterator_helper_loose(items), _step; !(_step = _iterator()).done;){
             var vfxItemData = _step.value;
             this.addEffectsObjectData(vfxItemData);
@@ -25233,6 +25261,10 @@ var listOrder = 0;
             var animationData = _step5.value;
             this.addEffectsObjectData(animationData);
         }
+        for(var _iterator6 = _create_for_of_iterator_helper_loose(miscs), _step6; !(_step6 = _iterator6()).done;){
+            var miscData = _step6.value;
+            this.addEffectsObjectData(miscData);
+        }
         for(var i = 0; i < bins.length; i++){
             var binaryData = bins[i];
             var binaryBuffer = scene.bins[i];
@@ -25244,8 +25276,8 @@ var listOrder = 0;
                 this.addEffectsObjectData(binaryData);
             }
         }
-        for(var _iterator6 = _create_for_of_iterator_helper_loose(textureOptions), _step6; !(_step6 = _iterator6()).done;){
-            var textureData = _step6.value;
+        for(var _iterator7 = _create_for_of_iterator_helper_loose(textureOptions), _step7; !(_step7 = _iterator7()).done;){
+            var textureData = _step7.value;
             this.addEffectsObjectData(textureData);
         }
     };
@@ -26613,6 +26645,14 @@ var seed = 1;
    */ _proto.dispose = function dispose() {
         this.texture.dispose();
     };
+    /**
+   * 通过图层设置创建贴图
+   * @param data - 图层设置
+   */ _proto.fromData = function fromData(data) {
+        Texture.prototype.fromData.call(this, data);
+        this.texture = this.createTextureByType(data);
+        this.texture.needsUpdate = true;
+    };
     _proto.createTextureByType = function createTextureByType(options) {
         var assembleOptions = this.assembleOptions(options);
         // TODO renderer.getMaxAnisotropy() 查询最大各向异性
@@ -27133,8 +27173,8 @@ setMaxSpriteMeshItemCount(8);
  */ Mesh.create = function(engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "2.0.0-alpha.15";
+var version = "2.0.0-alpha.17";
 logger.info("THREEJS plugin version: " + version);
 
-export { AbstractPlugin, ActivationPlayable, ActivationPlayableAsset, ActivationTrack, AnimationClip, AnimationClipPlayable, AssetLoader, AssetManager, BYTES_TYPE_MAP, Behaviour, BezierCurve, BezierCurvePath, BezierCurveQuat, BinaryAsset, COMPRESSED_TEXTURE, CONSTANT_MAP_BLEND, CONSTANT_MAP_DEPTH, CONSTANT_MAP_STENCIL_FUNC, CONSTANT_MAP_STENCIL_OP, COPY_FRAGMENT_SHADER, COPY_MESH_SHADER_ID, COPY_VERTEX_SHADER, CalculateLoader, Camera, CameraController, CameraVFXItemLoader, Component, Composition, CompositionComponent, CompositionSourceManager, DEFAULT_FONTS, Database, DestroyOptions, Downloader, EFFECTS_COPY_MESH_NAME, EVENT_TYPE_CLICK, EVENT_TYPE_TOUCH_END, EVENT_TYPE_TOUCH_MOVE, EVENT_TYPE_TOUCH_START, EffectComponent, EffectsObject, Engine, EventSystem, FilterMode, Float16ArrayWrapper, Framebuffer, GLSLVersion, GPUCapability, Geometry, GlobalUniforms, GradientValue, HELP_LINK, HitTestType, InteractComponent, InteractLoader, InteractMesh, Item, ItemBehaviour, KTXTexture, LineSegments, LinearValue, Material, MaterialDataBlock, MaterialRenderType, Mesh, ObjectBindingTrack, OrderType, PLAYER_OPTIONS_ENV_EDITOR, POST_PROCESS_SETTINGS, ParticleBehaviourPlayable, ParticleBehaviourPlayableAsset, ParticleLoader, ParticleMesh, ParticleSystem, ParticleSystemRenderer, PassTextureCache, PathSegments, PluginSystem, RENDER_PASS_NAME_PREFIX, RENDER_PREFER_LOOKUP_TEXTURE, RUNTIME_ENV, RandomSetValue, RandomValue, RandomVectorValue, RenderFrame, RenderPass, RenderPassAttachmentStorageType, RenderPassDestroyAttachmentType, RenderPassPriorityNormal, RenderPassPriorityPostprocess, RenderPassPriorityPrepare, RenderTargetHandle, RenderTextureFormat, Renderbuffer, Renderer, RendererComponent, RuntimeClip, SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_0, SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_SIZE_0, SEMANTIC_PRE_COLOR_ATTACHMENT_0, SEMANTIC_PRE_COLOR_ATTACHMENT_SIZE_0, SPRITE_VERTEX_STRIDE, SemanticMap, SerializationHelper, Shader, ShaderCompileResultStatus, ShaderType, ShaderVariant, SpriteColorPlayable, SpriteColorPlayableAsset, SpriteColorTrack, SpriteComponent, SpriteLoader, StaticValue, SubCompositionPlayableAsset, SubCompositionTrack, TEMPLATE_USE_OFFSCREEN_CANVAS, TEXTURE_UNIFORM_MAP, TextComponent, TextLoader, Texture, TextureFactory, TextureLoadAction, TextureSourceType, TextureStoreAction, ThreeComposition, ThreeDisplayObject, ThreeEngine, ThreeMaterial, ThreeSpriteComponent, ThreeTexture, Ticker, TimelineAsset, TimelineClip, TimelinePlayable, TrackAsset, TrackSortWrapper, TrackType, Transform, TransformAnimationPlayable, TransformPlayableAsset, TransformTrack, VFXItem, ValueGetter, addByOrder, addItem, addItemWithOrder, assertExist, asserts, base64ToFile, blend, calculateTranslation, canvasPool, colorGradingFrag, colorStopsFromGradient, colorToArr$1 as colorToArr, combineImageTemplate, compatible_frag as compatibleFrag, compatible_vert as compatibleVert, createCopyShader, createGLContext, createKeyFrameMeta, createShaderWithMarcos, createShape, createVFXItem, createValueGetter, decimalEqual, deepClone, defaultGlobalVolume, defaultPlugins, deserializeMipmapTexture, earcut, effectsClass, effectsClassStore, enlargeBuffer, ensureFixedNumber, ensureVec3, findPreviousRenderPass, gaussianDown_frag as gaussianDownFrag, gaussianDownHFrag, gaussianDownVFrag, gaussianUpFrag, generateEmptyTypedArray, generateGUID, generateHalfFloatTexture, generateTransparentTexture, generateWhiteTexture, getBackgroundImage, getColorFromGradientStops, getConfig, getDefaultTemplateCanvasPool, getDefaultTextureFactory, getGeometryByShape, getGeometryTriangles, getImageItemRenderInfo, getKTXTextureOptions, getKeyFrameMetaByRawValue, getMergedStore, getParticleMeshShader, getPixelRatio, getPreMultiAlpha, getStandardComposition, getStandardImage, getStandardItem, getStandardJSON, getTextureSize, glContext, glType2VertexFormatType, gpuTimer, imageDataFromColor, imageDataFromGradient, initErrors, initGLContext, integrate, interpolateColor, isAlipayMiniApp, isAndroid, isArray, isCanvas, isFunction, isIOS, isObject, isSceneJSON, isSceneURL, isSceneWithOptions, isSimulatorCellPhone, isString, isUniformStruct, isUniformStructArray, isValidFontFamily, isWebGL2, itemFrag, itemFrameFrag, itemVert, loadBinary, loadBlob, loadImage, loadMedia, loadVideo, loadWebPOptional, logger, index as math, maxSpriteMeshItemCount, maxSpriteTextureCount, modifyMaxKeyframeShader, nearestPowerOfTwo, noop, normalizeColor, numberToFix, parsePercent$1 as parsePercent, particleFrag, particleOriginTranslateMap$1 as particleOriginTranslateMap, particleUniformTypeMap, particleVert, pluginLoaderMap, pointOnLine, random, registerPlugin, removeItem, rotateVec2, screenMeshVert, serialize, setBlendMode, setConfig, setDefaultTextureFactory, setMaskMode, setMaxSpriteMeshItemCount, setRayFromCamera, setSideMode, setSpriteMeshMaxFragmentTextures, setSpriteMeshMaxItemCountByGPU, setUniformValue, sortByOrder, index$1 as spec, spriteMeshShaderFromFilter, spriteMeshShaderFromRenderInfo, spriteMeshShaderIdFromRenderInfo, thresholdFrag, throwDestroyedError, trailVert, translatePoint, trianglesFromRect, unregisterPlugin, valIfUndefined, value, valueDefine, vecAssign, vecFill, vecMulCombine, vecNormalize, version, vertexFormatType2GLType };
+export { AbstractPlugin, ActivationPlayable, ActivationPlayableAsset, ActivationTrack, AnimationClip, AnimationClipPlayable, AssetLoader, AssetManager, BYTES_TYPE_MAP, Behaviour, BezierCurve, BezierCurvePath, BezierCurveQuat, BinaryAsset, COMPRESSED_TEXTURE, CONSTANT_MAP_BLEND, CONSTANT_MAP_DEPTH, CONSTANT_MAP_STENCIL_FUNC, CONSTANT_MAP_STENCIL_OP, COPY_FRAGMENT_SHADER, COPY_MESH_SHADER_ID, COPY_VERTEX_SHADER, CalculateLoader, Camera, CameraController, CameraVFXItemLoader, Component, Composition, CompositionComponent, CompositionSourceManager, DEFAULT_FONTS, Database, DestroyOptions, Downloader, EFFECTS_COPY_MESH_NAME, EVENT_TYPE_CLICK, EVENT_TYPE_TOUCH_END, EVENT_TYPE_TOUCH_MOVE, EVENT_TYPE_TOUCH_START, EffectComponent, EffectsObject, Engine, EventSystem, FilterMode, Float16ArrayWrapper, Framebuffer, GLSLVersion, GPUCapability, Geometry, GlobalUniforms, GradientValue, HELP_LINK, HitTestType, InteractComponent, InteractLoader, InteractMesh, Item, ItemBehaviour, KTXTexture, LineSegments, LinearValue, Material, MaterialDataBlock, MaterialRenderType, Mesh, ObjectBindingTrack, OrderType, PLAYER_OPTIONS_ENV_EDITOR, POST_PROCESS_SETTINGS, ParticleBehaviourPlayable, ParticleBehaviourPlayableAsset, ParticleLoader, ParticleMesh, ParticleSystem, ParticleSystemRenderer, PassTextureCache, PathSegments, PluginSystem, RENDER_PASS_NAME_PREFIX, RENDER_PREFER_LOOKUP_TEXTURE, RUNTIME_ENV, RandomSetValue, RandomValue, RandomVectorValue, RenderFrame, RenderPass, RenderPassAttachmentStorageType, RenderPassDestroyAttachmentType, RenderPassPriorityNormal, RenderPassPriorityPostprocess, RenderPassPriorityPrepare, RenderTargetHandle, RenderTextureFormat, Renderbuffer, Renderer, RendererComponent, RuntimeClip, SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_0, SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_SIZE_0, SEMANTIC_PRE_COLOR_ATTACHMENT_0, SEMANTIC_PRE_COLOR_ATTACHMENT_SIZE_0, SPRITE_VERTEX_STRIDE, SemanticMap, SerializationHelper, Shader, ShaderCompileResultStatus, ShaderType, ShaderVariant, SpriteColorPlayable, SpriteColorPlayableAsset, SpriteColorTrack, SpriteComponent, SpriteLoader, StaticValue, SubCompositionPlayableAsset, SubCompositionTrack, TEMPLATE_USE_OFFSCREEN_CANVAS, TEXTURE_UNIFORM_MAP, TextComponent, TextLayout, TextLoader, TextStyle, Texture, TextureFactory, TextureLoadAction, TextureSourceType, TextureStoreAction, ThreeComposition, ThreeDisplayObject, ThreeEngine, ThreeMaterial, ThreeSpriteComponent, ThreeTexture, Ticker, TimelineAsset, TimelineClip, TimelinePlayable, TrackAsset, TrackSortWrapper, TrackType, Transform, TransformAnimationPlayable, TransformPlayableAsset, TransformTrack, VFXItem, ValueGetter, addByOrder, addItem, addItemWithOrder, assertExist, asserts, base64ToFile, blend, calculateTranslation, canvasPool, colorGradingFrag, colorStopsFromGradient, colorToArr$1 as colorToArr, combineImageTemplate, compatible_frag as compatibleFrag, compatible_vert as compatibleVert, createCopyShader, createGLContext, createKeyFrameMeta, createShaderWithMarcos, createShape, createVFXItem, createValueGetter, decimalEqual, defaultGlobalVolume, defaultPlugins, deserializeMipmapTexture, earcut, effectsClass, effectsClassStore, enlargeBuffer, ensureFixedNumber, ensureVec3, findPreviousRenderPass, gaussianDown_frag as gaussianDownFrag, gaussianDownHFrag, gaussianDownVFrag, gaussianUpFrag, generateEmptyTypedArray, generateGUID, generateHalfFloatTexture, generateTransparentTexture, generateWhiteTexture, getBackgroundImage, getColorFromGradientStops, getConfig, getDefaultTemplateCanvasPool, getDefaultTextureFactory, getGeometryByShape, getGeometryTriangles, getImageItemRenderInfo, getKTXTextureOptions, getKeyFrameMetaByRawValue, getMergedStore, getParticleMeshShader, getPixelRatio, getPreMultiAlpha, getStandardComposition, getStandardImage, getStandardItem, getStandardJSON, getTextureSize, glContext, glType2VertexFormatType, gpuTimer, imageDataFromColor, imageDataFromGradient, initErrors, initGLContext, integrate, interpolateColor, isAlipayMiniApp, isAndroid, isArray, isCanvas, isFunction, isIOS, isObject, isSceneJSON, isSceneURL, isSceneWithOptions, isSimulatorCellPhone, isString, isUniformStruct, isUniformStructArray, isValidFontFamily, isWebGL2, itemFrag, itemFrameFrag, itemVert, loadBinary, loadBlob, loadImage, loadMedia, loadVideo, loadWebPOptional, logger, index as math, maxSpriteMeshItemCount, maxSpriteTextureCount, modifyMaxKeyframeShader, nearestPowerOfTwo, noop, normalizeColor, numberToFix, parsePercent$1 as parsePercent, particleFrag, particleOriginTranslateMap$1 as particleOriginTranslateMap, particleUniformTypeMap, particleVert, pluginLoaderMap, pointOnLine, randomInRange, registerPlugin, removeItem, rotateVec2, screenMeshVert, serialize, setBlendMode, setConfig, setDefaultTextureFactory, setMaskMode, setMaxSpriteMeshItemCount, setRayFromCamera, setSideMode, setSpriteMeshMaxFragmentTextures, setSpriteMeshMaxItemCountByGPU, setUniformValue, sortByOrder, index$1 as spec, spriteMeshShaderFromFilter, spriteMeshShaderFromRenderInfo, spriteMeshShaderIdFromRenderInfo, thresholdFrag, throwDestroyedError, trailVert, translatePoint, trianglesFromRect, unregisterPlugin, valIfUndefined, value, valueDefine, vecAssign, vecFill, vecMulCombine, vecNormalize, version, vertexFormatType2GLType };
 //# sourceMappingURL=index.mjs.map