@galacean/engine 1.1.0-beta.5 → 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;
         };
         /**
@@ -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,11 +21760,11 @@
         /**
        * @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();
         };
@@ -22008,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();
@@ -28191,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();
             }
         };
@@ -29246,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;
             }
@@ -29255,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;
                 }
@@ -29271,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.
@@ -31632,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;
@@ -31706,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;
@@ -31724,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;
@@ -33664,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) {
@@ -34580,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; },
@@ -42996,7 +42997,7 @@
     ], GALACEAN_animation_event);
 
     //@ts-ignore
-    var version = "1.1.0-beta.5";
+    var version = "1.1.0-beta.6";
     console.log("Galacean engine version: " + version);
     for(var key in CoreObjects){
         Loader.registerClass(key, CoreObjects[key]);
@@ -43082,6 +43083,7 @@
     exports.PBRSpecularMaterial = PBRSpecularMaterial;
     exports.ParticleCompositeCurve = ParticleCompositeCurve;
     exports.ParticleCurve = ParticleCurve;
+    exports.ParticleGenerator = ParticleGenerator;
     exports.ParticleMaterial = ParticleMaterial;
     exports.ParticleRenderer = ParticleRenderer;
     exports.PhysicsMaterial = PhysicsMaterial;