@galacean/engine 1.1.0-beta.4 → 1.1.0-beta.6

package/dist/browser.js

@@ -5511,13 +5511,13 @@
                         break;
                     case Array:
                         var targetPropertyA = target[k];
-                        var length1 = sourceProperty.length;
+                        var length = sourceProperty.length;
                         if (targetPropertyA == null) {
-                            target[k] = targetPropertyA = new Array(length1);
+                            target[k] = targetPropertyA = new Array(length);
                         } else {
-                            targetPropertyA.length = length1;
+                            targetPropertyA.length = length;
                         }
-                        for(var i = 0; i < length1; i++){
+                        for(var i = 0; i < length; i++){
                             CloneManager.cloneProperty(sourceProperty, targetPropertyA, i, cloneMode);
                         }
                     default:
@@ -6238,7 +6238,7 @@
     /**
      * Two-dimensional texture array.
      */ var Texture2DArray = /*#__PURE__*/ function(Texture1) {
-        var Texture2DArray = function Texture2DArray(engine, width, height, length1, format, mipmap) {
+        var Texture2DArray = function Texture2DArray(engine, width, height, length, format, mipmap) {
             if (format === void 0) format = exports.TextureFormat.R8G8B8A8;
             if (mipmap === void 0) mipmap = true;
             var _this;
@@ -6246,7 +6246,7 @@
             _this._mipmap = mipmap;
             _this._width = width;
             _this._height = height;
-            _this._length = length1;
+            _this._length = length;
             _this._format = format;
             _this._mipmapCount = _this._getMipmapCount();
             _this._platformTexture = engine._hardwareRenderer.createPlatformTexture2DArray(_assert_this_initialized(_this));
@@ -6267,11 +6267,11 @@
        * @param width - Data width. if it's empty, width is the width corresponding to mipLevel minus x , width corresponding to mipLevel is Math.max(1, this.width >> mipLevel)
        * @param height - Data height. if it's empty, height is the height corresponding to mipLevel minus y , height corresponding to mipLevel is Math.max(1, this.height >> mipLevel)
        * @param length - Data length. if it's empty, length is the length of Texture2DArray.length
-       */ _proto.setPixelBuffer = function setPixelBuffer(offsetIndex, colorBuffer, mipLevel, x, y, width, height, length1) {
+       */ _proto.setPixelBuffer = function setPixelBuffer(offsetIndex, colorBuffer, mipLevel, x, y, width, height, length) {
             if (mipLevel === void 0) mipLevel = 0;
             if (x === void 0) x = 0;
             if (y === void 0) y = 0;
-            this._platformTexture.setPixelBuffer(offsetIndex, colorBuffer, mipLevel, x, y, width, height, length1);
+            this._platformTexture.setPixelBuffer(offsetIndex, colorBuffer, mipLevel, x, y, width, height, length);
             this._isContentLost = false;
         };
         /**
@@ -7477,8 +7477,8 @@
             var _this;
             _this = EngineObject1.call(this, entity.engine) || this;
             /** @internal */ _this._awoken = false;
-            _this._phasedActive = false;
             _this._phasedActiveInScene = false;
+            _this._phasedActive = false;
             _this._enabled = true;
             _this._entity = entity;
             return _this;
@@ -7611,10 +7611,10 @@
     ], Component.prototype, "_awoken", void 0);
     __decorate$1([
         ignoreClone
-    ], Component.prototype, "_phasedActive", void 0);
+    ], Component.prototype, "_phasedActiveInScene", void 0);
     __decorate$1([
         ignoreClone
-    ], Component.prototype, "_phasedActiveInScene", void 0);
+    ], Component.prototype, "_phasedActive", void 0);
     __decorate$1([
         assignmentClone
     ], Component.prototype, "_enabled", void 0);
@@ -7890,11 +7890,11 @@
             var pathArr = this._stringToPath(path);
             var object = target;
             var index = 0;
-            var length1 = pathArr.length;
-            while(object != null && index < length1){
+            var length = pathArr.length;
+            while(object != null && index < length){
                 object = object[pathArr[index++]];
             }
-            return index && index == length1 ? object : undefined;
+            return index && index == length ? object : undefined;
         };
         /**
        * Fast remove an element from array.
@@ -9071,7 +9071,7 @@
        */ _proto.findByPath = function findByPath(path) {
             var splits = path.split("/");
             var entity = this;
-            for(var i = 0, length1 = splits.length; i < length1; ++i){
+            for(var i = 0, length = splits.length; i < length; ++i){
                 var split = splits[i];
                 if (split) {
                     entity = Entity._findChildByName(entity, split);
@@ -9303,7 +9303,7 @@
         };
         _proto._setActiveComponents = function _setActiveComponents(isActive, activeChangeFlag) {
             var activeChangedComponents = this._activeChangedComponents;
-            for(var i = 0, length1 = activeChangedComponents.length; i < length1; ++i){
+            for(var i = 0, length = activeChangedComponents.length; i < length; ++i){
                 activeChangedComponents[i]._setActive(isActive, activeChangeFlag);
             }
             this._scene._componentsManager.putActiveChangedTempList(activeChangedComponents);
@@ -13299,14 +13299,14 @@
             vertexElements[index] = element;
             this._bufferStructChanged = true;
         };
-        _proto.setVertexElementsLength = function setVertexElementsLength(length1) {
+        _proto.setVertexElementsLength = function setVertexElementsLength(length) {
             var vertexElementMap = this._vertexElementMap;
             var vertexElements = this._vertexElements;
-            for(var i = length1, n = vertexElements.length; i < n; i++){
+            for(var i = length, n = vertexElements.length; i < n; i++){
                 var element = vertexElements[i];
                 delete vertexElementMap[element.attribute];
             }
-            vertexElements.length = length1;
+            vertexElements.length = length;
         };
         _proto.setVertexBufferBinding = function setVertexBufferBinding(index, binding) {
             var referCount = this._getReferCount();
@@ -13460,8 +13460,8 @@
         /**
        * @internal
        *
-       */ _proto._setVertexElementsLength = function _setVertexElementsLength(length1) {
-            this._primitive.setVertexElementsLength(length1);
+       */ _proto._setVertexElementsLength = function _setVertexElementsLength(length) {
+            this._primitive.setVertexElementsLength(length);
         };
         /**
        * @internal
@@ -15177,9 +15177,9 @@
             }
             var bsUpdate = !bsManager._useTextureMode() && bsManager._vertexElementsNeedUpdate();
             if (previousBSOffset !== bsManager._vertexElementOffset || bsUpdate && bsManager._blendShapeCount > 0) {
-                var length1 = bsManager._addVertexElements(this);
-                if (length1 < previousCount) {
-                    this._setVertexElementsLength(length1);
+                var length = bsManager._addVertexElements(this);
+                if (length < previousCount) {
+                    this._setVertexElementsLength(length);
                 }
             }
         };
@@ -17362,16 +17362,31 @@
         };
         var _proto = SceneManager.prototype;
         _proto.addScene = function addScene(indexOrScene, scene) {
+            var scenes = this._scenes;
+            var index;
             if (typeof indexOrScene === "number") {
-                this._scenes.add(indexOrScene, scene);
+                if (indexOrScene < 0 || indexOrScene > scenes.length) {
+                    throw "The index is out of range.";
+                }
+                index = indexOrScene;
             } else {
+                index = scenes.length;
                 scene = indexOrScene;
-                this._scenes.push(scene);
             }
             if (scene.engine !== this.engine) {
                 throw "The scene is not belong to this engine.";
             }
-            scene._processActive(true);
+            if (scene._sceneManager) {
+                var currentIndex = scenes.indexOf(scene);
+                if (currentIndex !== index) {
+                    scenes.removeByIndex(currentIndex);
+                    scenes.add(index, scene);
+                }
+            } else {
+                scene._sceneManager = this;
+                scenes.add(index, scene);
+                scene.isActive && scene._processActive(true);
+            }
         };
         /**
        * Remove scene.
@@ -17382,7 +17397,8 @@
             if (index !== -1) {
                 var removedScene = scenes.getArray()[index];
                 scenes.removeByIndex(index);
-                removedScene._processActive(false);
+                scene._sceneManager = null;
+                removedScene.isActive && removedScene._processActive(false);
             }
         };
         /**
@@ -18574,9 +18590,9 @@
                     oldCollider.removeShape(shape);
                 }
                 this._shapes.push(shape);
-                this.scene.physics._addColliderShape(shape);
                 shape._collider = this;
                 this._nativeCollider.addShape(shape._nativeShape);
+                this._phasedActiveInScene && this.scene.physics._addColliderShape(shape);
             }
         };
         /**
@@ -18586,7 +18602,7 @@
             var index = this._shapes.indexOf(shape);
             if (index !== -1) {
                 this._shapes.splice(index, 1);
-                this.scene.physics._removeColliderShape(shape);
+                this._phasedActiveInScene && this.scene.physics._removeColliderShape(shape);
                 shape._collider = null;
                 this._nativeCollider.removeShape(shape._nativeShape);
             }
@@ -18597,7 +18613,7 @@
             var shapes = this._shapes;
             for(var i = 0, n = shapes.length; i < n; i++){
                 var shape = shapes[i];
-                this.scene.physics._removeColliderShape(shape);
+                this._phasedActiveInScene && this.scene.physics._removeColliderShape(shape);
                 shape._destroy();
                 this._nativeCollider.removeShape(shape._nativeShape);
             }
@@ -18622,12 +18638,22 @@
         /**
        * @internal
        */ _proto._onEnableInScene = function _onEnableInScene() {
-            this.scene.physics._addCollider(this);
+            var physics = this.scene.physics;
+            physics._addCollider(this);
+            var shapes = this.shapes;
+            for(var i = 0, n = shapes.length; i < n; i++){
+                physics._addColliderShape(shapes[i]);
+            }
         };
         /**
        * @internal
        */ _proto._onDisableInScene = function _onDisableInScene() {
-            this.scene.physics._removeCollider(this);
+            var physics = this.scene.physics;
+            physics._removeCollider(this);
+            var shapes = this.shapes;
+            for(var i = 0, n = shapes.length; i < n; i++){
+                physics._removeColliderShape(shapes[i]);
+            }
         };
         /**
        * @internal
@@ -19000,12 +19026,22 @@
         /**
        * @internal
        */ _proto._onEnableInScene = function _onEnableInScene() {
-            this.scene.physics._addCharacterController(this);
+            var physics = this.scene.physics;
+            physics._addCharacterController(this);
+            var shapes = this.shapes;
+            for(var i = 0, n = shapes.length; i < n; i++){
+                physics._addColliderShape(shapes[i]);
+            }
         };
         /**
        * @internal
        */ _proto._onDisableInScene = function _onDisableInScene() {
-            this.scene.physics._removeCharacterController(this);
+            var physics = this.scene.physics;
+            physics._removeCharacterController(this);
+            var shapes = this.shapes;
+            for(var i = 0, n = shapes.length; i < n; i++){
+                physics._removeColliderShape(shapes[i]);
+            }
         };
         _proto._setUpDirection = function _setUpDirection() {
             this._nativeCollider.setUpDirection(this._upDirection);
@@ -20297,9 +20333,9 @@
                 pointer._firePointerDrag();
                 var rayCastEntity = this._pointerRayCast(scenes, position.x / canvas.width, position.y / canvas.height);
                 pointer._firePointerExitAndEnter(rayCastEntity);
-                var length1 = events.length;
-                if (length1 > 0) {
-                    for(var i1 = 0; i1 < length1; i1++){
+                var length = events.length;
+                if (length > 0) {
+                    for(var i1 = 0; i1 < length; i1++){
                         switch(events[i1].type){
                             case "pointerdown":
                                 pointer.phase = exports.PointerPhase.Down;
@@ -20394,15 +20430,15 @@
         };
         _proto._updatePointerInfo = function _updatePointerInfo(frameCount, pointer, left, top, widthPixelRatio, heightPixelRatio) {
             var events = pointer._events, position = pointer.position;
-            var length1 = events.length;
-            if (length1 > 0) {
+            var length = events.length;
+            if (length > 0) {
                 var _this = this, _upList = _this._upList, _upMap = _this._upMap, _downList = _this._downList, _downMap = _this._downMap;
-                var latestEvent = events[length1 - 1];
+                var latestEvent = events[length - 1];
                 var currX = (latestEvent.clientX - left) * widthPixelRatio;
                 var currY = (latestEvent.clientY - top) * heightPixelRatio;
                 pointer.deltaPosition.set(currX - position.x, currY - position.y);
                 position.set(currX, currY);
-                for(var i = 0; i < length1; i++){
+                for(var i = 0; i < length; i++){
                     var event = events[i];
                     var button = event.button;
                     pointer.button = _pointerDec2BinMap[button] || exports.PointerButton.None;
@@ -20444,8 +20480,8 @@
                     continue;
                 }
                 var cameras = scene._activeCameras;
-                for(var j = 0; j < cameras.length; j++){
-                    var camera = cameras[i];
+                for(var j = cameras.length - 1; j >= 0; j--){
+                    var camera = cameras[j];
                     if (!camera.enabled || camera.renderTarget) {
                         continue;
                     }
@@ -21105,10 +21141,6 @@
             magentaMaterial.isGCIgnored = true;
             magentaMaterial.shaderData.setColor("material_BaseColor", new Color(1.0, 0.0, 1.01, 1.0));
             _this._magentaMaterial = magentaMaterial;
-            var backgroundTextureMaterial = new Material(_assert_this_initialized(_this), Shader.find("background-texture"));
-            backgroundTextureMaterial.isGCIgnored = true;
-            backgroundTextureMaterial.renderState.depthState.compareFunction = exports.CompareFunction.LessEqual;
-            _this._backgroundTextureMaterial = backgroundTextureMaterial;
             var innerSettings = _this._settings;
             var colorSpace = configuration.colorSpace || exports.ColorSpace.Linear;
             colorSpace === exports.ColorSpace.Gamma && _this._macroCollection.enable(Engine._gammaMacro);
@@ -21272,9 +21304,9 @@
             var shaderProgramPools = this._shaderProgramPools;
             var pool = shaderProgramPools[index];
             if (!pool) {
-                var length1 = index + 1;
-                if (length1 > shaderProgramPools.length) {
-                    shaderProgramPools.length = length1;
+                var length = index + 1;
+                if (length > shaderProgramPools.length) {
+                    shaderProgramPools.length = length;
                 }
                 shaderProgramPools[index] = pool = new ShaderProgramPool();
             }
@@ -21722,26 +21754,22 @@
             this./** @internal */ _textureFillMode = exports.BackgroundTextureFillMode.AspectFitHeight;
             this._texture = null;
             this._initMesh(_engine);
+            this._initMaterial(_engine);
         };
         var _proto = Background.prototype;
         /**
        * @internal
        */ _proto.destroy = function destroy() {
+            this.texture = null;
             this._mesh._addReferCount(-1);
             this._mesh = null;
-            this.texture = null;
+            this._material._addReferCount(-1);
+            this._material = null;
             this.solidColor = null;
             this.sky.destroy();
         };
         /**
        * @internal
-       * Standalone for CanvasRenderer plugin.
-       */ _proto._initMesh = function _initMesh(engine) {
-            this._mesh = this._createPlane(engine);
-            this._mesh._addReferCount(1);
-        };
-        /**
-       * @internal
        */ _proto._resizeBackgroundTexture = function _resizeBackgroundTexture() {
             if (!this._texture) {
                 return;
@@ -21775,6 +21803,15 @@
             _backgroundTextureMesh.setPositions(positions);
             _backgroundTextureMesh.uploadData(false);
         };
+        _proto._initMesh = function _initMesh(engine) {
+            this._mesh = this._createPlane(engine);
+            this._mesh._addReferCount(1);
+        };
+        _proto._initMaterial = function _initMaterial(engine) {
+            var material = this._material = new Material(engine, Shader.find("background-texture"));
+            material.renderState.depthState.compareFunction = exports.CompareFunction.LessEqual;
+            material._addReferCount(1);
+        };
         _proto._createPlane = function _createPlane(engine) {
             var mesh = new ModelMesh(engine);
             mesh.isGCIgnored = true;
@@ -21814,7 +21851,7 @@
                         (_value = value) == null ? void 0 : _value._addReferCount(1);
                         (_this__texture = this._texture) == null ? void 0 : _this__texture._addReferCount(-1);
                         this._texture = value;
-                        this._engine._backgroundTextureMaterial.shaderData.setTexture("material_BaseTexture", value);
+                        this._material.shaderData.setTexture("material_BaseTexture", value);
                     }
                 }
             },
@@ -21971,7 +22008,7 @@
             var _this = this, pendingDestroyScripts = _this._disposeDestroyScripts, disposeDestroyScripts = _this._pendingDestroyScripts;
             this._disposeDestroyScripts = disposeDestroyScripts;
             this._pendingDestroyScripts = pendingDestroyScripts;
-            length = disposeDestroyScripts.length;
+            var length = disposeDestroyScripts.length;
             if (length > 0) {
                 for(var i = length - 1; i >= 0; i--){
                     disposeDestroyScripts[i].onDestroy();
@@ -22881,6 +22918,7 @@
             _this._fogEnd = 300;
             _this._fogDensity = 0.01;
             _this._fogParams = new Vector4();
+            _this._isActive = true;
             _this.name = name1 || "";
             var shaderData = _this.shaderData;
             shaderData._addReferCount(1);
@@ -23128,6 +23166,24 @@
             this._fogParams.w = density / Math.sqrt(Math.LN2);
         };
         _create_class$3(Scene, [
+            {
+                key: "isActive",
+                get: /**
+       * Whether the scene is active.
+       */ function get() {
+                    return this._isActive;
+                },
+                set: function set(value) {
+                    if (this._isActive !== value) {
+                        this._isActive = value;
+                        if (value) {
+                            this._sceneManager && this._processActive(true);
+                        } else {
+                            this._sceneManager && this._processActive(false);
+                        }
+                    }
+                }
+            },
             {
                 key: "shaderData",
                 get: /**
@@ -23445,7 +23501,11 @@
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
             Component1.prototype._onDestroy.call(this);
-            this.scene._componentsManager.addPendingDestroyScript(this);
+            if (this.scene) {
+                this.scene._componentsManager.addPendingDestroyScript(this);
+            } else {
+                this.onDestroy();
+            }
         };
         return Script;
     }(Component);
@@ -24982,8 +25042,8 @@
         };
         _proto._drawBackgroundTexture = function _drawBackgroundTexture(engine, background) {
             var rhi = engine._hardwareRenderer;
-            var material = engine._backgroundTextureMaterial, canvas = engine.canvas;
-            var mesh = background._mesh;
+            var canvas = engine.canvas;
+            var material = background._material, mesh = background._mesh;
             if ((this._lastCanvasSize.x !== canvas.width || this._lastCanvasSize.y !== canvas.height) && background._textureFillMode !== exports.BackgroundTextureFillMode.Fill) {
                 this._lastCanvasSize.set(canvas.width, canvas.height);
                 background._resizeBackgroundTexture();
@@ -25156,7 +25216,7 @@
             // Use the intersection of the near clipping plane as the origin point.
             var origin = this._innerViewportToWorldPoint(point.x, point.y, 0.0, invViewProjMat, out.origin);
             // Use the intersection of the far clipping plane as the origin point.
-            var direction = this._innerViewportToWorldPoint(point.x, point.y, 1.0, invViewProjMat, out.direction);
+            var direction = this._innerViewportToWorldPoint(point.x, point.y, 1 - MathUtil$1.zeroTolerance, invViewProjMat, out.direction);
             Vector3.subtract(direction, origin, direction);
             direction.normalize();
             return out;
@@ -28131,11 +28191,11 @@
     /**
      * @internal
      */ var CharRenderDataPool = /*#__PURE__*/ function() {
-        var CharRenderDataPool = function CharRenderDataPool(type, length1) {
+        var CharRenderDataPool = function CharRenderDataPool(type, length) {
             this._elements = [];
             this._type = type;
             var elements = this._elements;
-            for(var i = 0; i < length1; ++i){
+            for(var i = 0; i < length; ++i){
                 elements[i] = new type();
             }
         };
@@ -29186,8 +29246,8 @@
         /**
        * @internal
        */ _proto._evaluate = function _evaluate(time, evaluateData) {
-            var length1 = this.keys.length;
-            if (!length1) {
+            var length = this.keys.length;
+            if (!length) {
                 console.warn("This curve don't have any keyframes: ", this);
                 return;
             }
@@ -29195,11 +29255,11 @@
             // Compute curIndex and nextIndex.
             var curIndex = evaluateData.curKeyframeIndex;
             // Reset loop,if delete keyfranme may cause `curIndex >= length`
-            if (curIndex !== -1 && (curIndex >= length1 || time < keys[curIndex].time)) {
+            if (curIndex !== -1 && (curIndex >= length || time < keys[curIndex].time)) {
                 curIndex = -1;
             }
             var nextIndex = curIndex + 1;
-            while(nextIndex < length1){
+            while(nextIndex < length){
                 if (time < keys[nextIndex].time) {
                     break;
                 }
@@ -29211,7 +29271,7 @@
             var value;
             if (curIndex === -1) {
                 value = this._type._setValue(keys[0].value, evaluateData.value);
-            } else if (nextIndex === length1) {
+            } else if (nextIndex === length) {
                 value = this._type._setValue(keys[curIndex].value, evaluateData.value);
             } else {
                 // Time between first frame and end frame.
@@ -31572,62 +31632,199 @@
     (function() {
         SkyProceduralMaterial._sunSimpleMacro = ShaderMacro.getByName("MATERIAL_SUN_SIMPLE");
     })();
+    var SubPrimitive = function SubPrimitive() {};
     /**
-     * Particle Material.
-     */ var ParticleMaterial = /*#__PURE__*/ function(BaseMaterial1) {
-        var ParticleMaterial = function ParticleMaterial(engine) {
+     * The rendering mode for particle renderer.
+     */ exports.ParticleRenderMode = void 0;
+    (function(ParticleRenderMode) {
+        ParticleRenderMode[ParticleRenderMode[/** Render particles as billboards facing the active camera. */ "Billboard"] = 0] = "Billboard";
+        ParticleRenderMode[ParticleRenderMode[/** Stretch particles in the direction of motion. */ "StretchBillboard"] = 1] = "StretchBillboard";
+        ParticleRenderMode[ParticleRenderMode[/** Render particles as billboards always facing up along the y-Axis. */ "HorizontalBillboard"] = 2] = "HorizontalBillboard";
+        ParticleRenderMode[ParticleRenderMode[/** Render particles as billboards always facing the player, but not pitching along the x-Axis. */ "VerticalBillboard"] = 3] = "VerticalBillboard";
+        ParticleRenderMode[ParticleRenderMode[/** Render particles as meshes. */ "Mesh"] = 4] = "Mesh";
+        ParticleRenderMode[ParticleRenderMode[/** Do not render particles. */ "None"] = 5] = "None";
+    })(exports.ParticleRenderMode || (exports.ParticleRenderMode = {}));
+    exports.ParticleStopMode = void 0;
+    (function(ParticleStopMode) {
+        ParticleStopMode[ParticleStopMode[/** Stop emitting new particles and clear existing particles immediately. */ "StopEmittingAndClear"] = 0] = "StopEmittingAndClear";
+        ParticleStopMode[ParticleStopMode[/** Stop emitting new particles, but keep existing particles until they expire. */ "StopEmitting"] = 1] = "StopEmitting";
+    })(exports.ParticleStopMode || (exports.ParticleStopMode = {}));
+    /**
+     * Particle Renderer Component.
+     */ var ParticleRenderer = /*#__PURE__*/ function(Renderer1) {
+        _inherits$2(ParticleRenderer, Renderer1);
+        function ParticleRenderer(entity) {
             var _this;
-            _this = BaseMaterial1.call(this, engine, Shader.find("particle-shader")) || this;
-            var shaderData = _this.shaderData;
-            shaderData.enableMacro("MATERIAL_OMIT_NORMAL");
-            shaderData.setColor(BaseMaterial._baseColorProp, new Color$1(1, 1, 1, 1));
-            _this.isTransparent = true;
+            _this = Renderer1.call(this, entity) || this;
+            /** Particle generator. */ _this.generator = new ParticleGenerator(_assert_this_initialized(_this));
+            /** Specifies how much particles stretch depending on their velocity. */ _this.velocityScale = 0;
+            /** How much are the particles stretched in their direction of motion, defined as the length of the particle compared to its width. */ _this.lengthScale = 2;
+            /** The pivot of particle. */ _this.pivot = new Vector3();
+            _this._currentRenderModeMacro = ParticleRenderer._billboardModeMacro;
+            _this.shaderData.enableMacro(ParticleRenderer._billboardModeMacro);
+            _this._supportInstancedArrays = _this.engine._hardwareRenderer.canIUse(exports.GLCapabilityType.instancedArrays);
             return _this;
+        }
+        var _proto = ParticleRenderer.prototype;
+        /**
+       * @internal
+       */ _proto._onEnable = function _onEnable() {
+            if (this.generator.main.playOnEnabled) {
+                this.generator.play(false);
+            }
         };
-        _inherits$2(ParticleMaterial, BaseMaterial1);
-        var _proto = ParticleMaterial.prototype;
         /**
-       * @inheritdoc
-       */ _proto.clone = function clone() {
-            var dest = new ParticleMaterial(this._engine);
-            this.cloneTo(dest);
-            return dest;
+       * @internal
+       */ _proto._onDisable = function _onDisable() {
+            this.generator.stop(false, exports.ParticleStopMode.StopEmittingAndClear);
         };
-        _create_class$3(ParticleMaterial, [
+        /**
+       * @internal
+       */ _proto._prepareRender = function _prepareRender(context) {
+            if (!this._supportInstancedArrays) {
+                return;
+            }
+            var generator = this.generator;
+            generator._update(this.engine.time.deltaTime);
+            // No particles to render
+            if (generator._firstActiveElement === generator._firstFreeElement) {
+                return;
+            }
+            Renderer1.prototype._prepareRender.call(this, context);
+        };
+        /**
+       * @internal
+       */ _proto._updateBounds = function _updateBounds(worldBounds) {
+            worldBounds.min.set(-Number.MAX_VALUE, -Number.MAX_VALUE, -Number.MAX_VALUE);
+            worldBounds.max.set(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE);
+        };
+        /**
+       * @internal
+       */ _proto._updateShaderData = function _updateShaderData(context) {
+            var shaderData = this.shaderData;
+            shaderData.setFloat(ParticleRenderer._lengthScale, this.lengthScale);
+            shaderData.setFloat(ParticleRenderer._speedScale, this.velocityScale);
+            shaderData.setFloat(ParticleRenderer._currentTime, this.generator._playTime);
+            shaderData.setVector3(ParticleRenderer._pivotOffsetProperty, this.pivot);
+            this.generator._updateShaderData(shaderData);
+        };
+        _proto._render = function _render(context) {
+            var generator = this.generator;
+            var primitive = generator._primitive;
+            if (generator._firstActiveElement < generator._firstFreeElement) {
+                primitive.instanceCount = generator._firstFreeElement - generator._firstActiveElement;
+            } else {
+                var instanceCount = generator._currentParticleCount - generator._firstActiveElement;
+                if (generator._firstFreeElement > 0) {
+                    instanceCount += generator._firstFreeElement;
+                }
+                primitive.instanceCount = instanceCount;
+            }
+            var material = this.getMaterial();
+            var renderData = this._engine._renderDataPool.getFromPool();
+            renderData.setX(this, material, generator._primitive, generator._subPrimitive);
+            context.camera._renderPipeline.pushRenderData(context, renderData);
+        };
+        _proto._onDestroy = function _onDestroy() {
+            this.generator._destroy();
+        };
+        _create_class$3(ParticleRenderer, [
             {
-                key: "baseColor",
+                key: "renderMode",
                 get: /**
-       * Base color.
+       * Specifies how particles are rendered.
        */ function get() {
-                    return this.shaderData.getColor(BaseMaterial._baseColorProp);
+                    return this._renderMode;
                 },
                 set: function set(value) {
-                    var baseColor = this.shaderData.getColor(BaseMaterial._baseColorProp);
-                    if (value !== baseColor) {
-                        baseColor.copyFrom(value);
+                    if (this._renderMode !== value) {
+                        var lastRenderMode = this._renderMode;
+                        this._renderMode = value;
+                        var renderModeMacro = null;
+                        var shaderData = this.shaderData;
+                        switch(value){
+                            case exports.ParticleRenderMode.Billboard:
+                                renderModeMacro = ParticleRenderer._billboardModeMacro;
+                                break;
+                            case exports.ParticleRenderMode.StretchBillboard:
+                                renderModeMacro = ParticleRenderer._stretchedBillboardModeMacro;
+                                break;
+                            case exports.ParticleRenderMode.HorizontalBillboard:
+                                throw "Not implemented";
+                            case exports.ParticleRenderMode.VerticalBillboard:
+                                throw "Not implemented";
+                            case exports.ParticleRenderMode.Mesh:
+                                throw "Not implemented";
+                        }
+                        if (this._currentRenderModeMacro !== renderModeMacro) {
+                            this._currentRenderModeMacro && shaderData.disableMacro(this._currentRenderModeMacro);
+                            renderModeMacro && shaderData.enableMacro(renderModeMacro);
+                            this._currentRenderModeMacro = renderModeMacro;
+                        }
+                        // @ts-ignore
+                        if (lastRenderMode !== exports.ParticleRenderMode.Mesh !== (value === exports.ParticleRenderMode.Mesh)) {
+                            this.generator._reorganizeGeometryBuffers();
+                        }
                     }
                 }
             },
             {
-                key: "baseTexture",
+                key: "mesh",
                 get: /**
-       * Base texture.
+       * The mesh of particle.
+       * @remarks Valid when `renderMode` is `Mesh`.
        */ function get() {
-                    return this.shaderData.getTexture(BaseMaterial._baseTextureProp);
+                    return this._mesh;
                 },
                 set: function set(value) {
-                    this.shaderData.setTexture(BaseMaterial._baseTextureProp, value);
-                    if (value) {
-                        this.shaderData.enableMacro(BaseMaterial._baseTextureMacro);
-                    } else {
-                        this.shaderData.disableMacro(BaseMaterial._baseTextureMacro);
+                    var lastMesh = this._mesh;
+                    if (lastMesh !== value) {
+                        var _lastMesh, _value;
+                        this._mesh = value;
+                        (_lastMesh = lastMesh) == null ? void 0 : _lastMesh._addReferCount(-1);
+                        (_value = value) == null ? void 0 : _value._addReferCount(1);
+                        if (this.renderMode === exports.ParticleRenderMode.Mesh) {
+                            this.generator._reorganizeGeometryBuffers();
+                        }
                     }
                 }
             }
         ]);
-        return ParticleMaterial;
-    }(BaseMaterial);
-    var SubPrimitive = function SubPrimitive() {};
+        return ParticleRenderer;
+    }(exports.Renderer);
+    (function() {
+        ParticleRenderer._billboardModeMacro = ShaderMacro.getByName("RENDERER_MODE_SPHERE_BILLBOARD");
+    })();
+    (function() {
+        ParticleRenderer._stretchedBillboardModeMacro = ShaderMacro.getByName("RENDERER_MODE_STRETCHED_BILLBOARD");
+    })();
+    (function() {
+        ParticleRenderer._horizontalBillboardModeMacro = ShaderMacro.getByName("RENDERER_MODE_HORIZONTAL_BILLBOARD");
+    })();
+    (function() {
+        ParticleRenderer._verticalBillboardModeMacro = ShaderMacro.getByName("RENDERER_MODE_VERTICAL_BILLBOARD");
+    })();
+    (function() {
+        ParticleRenderer._renderModeMeshMacro = ShaderMacro.getByName("RENDERER_MODE_MESH");
+    })();
+    (function() {
+        ParticleRenderer._pivotOffsetProperty = ShaderProperty.getByName("renderer_PivotOffset");
+    })();
+    (function() {
+        ParticleRenderer._lengthScale = ShaderProperty.getByName("renderer_StretchedBillboardLengthScale");
+    })();
+    (function() {
+        ParticleRenderer._speedScale = ShaderProperty.getByName("renderer_StretchedBillboardSpeedScale");
+    })();
+    (function() {
+        ParticleRenderer._currentTime = ShaderProperty.getByName("renderer_CurrentTime");
+    })();
+    __decorate$1([
+        deepClone
+    ], ParticleRenderer.prototype, "generator", void 0);
+    __decorate$1([
+        shallowClone
+    ], ParticleRenderer.prototype, "pivot", void 0);
     /**
      * Particle curve mode.
      */ exports.ParticleCurveMode = void 0;
@@ -31646,17 +31843,6 @@
         ParticleGradientMode[ParticleGradientMode[/* Single color gradient curve mode. */ "Gradient"] = 2] = "Gradient";
         ParticleGradientMode[ParticleGradientMode[/* Random value between two color gradients. */ "TwoGradients"] = 3] = "TwoGradients";
     })(exports.ParticleGradientMode || (exports.ParticleGradientMode = {}));
-    /**
-     * The rendering mode for particle renderer.
-     */ exports.ParticleRenderMode = void 0;
-    (function(ParticleRenderMode) {
-        ParticleRenderMode[ParticleRenderMode[/** Render particles as billboards facing the active camera. */ "Billboard"] = 0] = "Billboard";
-        ParticleRenderMode[ParticleRenderMode[/** Stretch particles in the direction of motion. */ "StretchBillboard"] = 1] = "StretchBillboard";
-        ParticleRenderMode[ParticleRenderMode[/** Render particles as billboards always facing up along the y-Axis. */ "HorizontalBillboard"] = 2] = "HorizontalBillboard";
-        ParticleRenderMode[ParticleRenderMode[/** Render particles as billboards always facing the player, but not pitching along the x-Axis. */ "VerticalBillboard"] = 3] = "VerticalBillboard";
-        ParticleRenderMode[ParticleRenderMode[/** Render particles as meshes. */ "Mesh"] = 4] = "Mesh";
-        ParticleRenderMode[ParticleRenderMode[/** Do not render particles. */ "None"] = 5] = "None";
-    })(exports.ParticleRenderMode || (exports.ParticleRenderMode = {}));
     /**
      * The space to simulate particles in.
      */ exports.ParticleSimulationSpace = void 0;
@@ -31664,11 +31850,6 @@
         ParticleSimulationSpace[ParticleSimulationSpace[/** Simulate particles in local space. */ "Local"] = 0] = "Local";
         ParticleSimulationSpace[ParticleSimulationSpace[/** Simulate particles in world space. */ "World"] = 1] = "World";
     })(exports.ParticleSimulationSpace || (exports.ParticleSimulationSpace = {}));
-    exports.ParticleStopMode = void 0;
-    (function(ParticleStopMode) {
-        ParticleStopMode[ParticleStopMode[/** Stop emitting new particles and clear existing particles immediately. */ "StopEmittingAndClear"] = 0] = "StopEmittingAndClear";
-        ParticleStopMode[ParticleStopMode[/** Stop emitting new particles, but keep existing particles until they expire. */ "StopEmitting"] = 1] = "StopEmitting";
-    })(exports.ParticleStopMode || (exports.ParticleStopMode = {}));
     /**
      * @internal
      */ var ParticleRandomSubSeeds;
@@ -33604,181 +33785,60 @@
         ignoreClone
     ], ParticleGenerator.prototype, "_instanceVertices", void 0);
     /**
-     * Particle Renderer Component.
-     */ var ParticleRenderer = /*#__PURE__*/ function(Renderer1) {
-        _inherits$2(ParticleRenderer, Renderer1);
-        function ParticleRenderer(entity) {
+     * Particle Material.
+     */ var ParticleMaterial = /*#__PURE__*/ function(BaseMaterial1) {
+        var ParticleMaterial = function ParticleMaterial(engine) {
             var _this;
-            _this = Renderer1.call(this, entity) || this;
-            /** Particle generator. */ _this.generator = new ParticleGenerator(_assert_this_initialized(_this));
-            /** Specifies how much particles stretch depending on their velocity. */ _this.velocityScale = 0;
-            /** How much are the particles stretched in their direction of motion, defined as the length of the particle compared to its width. */ _this.lengthScale = 2;
-            /** The pivot of particle. */ _this.pivot = new Vector3();
-            _this._currentRenderModeMacro = ParticleRenderer._billboardModeMacro;
-            _this.shaderData.enableMacro(ParticleRenderer._billboardModeMacro);
-            _this._supportInstancedArrays = _this.engine._hardwareRenderer.canIUse(exports.GLCapabilityType.instancedArrays);
+            _this = BaseMaterial1.call(this, engine, Shader.find("particle-shader")) || this;
+            var shaderData = _this.shaderData;
+            shaderData.enableMacro("MATERIAL_OMIT_NORMAL");
+            shaderData.setColor(BaseMaterial._baseColorProp, new Color$1(1, 1, 1, 1));
+            _this.isTransparent = true;
             return _this;
-        }
-        var _proto = ParticleRenderer.prototype;
-        /**
-       * @internal
-       */ _proto._onEnable = function _onEnable() {
-            if (this.generator.main.playOnEnabled) {
-                this.generator.play(false);
-            }
-        };
-        /**
-       * @internal
-       */ _proto._onDisable = function _onDisable() {
-            this.generator.stop(false, exports.ParticleStopMode.StopEmittingAndClear);
-        };
-        /**
-       * @internal
-       */ _proto._prepareRender = function _prepareRender(context) {
-            if (!this._supportInstancedArrays) {
-                return;
-            }
-            var generator = this.generator;
-            generator._update(this.engine.time.deltaTime);
-            // No particles to render
-            if (generator._firstActiveElement === generator._firstFreeElement) {
-                return;
-            }
-            Renderer1.prototype._prepareRender.call(this, context);
-        };
-        /**
-       * @internal
-       */ _proto._updateBounds = function _updateBounds(worldBounds) {
-            worldBounds.min.set(-Number.MAX_VALUE, -Number.MAX_VALUE, -Number.MAX_VALUE);
-            worldBounds.max.set(Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE);
         };
+        _inherits$2(ParticleMaterial, BaseMaterial1);
+        var _proto = ParticleMaterial.prototype;
         /**
-       * @internal
-       */ _proto._updateShaderData = function _updateShaderData(context) {
-            var shaderData = this.shaderData;
-            shaderData.setFloat(ParticleRenderer._lengthScale, this.lengthScale);
-            shaderData.setFloat(ParticleRenderer._speedScale, this.velocityScale);
-            shaderData.setFloat(ParticleRenderer._currentTime, this.generator._playTime);
-            shaderData.setVector3(ParticleRenderer._pivotOffsetProperty, this.pivot);
-            this.generator._updateShaderData(shaderData);
-        };
-        _proto._render = function _render(context) {
-            var generator = this.generator;
-            var primitive = generator._primitive;
-            if (generator._firstActiveElement < generator._firstFreeElement) {
-                primitive.instanceCount = generator._firstFreeElement - generator._firstActiveElement;
-            } else {
-                var instanceCount = generator._currentParticleCount - generator._firstActiveElement;
-                if (generator._firstFreeElement > 0) {
-                    instanceCount += generator._firstFreeElement;
-                }
-                primitive.instanceCount = instanceCount;
-            }
-            var material = this.getMaterial();
-            var renderData = this._engine._renderDataPool.getFromPool();
-            renderData.setX(this, material, generator._primitive, generator._subPrimitive);
-            context.camera._renderPipeline.pushRenderData(context, renderData);
-        };
-        _proto._onDestroy = function _onDestroy() {
-            this.generator._destroy();
+       * @inheritdoc
+       */ _proto.clone = function clone() {
+            var dest = new ParticleMaterial(this._engine);
+            this.cloneTo(dest);
+            return dest;
         };
-        _create_class$3(ParticleRenderer, [
+        _create_class$3(ParticleMaterial, [
             {
-                key: "renderMode",
+                key: "baseColor",
                 get: /**
-       * Specifies how particles are rendered.
+       * Base color.
        */ function get() {
-                    return this._renderMode;
+                    return this.shaderData.getColor(BaseMaterial._baseColorProp);
                 },
                 set: function set(value) {
-                    if (this._renderMode !== value) {
-                        var lastRenderMode = this._renderMode;
-                        this._renderMode = value;
-                        var renderModeMacro = null;
-                        var shaderData = this.shaderData;
-                        switch(value){
-                            case exports.ParticleRenderMode.Billboard:
-                                renderModeMacro = ParticleRenderer._billboardModeMacro;
-                                break;
-                            case exports.ParticleRenderMode.StretchBillboard:
-                                renderModeMacro = ParticleRenderer._stretchedBillboardModeMacro;
-                                break;
-                            case exports.ParticleRenderMode.HorizontalBillboard:
-                                throw "Not implemented";
-                            case exports.ParticleRenderMode.VerticalBillboard:
-                                throw "Not implemented";
-                            case exports.ParticleRenderMode.Mesh:
-                                throw "Not implemented";
-                        }
-                        if (this._currentRenderModeMacro !== renderModeMacro) {
-                            this._currentRenderModeMacro && shaderData.disableMacro(this._currentRenderModeMacro);
-                            renderModeMacro && shaderData.enableMacro(renderModeMacro);
-                            this._currentRenderModeMacro = renderModeMacro;
-                        }
-                        // @ts-ignore
-                        if (lastRenderMode !== exports.ParticleRenderMode.Mesh !== (value === exports.ParticleRenderMode.Mesh)) {
-                            this.generator._reorganizeGeometryBuffers();
-                        }
+                    var baseColor = this.shaderData.getColor(BaseMaterial._baseColorProp);
+                    if (value !== baseColor) {
+                        baseColor.copyFrom(value);
                     }
                 }
             },
             {
-                key: "mesh",
+                key: "baseTexture",
                 get: /**
-       * The mesh of particle.
-       * @remarks Valid when `renderMode` is `Mesh`.
+       * Base texture.
        */ function get() {
-                    return this._mesh;
+                    return this.shaderData.getTexture(BaseMaterial._baseTextureProp);
                 },
                 set: function set(value) {
-                    var lastMesh = this._mesh;
-                    if (lastMesh !== value) {
-                        var _lastMesh, _value;
-                        this._mesh = value;
-                        (_lastMesh = lastMesh) == null ? void 0 : _lastMesh._addReferCount(-1);
-                        (_value = value) == null ? void 0 : _value._addReferCount(1);
-                        if (this.renderMode === exports.ParticleRenderMode.Mesh) {
-                            this.generator._reorganizeGeometryBuffers();
-                        }
+                    this.shaderData.setTexture(BaseMaterial._baseTextureProp, value);
+                    if (value) {
+                        this.shaderData.enableMacro(BaseMaterial._baseTextureMacro);
+                    } else {
+                        this.shaderData.disableMacro(BaseMaterial._baseTextureMacro);
                     }
                 }
             }
         ]);
-        return ParticleRenderer;
-    }(exports.Renderer);
-    (function() {
-        ParticleRenderer._billboardModeMacro = ShaderMacro.getByName("RENDERER_MODE_SPHERE_BILLBOARD");
-    })();
-    (function() {
-        ParticleRenderer._stretchedBillboardModeMacro = ShaderMacro.getByName("RENDERER_MODE_STRETCHED_BILLBOARD");
-    })();
-    (function() {
-        ParticleRenderer._horizontalBillboardModeMacro = ShaderMacro.getByName("RENDERER_MODE_HORIZONTAL_BILLBOARD");
-    })();
-    (function() {
-        ParticleRenderer._verticalBillboardModeMacro = ShaderMacro.getByName("RENDERER_MODE_VERTICAL_BILLBOARD");
-    })();
-    (function() {
-        ParticleRenderer._renderModeMeshMacro = ShaderMacro.getByName("RENDERER_MODE_MESH");
-    })();
-    (function() {
-        ParticleRenderer._pivotOffsetProperty = ShaderProperty.getByName("renderer_PivotOffset");
-    })();
-    (function() {
-        ParticleRenderer._lengthScale = ShaderProperty.getByName("renderer_StretchedBillboardLengthScale");
-    })();
-    (function() {
-        ParticleRenderer._speedScale = ShaderProperty.getByName("renderer_StretchedBillboardSpeedScale");
-    })();
-    (function() {
-        ParticleRenderer._currentTime = ShaderProperty.getByName("renderer_CurrentTime");
-    })();
-    __decorate$1([
-        deepClone
-    ], ParticleRenderer.prototype, "generator", void 0);
-    __decorate$1([
-        shallowClone
-    ], ParticleRenderer.prototype, "pivot", void 0);
+        return ParticleMaterial;
+    }(BaseMaterial);
     /**
      * A burst is a particle emission event, where a number of particles are all emitted at the same time
      */ var Burst = function Burst(time, count) {
@@ -34520,6 +34580,7 @@
         ParticleCompositeCurve: ParticleCompositeCurve,
         ParticleCurve: ParticleCurve,
         get ParticleCurveMode () { return exports.ParticleCurveMode; },
+        ParticleGenerator: ParticleGenerator,
         get ParticleGradientMode () { return exports.ParticleGradientMode; },
         ParticleMaterial: ParticleMaterial,
         get ParticleRenderMode () { return exports.ParticleRenderMode; },
@@ -37439,12 +37500,12 @@
         return _construct.apply(null, arguments);
     }
     var ReflectionParser = /*#__PURE__*/ function() {
-        var ReflectionParser = function ReflectionParser() {};
-        ReflectionParser.registerCustomParseComponent = function registerCustomParseComponent(componentType, handle) {
-            this.customParseComponentHandles[componentType] = handle;
+        var ReflectionParser = function ReflectionParser(_context) {
+            this._context = _context;
         };
-        ReflectionParser.parseEntity = function parseEntity(entityConfig, engine) {
-            return ReflectionParser.getEntityByConfig(entityConfig, engine).then(function(entity) {
+        var _proto = ReflectionParser.prototype;
+        _proto.parseEntity = function parseEntity(entityConfig) {
+            return this._getEntityByConfig(entityConfig).then(function(entity) {
                 var _entityConfig_isActive;
                 entity.isActive = (_entityConfig_isActive = entityConfig.isActive) != null ? _entityConfig_isActive : true;
                 var position = entityConfig.position, rotation = entityConfig.rotation, scale = entityConfig.scale;
@@ -37454,72 +37515,29 @@
                 return entity;
             });
         };
-        ReflectionParser.getEntityByConfig = function getEntityByConfig(entityConfig, engine) {
-            // @ts-ignore
-            var assetRefId = entityConfig.assetRefId;
-            if (assetRefId) {
-                return engine.resourceManager // @ts-ignore
-                .getResourceByRef({
-                    refId: assetRefId,
-                    key: entityConfig.key,
-                    isClone: entityConfig.isClone
-                }).then(function(entity) {
-                    entity.name = entityConfig.name;
-                    return entity;
-                });
-            } else {
-                var entity = new Entity(engine, entityConfig.name);
-                return Promise.resolve(entity);
-            }
-        };
-        ReflectionParser.parseClassObject = function parseClassObject(item, engine, resourceManager) {
-            if (resourceManager === void 0) resourceManager = engine.resourceManager;
+        _proto.parseClassObject = function parseClassObject(item) {
             var Class = Loader.getClass(item.class);
             var _item_constructParams;
             var params = (_item_constructParams = item.constructParams) != null ? _item_constructParams : [];
             var instance = _construct(Class, [].concat(params));
-            return this.parsePropsAndMethods(instance, item, engine, resourceManager);
+            return this.parsePropsAndMethods(instance, item);
         };
-        ReflectionParser.parseBasicType = function parseBasicType(value, engine, resourceManager) {
-            if (resourceManager === void 0) resourceManager = engine.resourceManager;
-            var _this = this;
-            if (Array.isArray(value)) {
-                return Promise.all(value.map(function(item) {
-                    return _this.parseBasicType(item, engine, resourceManager);
-                }));
-            } else if (typeof value === "object" && value != null) {
-                if (this._isClass(value)) {
-                    // class object
-                    return this.parseClassObject(value, engine, resourceManager);
-                } else if (this._isRef(value)) {
-                    // reference object
-                    return resourceManager.getResourceByRef(value);
-                } else {
-                    // basic type
-                    return Promise.resolve(value);
-                }
-            } else {
-                return Promise.resolve(value);
-            }
-        };
-        ReflectionParser.parsePropsAndMethods = function parsePropsAndMethods(instance, item, engine, resourceManager) {
-            if (resourceManager === void 0) resourceManager = engine.resourceManager;
-            var _this = this;
+        _proto.parsePropsAndMethods = function parsePropsAndMethods(instance, item) {
             var promises = [];
             if (item.methods) {
                 for(var methodName in item.methods){
                     var methodParams = item.methods[methodName];
                     for(var i = 0, count = methodParams.length; i < count; i++){
                         var params = methodParams[i];
-                        var promise = this.parseMethod(instance, methodName, params, engine, resourceManager);
+                        var promise = this.parseMethod(instance, methodName, params);
                         promises.push(promise);
                     }
                 }
             }
             if (item.props) {
-                var _this1 = this, _loop = function _loop(key) {
+                var _this = this, _loop = function _loop(key) {
                     var value = item.props[key];
-                    var promise = _this1.parseBasicType(value, engine).then(function(v) {
+                    var promise = _this.parseBasicType(value).then(function(v) {
                         return instance[key] = v;
                     });
                     promises.push(promise);
@@ -37527,27 +37545,76 @@
                 for(var key in item.props)_loop(key);
             }
             return Promise.all(promises).then(function() {
-                var handle = _this.customParseComponentHandles[instance.constructor.name];
-                if (handle) return handle(instance, item, engine);
+                var handle = ReflectionParser.customParseComponentHandles[instance.constructor.name];
+                if (handle) return handle(instance, item);
                 else return instance;
             });
         };
-        ReflectionParser.parseMethod = function parseMethod(instance, methodName, methodParams, engine, resourceManager) {
-            if (resourceManager === void 0) resourceManager = engine.resourceManager;
+        _proto.parseMethod = function parseMethod(instance, methodName, methodParams) {
             var _this = this;
             return Promise.all(methodParams.map(function(param) {
-                return _this.parseBasicType(param, engine, resourceManager);
+                return _this.parseBasicType(param);
             })).then(function(result) {
                 var _instance;
                 return (_instance = instance)[methodName].apply(_instance, [].concat(result));
             });
         };
+        _proto.parseBasicType = function parseBasicType(value) {
+            var _this = this;
+            if (Array.isArray(value)) {
+                return Promise.all(value.map(function(item) {
+                    return _this.parseBasicType(item);
+                }));
+            } else if (typeof value === "object" && value != null) {
+                if (ReflectionParser._isClass(value)) {
+                    // class object
+                    return this.parseClassObject(value);
+                } else if (ReflectionParser._isAssetRef(value)) {
+                    // reference object
+                    // @ts-ignore
+                    return this._context.resourceManager.getResourceByRef(value);
+                } else if (ReflectionParser._isEntityRef(value)) {
+                    // entity reference
+                    return Promise.resolve(this._context.entityMap.get(value.entityId));
+                } else {
+                    // basic type
+                    return Promise.resolve(value);
+                }
+            } else {
+                return Promise.resolve(value);
+            }
+        };
+        _proto._getEntityByConfig = function _getEntityByConfig(entityConfig) {
+            // @ts-ignore
+            var assetRefId = entityConfig.assetRefId;
+            var engine = this._context.engine;
+            if (assetRefId) {
+                return engine.resourceManager // @ts-ignore
+                .getResourceByRef({
+                    refId: assetRefId,
+                    key: entityConfig.key,
+                    isClone: entityConfig.isClone
+                }).then(function(entity) {
+                    entity.name = entityConfig.name;
+                    return entity;
+                });
+            } else {
+                var entity = new Entity(engine, entityConfig.name);
+                return Promise.resolve(entity);
+            }
+        };
+        ReflectionParser.registerCustomParseComponent = function registerCustomParseComponent(componentType, handle) {
+            this.customParseComponentHandles[componentType] = handle;
+        };
         ReflectionParser._isClass = function _isClass(value) {
             return value["class"] != undefined;
         };
-        ReflectionParser._isRef = function _isRef(value) {
+        ReflectionParser._isAssetRef = function _isAssetRef(value) {
             return value["refId"] != undefined;
         };
+        ReflectionParser._isEntityRef = function _isEntityRef(value) {
+            return value["entityId"] != undefined;
+        };
         return ReflectionParser;
     }();
     (function() {
@@ -37803,6 +37870,8 @@
             this.assets = new Map();
             this.entityConfigMap = new Map();
             this.rootIds = [];
+            this.engine = scene.engine;
+            this.resourceManager = scene.engine.resourceManager;
         };
         var _proto = SceneParserContext.prototype;
         _proto.destroy = function destroy() {
@@ -37818,7 +37887,7 @@
         var SceneParser = function SceneParser(context) {
             var _this = this;
             this.context = context;
-            this._engine = this.context.scene.engine;
+            this._engine = context.scene.engine;
             this._organizeEntities = this._organizeEntities.bind(this);
             this._parseComponents = this._parseComponents.bind(this);
             this._clearAndResolveScene = this._clearAndResolveScene.bind(this);
@@ -37826,22 +37895,24 @@
                 _this._reject = reject;
                 _this._resolve = resolve;
             });
+            this._reflectionParser = new ReflectionParser(context);
         };
         var _proto = SceneParser.prototype;
         /** start parse the scene */ _proto.start = function start() {
             this._parseEntities().then(this._organizeEntities).then(this._parseComponents).then(this._clearAndResolveScene).then(this._resolve).catch(this._reject);
         };
         _proto._parseEntities = function _parseEntities() {
+            var _this = this;
             var entitiesConfig = this.context.originalData.entities;
             var entityConfigMap = this.context.entityConfigMap;
             var entitiesMap = this.context.entityMap;
             var rootIds = this.context.rootIds;
-            var engine = this._engine;
+            this._engine;
             var promises = entitiesConfig.map(function(entityConfig) {
                 entityConfigMap.set(entityConfig.id, entityConfig);
                 // record root entities
                 if (!entityConfig.parent) rootIds.push(entityConfig.id);
-                return ReflectionParser.parseEntity(entityConfig, engine);
+                return _this._reflectionParser.parseEntity(entityConfig);
             });
             return Promise.all(promises).then(function(entities) {
                 for(var i = 0, l = entities.length; i < l; i++){
@@ -37879,7 +37950,7 @@
                         component = entity.getComponent(Loader.getClass(key));
                     }
                     component = component || entity.addComponent(Loader.getClass(key));
-                    var promise = ReflectionParser.parsePropsAndMethods(component, componentConfig, entity.engine);
+                    var promise = this._reflectionParser.parsePropsAndMethods(component, componentConfig);
                     promises.push(promise);
                 }
             }
@@ -41210,8 +41281,7 @@
                             mipmap: (_samplerInfo = samplerInfo) == null ? void 0 : _samplerInfo.mipmap
                         }
                     }).then(function(texture) {
-                        var _texture;
-                        (_texture = texture).name || (_texture.name = textureName || imageName || "texture_" + index);
+                        texture.name = textureName || imageName || texture.name || "texture_" + index;
                         useSampler && GLTFUtils.parseSampler(texture, samplerInfo);
                         return texture;
                     });
@@ -42299,6 +42369,38 @@
             ""
         ])
     ], TextureCubeLoader);
+    var ProjectLoader = /*#__PURE__*/ function(Loader1) {
+        var ProjectLoader = function ProjectLoader() {
+            return Loader1.apply(this, arguments);
+        };
+        _inherits(ProjectLoader, Loader1);
+        var _proto = ProjectLoader.prototype;
+        _proto.load = function load(item, resourceManager) {
+            var _this = this;
+            var engine = resourceManager.engine;
+            return new AssetPromise(function(resolve, reject) {
+                _this.request(item.url, {
+                    type: "json"
+                }).then(function(data) {
+                    // @ts-ignore
+                    engine.resourceManager.initVirtualResources(data.files);
+                    return resourceManager.load({
+                        type: exports.AssetType.Scene,
+                        url: data.scene
+                    }).then(function(scene) {
+                        engine.sceneManager.activeScene = scene;
+                        resolve();
+                    });
+                }).catch(reject);
+            });
+        };
+        return ProjectLoader;
+    }(Loader);
+    ProjectLoader = __decorate([
+        resourceLoader(exports.AssetType.Project, [
+            "proj"
+        ], true)
+    ], ProjectLoader);
     var SceneLoader = /*#__PURE__*/ function(Loader1) {
         var SceneLoader = function SceneLoader() {
             return Loader1.apply(this, arguments);
@@ -42895,7 +42997,7 @@
     ], GALACEAN_animation_event);
 
     //@ts-ignore
-    var version = "1.1.0-beta.4";
+    var version = "1.1.0-beta.6";
     console.log("Galacean engine version: " + version);
     for(var key in CoreObjects){
         Loader.registerClass(key, CoreObjects[key]);
@@ -42981,6 +43083,7 @@
     exports.PBRSpecularMaterial = PBRSpecularMaterial;
     exports.ParticleCompositeCurve = ParticleCompositeCurve;
     exports.ParticleCurve = ParticleCurve;
+    exports.ParticleGenerator = ParticleGenerator;
     exports.ParticleMaterial = ParticleMaterial;
     exports.ParticleRenderer = ParticleRenderer;
     exports.PhysicsMaterial = PhysicsMaterial;