@galacean/engine 1.1.0-beta.5 → 1.1.0-beta.7

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;
         };
         /**
@@ -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);
                 }
             }
         };
@@ -20333,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;
@@ -20430,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;
@@ -20480,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;
                     }
@@ -21304,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();
             }
@@ -21760,24 +21760,23 @@
         /**
        * @internal
        */ _proto.destroy = function destroy() {
+            this.texture = null;
             this._mesh._addReferCount(-1);
             this._mesh = null;
             this._material._addReferCount(-1);
             this._material = null;
-            this.texture = null;
             this.solidColor = null;
             this.sky.destroy();
         };
         /**
        * @internal
        */ _proto._resizeBackgroundTexture = function _resizeBackgroundTexture() {
+            var _this = this, texture = _this._texture, mesh = _this._mesh;
             if (!this._texture) {
                 return;
             }
-            var canvas = this._engine.canvas;
-            var width = canvas.width, height = canvas.height;
-            var _this = this, _backgroundTextureMesh = _this._mesh;
-            var positions = _backgroundTextureMesh.getPositions();
+            var _this__engine_canvas = this._engine.canvas, width = _this__engine_canvas.width, height = _this__engine_canvas.height;
+            var positions = mesh.getPositions();
             switch(this._textureFillMode){
                 case exports.BackgroundTextureFillMode.Fill:
                     positions[0].set(-1, -1, 1);
@@ -21786,22 +21785,22 @@
                     positions[3].set(1, 1, 1);
                     break;
                 case exports.BackgroundTextureFillMode.AspectFitWidth:
-                    var fitWidthScale = this._texture.height * width / this.texture.width / height;
+                    var fitWidthScale = texture.height * width / texture.width / height;
                     positions[0].set(-1, -fitWidthScale, 1);
                     positions[1].set(1, -fitWidthScale, 1);
                     positions[2].set(-1, fitWidthScale, 1);
                     positions[3].set(1, fitWidthScale, 1);
                     break;
                 case exports.BackgroundTextureFillMode.AspectFitHeight:
-                    var fitHeightScale = this._texture.width * height / this.texture.height / width;
+                    var fitHeightScale = texture.width * height / texture.height / width;
                     positions[0].set(-fitHeightScale, -1, 1);
                     positions[1].set(fitHeightScale, -1, 1);
                     positions[2].set(-fitHeightScale, 1, 1);
                     positions[3].set(fitHeightScale, 1, 1);
                     break;
             }
-            _backgroundTextureMesh.setPositions(positions);
-            _backgroundTextureMesh.uploadData(false);
+            mesh.setPositions(positions);
+            mesh.uploadData(false);
         };
         _proto._initMesh = function _initMesh(engine) {
             this._mesh = this._createPlane(engine);
@@ -21852,13 +21851,13 @@
                         (_this__texture = this._texture) == null ? void 0 : _this__texture._addReferCount(-1);
                         this._texture = value;
                         this._material.shaderData.setTexture("material_BaseTexture", value);
+                        this._resizeBackgroundTexture();
                     }
                 }
             },
             {
                 key: "textureFillMode",
                 get: /**
-       * @internal
        * Background texture fill mode.
        * @remarks When `mode` is `BackgroundMode.Texture`, the property will take effects.
        * @defaultValue `BackgroundTextureFillMode.FitHeight`
@@ -22008,7 +22007,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();
@@ -28191,11 +28190,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();
             }
         };
@@ -29246,8 +29245,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;
             }
@@ -29255,11 +29254,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;
                 }
@@ -29271,7 +29270,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.
@@ -31632,62 +31631,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;
@@ -31706,17 +31842,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;
@@ -31724,11 +31849,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;
@@ -33664,181 +33784,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) {
@@ -34523,6 +34522,7 @@
         ColliderShape: ColliderShape,
         get ColliderShapeUpAxis () { return exports.ColliderShapeUpAxis; },
         get CollisionDetectionMode () { return exports.CollisionDetectionMode; },
+        ColorOverLifetimeModule: ColorOverLifetimeModule,
         get ColorSpace () { return exports.ColorSpace; },
         get ColorWriteMask () { return exports.ColorWriteMask; },
         get CompareFunction () { return exports.CompareFunction; },
@@ -34543,6 +34543,7 @@
         DirectLight: DirectLight,
         DynamicCollider: DynamicCollider,
         get DynamicColliderConstraints () { return exports.DynamicColliderConstraints; },
+        EmissionModule: EmissionModule,
         Engine: Engine,
         EngineObject: EngineObject,
         Entity: Entity,
@@ -34552,6 +34553,8 @@
         Font: Font,
         get FontStyle () { return exports.FontStyle; },
         get GLCapabilityType () { return exports.GLCapabilityType; },
+        GradientAlphaKey: GradientAlphaKey,
+        GradientColorKey: GradientColorKey,
         HemisphereShape: HemisphereShape,
         HingeJoint: HingeJoint,
         HitResult: HitResult,
@@ -34568,6 +34571,7 @@
         Light: Light,
         Loader: Loader,
         Logger: Logger,
+        MainModule: MainModule,
         Material: Material,
         Mesh: Mesh,
         MeshRenderer: MeshRenderer,
@@ -34578,8 +34582,11 @@
         PBRMaterial: PBRMaterial,
         PBRSpecularMaterial: PBRSpecularMaterial,
         ParticleCompositeCurve: ParticleCompositeCurve,
+        ParticleCompositeGradient: ParticleCompositeGradient,
         ParticleCurve: ParticleCurve,
         get ParticleCurveMode () { return exports.ParticleCurveMode; },
+        ParticleGenerator: ParticleGenerator,
+        ParticleGradient: ParticleGradient,
         get ParticleGradientMode () { return exports.ParticleGradientMode; },
         ParticleMaterial: ParticleMaterial,
         get ParticleRenderMode () { return exports.ParticleRenderMode; },
@@ -34614,6 +34621,7 @@
         RenderTargetBlendState: RenderTargetBlendState,
         get Renderer () { return exports.Renderer; },
         ResourceManager: ResourceManager,
+        RotationOverLifetimeModule: RotationOverLifetimeModule,
         Scene: Scene,
         SceneManager: SceneManager,
         Script: Script,
@@ -34630,6 +34638,7 @@
         get ShadowCascadesMode () { return exports.ShadowCascadesMode; },
         get ShadowResolution () { return exports.ShadowResolution; },
         get ShadowType () { return exports.ShadowType; },
+        SizeOverLifetimeModule: SizeOverLifetimeModule,
         Skin: Skin,
         SkinnedMeshRenderer: SkinnedMeshRenderer,
         Sky: Sky,
@@ -34668,6 +34677,7 @@
         get TextureDepthCompareFunction () { return exports.TextureDepthCompareFunction; },
         get TextureFilterMode () { return exports.TextureFilterMode; },
         get TextureFormat () { return exports.TextureFormat; },
+        TextureSheetAnimationModule: TextureSheetAnimationModule,
         get TextureUsage () { return exports.TextureUsage; },
         get TextureWrapMode () { return exports.TextureWrapMode; },
         Time: Time,
@@ -34676,6 +34686,7 @@
         Transform: Transform,
         UnlitMaterial: UnlitMaterial,
         Utils: Utils,
+        VelocityOverLifetimeModule: VelocityOverLifetimeModule,
         get VertexAttribute () { return exports.VertexAttribute; },
         VertexBufferBinding: VertexBufferBinding,
         VertexElement: VertexElement,
@@ -42398,7 +42409,7 @@
     ProjectLoader = __decorate([
         resourceLoader(exports.AssetType.Project, [
             "proj"
-        ], true)
+        ], false)
     ], ProjectLoader);
     var SceneLoader = /*#__PURE__*/ function(Loader1) {
         var SceneLoader = function SceneLoader() {
@@ -42996,7 +43007,7 @@
     ], GALACEAN_animation_event);
 
     //@ts-ignore
-    var version = "1.1.0-beta.5";
+    var version = "1.1.0-beta.7";
     console.log("Galacean engine version: " + version);
     for(var key in CoreObjects){
         Loader.registerClass(key, CoreObjects[key]);
@@ -43039,6 +43050,7 @@
     exports.ColliderShape = ColliderShape;
     exports.CollisionUtil = CollisionUtil;
     exports.Color = Color$1;
+    exports.ColorOverLifetimeModule = ColorOverLifetimeModule;
     exports.Component = Component;
     exports.ComponentMap = ComponentMap;
     exports.ConeShape = ConeShape;
@@ -43048,6 +43060,7 @@
     exports.DepthState = DepthState;
     exports.DirectLight = DirectLight;
     exports.DynamicCollider = DynamicCollider;
+    exports.EmissionModule = EmissionModule;
     exports.Engine = Engine;
     exports.EngineObject = EngineObject;
     exports.Entity = Entity;
@@ -43059,6 +43072,8 @@
     exports.GLTFParserContext = GLTFParserContext;
     exports.GLTFResource = GLTFResource;
     exports.GLTFUtils = GLTFUtils;
+    exports.GradientAlphaKey = GradientAlphaKey;
+    exports.GradientColorKey = GradientColorKey;
     exports.HemisphereShape = HemisphereShape;
     exports.HingeJoint = HingeJoint;
     exports.HitResult = HitResult;
@@ -43070,6 +43085,7 @@
     exports.Light = Light;
     exports.Loader = Loader;
     exports.Logger = Logger;
+    exports.MainModule = MainModule;
     exports.Material = Material;
     exports.MathUtil = MathUtil$1;
     exports.Matrix = Matrix;
@@ -43081,7 +43097,10 @@
     exports.PBRMaterial = PBRMaterial;
     exports.PBRSpecularMaterial = PBRSpecularMaterial;
     exports.ParticleCompositeCurve = ParticleCompositeCurve;
+    exports.ParticleCompositeGradient = ParticleCompositeGradient;
     exports.ParticleCurve = ParticleCurve;
+    exports.ParticleGenerator = ParticleGenerator;
+    exports.ParticleGradient = ParticleGradient;
     exports.ParticleMaterial = ParticleMaterial;
     exports.ParticleRenderer = ParticleRenderer;
     exports.PhysicsMaterial = PhysicsMaterial;
@@ -43107,6 +43126,7 @@
     exports.RenderTarget = RenderTarget;
     exports.RenderTargetBlendState = RenderTargetBlendState;
     exports.ResourceManager = ResourceManager;
+    exports.RotationOverLifetimeModule = RotationOverLifetimeModule;
     exports.Scene = Scene;
     exports.SceneManager = SceneManager;
     exports.SceneParser = SceneParser;
@@ -43119,6 +43139,7 @@
     exports.ShaderPass = ShaderPass;
     exports.ShaderProperty = ShaderProperty;
     exports.ShaderTagKey = ShaderTagKey;
+    exports.SizeOverLifetimeModule = SizeOverLifetimeModule;
     exports.Skin = Skin;
     exports.SkinnedMeshRenderer = SkinnedMeshRenderer;
     exports.Sky = Sky;
@@ -43145,6 +43166,7 @@
     exports.Texture2D = Texture2D;
     exports.Texture2DArray = Texture2DArray;
     exports.TextureCube = TextureCube;
+    exports.TextureSheetAnimationModule = TextureSheetAnimationModule;
     exports.Time = Time;
     exports.TrailMaterial = TrailMaterial;
     exports.TrailRenderer = TrailRenderer;
@@ -43154,6 +43176,7 @@
     exports.Vector2 = Vector2;
     exports.Vector3 = Vector3;
     exports.Vector4 = Vector4;
+    exports.VelocityOverLifetimeModule = VelocityOverLifetimeModule;
     exports.VertexBufferBinding = VertexBufferBinding;
     exports.VertexElement = VertexElement;
     exports.WebCanvas = WebCanvas;