@galacean/effects-threejs 2.8.0-alpha.1 → 2.8.0-alpha.3

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime threejs plugin for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v2.8.0-alpha.1
+ * Version: v2.8.0-alpha.3
  */
 
 'use strict';
@@ -59,41 +59,6 @@ function _async_to_generator(fn) {
     };
 }
 
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-
-function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
-    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-    if (it) return (it = it.call(o)).next.bind(it);
-    // Fallback for engines without symbol support
-    if (Array.isArray(o) || (it = _unsupported_iterable_to_array(o)) || allowArrayLike && o && typeof o.length === "number") {
-        if (it) o = it;
-        var i = 0;
-        return function() {
-            if (i >= o.length) return {
-                done: true
-            };
-            return {
-                done: false,
-                value: o[i++]
-            };
-        };
-    }
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
 function _instanceof1(left, right) {
     if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
         return !!right[Symbol.hasInstance](left);
@@ -2926,134 +2891,68 @@ function applyMixins(derivedCtrl, baseCtrls) {
 }
 
 var pluginLoaderMap = {};
-var defaultPlugins = [];
-var pluginCtrlMap = {};
+var plugins = [];
 /**
  * 注册 plugin
  * @param name
  * @param pluginClass class of plugin
  * @param itemClass class of item
  * @param isDefault load
- */ function registerPlugin(name, pluginClass, itemClass) {
-    if (pluginCtrlMap[name]) {
+ */ function registerPlugin(name, pluginClass) {
+    if (pluginLoaderMap[name]) {
         logger.error("Duplicate registration for plugin " + name + ".");
     }
-    pluginCtrlMap[name] = itemClass;
     pluginLoaderMap[name] = pluginClass;
-    addItem(defaultPlugins, name);
+    var pluginInstance = new pluginClass();
+    pluginInstance.name = name;
+    pluginInstance.initialize();
+    plugins.push(pluginInstance);
+    plugins.sort(function(a, b) {
+        return a.order - b.order;
+    });
 }
-function unregisterPlugin(name) {
-    delete pluginCtrlMap[name];
+/**
+ * 注销 plugin
+ */ function unregisterPlugin(name) {
     delete pluginLoaderMap[name];
-    removeItem(defaultPlugins, name);
+    var pluginIndex = plugins.findIndex(function(plugin) {
+        return plugin.name === name;
+    });
+    if (pluginIndex !== -1) {
+        plugins.splice(pluginIndex, 1);
+    }
 }
 var PluginSystem = /*#__PURE__*/ function() {
-    function PluginSystem(pluginNames) {
-        var loaders = {};
-        var loaded = [];
-        var addLoader = function(name) {
-            var loader = pluginLoaderMap[name];
-            if (!loaded.includes(loader)) {
-                loaded.push(loader);
-                loaders[name] = loader;
-            }
-        };
-        defaultPlugins.forEach(addLoader);
-        for(var _iterator = _create_for_of_iterator_helper_loose(pluginNames), _step; !(_step = _iterator()).done;){
-            var customPluginName = _step.value;
-            if (!pluginLoaderMap[customPluginName]) {
-                throw new Error("The plugin '" + customPluginName + "' not found." + getPluginUsageInfo(customPluginName));
-            }
-        }
-        this.plugins = Object.keys(loaders).map(function(name) {
-            var pluginConstructor = pluginLoaderMap[name];
-            var loader = new pluginConstructor();
-            loader.name = name;
-            return loader;
-        }).sort(function(a, b) {
-            return a.order - b.order;
-        });
-    }
-    var _proto = PluginSystem.prototype;
-    _proto.initializeComposition = function initializeComposition(composition, scene) {
-        this.plugins.forEach(function(loader) {
+    function PluginSystem() {}
+    PluginSystem.getPlugins = function getPlugins() {
+        return plugins;
+    };
+    PluginSystem.initializeComposition = function initializeComposition(composition, scene) {
+        plugins.forEach(function(loader) {
             return loader.onCompositionConstructed(composition, scene);
         });
     };
-    _proto.destroyComposition = function destroyComposition(comp) {
-        this.plugins.forEach(function(loader) {
+    PluginSystem.destroyComposition = function destroyComposition(comp) {
+        plugins.forEach(function(loader) {
             return loader.onCompositionDestroyed(comp);
         });
     };
-    _proto.resetComposition = function resetComposition(comp, renderFrame) {
-        this.plugins.forEach(function(loader) {
-            return loader.onCompositionReset(comp, renderFrame);
-        });
-    };
-    _proto.processRawJSON = function processRawJSON(json, options) {
-        var _this = this;
-        return _async_to_generator(function() {
-            return __generator(this, function(_state) {
-                return [
-                    2,
-                    _this.callStatic("processRawJSON", json, options)
-                ];
-            });
-        })();
-    };
-    _proto.processAssets = function processAssets(json, options) {
-        var _this = this;
-        return _async_to_generator(function() {
-            return __generator(this, function(_state) {
-                return [
-                    2,
-                    _this.callStatic("processAssets", json, options)
-                ];
-            });
-        })();
-    };
-    _proto.precompile = function precompile(compositions, renderer) {
-        for(var _iterator = _create_for_of_iterator_helper_loose(this.plugins), _step; !(_step = _iterator()).done;){
-            var plugin = _step.value;
-            plugin.precompile(compositions, renderer);
-        }
-    };
-    _proto.loadResources = function loadResources(scene, options) {
-        var _this = this;
+    PluginSystem.processAssets = function processAssets(scene, options) {
         return _async_to_generator(function() {
             return __generator(this, function(_state) {
                 return [
                     2,
-                    _this.callStatic("prepareResource", scene, options)
+                    Promise.all(plugins.map(function(plugin) {
+                        return plugin.processAssets(scene, options);
+                    }))
                 ];
             });
         })();
     };
-    _proto.callStatic = function callStatic(name) {
-        for(var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
-            args[_key - 1] = arguments[_key];
-        }
-        var _this = this;
-        return _async_to_generator(function() {
-            var pendings, plugins, i, plugin, ctrl, _ctrl_name, _ctrl_name1;
-            return __generator(this, function(_state) {
-                pendings = [];
-                plugins = _this.plugins;
-                for(i = 0; i < plugins.length; i++){
-                    plugin = plugins[i];
-                    ctrl = pluginLoaderMap[plugin.name];
-                    if (name in ctrl) {
-                        pendings.push(Promise.resolve((_ctrl_name1 = ctrl[name]) == null ? void 0 : (_ctrl_name = _ctrl_name1).call.apply(_ctrl_name, [].concat([
-                            ctrl
-                        ], args))));
-                    }
-                }
-                return [
-                    2,
-                    Promise.all(pendings)
-                ];
-            });
-        })();
+    PluginSystem.loadResources = function loadResources(scene, options, engine) {
+        plugins.forEach(function(loader) {
+            return loader.prepareResource(scene, options, engine);
+        });
     };
     return PluginSystem;
 }();
@@ -3061,6 +2960,8 @@ var pluginInfoMap = {
     "alipay-downgrade": "@galacean/effects-plugin-alipay-downgrade",
     "downgrade": "@galacean/effects-plugin-downgrade",
     "editor-gizmo": "@galacean/effects-plugin-editor-gizmo",
+    "ffd": "@galacean/effects-plugin-ffd",
+    "ktx2": "@galacean/effects-plugin-ktx2",
     "model": "@galacean/effects-plugin-model",
     "video": "@galacean/effects-plugin-multimedia",
     "audio": "@galacean/effects-plugin-multimedia",
@@ -3086,15 +2987,33 @@ function getPluginUsageInfo(name) {
         this.name = "";
     }
     var _proto = AbstractPlugin.prototype;
+    _proto.initialize = function initialize() {};
     /**
-   * 在加载到 JSON 后，就可以进行提前编译
-   * @param json
-   * @param player
-   */ _proto.precompile = function precompile(compositions, renderer) {};
+   * loadScene 函数调用的时候会触发此函数，
+   * 此阶段可以加载插件所需类型资源，并返回原始资源和加载后的资源。
+   * @param scene
+   * @param options
+   * @returns
+   */ _proto.processAssets = function processAssets(scene, options) {
+        return _async_to_generator(function() {
+            return __generator(this, function(_state) {
+                return [
+                    2
+                ];
+            });
+        })();
+    };
+    /**
+   * loadScene 函数调用的时候会触发此函数，
+   * 此阶段时，json 中的图片和二进制已经被加载完成，可以对加载好的资源做进一步处理，
+   * 如果 promise 被 reject, loadScene 函数同样会被 reject，表示场景加载失败。
+   * 请记住，整个 load 阶段都不要创建 GL 相关的对象，只创建 JS 对象
+   * 此阶段晚于 processAssets
+   * @param {Scene} scene
+   * @param {SceneLoadOptions} options
+   */ _proto.prepareResource = function prepareResource(scene, options, engine) {};
     _proto.onCompositionConstructed = function onCompositionConstructed(composition, scene) {};
-    _proto.onCompositionReset = function onCompositionReset(composition, frame) {};
     _proto.onCompositionDestroyed = function onCompositionDestroyed(composition) {};
-    _proto.onCompositionUpdate = function onCompositionUpdate(composition, dt) {};
     return AbstractPlugin;
 }();
 
@@ -4079,6 +3998,41 @@ var index$1 = /*#__PURE__*/Object.freeze({
     get VertexBufferSemantic () { return VertexBufferSemantic; }
 });
 
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+
+function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
+    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+    if (it) return (it = it.call(o)).next.bind(it);
+    // Fallback for engines without symbol support
+    if (Array.isArray(o) || (it = _unsupported_iterable_to_array(o)) || allowArrayLike && o && typeof o.length === "number") {
+        if (it) o = it;
+        var i = 0;
+        return function() {
+            if (i >= o.length) return {
+                done: true
+            };
+            return {
+                done: false,
+                value: o[i++]
+            };
+        };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
 var decoratorInitialStore = new Map();
 var mergedStore = new Map();
 var effectsClassStore = {};
@@ -7298,13 +7252,388 @@ __decorate([
     serialize()
 ], RendererComponent.prototype, "_priority", void 0);
 
+exports.ShaderType = void 0;
+(function(ShaderType) {
+    ShaderType[ShaderType["vertex"] = 0] = "vertex";
+    ShaderType[ShaderType["fragment"] = 1] = "fragment";
+})(exports.ShaderType || (exports.ShaderType = {}));
+exports.MaskMode = void 0;
+(function(MaskMode) {
+    /**
+   * 无
+   */ MaskMode[MaskMode["NONE"] = 0] = "NONE";
+    /**
+   * 蒙版
+   */ MaskMode[MaskMode["MASK"] = 1] = "MASK";
+    /**
+   * 被遮挡
+   */ MaskMode[MaskMode["OBSCURED"] = 2] = "OBSCURED";
+    /**
+   * 被反向遮挡
+   */ MaskMode[MaskMode["REVERSE_OBSCURED"] = 3] = "REVERSE_OBSCURED";
+})(exports.MaskMode || (exports.MaskMode = {}));
+
+exports.TextureLoadAction = void 0;
+(function(TextureLoadAction) {
+    TextureLoadAction[TextureLoadAction["whatever"] = 0] = "whatever";
+    //preserve previous attachment
+    //load = 1,
+    //clear attachment
+    TextureLoadAction[TextureLoadAction["clear"] = 2] = "clear";
+})(exports.TextureLoadAction || (exports.TextureLoadAction = {}));
+exports.TextureSourceType = void 0;
+(function(TextureSourceType) {
+    TextureSourceType[TextureSourceType["none"] = 0] = "none";
+    TextureSourceType[TextureSourceType["data"] = 1] = "data";
+    TextureSourceType[TextureSourceType["image"] = 2] = "image";
+    TextureSourceType[TextureSourceType["compressed"] = 3] = "compressed";
+    TextureSourceType[TextureSourceType["video"] = 4] = "video";
+    TextureSourceType[TextureSourceType["canvas"] = 5] = "canvas";
+    TextureSourceType[TextureSourceType["framebuffer"] = 6] = "framebuffer";
+    TextureSourceType[TextureSourceType["mipmaps"] = 7] = "mipmaps";
+})(exports.TextureSourceType || (exports.TextureSourceType = {}));
+
+var MaskProcessor = /*#__PURE__*/ function() {
+    function MaskProcessor(engine) {
+        this.engine = engine;
+        this.alphaMaskEnabled = false;
+        this.maskMode = exports.MaskMode.NONE;
+        this.maskable = null;
+        this.stencilClearAction = {
+            stencilAction: exports.TextureLoadAction.clear
+        };
+    }
+    var _proto = MaskProcessor.prototype;
+    _proto.getRefValue = function getRefValue() {
+        return 1;
+    };
+    _proto.setMaskOptions = function setMaskOptions(data) {
+        var _data_isMask = data.isMask, isMask = _data_isMask === void 0 ? false : _data_isMask, _data_inverted = data.inverted, inverted = _data_inverted === void 0 ? false : _data_inverted, reference = data.reference, _data_alphaMaskEnabled = data.alphaMaskEnabled, alphaMaskEnabled = _data_alphaMaskEnabled === void 0 ? false : _data_alphaMaskEnabled;
+        this.alphaMaskEnabled = alphaMaskEnabled;
+        if (isMask) {
+            this.maskMode = exports.MaskMode.MASK;
+        } else {
+            this.maskMode = inverted ? exports.MaskMode.REVERSE_OBSCURED : exports.MaskMode.OBSCURED;
+            this.maskable = this.engine.findObject(reference);
+        }
+    };
+    _proto.drawStencilMask = function drawStencilMask(renderer) {
+        if (this.maskable) {
+            renderer.clear(this.stencilClearAction);
+            this.maskable.drawStencilMask(renderer);
+        }
+    };
+    return MaskProcessor;
+}();
+
+/**
+ * Helper class to create a WebGL Context
+ *
+ * @param canvas
+ * @param glType
+ * @param options
+ * @returns
+ */ function createGLContext(canvas, glType, options) {
+    if (glType === void 0) glType = "webgl";
+    var context;
+    if (glType === "webgl2") {
+        context = canvas.getContext("webgl2", options);
+        if (!context) {
+            console.debug("WebGL2 context retrieval failed, falling back to WebGL context.");
+        }
+    }
+    if (!context || glType === "webgl") {
+        context = canvas.getContext("webgl", options);
+    }
+    if (!context) {
+        throw new Error("This browser does not support WebGL or the WebGL version is incorrect. Please check your WebGL version.");
+    }
+    return context;
+}
+
+function gpuTimer(gl) {
+    var ext = gl.getExtension("EXT_disjoint_timer_query_webgl2");
+    if (ext) {
+        var query = gl.createQuery();
+        var getTime = /*#__PURE__*/ _async_to_generator(function() {
+            return __generator(this, function(_state) {
+                return [
+                    2,
+                    new Promise(function(resolve, reject) {
+                        if (query) {
+                            var available = gl.getQueryParameter(query, gl.QUERY_RESULT_AVAILABLE);
+                            var disjoint = gl.getParameter(ext.GPU_DISJOINT_EXT);
+                            if (available && !disjoint) {
+                                // See how much time the rendering of the object took in nanoseconds.
+                                var timeElapsed = gl.getQueryParameter(query, gl.QUERY_RESULT); // Do something useful with the time.  Note that care should be
+                                // taken to use all significant bits of the result, not just the
+                                // least significant 32 bits.
+                                resolve(timeElapsed / 1000 / 1000);
+                            }
+                            if (available || disjoint) {
+                                // Clean up the query object.
+                                gl.deleteQuery(query); // Don't re-enter this polling loop.
+                                query = null;
+                            }
+                            available !== null && query && window.setTimeout(function() {
+                                getTime().then(resolve).catch;
+                            }, 1);
+                        }
+                    })
+                ];
+            });
+        });
+        if (!query) {
+            return;
+        }
+        return {
+            begin: function() {
+                query && gl.beginQuery(ext.TIME_ELAPSED_EXT, query);
+            },
+            end: function() {
+                gl.endQuery(ext.TIME_ELAPSED_EXT);
+            },
+            getTime: getTime
+        };
+    }
+}
+
+var initErrors = [];
+var glContext = {};
+var IOS16_LOCKDOWN_MODE = "iOS16 lockdown mode, WebGL Constants not in global";
+var WEBGL_CONSTANTS_NOT_IN_GLOBAL = "WebGL Constants not in global, please check your environment";
+if (!initErrors.length) {
+    initGLContext();
+}
+function initGLContext() {
+    // 重要：iOS 9/10 低版本需要拷贝 gl context 的 prototype，要不然会有属性值的缺失
+    if (typeof WebGL2RenderingContext === "function") {
+        copy(WebGL2RenderingContext);
+    } else if (typeof WebGLRenderingContext !== "undefined") {
+        copy(WebGLRenderingContext);
+        copy(WebGLRenderingContext.prototype);
+    } else {
+        if (canUseBOM) {
+            initErrors.push(// iOS 16 lockdown mode
+            isIOS() ? IOS16_LOCKDOWN_MODE : WEBGL_CONSTANTS_NOT_IN_GLOBAL);
+        } else {
+            initErrors.push(WEBGL_CONSTANTS_NOT_IN_GLOBAL);
+        }
+    }
+    if (!initErrors.length && !("HALF_FLOAT" in glContext)) {
+        // @ts-expect-error set default value
+        glContext["HALF_FLOAT"] = 5131;
+    }
+}
+function isWebGL2(gl) {
+    return typeof WebGL2RenderingContext !== "undefined" && gl.constructor.name === "WebGL2RenderingContext";
+}
+function copy(target) {
+    for(var name in target){
+        if (/^[A-Z_]/.test(name)) {
+            // @ts-expect-error safe to assign
+            glContext[name] = target[name];
+        }
+    }
+}
+function vertexFormatType2GLType(formatType) {
+    switch(formatType){
+        case VertexFormatType.Float32:
+            return WebGLRenderingContext["FLOAT"];
+        case VertexFormatType.Int16:
+            return WebGLRenderingContext["SHORT"];
+        case VertexFormatType.Int8:
+            return WebGLRenderingContext["BYTE"];
+        case VertexFormatType.UInt16:
+            return WebGLRenderingContext["UNSIGNED_SHORT"];
+        case VertexFormatType.UInt8:
+            return WebGLRenderingContext["UNSIGNED_BYTE"];
+        default:
+            return WebGLRenderingContext["FLOAT"];
+    }
+}
+function glType2VertexFormatType(webglType) {
+    switch(webglType){
+        case WebGLRenderingContext["FLOAT"]:
+            return VertexFormatType.Float32;
+        case WebGLRenderingContext["SHORT"]:
+            return VertexFormatType.Int16;
+        case WebGLRenderingContext["BYTE"]:
+            return VertexFormatType.Int8;
+        case WebGLRenderingContext["UNSIGNED_SHORT"]:
+            return VertexFormatType.UInt16;
+        case WebGLRenderingContext["UNSIGNED_BYTE"]:
+            return VertexFormatType.UInt8;
+        default:
+            return VertexFormatType.Float32;
+    }
+}
+
+function valIfUndefined(val, def) {
+    if (val === undefined || val === null) {
+        return def;
+    }
+    return val;
+}
+function getPreMultiAlpha(blending) {
+    switch(blending){
+        case BlendingMode.ALPHA:
+            return 1;
+        case BlendingMode.ADD:
+            return 1;
+        case BlendingMode.SUBTRACTION:
+            return 1;
+        case BlendingMode.STRONG_LIGHT:
+            return 1;
+        case BlendingMode.WEAK_LIGHT:
+            return 1;
+        case BlendingMode.SUPERPOSITION:
+            return 2;
+        case BlendingMode.BRIGHTNESS:
+            return 3;
+        case BlendingMode.MULTIPLY:
+            return 0;
+        default:
+            // 处理undefined
+            return 1;
+    }
+}
+function setBlendMode(material, blendMode) {
+    switch(blendMode){
+        case undefined:
+            material.blendFunction = [
+                glContext.ONE,
+                glContext.ONE_MINUS_SRC_ALPHA,
+                glContext.ONE,
+                glContext.ONE_MINUS_SRC_ALPHA
+            ];
+            break;
+        case BlendingMode.ALPHA:
+            material.blendFunction = [
+                glContext.ONE,
+                glContext.ONE_MINUS_SRC_ALPHA,
+                glContext.ONE,
+                glContext.ONE_MINUS_SRC_ALPHA
+            ];
+            break;
+        case BlendingMode.ADD:
+            material.blendFunction = [
+                glContext.ONE,
+                glContext.ONE,
+                glContext.ONE,
+                glContext.ONE
+            ];
+            break;
+        case BlendingMode.SUBTRACTION:
+            material.blendFunction = [
+                glContext.ONE,
+                glContext.ONE,
+                glContext.ZERO,
+                glContext.ONE
+            ];
+            material.blendEquation = [
+                glContext.FUNC_REVERSE_SUBTRACT,
+                glContext.FUNC_REVERSE_SUBTRACT
+            ];
+            break;
+        case BlendingMode.SUPERPOSITION:
+            material.blendFunction = [
+                glContext.ONE,
+                glContext.ONE,
+                glContext.ONE,
+                glContext.ONE
+            ];
+            break;
+        case BlendingMode.MULTIPLY:
+            material.blendFunction = [
+                glContext.DST_COLOR,
+                glContext.ONE_MINUS_SRC_ALPHA,
+                glContext.DST_COLOR,
+                glContext.ONE_MINUS_SRC_ALPHA
+            ];
+            break;
+        case BlendingMode.BRIGHTNESS:
+            material.blendFunction = [
+                glContext.ONE,
+                glContext.ONE_MINUS_SRC_ALPHA,
+                glContext.ONE,
+                glContext.ONE_MINUS_SRC_ALPHA
+            ];
+            break;
+        case BlendingMode.STRONG_LIGHT:
+            material.blendFunction = [
+                glContext.DST_COLOR,
+                glContext.DST_ALPHA,
+                glContext.ZERO,
+                glContext.ONE
+            ];
+            break;
+        case BlendingMode.WEAK_LIGHT:
+            material.blendFunction = [
+                glContext.DST_COLOR,
+                glContext.ZERO,
+                glContext.ZERO,
+                glContext.ONE
+            ];
+            break;
+        default:
+            console.warn("BlendMode " + blendMode + " not in specification, please set blend params separately.");
+    }
+}
+function setSideMode(material, side) {
+    if (side === SideMode.DOUBLE) {
+        material.culling = false;
+    } else {
+        material.culling = true;
+        material.frontFace = glContext.CW;
+        material.cullFace = side === SideMode.BACK ? glContext.BACK : glContext.FRONT;
+    }
+}
+function setMaskMode(material, maskMode) {
+    switch(maskMode){
+        case undefined:
+            material.stencilTest = false;
+            break;
+        case exports.MaskMode.MASK:
+            material.stencilTest = true;
+            material.stencilFunc = [
+                glContext.ALWAYS,
+                glContext.ALWAYS
+            ];
+            material.stencilOpZPass = [
+                glContext.REPLACE,
+                glContext.REPLACE
+            ];
+            break;
+        case exports.MaskMode.OBSCURED:
+            material.stencilTest = true;
+            material.stencilFunc = [
+                glContext.EQUAL,
+                glContext.EQUAL
+            ];
+            break;
+        case exports.MaskMode.REVERSE_OBSCURED:
+            material.stencilTest = true;
+            material.stencilFunc = [
+                glContext.NOTEQUAL,
+                glContext.NOTEQUAL
+            ];
+            break;
+        case exports.MaskMode.NONE:
+            material.stencilTest = false;
+            break;
+        default:
+            console.warn("MaskMode " + maskMode + " not in specification, please set stencil params seperately.");
+    }
+}
+
 /**
  * Mesh 组件
  */ var MeshComponent = /*#__PURE__*/ function(RendererComponent) {
     _inherits(MeshComponent, RendererComponent);
-    function MeshComponent() {
+    function MeshComponent(engine) {
         var _this;
-        _this = RendererComponent.apply(this, arguments) || this;
+        _this = RendererComponent.call(this, engine) || this;
         /**
    * 用于点击测试的碰撞器
    */ _this.meshCollider = new MeshCollider();
@@ -7320,6 +7649,7 @@ __decorate([
                 };
             }
         };
+        _this.maskManager = new MaskProcessor(engine);
         return _this;
     }
     var _proto = MeshComponent.prototype;
@@ -7329,12 +7659,42 @@ __decorate([
             renderer.drawGeometry(this.geometry, this.transform.getWorldMatrix(), material, i);
         }
     };
+    _proto.drawStencilMask = function drawStencilMask(renderer) {
+        if (!this.isActiveAndEnabled) {
+            return;
+        }
+        for(var i = 0; i < this.materials.length; i++){
+            var material = this.materials[i];
+            var previousColorMask = material.colorMask;
+            material.colorMask = false;
+            renderer.drawGeometry(this.geometry, this.transform.getWorldMatrix(), material, i);
+            material.colorMask = previousColorMask;
+        }
+    };
     _proto.getBoundingBox = function getBoundingBox() {
         var worldMatrix = this.transform.getWorldMatrix();
         this.meshCollider.setGeometry(this.geometry, worldMatrix);
         var boundingBox = this.meshCollider.getBoundingBox();
         return boundingBox;
     };
+    // TODO: Update data spec
+    _proto.fromData = function fromData(data) {
+        RendererComponent.prototype.fromData.call(this, data);
+        var maskableRendererData = data;
+        var maskOptions = maskableRendererData.mask;
+        if (maskOptions) {
+            this.maskManager.setMaskOptions(maskOptions);
+        }
+        for(var _iterator = _create_for_of_iterator_helper_loose(this.materials), _step; !(_step = _iterator()).done;){
+            var material = _step.value;
+            var stencilRef = this.maskManager.getRefValue();
+            material.stencilRef = [
+                stencilRef,
+                stencilRef
+            ];
+            setMaskMode(material, this.maskManager.maskMode);
+        }
+    };
     return MeshComponent;
 }(RendererComponent);
 __decorate([
@@ -8524,348 +8884,6 @@ Matrix4.tempVec1 = new Vector3();
 Matrix4.tempVec2 = new Vector3();
 Matrix4.tempMat0 = new Matrix4();
 
-/**
- * Helper class to create a WebGL Context
- *
- * @param canvas
- * @param glType
- * @param options
- * @returns
- */ function createGLContext(canvas, glType, options) {
-    if (glType === void 0) glType = "webgl";
-    var context;
-    if (glType === "webgl2") {
-        context = canvas.getContext("webgl2", options);
-        if (!context) {
-            console.debug("WebGL2 context retrieval failed, falling back to WebGL context.");
-        }
-    }
-    if (!context || glType === "webgl") {
-        context = canvas.getContext("webgl", options);
-    }
-    if (!context) {
-        throw new Error("This browser does not support WebGL or the WebGL version is incorrect. Please check your WebGL version.");
-    }
-    return context;
-}
-
-function gpuTimer(gl) {
-    var ext = gl.getExtension("EXT_disjoint_timer_query_webgl2");
-    if (ext) {
-        var query = gl.createQuery();
-        var getTime = /*#__PURE__*/ _async_to_generator(function() {
-            return __generator(this, function(_state) {
-                return [
-                    2,
-                    new Promise(function(resolve, reject) {
-                        if (query) {
-                            var available = gl.getQueryParameter(query, gl.QUERY_RESULT_AVAILABLE);
-                            var disjoint = gl.getParameter(ext.GPU_DISJOINT_EXT);
-                            if (available && !disjoint) {
-                                // See how much time the rendering of the object took in nanoseconds.
-                                var timeElapsed = gl.getQueryParameter(query, gl.QUERY_RESULT); // Do something useful with the time.  Note that care should be
-                                // taken to use all significant bits of the result, not just the
-                                // least significant 32 bits.
-                                resolve(timeElapsed / 1000 / 1000);
-                            }
-                            if (available || disjoint) {
-                                // Clean up the query object.
-                                gl.deleteQuery(query); // Don't re-enter this polling loop.
-                                query = null;
-                            }
-                            available !== null && query && window.setTimeout(function() {
-                                getTime().then(resolve).catch;
-                            }, 1);
-                        }
-                    })
-                ];
-            });
-        });
-        if (!query) {
-            return;
-        }
-        return {
-            begin: function() {
-                query && gl.beginQuery(ext.TIME_ELAPSED_EXT, query);
-            },
-            end: function() {
-                gl.endQuery(ext.TIME_ELAPSED_EXT);
-            },
-            getTime: getTime
-        };
-    }
-}
-
-var initErrors = [];
-var glContext = {};
-var IOS16_LOCKDOWN_MODE = "iOS16 lockdown mode, WebGL Constants not in global";
-var WEBGL_CONSTANTS_NOT_IN_GLOBAL = "WebGL Constants not in global, please check your environment";
-if (!initErrors.length) {
-    initGLContext();
-}
-function initGLContext() {
-    // 重要：iOS 9/10 低版本需要拷贝 gl context 的 prototype，要不然会有属性值的缺失
-    if (typeof WebGL2RenderingContext === "function") {
-        copy(WebGL2RenderingContext);
-    } else if (typeof WebGLRenderingContext !== "undefined") {
-        copy(WebGLRenderingContext);
-        copy(WebGLRenderingContext.prototype);
-    } else {
-        if (canUseBOM) {
-            initErrors.push(// iOS 16 lockdown mode
-            isIOS() ? IOS16_LOCKDOWN_MODE : WEBGL_CONSTANTS_NOT_IN_GLOBAL);
-        } else {
-            initErrors.push(WEBGL_CONSTANTS_NOT_IN_GLOBAL);
-        }
-    }
-    if (!initErrors.length && !("HALF_FLOAT" in glContext)) {
-        // @ts-expect-error set default value
-        glContext["HALF_FLOAT"] = 5131;
-    }
-}
-function isWebGL2(gl) {
-    return typeof WebGL2RenderingContext !== "undefined" && gl.constructor.name === "WebGL2RenderingContext";
-}
-function copy(target) {
-    for(var name in target){
-        if (/^[A-Z_]/.test(name)) {
-            // @ts-expect-error safe to assign
-            glContext[name] = target[name];
-        }
-    }
-}
-function vertexFormatType2GLType(formatType) {
-    switch(formatType){
-        case VertexFormatType.Float32:
-            return WebGLRenderingContext["FLOAT"];
-        case VertexFormatType.Int16:
-            return WebGLRenderingContext["SHORT"];
-        case VertexFormatType.Int8:
-            return WebGLRenderingContext["BYTE"];
-        case VertexFormatType.UInt16:
-            return WebGLRenderingContext["UNSIGNED_SHORT"];
-        case VertexFormatType.UInt8:
-            return WebGLRenderingContext["UNSIGNED_BYTE"];
-        default:
-            return WebGLRenderingContext["FLOAT"];
-    }
-}
-function glType2VertexFormatType(webglType) {
-    switch(webglType){
-        case WebGLRenderingContext["FLOAT"]:
-            return VertexFormatType.Float32;
-        case WebGLRenderingContext["SHORT"]:
-            return VertexFormatType.Int16;
-        case WebGLRenderingContext["BYTE"]:
-            return VertexFormatType.Int8;
-        case WebGLRenderingContext["UNSIGNED_SHORT"]:
-            return VertexFormatType.UInt16;
-        case WebGLRenderingContext["UNSIGNED_BYTE"]:
-            return VertexFormatType.UInt8;
-        default:
-            return VertexFormatType.Float32;
-    }
-}
-
-exports.ShaderType = void 0;
-(function(ShaderType) {
-    ShaderType[ShaderType["vertex"] = 0] = "vertex";
-    ShaderType[ShaderType["fragment"] = 1] = "fragment";
-})(exports.ShaderType || (exports.ShaderType = {}));
-exports.MaskMode = void 0;
-(function(MaskMode) {
-    /**
-   * 无
-   */ MaskMode[MaskMode["NONE"] = 0] = "NONE";
-    /**
-   * 蒙版
-   */ MaskMode[MaskMode["MASK"] = 1] = "MASK";
-    /**
-   * 被遮挡
-   */ MaskMode[MaskMode["OBSCURED"] = 2] = "OBSCURED";
-    /**
-   * 被反向遮挡
-   */ MaskMode[MaskMode["REVERSE_OBSCURED"] = 3] = "REVERSE_OBSCURED";
-})(exports.MaskMode || (exports.MaskMode = {}));
-
-function valIfUndefined(val, def) {
-    if (val === undefined || val === null) {
-        return def;
-    }
-    return val;
-}
-function getPreMultiAlpha(blending) {
-    switch(blending){
-        case BlendingMode.ALPHA:
-            return 1;
-        case BlendingMode.ADD:
-            return 1;
-        case BlendingMode.SUBTRACTION:
-            return 1;
-        case BlendingMode.STRONG_LIGHT:
-            return 1;
-        case BlendingMode.WEAK_LIGHT:
-            return 1;
-        case BlendingMode.SUPERPOSITION:
-            return 2;
-        case BlendingMode.BRIGHTNESS:
-            return 3;
-        case BlendingMode.MULTIPLY:
-            return 0;
-        default:
-            // 处理undefined
-            return 1;
-    }
-}
-function setBlendMode(material, blendMode) {
-    switch(blendMode){
-        case undefined:
-            material.blendFunction = [
-                glContext.ONE,
-                glContext.ONE_MINUS_SRC_ALPHA,
-                glContext.ONE,
-                glContext.ONE_MINUS_SRC_ALPHA
-            ];
-            break;
-        case BlendingMode.ALPHA:
-            material.blendFunction = [
-                glContext.ONE,
-                glContext.ONE_MINUS_SRC_ALPHA,
-                glContext.ONE,
-                glContext.ONE_MINUS_SRC_ALPHA
-            ];
-            break;
-        case BlendingMode.ADD:
-            material.blendFunction = [
-                glContext.ONE,
-                glContext.ONE,
-                glContext.ONE,
-                glContext.ONE
-            ];
-            break;
-        case BlendingMode.SUBTRACTION:
-            material.blendFunction = [
-                glContext.ONE,
-                glContext.ONE,
-                glContext.ZERO,
-                glContext.ONE
-            ];
-            material.blendEquation = [
-                glContext.FUNC_REVERSE_SUBTRACT,
-                glContext.FUNC_REVERSE_SUBTRACT
-            ];
-            break;
-        case BlendingMode.SUPERPOSITION:
-            material.blendFunction = [
-                glContext.ONE,
-                glContext.ONE,
-                glContext.ONE,
-                glContext.ONE
-            ];
-            break;
-        case BlendingMode.MULTIPLY:
-            material.blendFunction = [
-                glContext.DST_COLOR,
-                glContext.ONE_MINUS_SRC_ALPHA,
-                glContext.DST_COLOR,
-                glContext.ONE_MINUS_SRC_ALPHA
-            ];
-            break;
-        case BlendingMode.BRIGHTNESS:
-            material.blendFunction = [
-                glContext.ONE,
-                glContext.ONE_MINUS_SRC_ALPHA,
-                glContext.ONE,
-                glContext.ONE_MINUS_SRC_ALPHA
-            ];
-            break;
-        case BlendingMode.STRONG_LIGHT:
-            material.blendFunction = [
-                glContext.DST_COLOR,
-                glContext.DST_ALPHA,
-                glContext.ZERO,
-                glContext.ONE
-            ];
-            break;
-        case BlendingMode.WEAK_LIGHT:
-            material.blendFunction = [
-                glContext.DST_COLOR,
-                glContext.ZERO,
-                glContext.ZERO,
-                glContext.ONE
-            ];
-            break;
-        default:
-            console.warn("BlendMode " + blendMode + " not in specification, please set blend params separately.");
-    }
-}
-function setSideMode(material, side) {
-    if (side === SideMode.DOUBLE) {
-        material.culling = false;
-    } else {
-        material.culling = true;
-        material.frontFace = glContext.CW;
-        material.cullFace = side === SideMode.BACK ? glContext.BACK : glContext.FRONT;
-    }
-}
-function setMaskMode(material, maskMode) {
-    switch(maskMode){
-        case undefined:
-            material.stencilTest = false;
-            break;
-        case exports.MaskMode.MASK:
-            material.stencilTest = true;
-            material.stencilFunc = [
-                glContext.ALWAYS,
-                glContext.ALWAYS
-            ];
-            material.stencilOpZPass = [
-                glContext.REPLACE,
-                glContext.REPLACE
-            ];
-            break;
-        case exports.MaskMode.OBSCURED:
-            material.stencilTest = true;
-            material.stencilFunc = [
-                glContext.EQUAL,
-                glContext.EQUAL
-            ];
-            break;
-        case exports.MaskMode.REVERSE_OBSCURED:
-            material.stencilTest = true;
-            material.stencilFunc = [
-                glContext.NOTEQUAL,
-                glContext.NOTEQUAL
-            ];
-            break;
-        case exports.MaskMode.NONE:
-            material.stencilTest = false;
-            break;
-        default:
-            console.warn("MaskMode " + maskMode + " not in specification, please set stencil params seperately.");
-    }
-}
-
-exports.TextureLoadAction = void 0;
-(function(TextureLoadAction) {
-    TextureLoadAction[TextureLoadAction["whatever"] = 0] = "whatever";
-    //preserve previous attachment
-    //load = 1,
-    //clear attachment
-    TextureLoadAction[TextureLoadAction["clear"] = 2] = "clear";
-})(exports.TextureLoadAction || (exports.TextureLoadAction = {}));
-exports.TextureSourceType = void 0;
-(function(TextureSourceType) {
-    TextureSourceType[TextureSourceType["none"] = 0] = "none";
-    TextureSourceType[TextureSourceType["data"] = 1] = "data";
-    TextureSourceType[TextureSourceType["image"] = 2] = "image";
-    TextureSourceType[TextureSourceType["compressed"] = 3] = "compressed";
-    TextureSourceType[TextureSourceType["video"] = 4] = "video";
-    TextureSourceType[TextureSourceType["canvas"] = 5] = "canvas";
-    TextureSourceType[TextureSourceType["framebuffer"] = 6] = "framebuffer";
-    TextureSourceType[TextureSourceType["mipmaps"] = 7] = "mipmaps";
-})(exports.TextureSourceType || (exports.TextureSourceType = {}));
-
 /**
  * 负责下载各种资源，并提供了一些异步加载和缓存管理的功能
  */ var Downloader = /*#__PURE__*/ function() {
@@ -10344,208 +10362,72 @@ exports.MaterialRenderType = void 0;
     return Material;
 }(EffectsObject);
 
-var MaskProcessor = /*#__PURE__*/ function() {
-    function MaskProcessor(engine) {
-        this.engine = engine;
-        this.alphaMaskEnabled = false;
-        this.maskMode = exports.MaskMode.NONE;
-        this.maskable = null;
-        this.stencilClearAction = {
-            stencilAction: exports.TextureLoadAction.clear
-        };
-    }
-    var _proto = MaskProcessor.prototype;
-    _proto.getRefValue = function getRefValue() {
-        return 1;
+var EFFECTS_COPY_MESH_NAME = "effects-internal-copy";
+var COPY_MESH_SHADER_ID = "effects-internal-copy-mesh";
+var COPY_VERTEX_SHADER = "\nprecision highp float;\nattribute vec2 aPos;\nvarying vec2 vTex;\nvoid main(){\n    gl_Position = vec4(aPos,0.,1.0);\n    vTex = (aPos + vec2(1.0))/2.;\n}";
+var COPY_FRAGMENT_SHADER = "precision mediump float;\nvarying vec2 vTex;\n\n#ifdef DEPTH_TEXTURE\nuniform sampler2D uDepth;\n#extension GL_EXT_frag_depth : enable\n#endif\nvoid main(){\n    #ifdef DEPTH_TEXTURE\n    gl_FragDepthEXT = texture2D(uDepth,vTex).r;\n    #endif\n}\n";
+
+exports.FilterMode = void 0;
+(function(FilterMode) {
+    FilterMode[FilterMode["Nearest"] = 0] = "Nearest";
+    FilterMode[FilterMode["Linear"] = 1] = "Linear";
+})(exports.FilterMode || (exports.FilterMode = {}));
+exports.RenderTextureFormat = void 0;
+(function(RenderTextureFormat) {
+    RenderTextureFormat[RenderTextureFormat["RGBA32"] = 0] = "RGBA32";
+    RenderTextureFormat[RenderTextureFormat["RGBAHalf"] = 1] = "RGBAHalf";
+})(exports.RenderTextureFormat || (exports.RenderTextureFormat = {}));
+/**
+ *
+ */ var Framebuffer = /*#__PURE__*/ function() {
+    function Framebuffer() {}
+    var _proto = Framebuffer.prototype;
+    _proto.resize = function resize(x, y, width, height) {
+    // OVERRIDE
     };
-    _proto.setMaskOptions = function setMaskOptions(data) {
-        var _data_isMask = data.isMask, isMask = _data_isMask === void 0 ? false : _data_isMask, _data_inverted = data.inverted, inverted = _data_inverted === void 0 ? false : _data_inverted, reference = data.reference, _data_alphaMaskEnabled = data.alphaMaskEnabled, alphaMaskEnabled = _data_alphaMaskEnabled === void 0 ? false : _data_alphaMaskEnabled;
-        this.alphaMaskEnabled = alphaMaskEnabled;
-        if (isMask) {
-            this.maskMode = exports.MaskMode.MASK;
-        } else {
-            this.maskMode = inverted ? exports.MaskMode.REVERSE_OBSCURED : exports.MaskMode.OBSCURED;
-            this.maskable = this.engine.findObject(reference);
-        }
+    _proto.resetColorTextures = function resetColorTextures(textures) {
+    // OVERRIDE
     };
-    _proto.drawStencilMask = function drawStencilMask(renderer) {
-        if (this.maskable) {
-            renderer.clear(this.stencilClearAction);
-            this.maskable.drawStencilMask(renderer);
-        }
+    _proto.unbind = function unbind() {
+    // OVERRIDE
     };
-    return MaskProcessor;
-}();
-
-exports.ShaderCompileResultStatus = void 0;
-(function(ShaderCompileResultStatus) {
-    ShaderCompileResultStatus[ShaderCompileResultStatus["noShader"] = 0] = "noShader";
-    ShaderCompileResultStatus[ShaderCompileResultStatus["success"] = 1] = "success";
-    ShaderCompileResultStatus[ShaderCompileResultStatus["fail"] = 2] = "fail";
-    ShaderCompileResultStatus[ShaderCompileResultStatus["compiling"] = 3] = "compiling";
-})(exports.ShaderCompileResultStatus || (exports.ShaderCompileResultStatus = {}));
-exports.GLSLVersion = void 0;
-(function(GLSLVersion) {
-    GLSLVersion["GLSL1"] = "100";
-    GLSLVersion["GLSL3"] = "300 es";
-})(exports.GLSLVersion || (exports.GLSLVersion = {}));
-var ShaderVariant = /*#__PURE__*/ function(EffectsObject) {
-    _inherits(ShaderVariant, EffectsObject);
-    function ShaderVariant(engine, source) {
-        var _this;
-        _this = EffectsObject.call(this, engine) || this;
-        _this.source = source;
-        return _this;
-    }
-    return ShaderVariant;
-}(EffectsObject);
-exports.Shader = /*#__PURE__*/ function(EffectsObject) {
-    _inherits(Shader, EffectsObject);
-    function Shader() {
-        return EffectsObject.apply(this, arguments);
-    }
-    var _proto = Shader.prototype;
-    _proto.createVariant = function createVariant(macros) {
-        var shaderMacros = [];
-        if (macros) {
-            for(var _iterator = _create_for_of_iterator_helper_loose(Object.keys(macros)), _step; !(_step = _iterator()).done;){
-                var key = _step.value;
-                shaderMacros.push([
-                    key,
-                    macros[key]
-                ]);
-            }
-        }
-        var shaderVariant = this.engine.getShaderLibrary().createShader(this.shaderData, shaderMacros);
-        shaderVariant.shader = this;
-        return shaderVariant;
+    _proto.bind = function bind() {
+    // OVERRIDE
     };
-    _proto.fromData = function fromData(data) {
-        EffectsObject.prototype.fromData.call(this, data);
-        this.shaderData = data;
+    _proto.getDepthTexture = function getDepthTexture() {
+        // OVERRIDE
+        return undefined;
     };
-    return Shader;
-}(EffectsObject);
-exports.Shader = __decorate([
-    effectsClass(DataType.Shader)
-], exports.Shader);
-
-var EFFECTS_COPY_MESH_NAME = "effects-internal-copy";
-var COPY_MESH_SHADER_ID = "effects-internal-copy-mesh";
-var COPY_VERTEX_SHADER = "\nprecision highp float;\nattribute vec2 aPos;\nvarying vec2 vTex;\nvoid main(){\n    gl_Position = vec4(aPos,0.,1.0);\n    vTex = (aPos + vec2(1.0))/2.;\n}";
-var COPY_FRAGMENT_SHADER = "precision mediump float;\nvarying vec2 vTex;\n\n#ifdef DEPTH_TEXTURE\nuniform sampler2D uDepth;\n#extension GL_EXT_frag_depth : enable\n#endif\nvoid main(){\n    #ifdef DEPTH_TEXTURE\n    gl_FragDepthEXT = texture2D(uDepth,vTex).r;\n    #endif\n}\n";
-function createCopyShader(level, writeDepth) {
-    var webgl2 = level === 2;
-    return {
-        name: EFFECTS_COPY_MESH_NAME,
-        vertex: COPY_VERTEX_SHADER,
-        fragment: COPY_FRAGMENT_SHADER,
-        glslVersion: webgl2 ? exports.GLSLVersion.GLSL3 : exports.GLSLVersion.GLSL1,
-        macros: [
-            [
-                "DEPTH_TEXTURE",
-                !!writeDepth
-            ]
-        ],
-        // @ts-expect-error
-        cacheId: COPY_MESH_SHADER_ID + +writeDepth
+    _proto.getStencilTexture = function getStencilTexture() {
+        // OVERRIDE
+        return undefined;
     };
-}
-
-var def = {
-    format: glContext.RGBA,
-    type: glContext.UNSIGNED_BYTE,
-    minFilter: glContext.LINEAR,
-    magFilter: glContext.LINEAR,
-    wrapS: glContext.CLAMP_TO_EDGE,
-    wrapT: glContext.CLAMP_TO_EDGE
-};
-var disposeSymbol = Symbol("dispose");
-var PassTextureCache = /*#__PURE__*/ function() {
-    function PassTextureCache(engine) {
-        this.textureCache = {};
-        this.textureRef = {};
-        this.engine = engine;
-    }
-    var _proto = PassTextureCache.prototype;
-    _proto.requestColorAttachmentTexture = function requestColorAttachmentTexture(request) {
-        var _this = this;
-        var width = request.width, height = request.height, name = request.name;
-        var options = {
-            sourceType: exports.TextureSourceType.framebuffer,
-            data: {
-                width: width,
-                height: height
-            },
-            name: name
-        };
-        var keys = [
-            name
-        ];
-        Object.getOwnPropertyNames(def).forEach(function(name) {
-            var _request_name;
-            var value = (_request_name = request[name]) != null ? _request_name : def[name];
-            options[name] = value;
-            keys.push(name, value);
-        });
-        var cacheId = keys.join(":");
-        var tex = this.textureCache[cacheId];
-        if (tex) {
-            this.textureRef[cacheId]++;
-        } else {
-            var engine = this.engine;
-            assertExist(engine);
-            tex = Texture.create(engine, options);
-            this.textureCache[cacheId] = tex;
-            this.textureRef[cacheId] = 1;
-            // @ts-expect-error
-            tex[disposeSymbol] = tex.dispose;
-            tex.dispose = function() {
-                return _this.removeTexture(cacheId);
-            };
-        }
-        return tex;
+    _proto.getColorTextures = function getColorTextures() {
+        // OVERRIDE
+        return [];
     };
-    _proto.removeTexture = function removeTexture(id) {
-        var refCount = this.textureRef[id];
-        if (refCount <= 1) {
-            if (refCount < 0) {
-                console.error("Ref count < 0.");
+    _proto.dispose = function dispose(options) {
+    // OVERRIDE
+    };
+    _create_class(Framebuffer, [
+        {
+            key: "stencilStorage",
+            get: function get() {
+                // OVERRIDE
+                return undefined;
             }
-            var tex = this.textureCache[id];
-            if (tex) {
-                // @ts-expect-error
-                tex[disposeSymbol]();
-                // @ts-expect-error
-                tex.dispose = tex[disposeSymbol];
+        },
+        {
+            key: "depthStorage",
+            get: function get() {
+                // OVERRIDE
+                return undefined;
             }
-            delete this.textureCache[id];
-            delete this.textureRef[id];
-        } else {
-            this.textureRef[id] = refCount - 1;
         }
-    };
-    _proto.dispose = function dispose() {
-        var _this = this;
-        Object.keys(this.textureCache).forEach(function(key) {
-            var texture = _this.textureCache[key];
-            // @ts-expect-error
-            texture[disposeSymbol]();
-            // @ts-expect-error
-            texture.dispose = texture[disposeSymbol];
-        });
-        this.textureCache = {};
-        this.textureRef = {};
-        this.engine = undefined;
-    };
-    return PassTextureCache;
+    ]);
+    return Framebuffer;
 }();
 
-function _assert_this_initialized(self) {
-    if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    return self;
-}
-
 var RenderPassPriorityPrepare = 0;
 var RenderPassPriorityNormal = 1000;
 var RenderPassPriorityPostprocess = 3000;
@@ -10555,7 +10437,7 @@ exports.RenderPassAttachmentStorageType = void 0;
     RenderPassAttachmentStorageType[RenderPassAttachmentStorageType["color"] = 1] = "color";
     //stencil 8 render buffer
     RenderPassAttachmentStorageType[RenderPassAttachmentStorageType["stencil_8_opaque"] = 2] = "stencil_8_opaque";
-    //stencil 16 render buffer
+    //depth 16 render buffer
     RenderPassAttachmentStorageType[RenderPassAttachmentStorageType["depth_16_opaque"] = 3] = "depth_16_opaque";
     //depth 16 & stencil 8 render buffer
     RenderPassAttachmentStorageType[RenderPassAttachmentStorageType["depth_stencil_opaque"] = 4] = "depth_stencil_opaque";
@@ -10674,61 +10556,31 @@ var seed$8 = 1;
 /**
  * RenderPass 抽象类
  */ var RenderPass = /*#__PURE__*/ function() {
-    function RenderPass(renderer, options) {
+    function RenderPass(renderer) {
         /**
    * 优先级
    */ this.priority = 0;
         /**
-   * ColorAttachment 数组
-   */ this.attachments = [];
-        /**
    * 名称
    */ this.name = "RenderPass" + seed$8++;
         /**
    * 包含的 Mesh 列表
    */ this.meshes = [];
-        /**
-   * Mesh 渲染顺序，按照优先级升序或降序
-   */ this.meshOrder = exports.OrderType.ascending;
         this.disposed = false;
-        this.initialized = false;
-        var depthStencilAttachment = options.depthStencilAttachment;
+        this.framebuffer = null;
         this.renderer = renderer;
-        this.depthStencilType = (depthStencilAttachment == null ? void 0 : depthStencilAttachment.storageType) || 0;
-        this.storeAction = {
-            colorAction: 0,
-            depthAction: 0,
-            stencilAction: 0
-        };
-        this.options = options;
     }
     var _proto = RenderPass.prototype;
     _proto.addMesh = function addMesh(mesh) {
-        addByOrder(this.meshes, mesh, this.meshOrder);
+        addByOrder(this.meshes, mesh);
     };
     _proto.removeMesh = function removeMesh(mesh) {
         removeItem(this.meshes, mesh);
     };
-    _proto.setMeshes = function setMeshes(meshes) {
-        var _this_meshes;
-        this.meshes.length = 0;
-        (_this_meshes = this.meshes).splice.apply(_this_meshes, [].concat([
-            0,
-            0
-        ], meshes));
-        sortByOrder(this.meshes, this.meshOrder);
-        return this.meshes;
-    };
-    // TODO 所有pass在子类配置
     /**
    * 配置当前pass的RT，在每帧渲染前调用
    */ _proto.configure = function configure(renderer) {
-        if (this.framebuffer) {
-            renderer.setFramebuffer(this.framebuffer);
-        } else {
-            var _this_getViewport = this.getViewport(), x = _this_getViewport[0], y = _this_getViewport[1], width = _this_getViewport[2], height = _this_getViewport[3];
-            renderer.setViewport(x, y, width, height);
-        }
+    // OVERRIDE
     };
     /**
    * 执行当前pass，每帧调用一次
@@ -10736,66 +10588,10 @@ var seed$8 = 1;
     // OVERRIDE
     };
     /**
-   * 每帧所有的pass渲染完后调用，通常用于清空临时的RT资源
-   */ _proto.frameCleanup = function frameCleanup(renderer) {
+   * 每帧所有的pass渲染完后调用，用于清空临时的RT资源
+   */ _proto.onCameraCleanup = function onCameraCleanup(renderer) {
     // OVERRIDE
     };
-    _proto._resetAttachments = function _resetAttachments() {
-        var _this = this;
-        var _options_attachments;
-        var renderer = this.renderer;
-        var options = this.options;
-        if (this.attachments.length) {
-            var _this_framebuffer;
-            this.attachments.forEach(function(att) {
-                return !att.externalTexture && att.dispose();
-            });
-            this.attachments.length = 0;
-            (_this_framebuffer = this.framebuffer) == null ? void 0 : _this_framebuffer.dispose({
-                depthStencilAttachment: 2
-            });
-            this.framebuffer = null;
-        }
-        // renderpass 的 viewport 相关参数都需要动态的修改
-        var viewport = [
-            0,
-            0,
-            renderer.getWidth(),
-            renderer.getHeight()
-        ];
-        var size = [
-            viewport[2],
-            viewport[3]
-        ];
-        var name = this.name;
-        if ((_options_attachments = options.attachments) == null ? void 0 : _options_attachments.length) {
-            var attachments = options.attachments.map(function(attr, index) {
-                var _attr_texture;
-                var attachment = new RenderTargetHandle(_this.renderer.engine, _extends({
-                    size: size,
-                    name: ((_attr_texture = attr.texture) == null ? void 0 : _attr_texture.name) || name + "##color_" + index
-                }, attr));
-                return attachment;
-            });
-            this.attachments = attachments;
-            var framebuffer = Framebuffer.create({
-                storeAction: this.storeAction,
-                name: name,
-                viewport: viewport,
-                attachments: attachments.map(function(att) {
-                    return att.texture;
-                }),
-                depthStencilAttachment: options.depthStencilAttachment || {
-                    storageType: 0
-                }
-            }, renderer);
-            framebuffer.bind();
-            framebuffer.unbind();
-            this.framebuffer = framebuffer;
-        } else {
-            this.attachments.length = 0;
-        }
-    };
     /**
    * 获取当前视口大小，格式：[x偏移，y偏移，宽度，高度]
    */ _proto.getViewport = function getViewport() {
@@ -10818,68 +10614,6 @@ var seed$8 = 1;
         ];
     };
     /**
-   * 获取深度 Attachment，可能没有
-   */ _proto.getDepthAttachment = function getDepthAttachment() {
-        var framebuffer = this.framebuffer;
-        if (framebuffer) {
-            var depthTexture = framebuffer.getDepthTexture();
-            var texture = depthTexture ? this.getDepthTexture(depthTexture, framebuffer.externalStorage) : undefined;
-            return {
-                storageType: framebuffer.depthStencilStorageType,
-                storage: framebuffer.depthStorage,
-                texture: texture
-            };
-        }
-    };
-    /**
-   * 获取蒙版 Attachment，可能没有
-   */ _proto.getStencilAttachment = function getStencilAttachment() {
-        var framebuffer = this.framebuffer;
-        if (framebuffer) {
-            var stencilTexture = framebuffer.getStencilTexture();
-            var texture = stencilTexture ? this.getDepthTexture(stencilTexture, framebuffer.externalStorage) : undefined;
-            return {
-                storageType: framebuffer.depthStencilStorageType,
-                storage: framebuffer.stencilStorage,
-                texture: texture
-            };
-        }
-    };
-    _proto.getDepthTexture = function getDepthTexture(texture, external) {
-        if (!this.depthTexture) {
-            var _this_options_depthStencilAttachment;
-            var outTex = (_this_options_depthStencilAttachment = this.options.depthStencilAttachment) == null ? void 0 : _this_options_depthStencilAttachment.texture;
-            var tex = texture === outTex ? outTex : texture;
-            // TODO 为什么要initialize？
-            //tex.initialize(this.renderer.engine);
-            if (!external) {
-                this.depthTexture = tex;
-            }
-            return tex;
-        }
-        return this.depthTexture;
-    };
-    _proto.getStencilTexture = function getStencilTexture(texture, external) {
-        if (!this.stencilTexture) {
-            var _this_options_depthStencilAttachment;
-            var outTex = (_this_options_depthStencilAttachment = this.options.depthStencilAttachment) == null ? void 0 : _this_options_depthStencilAttachment.texture;
-            var tex = texture === outTex ? outTex : texture;
-            if (!external) {
-                this.stencilTexture = tex;
-            }
-            return tex;
-        }
-        return this.stencilTexture;
-    };
-    // 生成并初始化帧缓冲
-    _proto.initialize = function initialize(renderer) {
-        if (!this.initialized) {
-            this._resetAttachments();
-            this.initialized = true;
-        }
-        return this;
-    };
-    /**
    * 销毁 RenderPass
    * @param options - 有选择销毁内部对象
    */ _proto.dispose = function dispose(options) {
@@ -10893,35 +10627,11 @@ var seed$8 = 1;
             });
         }
         this.meshes.length = 0;
-        var colorOpt = (options == null ? void 0 : options.colorAttachment) ? options.colorAttachment : 0;
-        this.attachments.forEach(function(att) {
-            var keep = att.externalTexture && colorOpt === 2 || colorOpt === 1;
-            if (!keep) {
-                att.dispose();
-            }
-        });
-        this.attachments.length = 0;
         this.disposed = true;
-        var depthStencilOpt = (options == null ? void 0 : options.depthStencilAttachment) ? options.depthStencilAttachment : 0;
-        var fbo = this.framebuffer;
-        if (fbo) {
-            fbo.dispose({
-                depthStencilAttachment: depthStencilOpt
-            });
-            var keep = fbo.externalStorage && depthStencilOpt === 2 || depthStencilOpt === 1;
-            if (!keep) {
-                var _this_stencilTexture, _this_depthTexture;
-                (_this_stencilTexture = this.stencilTexture) == null ? void 0 : _this_stencilTexture.dispose();
-                (_this_depthTexture = this.depthTexture) == null ? void 0 : _this_depthTexture.dispose();
-            }
-        }
-        // @ts-expect-error safe to assign
-        this.options = null;
-        this.initialize = throwDestroyedError;
     };
     _create_class(RenderPass, [
         {
-            key: "isDestroyed",
+            key: "isDisposed",
             get: function get() {
                 return this.disposed;
             }
@@ -10931,18 +10641,6 @@ var seed$8 = 1;
             get: function get() {
                 return this.getViewport();
             }
-        },
-        {
-            key: "stencilAttachment",
-            get: function get() {
-                return this.getStencilAttachment();
-            }
-        },
-        {
-            key: "depthAttachment",
-            get: function get() {
-                return this.getDepthAttachment();
-            }
         }
     ]);
     return RenderPass;
@@ -10950,38 +10648,95 @@ var seed$8 = 1;
 
 var DrawObjectPass = /*#__PURE__*/ function(RenderPass) {
     _inherits(DrawObjectPass, RenderPass);
-    function DrawObjectPass(renderer, options) {
+    function DrawObjectPass(renderer) {
         var _this;
-        _this = RenderPass.call(this, renderer, options) || this;
+        _this = RenderPass.call(this, renderer) || this;
+        _this.useRenderTarget = false;
         _this.priority = RenderPassPriorityNormal;
         _this.name = "DrawObjectPass";
-        _this.onResize = _this.onResize.bind(_assert_this_initialized(_this));
-        _this.renderer.engine.on("resize", _this.onResize);
         return _this;
     }
     var _proto = DrawObjectPass.prototype;
+    _proto.setup = function setup(useRenderTarget) {
+        this.useRenderTarget = useRenderTarget;
+    };
+    _proto.configure = function configure(renderer) {
+        if (this.useRenderTarget) {
+            this.framebuffer = renderer.getTemporaryRT("DrawObjectPass", renderer.getWidth(), renderer.getHeight(), 16, exports.FilterMode.Linear, exports.RenderTextureFormat.RGBAHalf);
+            renderer.setFramebuffer(this.framebuffer);
+        }
+    };
     _proto.execute = function execute(renderer) {
-        renderer.clear({
-            colorAction: exports.TextureLoadAction.clear,
-            depthAction: exports.TextureLoadAction.clear,
-            stencilAction: exports.TextureLoadAction.clear
-        });
+        if (this.useRenderTarget) {
+            renderer.clear({
+                colorAction: exports.TextureLoadAction.clear,
+                depthAction: exports.TextureLoadAction.clear,
+                stencilAction: exports.TextureLoadAction.clear
+            });
+        }
         renderer.renderMeshes(this.meshes);
-        renderer.clear(this.storeAction);
-    };
-    _proto.onResize = function onResize() {
-        var _this_framebuffer;
-        var width = this.renderer.getWidth();
-        var height = this.renderer.getHeight();
-        (_this_framebuffer = this.framebuffer) == null ? void 0 : _this_framebuffer.resize(0, 0, width, height);
     };
-    _proto.dispose = function dispose(options) {
-        this.renderer.engine.off("resize", this.onResize);
-        RenderPass.prototype.dispose.call(this, options);
+    _proto.onCameraCleanup = function onCameraCleanup(renderer) {
+        if (this.useRenderTarget && this.framebuffer) {
+            renderer.releaseTemporaryRT(this.framebuffer);
+        }
     };
     return DrawObjectPass;
 }(RenderPass);
 
+exports.ShaderCompileResultStatus = void 0;
+(function(ShaderCompileResultStatus) {
+    ShaderCompileResultStatus[ShaderCompileResultStatus["noShader"] = 0] = "noShader";
+    ShaderCompileResultStatus[ShaderCompileResultStatus["success"] = 1] = "success";
+    ShaderCompileResultStatus[ShaderCompileResultStatus["fail"] = 2] = "fail";
+    ShaderCompileResultStatus[ShaderCompileResultStatus["compiling"] = 3] = "compiling";
+})(exports.ShaderCompileResultStatus || (exports.ShaderCompileResultStatus = {}));
+exports.GLSLVersion = void 0;
+(function(GLSLVersion) {
+    GLSLVersion["GLSL1"] = "100";
+    GLSLVersion["GLSL3"] = "300 es";
+})(exports.GLSLVersion || (exports.GLSLVersion = {}));
+var ShaderVariant = /*#__PURE__*/ function(EffectsObject) {
+    _inherits(ShaderVariant, EffectsObject);
+    function ShaderVariant(engine, source) {
+        var _this;
+        _this = EffectsObject.call(this, engine) || this;
+        _this.source = source;
+        return _this;
+    }
+    return ShaderVariant;
+}(EffectsObject);
+exports.Shader = /*#__PURE__*/ function(EffectsObject) {
+    _inherits(Shader, EffectsObject);
+    function Shader() {
+        return EffectsObject.apply(this, arguments);
+    }
+    var _proto = Shader.prototype;
+    _proto.createVariant = function createVariant(macros) {
+        var shaderMacros = [];
+        if (macros) {
+            for(var _iterator = _create_for_of_iterator_helper_loose(Object.keys(macros)), _step; !(_step = _iterator()).done;){
+                var key = _step.value;
+                shaderMacros.push([
+                    key,
+                    macros[key]
+                ]);
+            }
+        }
+        var shaderVariant = this.engine.getShaderLibrary().createShader(this.shaderData, shaderMacros);
+        shaderVariant.shader = this;
+        return shaderVariant;
+    };
+    _proto.fromData = function fromData(data) {
+        EffectsObject.prototype.fromData.call(this, data);
+        this.shaderData = data;
+    };
+    return Shader;
+}(EffectsObject);
+exports.Shader = __decorate([
+    effectsClass(DataType.Shader)
+], exports.Shader);
+
 var _obj$6;
 var BYTES_TYPE_MAP = (_obj$6 = {}, _obj$6[glContext.FLOAT] = Float32Array.BYTES_PER_ELEMENT, _obj$6[glContext.INT] = Int32Array.BYTES_PER_ELEMENT, _obj$6[glContext.SHORT] = Int16Array.BYTES_PER_ELEMENT, _obj$6[glContext.BYTE] = Int8Array.BYTES_PER_ELEMENT, _obj$6);
 /**
@@ -13020,272 +12775,138 @@ var ShaderFactory = /*#__PURE__*/ function() {
     return ShaderFactory;
 }();
 
-// Bloom 阈值 Pass
-var BloomThresholdPass = /*#__PURE__*/ function(RenderPass) {
-    _inherits(BloomThresholdPass, RenderPass);
-    function BloomThresholdPass(renderer, option) {
+// Bloom Pass - 包含阈值提取、高斯模糊（Down Sample 和 Up Sample）
+var BloomPass = /*#__PURE__*/ function(RenderPass) {
+    _inherits(BloomPass, RenderPass);
+    function BloomPass(renderer, iterationCount) {
+        if (iterationCount === void 0) iterationCount = 4;
         var _this;
-        _this = RenderPass.call(this, renderer, option) || this;
+        _this = RenderPass.call(this, renderer) || this;
+        _this.tempRTs = [];
+        _this.iterationCount = iterationCount;
         var engine = _this.renderer.engine;
-        var geometry = Geometry.create(engine, {
-            mode: glContext.TRIANGLE_STRIP,
-            attributes: {
-                aPos: {
-                    type: glContext.FLOAT,
-                    size: 2,
-                    data: new Float32Array([
-                        -1,
-                        1,
-                        -1,
-                        -1,
-                        1,
-                        1,
-                        1,
-                        -1
-                    ])
-                }
-            },
-            drawCount: 4
-        });
-        var material = Material.create(engine, {
+        // Threshold material
+        _this.thresholdMaterial = Material.create(engine, {
             shader: {
                 vertex: screenMeshVert,
                 fragment: thresholdFrag,
                 glslVersion: exports.GLSLVersion.GLSL1
             }
         });
-        material.blending = false;
-        material.depthTest = false;
-        material.culling = false;
-        _this.screenMesh = Mesh.create(engine, {
-            geometry: geometry,
-            material: material,
-            priority: 0
+        _this.thresholdMaterial.blending = false;
+        _this.thresholdMaterial.depthTest = false;
+        _this.thresholdMaterial.culling = false;
+        // Down sample H material
+        _this.downSampleHMaterial = Material.create(engine, {
+            shader: {
+                vertex: screenMeshVert,
+                fragment: gaussianDownHFrag,
+                glslVersion: exports.GLSLVersion.GLSL1
+            }
         });
+        _this.downSampleHMaterial.blending = false;
+        _this.downSampleHMaterial.depthTest = false;
+        _this.downSampleHMaterial.culling = false;
+        // Down sample V material
+        _this.downSampleVMaterial = Material.create(engine, {
+            shader: {
+                vertex: screenMeshVert,
+                fragment: gaussianDownVFrag,
+                glslVersion: exports.GLSLVersion.GLSL1
+            }
+        });
+        _this.downSampleVMaterial.blending = false;
+        _this.downSampleVMaterial.depthTest = false;
+        _this.downSampleVMaterial.culling = false;
+        // Up sample material
+        _this.upSampleMaterial = Material.create(engine, {
+            shader: {
+                vertex: screenMeshVert,
+                fragment: gaussianUpFrag,
+                glslVersion: exports.GLSLVersion.GLSL1
+            }
+        });
+        _this.upSampleMaterial.blending = false;
+        _this.upSampleMaterial.depthTest = false;
+        _this.upSampleMaterial.culling = false;
         _this.priority = 5000;
-        _this.name = "BloomThresholdPass";
-        _this.onResize = _this.onResize.bind(_assert_this_initialized(_this));
-        _this.renderer.engine.on("resize", _this.onResize);
+        _this.name = "BloomPass";
         return _this;
     }
-    var _proto = BloomThresholdPass.prototype;
+    var _proto = BloomPass.prototype;
     _proto.configure = function configure(renderer) {
+        // 获取场景纹理用于 ToneMappingPass
         this.mainTexture = renderer.getFramebuffer().getColorTextures()[0];
         this.sceneTextureHandle.texture = this.mainTexture;
-        renderer.setFramebuffer(this.framebuffer);
     };
     _proto.execute = function execute(renderer) {
         var _renderer_renderingData_currentFrame_globalVolume_bloom, _renderer_renderingData_currentFrame_globalVolume;
-        renderer.clear({
-            colorAction: exports.TextureStoreAction.clear,
-            depthAction: exports.TextureStoreAction.clear,
-            stencilAction: exports.TextureStoreAction.clear
-        });
-        this.screenMesh.material.setTexture("_MainTex", this.mainTexture);
+        var baseWidth = renderer.getWidth();
+        var baseHeight = renderer.getHeight();
         var _renderer_renderingData_currentFrame_globalVolume_bloom_threshold;
+        // 1. Threshold pass - 提取高亮区域
         var threshold = (_renderer_renderingData_currentFrame_globalVolume_bloom_threshold = (_renderer_renderingData_currentFrame_globalVolume = renderer.renderingData.currentFrame.globalVolume) == null ? void 0 : (_renderer_renderingData_currentFrame_globalVolume_bloom = _renderer_renderingData_currentFrame_globalVolume.bloom) == null ? void 0 : _renderer_renderingData_currentFrame_globalVolume_bloom.threshold) != null ? _renderer_renderingData_currentFrame_globalVolume_bloom_threshold : 1.0;
-        this.screenMesh.material.setFloat("_Threshold", threshold);
-        renderer.renderMeshes([
-            this.screenMesh
-        ]);
-    };
-    _proto.onResize = function onResize() {
-        var _this_framebuffer;
-        var width = this.renderer.getWidth();
-        var height = this.renderer.getHeight();
-        (_this_framebuffer = this.framebuffer) == null ? void 0 : _this_framebuffer.resize(0, 0, width, height);
-    };
-    _proto.dispose = function dispose(options) {
-        this.renderer.engine.off("resize", this.onResize);
-        RenderPass.prototype.dispose.call(this, options);
-    };
-    return BloomThresholdPass;
-}(RenderPass);
-var HQGaussianDownSamplePass = /*#__PURE__*/ function(RenderPass) {
-    _inherits(HQGaussianDownSamplePass, RenderPass);
-    function HQGaussianDownSamplePass(renderer, type, level, options) {
-        var _this;
-        _this = RenderPass.call(this, renderer, options) || this;
-        _this.type = type;
-        _this.level = level;
-        var engine = _this.renderer.engine;
-        var name = "PostProcess";
-        var geometry = Geometry.create(engine, {
-            name: name,
-            mode: glContext.TRIANGLE_STRIP,
-            attributes: {
-                aPos: {
-                    type: glContext.FLOAT,
-                    size: 2,
-                    data: new Float32Array([
-                        -1,
-                        1,
-                        -1,
-                        -1,
-                        1,
-                        1,
-                        1,
-                        -1
-                    ])
-                }
-            },
-            drawCount: 4
-        });
-        var fragment = type === "H" ? gaussianDownHFrag : gaussianDownVFrag;
-        var shader = {
-            vertex: screenMeshVert,
-            fragment: fragment,
-            glslVersion: exports.GLSLVersion.GLSL1
-        };
-        var material = Material.create(engine, {
-            name: name,
-            shader: shader
-        });
-        material.blending = false;
-        material.depthTest = false;
-        material.culling = false;
-        _this.screenMesh = Mesh.create(engine, {
-            name: name,
-            geometry: geometry,
-            material: material,
-            priority: 0
-        });
-        _this.priority = 5000;
-        _this.name = "GaussianDownPass" + type + level;
-        _this.onResize = _this.onResize.bind(_assert_this_initialized(_this));
-        _this.renderer.engine.on("resize", _this.onResize);
-        return _this;
-    }
-    var _proto = HQGaussianDownSamplePass.prototype;
-    _proto.initialize = function initialize(renderer) {
-        RenderPass.prototype.initialize.call(this, renderer);
-        this.onResize();
-        return this;
-    };
-    _proto.configure = function configure(renderer) {
-        this.mainTexture = renderer.getFramebuffer().getColorTextures()[0];
-        renderer.setFramebuffer(this.framebuffer);
-    };
-    _proto.execute = function execute(renderer) {
-        renderer.clear({
-            colorAction: exports.TextureStoreAction.clear,
-            depthAction: exports.TextureStoreAction.clear,
-            stencilAction: exports.TextureStoreAction.clear
-        });
-        this.screenMesh.material.setTexture("_MainTex", this.mainTexture);
-        this.screenMesh.material.setVector2("_TextureSize", getTextureSize(this.mainTexture));
-        renderer.renderMeshes([
-            this.screenMesh
-        ]);
-        if (this.type === "V") {
-            this.gaussianResult.texture = renderer.getFramebuffer().getColorTextures()[0];
-        }
-    };
-    _proto.onResize = function onResize() {
-        var _this_framebuffer;
-        var width = Math.floor(this.renderer.getWidth() / Math.pow(2, this.level + 1));
-        var height = Math.floor(this.renderer.getHeight() / Math.pow(2, this.level + 1));
-        (_this_framebuffer = this.framebuffer) == null ? void 0 : _this_framebuffer.resize(0, 0, width, height);
-    };
-    _proto.dispose = function dispose(options) {
-        this.renderer.engine.off("resize", this.onResize);
-        RenderPass.prototype.dispose.call(this, options);
-    };
-    return HQGaussianDownSamplePass;
-}(RenderPass);
-var HQGaussianUpSamplePass = /*#__PURE__*/ function(RenderPass) {
-    _inherits(HQGaussianUpSamplePass, RenderPass);
-    function HQGaussianUpSamplePass(renderer, level, options) {
-        var _this;
-        _this = RenderPass.call(this, renderer, options) || this;
-        _this.level = level;
-        var name = "PostProcess";
-        var engine = _this.renderer.engine;
-        var geometry = Geometry.create(engine, {
-            name: name,
-            mode: glContext.TRIANGLE_STRIP,
-            attributes: {
-                aPos: {
-                    type: glContext.FLOAT,
-                    size: 2,
-                    data: new Float32Array([
-                        -1,
-                        1,
-                        -1,
-                        -1,
-                        1,
-                        1,
-                        1,
-                        -1
-                    ])
-                }
-            },
-            drawCount: 4
-        });
-        var shader = {
-            vertex: screenMeshVert,
-            fragment: gaussianUpFrag
-        };
-        var material = Material.create(engine, {
-            name: name,
-            shader: shader
-        });
-        material.blending = false;
-        material.depthTest = false;
-        material.culling = false;
-        _this.screenMesh = Mesh.create(engine, {
-            name: name,
-            geometry: geometry,
-            material: material,
-            priority: 0
-        });
-        _this.priority = 5000;
-        _this.name = "GaussianUpPass" + level;
-        _this.onResize = _this.onResize.bind(_assert_this_initialized(_this));
-        _this.renderer.engine.on("resize", _this.onResize);
-        return _this;
-    }
-    var _proto = HQGaussianUpSamplePass.prototype;
-    _proto.initialize = function initialize(renderer) {
-        RenderPass.prototype.initialize.call(this, renderer);
-        this.onResize();
-        return this;
-    };
-    _proto.configure = function configure(renderer) {
-        this.mainTexture = renderer.getFramebuffer().getColorTextures()[0];
-        renderer.setFramebuffer(this.framebuffer);
-    };
-    _proto.execute = function execute(renderer) {
-        renderer.clear({
-            colorAction: exports.TextureStoreAction.clear,
-            depthAction: exports.TextureStoreAction.clear,
-            stencilAction: exports.TextureStoreAction.clear
-        });
-        this.screenMesh.material.setTexture("_MainTex", this.mainTexture);
-        this.screenMesh.material.setTexture("_GaussianDownTex", this.gaussianDownSampleResult.texture);
-        this.screenMesh.material.setVector2("_GaussianDownTextureSize", getTextureSize(this.gaussianDownSampleResult.texture));
-        renderer.renderMeshes([
-            this.screenMesh
-        ]);
-    };
-    _proto.onResize = function onResize() {
-        var _this_framebuffer;
-        var width = Math.floor(this.renderer.getWidth() / Math.pow(2, this.level - 1));
-        var height = Math.floor(this.renderer.getHeight() / Math.pow(2, this.level - 1));
-        (_this_framebuffer = this.framebuffer) == null ? void 0 : _this_framebuffer.resize(0, 0, width, height);
+        this.thresholdRT = renderer.getTemporaryRT("_BloomThreshold", baseWidth, baseHeight, 0, exports.FilterMode.Linear, exports.RenderTextureFormat.RGBAHalf);
+        this.thresholdMaterial.setFloat("_Threshold", threshold);
+        renderer.blit(this.mainTexture, this.thresholdRT, this.thresholdMaterial);
+        var currentTexture = this.thresholdRT.getColorTextures()[0];
+        // 2. Down sample passes
+        for(var i = 0; i < this.iterationCount; i++){
+            var downWidth = Math.floor(baseWidth / Math.pow(2, i + 1));
+            var downHeight = Math.floor(baseHeight / Math.pow(2, i + 1));
+            // Horizontal pass
+            var tempH = renderer.getTemporaryRT("_BloomDownH" + i, downWidth, downHeight, 0, exports.FilterMode.Linear, exports.RenderTextureFormat.RGBAHalf);
+            this.downSampleHMaterial.setVector2("_TextureSize", getTextureSize(currentTexture));
+            renderer.blit(currentTexture, tempH, this.downSampleHMaterial);
+            // Vertical pass
+            var tempV = renderer.getTemporaryRT("_BloomDownV" + i, downWidth, downHeight, 0, exports.FilterMode.Linear, exports.RenderTextureFormat.RGBAHalf);
+            this.downSampleVMaterial.setVector2("_TextureSize", getTextureSize(tempH.getColorTextures()[0]));
+            renderer.blit(tempH.getColorTextures()[0], tempV, this.downSampleVMaterial);
+            // 释放 H pass RT，保留 V pass RT 用于 up sample
+            renderer.releaseTemporaryRT(tempH);
+            this.tempRTs.push(tempV);
+            currentTexture = tempV.getColorTextures()[0];
+        }
+        // 释放 threshold RT
+        renderer.releaseTemporaryRT(this.thresholdRT);
+        // 3. Up sample passes
+        for(var i1 = this.iterationCount - 1; i1 > 0; i1--){
+            var upWidth = Math.floor(baseWidth / Math.pow(2, i1 - 1));
+            var upHeight = Math.floor(baseHeight / Math.pow(2, i1 - 1));
+            var tempUp = renderer.getTemporaryRT("_BloomUp" + i1, upWidth, upHeight, 0, exports.FilterMode.Linear, exports.RenderTextureFormat.RGBAHalf);
+            // 获取下一层的 down sample 结果
+            var downSampleTexture = this.tempRTs[i1 - 1].getColorTextures()[0];
+            this.upSampleMaterial.setTexture("_GaussianDownTex", downSampleTexture);
+            this.upSampleMaterial.setVector2("_GaussianDownTextureSize", getTextureSize(downSampleTexture));
+            renderer.blit(currentTexture, tempUp, this.upSampleMaterial);
+            currentTexture = tempUp.getColorTextures()[0];
+            this.tempRTs.push(tempUp);
+        }
+        // 设置最终输出到当前 framebuffer
+        renderer.setFramebuffer(this.tempRTs[this.tempRTs.length - 1]);
+    };
+    _proto.onCameraCleanup = function onCameraCleanup(renderer) {
+        // 释放所有临时 RT
+        for(var i = 0; i < this.tempRTs.length; i++){
+            renderer.releaseTemporaryRT(this.tempRTs[i]);
+        }
+        this.tempRTs = [];
     };
     _proto.dispose = function dispose(options) {
-        this.renderer.engine.off("resize", this.onResize);
+        this.thresholdMaterial.dispose();
+        this.downSampleHMaterial.dispose();
+        this.downSampleVMaterial.dispose();
+        this.upSampleMaterial.dispose();
         RenderPass.prototype.dispose.call(this, options);
     };
-    return HQGaussianUpSamplePass;
+    return BloomPass;
 }(RenderPass);
 // 合并Bloom的高斯模糊结果，并应用ACES Tonemapping
 var ToneMappingPass = /*#__PURE__*/ function(RenderPass) {
     _inherits(ToneMappingPass, RenderPass);
     function ToneMappingPass(renderer, sceneTextureHandle) {
         var _this;
-        _this = RenderPass.call(this, renderer, {}) || this;
+        _this = RenderPass.call(this, renderer) || this;
         var name = "PostProcess";
         var engine = _this.renderer.engine;
         _this.sceneTextureHandle = sceneTextureHandle ? sceneTextureHandle : new RenderTargetHandle(engine);
@@ -13341,9 +12962,9 @@ var ToneMappingPass = /*#__PURE__*/ function(RenderPass) {
     };
     _proto.execute = function execute(renderer) {
         renderer.clear({
-            colorAction: exports.TextureStoreAction.clear,
-            depthAction: exports.TextureStoreAction.clear,
-            stencilAction: exports.TextureStoreAction.clear
+            colorAction: exports.TextureLoadAction.clear,
+            depthAction: exports.TextureLoadAction.clear,
+            stencilAction: exports.TextureLoadAction.clear
         });
         var globalVolume = renderer.renderingData.currentFrame.globalVolume;
         var bloom = _extends({
@@ -13390,95 +13011,31 @@ var ToneMappingPass = /*#__PURE__*/ function(RenderPass) {
     return ToneMappingPass;
 }(RenderPass);
 
-var SemanticMap = /*#__PURE__*/ function() {
-    function SemanticMap(semantics) {
-        if (semantics === void 0) semantics = {};
-        this.semantics = _extends({}, semantics);
-    }
-    var _proto = SemanticMap.prototype;
-    _proto.toObject = function toObject() {
-        return _extends({}, this.semantics);
-    };
-    _proto.setSemantic = function setSemantic(name, value) {
-        if (value === undefined) {
-            delete this.semantics[name];
-        } else {
-            this.semantics[name] = value;
-        }
-    };
-    _proto.getSemanticValue = function getSemanticValue(name, state) {
-        var ret = this.semantics[name];
-        if (isFunction(ret)) {
-            return ret(state);
-        }
-        return ret;
-    };
-    _proto.hasSemanticValue = function hasSemanticValue(name) {
-        return name in this.semantics;
-    };
-    _proto.dispose = function dispose() {
-        var _this = this;
-        Object.keys(this.semantics).forEach(function(name) {
-            delete _this.semantics[name];
-        });
-    };
-    return SemanticMap;
-}();
-
-var RENDER_PASS_NAME_PREFIX = "_effects_default_";
 var seed$6 = 1;
 /**
  * RenderFrame 抽象类
  */ var RenderFrame = /*#__PURE__*/ function() {
     function RenderFrame(options) {
-        var _this_renderer_getShaderLibrary;
-        // TODO: 是否有用
-        this.renderQueue = [];
-        this.destroyed = false;
-        this.renderPassInfoMap = new WeakMap();
-        var camera = options.camera, keepColorBuffer = options.keepColorBuffer, renderer = options.renderer, _options_editorTransform = options.editorTransform, editorTransform = _options_editorTransform === void 0 ? [
+        this.disposed = false;
+        this.postProcessingEnabled = false;
+        this.enableHDR = true;
+        var camera = options.camera, renderer = options.renderer, _options_editorTransform = options.editorTransform, editorTransform = _options_editorTransform === void 0 ? [
             1,
             1,
             0,
             0
-        ] : _options_editorTransform, globalVolume = options.globalVolume, _options_postProcessingEnabled = options.postProcessingEnabled, postProcessingEnabled = _options_postProcessingEnabled === void 0 ? false : _options_postProcessingEnabled, _options_clearAction = options.clearAction, clearAction = _options_clearAction === void 0 ? {
-            colorAction: exports.TextureLoadAction.whatever,
-            stencilAction: exports.TextureLoadAction.clear,
-            depthAction: exports.TextureLoadAction.whatever
-        } : _options_clearAction;
+        ] : _options_editorTransform, globalVolume = options.globalVolume, _options_postProcessingEnabled = options.postProcessingEnabled, postProcessingEnabled = _options_postProcessingEnabled === void 0 ? false : _options_postProcessingEnabled;
         var engine = renderer.engine;
         if (globalVolume) {
             this.globalVolume = globalVolume;
         }
+        this.postProcessingEnabled = postProcessingEnabled;
         this.globalUniforms = new GlobalUniforms();
-        var attachments = []; //渲染场景物体Pass的RT
-        var depthStencilAttachment;
         this.renderer = renderer;
-        if (postProcessingEnabled) {
-            var enableHDR = true;
-            if (!this.renderer.engine.gpuCapability.detail.halfFloatTexture) {
-                throw new Error("Half float texture is not supported.");
-            }
-            // 使用HDR浮点纹理，FLOAT在IOS上报错，使用HALF_FLOAT
-            var textureType = enableHDR ? glContext.HALF_FLOAT : glContext.UNSIGNED_BYTE;
-            attachments = [
-                {
-                    texture: {
-                        format: glContext.RGBA,
-                        type: textureType,
-                        magFilter: glContext.LINEAR,
-                        minFilter: glContext.LINEAR
-                    }
-                }
-            ];
-            depthStencilAttachment = {
-                storageType: exports.RenderPassAttachmentStorageType.depth_stencil_opaque
-            };
+        if (postProcessingEnabled && this.enableHDR && !this.renderer.engine.gpuCapability.detail.halfFloatTexture) {
+            throw new Error("Half float texture is not supported.");
         }
-        this.drawObjectPass = new DrawObjectPass(renderer, {
-            depthStencilAttachment: depthStencilAttachment,
-            attachments: attachments
-        });
+        this.drawObjectPass = new DrawObjectPass(renderer);
         var renderPasses = [
             this.drawObjectPass
         ];
@@ -13486,110 +13043,25 @@ var seed$6 = 1;
         if (postProcessingEnabled) {
             var sceneTextureHandle = new RenderTargetHandle(engine); //保存后处理前的屏幕图像
             var gaussianStep = 7; // 高斯模糊的迭代次数，次数越高模糊范围越大
-            var viewport = [
-                0,
-                0,
-                this.renderer.getWidth() / 2,
-                this.renderer.getHeight() / 2
-            ];
-            var gaussianDownResults = new Array(gaussianStep); //存放多个高斯Pass的模糊结果，用于Bloom
-            var enableHDR1 = true;
-            var textureType1 = enableHDR1 ? glContext.HALF_FLOAT : glContext.UNSIGNED_BYTE;
-            var bloomThresholdPass = new BloomThresholdPass(renderer, {
-                attachments: [
-                    {
-                        texture: {
-                            format: glContext.RGBA,
-                            type: textureType1,
-                            minFilter: glContext.LINEAR,
-                            magFilter: glContext.LINEAR
-                        }
-                    }
-                ]
-            });
-            bloomThresholdPass.sceneTextureHandle = sceneTextureHandle;
-            this.addRenderPass(bloomThresholdPass);
-            for(var i = 0; i < gaussianStep; i++){
-                gaussianDownResults[i] = new RenderTargetHandle(engine);
-                var gaussianDownHPass = new HQGaussianDownSamplePass(renderer, "H", i, {
-                    attachments: [
-                        {
-                            texture: {
-                                format: glContext.RGBA,
-                                type: textureType1,
-                                minFilter: glContext.LINEAR,
-                                magFilter: glContext.LINEAR
-                            }
-                        }
-                    ]
-                });
-                var gaussianDownVPass = new HQGaussianDownSamplePass(renderer, "V", i, {
-                    attachments: [
-                        {
-                            texture: {
-                                format: glContext.RGBA,
-                                type: textureType1,
-                                minFilter: glContext.LINEAR,
-                                magFilter: glContext.LINEAR
-                            }
-                        }
-                    ]
-                });
-                gaussianDownVPass.gaussianResult = gaussianDownResults[i];
-                this.addRenderPass(gaussianDownHPass);
-                this.addRenderPass(gaussianDownVPass);
-                viewport[2] /= 2;
-                viewport[3] /= 2;
-            // TODO 限制最大迭代
-            }
-            viewport[2] *= 4;
-            viewport[3] *= 4;
-            for(var i1 = 0; i1 < gaussianStep - 1; i1++){
-                var gaussianUpPass = new HQGaussianUpSamplePass(renderer, gaussianStep - i1, {
-                    attachments: [
-                        {
-                            texture: {
-                                format: glContext.RGBA,
-                                type: textureType1,
-                                minFilter: glContext.LINEAR,
-                                magFilter: glContext.LINEAR
-                            }
-                        }
-                    ]
-                });
-                gaussianUpPass.gaussianDownSampleResult = gaussianDownResults[gaussianStep - 2 - i1];
-                this.addRenderPass(gaussianUpPass);
-                viewport[2] *= 2;
-                viewport[3] *= 2;
-            }
+            // Bloom Pass（包含阈值提取、高斯模糊）
+            var bloomPass = new BloomPass(renderer, gaussianStep);
+            bloomPass.sceneTextureHandle = sceneTextureHandle;
+            this.addRenderPass(bloomPass);
+            // Tone Mapping Pass
             var postProcessPass = new ToneMappingPass(renderer, sceneTextureHandle);
             this.addRenderPass(postProcessPass);
         }
-        this.semantics = new SemanticMap(options.semantics);
-        this.clearAction = clearAction;
         this.name = "RenderFrame" + seed$6++;
-        var firstRP = renderPasses[0];
         this.camera = camera;
-        this.keepColorBuffer = keepColorBuffer;
-        this.renderPassInfoMap.set(firstRP, {
-            listStart: 0,
-            listEnd: 0,
-            renderPass: firstRP,
-            intermedia: false
-        });
         this.editorTransform = Vector4.fromArray(editorTransform);
-        if (!options.clearAction) {
-            this.resetClearActions();
-        }
-        this.passTextureCache = new PassTextureCache(engine);
-        // FIXME: addShader是为了性能考虑，如果影响不大，下面代码可以删除
-        var _engine_gpuCapability = engine.gpuCapability, detail = _engine_gpuCapability.detail, level = _engine_gpuCapability.level;
-        var writeDepth = detail.readableDepthStencilTextures && detail.writableFragDepth;
-        var shader = createCopyShader(level, writeDepth);
-        (_this_renderer_getShaderLibrary = this.renderer.getShaderLibrary()) == null ? void 0 : _this_renderer_getShaderLibrary.addShader(shader);
     }
     var _proto = RenderFrame.prototype;
     /**
+   * 设置 RenderPasses 参数，此函数每帧调用一次
+   */ _proto.setup = function setup() {
+        this.drawObjectPass.setup(this.postProcessingEnabled);
+    };
+    /**
    * 根据 Mesh 优先级添加到 RenderPass
    * @param mesh - 要添加的 Mesh 对象
    */ _proto.addMeshToDefaultRenderPass = function addMeshToDefaultRenderPass(mesh) {
@@ -13606,78 +13078,25 @@ var seed$6 = 1;
    * 销毁 RenderFrame
    * @param options - 可以有选择销毁一些对象
    */ _proto.dispose = function dispose(options) {
-        if ((options == null ? void 0 : options.semantics) !== exports.DestroyOptions.keep) {
-            this.semantics.dispose();
-        }
         var pass = (options == null ? void 0 : options.passes) ? options.passes : undefined;
         if (pass !== exports.DestroyOptions.keep) {
             this._renderPasses.forEach(function(renderPass) {
                 renderPass.dispose(pass);
             });
         }
-        this.passTextureCache.dispose();
         this._renderPasses.length = 0;
-        this.destroyed = true;
-    };
-    /**
-   * 查找 Mesh 所在的 RenderPass 索引，没找到是-1
-   * @param mesh - 需要查找的 Mesh
-   */ _proto.findMeshRenderPassIndex = function findMeshRenderPassIndex(mesh) {
-        var index = -1;
-        this.renderPasses.every(function(rp, idx) {
-            if (rp.name.startsWith(RENDER_PASS_NAME_PREFIX) && rp.meshes.includes(mesh)) {
-                index = idx;
-                return false;
-            }
-            return true;
-        });
-        return index;
-    };
-    _proto.addToRenderPass = function addToRenderPass(renderPass, mesh) {
-        var info = this.renderPassInfoMap.get(renderPass);
-        var priority = mesh.priority;
-        if (!info) {
-            return;
-        }
-        if (renderPass.meshes.length === 0) {
-            info.listStart = info.listEnd = priority;
-        } else {
-            if (priority < info.listStart) {
-                info.listStart = priority;
-            } else if (priority > info.listEnd) {
-                info.listEnd = priority;
-            }
-        }
-        renderPass.addMesh(mesh);
-    };
-    _proto.resetClearActions = function resetClearActions() {
-        var action = this.renderPasses.length > 1 ? exports.TextureLoadAction.clear : exports.TextureLoadAction.whatever;
-        this.clearAction.stencilAction = action;
-        this.clearAction.depthAction = action;
-        this.clearAction.colorAction = action;
-        if (this.keepColorBuffer) {
-            this.clearAction.colorAction = exports.TextureLoadAction.whatever;
-        }
+        this.disposed = true;
     };
     /**
    * 设置 RenderPass 数组，直接修改内部的 RenderPass 数组
    * @param passes - RenderPass 数组
    */ _proto.setRenderPasses = function setRenderPasses(passes) {
-        var _this = this;
-        if (this.renderer !== undefined) {
-            passes.forEach(function(pass) {
-                return pass.initialize(_this.renderer);
-            });
-        }
         this._renderPasses = passes.slice();
     };
     /**
    * 添加 RenderPass
    * @param pass - 需要添加的 RenderPass
    */ _proto.addRenderPass = function addRenderPass(pass) {
-        if (this.renderer !== undefined) {
-            pass.initialize(this.renderer);
-        }
         this._renderPasses.push(pass);
     };
     /**
@@ -13694,9 +13113,9 @@ var seed$6 = 1;
             }
         },
         {
-            key: "isDestroyed",
+            key: "isDisposed",
             get: function get() {
-                return this.destroyed;
+                return this.disposed;
             }
         }
     ]);
@@ -13705,10 +13124,6 @@ var seed$6 = 1;
 function getTextureSize(tex) {
     return tex ? new Vector2(tex.getWidth(), tex.getHeight()) : new Vector2();
 }
-function findPreviousRenderPass(renderPasses, renderPass) {
-    var index = renderPasses.indexOf(renderPass);
-    return renderPasses[index - 1];
-}
 var GlobalUniforms = function GlobalUniforms() {
     this.floats = {};
     this.ints = {};
@@ -13746,6 +13161,122 @@ var Renderbuffer = /*#__PURE__*/ function() {
     return Renderbuffer;
 }();
 
+var RenderTargetPool = /*#__PURE__*/ function() {
+    function RenderTargetPool(engine) {
+        this.engine = engine;
+        this.temporaryRTs = [];
+        this.currentFrame = 0;
+        this.maxUnusedFrames = 4;
+    }
+    var _proto = RenderTargetPool.prototype;
+    /**
+   * 清理 RenderTarget 池
+   * @param force - 是否强制清理所有未占用的 RT
+   * @param framesOffset - 自定义未使用帧数阈值，-1 表示使用默认值
+   */ _proto.flush = function flush(force, framesOffset) {
+        if (force === void 0) force = false;
+        if (framesOffset === void 0) framesOffset = -1;
+        this.currentFrame++;
+        var threshold = framesOffset >= 0 ? framesOffset : this.maxUnusedFrames;
+        for(var i = 0; i < this.temporaryRTs.length; i++){
+            var entry = this.temporaryRTs[i];
+            // 强制清理所有未占用的 RT，或清理超过阈值帧数未使用的 RT
+            if (!entry.isOccupied && (force || this.currentFrame - entry.lastFrameReleased > threshold)) {
+                entry.RT.dispose();
+                this.temporaryRTs.splice(i--, 1);
+            }
+        }
+    };
+    _proto.get = function get(name, width, height, depthBuffer, filter, format) {
+        if (depthBuffer === void 0) depthBuffer = 0;
+        if (filter === void 0) filter = exports.FilterMode.Linear;
+        if (format === void 0) format = exports.RenderTextureFormat.RGBA32;
+        // 使用参数计算 hash 值作为缓存 key
+        var hash = width + "_" + height + "_" + depthBuffer + "_" + filter + "_" + format;
+        for(var _iterator = _create_for_of_iterator_helper_loose(this.temporaryRTs), _step; !(_step = _iterator()).done;){
+            var entry = _step.value;
+            if (!entry.isOccupied && entry.descriptionHash === hash) {
+                entry.isOccupied = true;
+                entry.RT.name = name;
+                return entry.RT;
+            }
+        }
+        var textureFilter;
+        var textureType;
+        var depthType = exports.RenderPassAttachmentStorageType.none;
+        // TODO 建立Map映射
+        if (filter === exports.FilterMode.Linear) {
+            textureFilter = glContext.LINEAR;
+        } else if (filter === exports.FilterMode.Nearest) {
+            textureFilter = glContext.NEAREST;
+        }
+        if (format === exports.RenderTextureFormat.RGBA32) {
+            textureType = glContext.UNSIGNED_BYTE;
+        } else if (format === exports.RenderTextureFormat.RGBAHalf) {
+            textureType = glContext.HALF_FLOAT;
+        }
+        if (depthBuffer === 0) {
+            depthType = exports.RenderPassAttachmentStorageType.none;
+        } else if (depthBuffer === 16) {
+            depthType = exports.RenderPassAttachmentStorageType.depth_stencil_opaque;
+        } else if (depthBuffer === 24) {
+            depthType = exports.RenderPassAttachmentStorageType.depth_24_stencil_8_texture;
+        }
+        var colorAttachment = Texture.create(this.engine, {
+            sourceType: exports.TextureSourceType.framebuffer,
+            minFilter: textureFilter,
+            magFilter: textureFilter,
+            internalFormat: glContext.RGBA,
+            format: glContext.RGBA,
+            type: textureType
+        });
+        var newFramebuffer = Framebuffer.create({
+            name: name,
+            storeAction: {},
+            viewport: [
+                0,
+                0,
+                width,
+                height
+            ],
+            attachments: [
+                colorAttachment
+            ],
+            depthStencilAttachment: {
+                storageType: depthType
+            }
+        }, this.engine.renderer);
+        var entry1 = {
+            RT: newFramebuffer,
+            lastFrameReleased: 0,
+            descriptionHash: hash,
+            isOccupied: true
+        };
+        this.temporaryRTs.push(entry1);
+        return entry1.RT;
+    };
+    /**
+   * 释放 RenderTarget，使其可以被复用
+   * @param rt - 要释放的 Framebuffer
+   */ _proto.release = function release(rt) {
+        for(var _iterator = _create_for_of_iterator_helper_loose(this.temporaryRTs), _step; !(_step = _iterator()).done;){
+            var entry = _step.value;
+            if (entry.RT === rt) {
+                entry.isOccupied = false;
+                entry.lastFrameReleased = this.currentFrame;
+                break;
+            }
+        }
+    };
+    _proto.dispose = function dispose() {
+        for(var _iterator = _create_for_of_iterator_helper_loose(this.temporaryRTs), _step; !(_step = _iterator()).done;){
+            var entry = _step.value;
+            entry.RT.dispose();
+        }
+    };
+    return RenderTargetPool;
+}();
+
 var isWebGL2Available = typeof WebGL2RenderingContext === "function";
 var GPUCapability = /*#__PURE__*/ function() {
     function GPUCapability(gl) {
@@ -13931,70 +13462,11 @@ exports.CompressTextureCapabilityType = void 0;
     return !!hasCompressedTextureSupport;
 }
 
-exports.FilterMode = void 0;
-(function(FilterMode) {
-    FilterMode[FilterMode["Nearest"] = 0] = "Nearest";
-    FilterMode[FilterMode["Linear"] = 1] = "Linear";
-})(exports.FilterMode || (exports.FilterMode = {}));
-exports.RenderTextureFormat = void 0;
-(function(RenderTextureFormat) {
-    RenderTextureFormat[RenderTextureFormat["RGBA32"] = 0] = "RGBA32";
-    RenderTextureFormat[RenderTextureFormat["RGBAHalf"] = 1] = "RGBAHalf";
-})(exports.RenderTextureFormat || (exports.RenderTextureFormat = {}));
-/**
- *
- */ var Framebuffer = /*#__PURE__*/ function() {
-    function Framebuffer() {}
-    var _proto = Framebuffer.prototype;
-    _proto.resize = function resize(x, y, width, height) {
-    // OVERRIDE
-    };
-    _proto.resetColorTextures = function resetColorTextures(textures) {
-    // OVERRIDE
-    };
-    _proto.unbind = function unbind() {
-    // OVERRIDE
-    };
-    _proto.bind = function bind() {
-    // OVERRIDE
-    };
-    _proto.getDepthTexture = function getDepthTexture() {
-        // OVERRIDE
-        return undefined;
-    };
-    _proto.getStencilTexture = function getStencilTexture() {
-        // OVERRIDE
-        return undefined;
-    };
-    _proto.getColorTextures = function getColorTextures() {
-        // OVERRIDE
-        return [];
-    };
-    _proto.dispose = function dispose(options) {
-    // OVERRIDE
-    };
-    _create_class(Framebuffer, [
-        {
-            key: "stencilStorage",
-            get: function get() {
-                // OVERRIDE
-                return undefined;
-            }
-        },
-        {
-            key: "depthStorage",
-            get: function get() {
-                // OVERRIDE
-                return undefined;
-            }
-        }
-    ]);
-    return Framebuffer;
-}();
-
 var Renderer = /*#__PURE__*/ function() {
     function Renderer(engine) {
         this.engine = engine;
+        this.currentFramebuffer = null;
+        this.renderTargetPool = new RenderTargetPool(engine);
     }
     var _proto = Renderer.prototype;
     _proto.setGlobalFloat = function setGlobalFloat(name, value) {
@@ -14064,8 +13536,18 @@ var Renderer = /*#__PURE__*/ function() {
     // OVERRIDE
     };
     _proto.getTemporaryRT = function getTemporaryRT(name, width, height, depthBuffer, filter, format) {
-        // OVERRIDE
-        return null;
+        return this.renderTargetPool.get(name, width, height, depthBuffer, filter, format);
+    };
+    _proto.releaseTemporaryRT = function releaseTemporaryRT(rt) {
+        this.renderTargetPool.release(rt);
+    };
+    /**
+   * 将源纹理复制到目标 Framebuffer，可使用自定义材质进行处理
+   * @param source - 源纹理
+   * @param destination - 目标 Framebuffer，如果为 null 则渲染到屏幕
+   * @param material - 可选的自定义材质，不传则使用默认复制材质
+   */ _proto.blit = function blit(source, destination, material) {
+    // OVERRIDE
     };
     _proto.dispose = function dispose() {
     // OVERRIDE
@@ -14073,6 +13555,41 @@ var Renderer = /*#__PURE__*/ function() {
     return Renderer;
 }();
 
+var SemanticMap = /*#__PURE__*/ function() {
+    function SemanticMap(semantics) {
+        if (semantics === void 0) semantics = {};
+        this.semantics = _extends({}, semantics);
+    }
+    var _proto = SemanticMap.prototype;
+    _proto.toObject = function toObject() {
+        return _extends({}, this.semantics);
+    };
+    _proto.setSemantic = function setSemantic(name, value) {
+        if (value === undefined) {
+            delete this.semantics[name];
+        } else {
+            this.semantics[name] = value;
+        }
+    };
+    _proto.getSemanticValue = function getSemanticValue(name, state) {
+        var ret = this.semantics[name];
+        if (isFunction(ret)) {
+            return ret(state);
+        }
+        return ret;
+    };
+    _proto.hasSemanticValue = function hasSemanticValue(name) {
+        return name in this.semantics;
+    };
+    _proto.dispose = function dispose() {
+        var _this = this;
+        Object.keys(this.semantics).forEach(function(name) {
+            delete _this.semantics[name];
+        });
+    };
+    return SemanticMap;
+}();
+
 /**
  * @since 2.7.0
  */ var MaskableGraphic = /*#__PURE__*/ function(RendererComponent) {
@@ -18103,6 +17620,11 @@ exports.PlayState = void 0;
     PlayState[PlayState["Paused"] = 1] = "Paused";
 })(exports.PlayState || (exports.PlayState = {}));
 
+function _assert_this_initialized(self) {
+    if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return self;
+}
+
 var tempQuat$1 = new Quaternion();
 var tempVector3 = new Vector3();
 var tempVector3Second = new Vector3();
@@ -24480,8 +24002,7 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
         _this.reusable = reusable;
         _this.speed = speed;
         _this.name = sourceContent.name;
-        _this.pluginSystem = scene.pluginSystem;
-        _this.pluginSystem.initializeComposition(_assert_this_initialized(_this), scene);
+        PluginSystem.initializeComposition(_assert_this_initialized(_this), scene);
         _this.camera = new Camera(_this.name, _extends({}, sourceContent == null ? void 0 : sourceContent.camera, {
             aspect: width / height,
             pixelWidth: width,
@@ -24495,7 +24016,6 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
         _this.createRenderFrame();
         Composition.buildItemTree(_this.rootItem);
         _this.rootComposition.setChildrenRenderOrder(0);
-        _this.pluginSystem.resetComposition(_assert_this_initialized(_this), _this.renderFrame);
         return _this;
     }
     var _proto = Composition.prototype;
@@ -24605,12 +24125,9 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
         this.renderFrame = new RenderFrame({
             camera: this.camera,
             renderer: this.renderer,
-            keepColorBuffer: this.keepColorBuffer,
             globalVolume: this.globalVolume,
             postProcessingEnabled: this.postProcessingEnabled
         });
-        // TODO 考虑放到构造函数
-        this.renderFrame.cachedTextures = this.textures;
     };
     /**
    * 跳到指定时间点（不做任何播放行为）
@@ -24661,7 +24178,6 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
         this.isEnded = false;
         this.isEndCalled = false;
         this.rootComposition.time = 0;
-        this.pluginSystem.resetComposition(this, this.renderFrame);
     };
     _proto.prepareRender = function prepareRender() {};
     /**
@@ -24679,8 +24195,6 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
         var previousCompositionTime = this.time;
         this.updateCompositionTime(deltaTime * this.speed / 1000);
         var deltaTimeInMs = (this.time - previousCompositionTime) * 1000;
-        // 更新 model-tree-plugin
-        this.updatePluginLoaders(deltaTimeInMs);
         this.sceneTicking.update.tick(deltaTimeInMs);
         this.sceneTicking.lateUpdate.tick(deltaTimeInMs);
         this.updateCamera();
@@ -24705,15 +24219,6 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
         this.camera.updateMatrix();
     };
     /**
-   * 插件更新，来自 CompVFXItem 的更新调用
-   * @param deltaTime - 更新的时间步长
-   */ _proto.updatePluginLoaders = function updatePluginLoaders(deltaTime) {
-        var _this = this;
-        this.pluginSystem.plugins.forEach(function(loader) {
-            return loader.onCompositionUpdate(_this, deltaTime);
-        });
-    };
-    /**
    * 更新主合成组件
    */ _proto.updateCompositionTime = function updateCompositionTime(deltaTime) {
         if (this.rootComposition.state === exports.PlayState.Paused || !this.rootComposition.isActiveAndEnabled) {
@@ -24872,7 +24377,6 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
    * 合成对象销毁
    */ _proto.dispose = function dispose() {
         var _this = this;
-        var _this_pluginSystem;
         if (this.destroyed) {
             return;
         }
@@ -24892,13 +24396,14 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
         this.rootItem.dispose();
         // FIXME: 注意这里增加了renderFrame销毁
         this.renderFrame.dispose();
-        (_this_pluginSystem = this.pluginSystem) == null ? void 0 : _this_pluginSystem.destroyComposition(this);
+        PluginSystem.destroyComposition(this);
         this.update = function() {
             {
                 logger.error("Update disposed composition: " + _this.name + ".");
             }
         };
         this.dispose = noop;
+        this.renderer.engine.removeComposition(this);
         if (this.getEngine().env === PLAYER_OPTIONS_ENV_EDITOR) {
             return;
         }
@@ -24915,7 +24420,6 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
                 0
             ]
         });
-        this.renderer.engine.removeComposition(this);
     };
     /**
    * 编辑器使用的 transform 修改方法
@@ -31890,7 +31394,7 @@ function getStandardSpriteContent(sprite, transform) {
     return ret;
 }
 
-var version$2 = "2.8.0-alpha.1";
+var version$2 = "2.8.0-alpha.3";
 var v0 = /^(\d+)\.(\d+)\.(\d+)(-(\w+)\.\d+)?$/;
 var standardVersion = /^(\d+)\.(\d+)$/;
 var reverseParticle = false;
@@ -32405,7 +31909,7 @@ var seed$1 = 1;
    * @param renderer - renderer 对象，用于获取管理、编译 shader 及 GPU 上下文的参数
    * @param options - 扩展参数
    * @returns
-   */ _proto.loadScene = function loadScene(url, renderer, options) {
+   */ _proto.loadScene = function loadScene(url, renderer) {
         var _this = this;
         return _async_to_generator(function() {
             var rawJSON, assetUrl, startTime, timeInfoMessages, gpuInstance, _gpuInstance_detail_ktx2Support, isKTX2Supported, timeInfos, loadTimer, cancelLoading, waitPromise, hookTimeInfo, loadResourcePromise;
@@ -32466,7 +31970,7 @@ var seed$1 = 1;
                     });
                 });
                 loadResourcePromise = /*#__PURE__*/ _async_to_generator(function() {
-                    var scene, link, _ref, jsonScene, pluginSystem, _jsonScene_bins, bins, images, fonts, _ref1, loadedBins, loadedImages, loadedTextures, totalTime;
+                    var scene, link, _scene_bins, _scene_textureOptions, _scene_images, jsonScene, _jsonScene_bins, bins, images, fonts, _ref, loadedBins, loadedImages, loadedTextures, totalTime;
                     return __generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
@@ -32516,7 +32020,26 @@ var seed$1 = 1;
                                     })
                                 ];
                             case 5:
-                                _ref = _state.sent(), jsonScene = _ref.jsonScene, pluginSystem = _ref.pluginSystem;
+                                jsonScene = _state.sent().jsonScene;
+                                scene = {
+                                    timeInfos: timeInfos,
+                                    url: url,
+                                    storage: {},
+                                    jsonScene: jsonScene,
+                                    bins: [],
+                                    textureOptions: [],
+                                    textures: [],
+                                    images: [],
+                                    assets: _this.assets
+                                };
+                                return [
+                                    4,
+                                    hookTimeInfo("plugin:processAssets", function() {
+                                        return _this.processPluginAssets(scene);
+                                    })
+                                ];
+                            case 6:
+                                _state.sent();
                                 _jsonScene_bins = jsonScene.bins, bins = _jsonScene_bins === void 0 ? [] : _jsonScene_bins, images = jsonScene.images, fonts = jsonScene.fonts;
                                 return [
                                     4,
@@ -32527,46 +32050,26 @@ var seed$1 = 1;
                                         hookTimeInfo("processImages", function() {
                                             return _this.processImages(images, isKTX2Supported);
                                         }),
-                                        hookTimeInfo("plugin:processAssets", function() {
-                                            return _this.processPluginAssets(jsonScene, pluginSystem, options);
-                                        }),
                                         hookTimeInfo("processFontURL", function() {
                                             return _this.processFontURL(fonts);
                                         })
                                     ])
                                 ];
-                            case 6:
-                                _ref1 = _state.sent(), loadedBins = _ref1[0], loadedImages = _ref1[1];
+                            case 7:
+                                _ref = _state.sent(), loadedBins = _ref[0], loadedImages = _ref[1];
                                 return [
                                     4,
                                     hookTimeInfo("processTextures", function() {
                                         return _this.processTextures(loadedImages, loadedBins, jsonScene);
                                     })
                                 ];
-                            case 7:
-                                loadedTextures = _state.sent();
-                                scene = {
-                                    timeInfos: timeInfos,
-                                    url: url,
-                                    renderLevel: _this.options.renderLevel,
-                                    storage: {},
-                                    pluginSystem: pluginSystem,
-                                    jsonScene: jsonScene,
-                                    bins: loadedBins,
-                                    textureOptions: loadedTextures,
-                                    textures: [],
-                                    images: loadedImages,
-                                    assets: _this.assets
-                                };
-                                // 触发插件系统 pluginSystem 的回调 prepareResource
-                                return [
-                                    4,
-                                    hookTimeInfo("plugin:prepareResource", function() {
-                                        return pluginSystem.loadResources(scene, _this.options);
-                                    })
-                                ];
                             case 8:
-                                _state.sent();
+                                loadedTextures = _state.sent();
+                                (_scene_bins = scene.bins).push.apply(_scene_bins, [].concat(loadedBins));
+                                (_scene_textureOptions = scene.textureOptions).push.apply(_scene_textureOptions, [].concat(loadedTextures));
+                                (_scene_images = scene.images).push.apply(_scene_images, [].concat(loadedImages));
+                                // 降级插件会修改 this.options.renderLevel, 在 processPluginAssets 后赋值
+                                scene.renderLevel = _this.options.renderLevel;
                                 _state.label = 9;
                             case 9:
                                 totalTime = performance.now() - startTime;
@@ -32598,29 +32101,23 @@ var seed$1 = 1;
         return this.assets;
     };
     _proto.processJSON = function processJSON(json) {
-        var _this = this;
         return _async_to_generator(function() {
-            var jsonScene, _jsonScene_plugins, plugins, pluginSystem;
+            var jsonScene, _jsonScene_plugins, plugins, _iterator, _step, customPluginName;
             return __generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        jsonScene = getStandardJSON(json);
-                        _jsonScene_plugins = jsonScene.plugins, plugins = _jsonScene_plugins === void 0 ? [] : _jsonScene_plugins;
-                        pluginSystem = new PluginSystem(plugins);
-                        return [
-                            4,
-                            pluginSystem.processRawJSON(jsonScene, _this.options)
-                        ];
-                    case 1:
-                        _state.sent();
-                        return [
-                            2,
-                            {
-                                jsonScene: jsonScene,
-                                pluginSystem: pluginSystem
-                            }
-                        ];
+                jsonScene = getStandardJSON(json);
+                _jsonScene_plugins = jsonScene.plugins, plugins = _jsonScene_plugins === void 0 ? [] : _jsonScene_plugins;
+                for(_iterator = _create_for_of_iterator_helper_loose(plugins); !(_step = _iterator()).done;){
+                    customPluginName = _step.value;
+                    if (!pluginLoaderMap[customPluginName]) {
+                        throw new Error("The plugin '" + customPluginName + "' not found." + getPluginUsageInfo(customPluginName));
+                    }
                 }
+                return [
+                    2,
+                    {
+                        jsonScene: jsonScene
+                    }
+                ];
             });
         })();
     };
@@ -32826,30 +32323,18 @@ var seed$1 = 1;
             });
         })();
     };
-    _proto.processPluginAssets = function processPluginAssets(jsonScene, pluginSystem, options) {
+    _proto.processPluginAssets = function processPluginAssets(scene) {
         var _this = this;
         return _async_to_generator(function() {
-            var pluginResult, _pluginResult_reduce, assets, loadedAssets, i;
             return __generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
                         return [
                             4,
-                            pluginSystem.processAssets(jsonScene, options)
+                            PluginSystem.processAssets(scene, _this.options)
                         ];
                     case 1:
-                        pluginResult = _state.sent();
-                        _pluginResult_reduce = pluginResult.reduce(function(acc, cur) {
-                            acc.assets = acc.assets.concat(cur.assets);
-                            acc.loadedAssets = acc.loadedAssets.concat(cur.loadedAssets);
-                            return acc;
-                        }, {
-                            assets: [],
-                            loadedAssets: []
-                        }), assets = _pluginResult_reduce.assets, loadedAssets = _pluginResult_reduce.loadedAssets;
-                        for(i = 0; i < assets.length; i++){
-                            _this.assets[assets[i].id] = loadedAssets[i];
-                        }
+                        _state.sent();
                         return [
                             2
                         ];
@@ -33276,7 +32761,6 @@ function _createTextureOptionsBySource() {
         }
     };
     _proto.prepareAssets = function prepareAssets(scene, assets) {
-        this.engine.clearResources();
         for(var _iterator = _create_for_of_iterator_helper_loose(Object.keys(assets)), _step; !(_step = _iterator()).done;){
             var assetId = _step.value;
             var asset = assets[assetId];
@@ -35188,8 +34672,9 @@ var DEFAULT_FPS = 60;
             ]
         });
         for(var i1 = 0; i1 < comps.length; i1++){
-            !comps[i1].renderFrame.isDestroyed && this.renderer.renderRenderFrame(comps[i1].renderFrame);
+            !comps[i1].renderFrame.isDisposed && this.renderer.renderRenderFrame(comps[i1].renderFrame);
         }
+        this.renderer.renderTargetPool.flush();
     };
     /**
    * 将渲染器重新和父容器大小对齐
@@ -35435,6 +34920,95 @@ var DEFAULT_FPS = 60;
     return Engine;
 }(EventEmitter);
 
+var def = {
+    format: glContext.RGBA,
+    type: glContext.UNSIGNED_BYTE,
+    minFilter: glContext.LINEAR,
+    magFilter: glContext.LINEAR,
+    wrapS: glContext.CLAMP_TO_EDGE,
+    wrapT: glContext.CLAMP_TO_EDGE
+};
+var disposeSymbol = Symbol("dispose");
+var PassTextureCache = /*#__PURE__*/ function() {
+    function PassTextureCache(engine) {
+        this.textureCache = {};
+        this.textureRef = {};
+        this.engine = engine;
+    }
+    var _proto = PassTextureCache.prototype;
+    _proto.requestColorAttachmentTexture = function requestColorAttachmentTexture(request) {
+        var _this = this;
+        var width = request.width, height = request.height, name = request.name;
+        var options = {
+            sourceType: exports.TextureSourceType.framebuffer,
+            data: {
+                width: width,
+                height: height
+            },
+            name: name
+        };
+        var keys = [
+            name
+        ];
+        Object.getOwnPropertyNames(def).forEach(function(name) {
+            var _request_name;
+            var value = (_request_name = request[name]) != null ? _request_name : def[name];
+            options[name] = value;
+            keys.push(name, value);
+        });
+        var cacheId = keys.join(":");
+        var tex = this.textureCache[cacheId];
+        if (tex) {
+            this.textureRef[cacheId]++;
+        } else {
+            var engine = this.engine;
+            assertExist(engine);
+            tex = Texture.create(engine, options);
+            this.textureCache[cacheId] = tex;
+            this.textureRef[cacheId] = 1;
+            // @ts-expect-error
+            tex[disposeSymbol] = tex.dispose;
+            tex.dispose = function() {
+                return _this.removeTexture(cacheId);
+            };
+        }
+        return tex;
+    };
+    _proto.removeTexture = function removeTexture(id) {
+        var refCount = this.textureRef[id];
+        if (refCount <= 1) {
+            if (refCount < 0) {
+                console.error("Ref count < 0.");
+            }
+            var tex = this.textureCache[id];
+            if (tex) {
+                // @ts-expect-error
+                tex[disposeSymbol]();
+                // @ts-expect-error
+                tex.dispose = tex[disposeSymbol];
+            }
+            delete this.textureCache[id];
+            delete this.textureRef[id];
+        } else {
+            this.textureRef[id] = refCount - 1;
+        }
+    };
+    _proto.dispose = function dispose() {
+        var _this = this;
+        Object.keys(this.textureCache).forEach(function(key) {
+            var texture = _this.textureCache[key];
+            // @ts-expect-error
+            texture[disposeSymbol]();
+            // @ts-expect-error
+            texture.dispose = texture[disposeSymbol];
+        });
+        this.textureCache = {};
+        this.textureRef = {};
+        this.engine = undefined;
+    };
+    return PassTextureCache;
+}();
+
 var SceneLoader = /*#__PURE__*/ function() {
     function SceneLoader() {}
     SceneLoader.load = function load(scene, engine, options) {
@@ -35453,16 +35027,16 @@ var SceneLoader = /*#__PURE__*/ function() {
                         engine.assetManagers.push(assetManager);
                         return [
                             4,
-                            assetManager.loadScene(scene, engine.renderer, {
-                                env: engine.env
-                            })
+                            assetManager.loadScene(scene, engine.renderer)
                         ];
                     case 1:
                         loadedScene = _state.sent();
+                        engine.clearResources();
+                        // 触发插件系统 pluginSystem 的回调 prepareResource
+                        PluginSystem.loadResources(loadedScene, assetManager.options, engine);
                         engine.assetService.prepareAssets(loadedScene, loadedScene.assets);
                         engine.assetService.updateTextVariables(loadedScene, options.variables);
                         engine.assetService.initializeTexture(loadedScene);
-                        loadedScene.pluginSystem.precompile(loadedScene.jsonScene.compositions, engine.renderer);
                         composition = _this.createComposition(loadedScene, engine, options);
                         composition.setIndex(compositionIndex);
                         compileStart = performance.now();
@@ -35515,13 +35089,13 @@ var SceneLoader = /*#__PURE__*/ function() {
     return SceneLoader;
 }();
 
-registerPlugin("camera", CameraVFXItemLoader, exports.VFXItem);
-registerPlugin("text", TextLoader, exports.VFXItem);
-registerPlugin("sprite", SpriteLoader, exports.VFXItem);
-registerPlugin("particle", ParticleLoader, exports.VFXItem);
-registerPlugin("cal", CalculateLoader, exports.VFXItem);
-registerPlugin("interact", InteractLoader, exports.VFXItem);
-var version$1 = "2.8.0-alpha.1";
+registerPlugin("camera", CameraVFXItemLoader);
+registerPlugin("text", TextLoader);
+registerPlugin("sprite", SpriteLoader);
+registerPlugin("particle", ParticleLoader);
+registerPlugin("cal", CalculateLoader);
+registerPlugin("interact", InteractLoader);
+var version$1 = "2.8.0-alpha.3";
 logger.info("Core version: " + version$1 + ".");
 
 var _obj;
@@ -36799,7 +36373,7 @@ var ThreeRenderer = /*#__PURE__*/ function(Renderer) {
                         return [
                             4,
                             Promise.all(scenes.map(/*#__PURE__*/ _async_to_generator(function(url, index) {
-                                var _this_assetService_assembleSceneLoadOptions, source, opts, assetManager, _$scene, composition;
+                                var _this_assetService_assembleSceneLoadOptions, source, opts, assetManager, _$scene, engine, composition;
                                 return __generator(this, function(_state) {
                                     switch(_state.label){
                                         case 0:
@@ -36809,16 +36383,17 @@ var ThreeRenderer = /*#__PURE__*/ function(Renderer) {
                                             assetManager = new AssetManager(opts);
                                             return [
                                                 4,
-                                                assetManager.loadScene(source, _this.renderer, {
-                                                    env: _this.env
-                                                })
+                                                assetManager.loadScene(source, _this.renderer)
                                             ];
                                         case 1:
                                             _$scene = _state.sent();
+                                            engine = _this.engine;
+                                            engine.clearResources();
+                                            // 触发插件系统 pluginSystem 的回调 prepareResource
+                                            PluginSystem.loadResources(_$scene, assetManager.options, engine);
                                             _this.assetService.prepareAssets(_$scene, assetManager.getAssets());
                                             _this.assetService.updateTextVariables(_$scene, assetManager.options.variables);
                                             _this.assetService.initializeTexture(_$scene);
-                                            _$scene.pluginSystem.precompile(_$scene.jsonScene.compositions, _this.renderer);
                                             composition = _this.createComposition(_$scene, opts);
                                             _this.baseCompositionIndex += 1;
                                             composition.setIndex(baseOrder + index);
@@ -37110,7 +36685,7 @@ applyMixins(exports.ThreeTextComponent, [
  */ Mesh.create = function(engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "2.8.0-alpha.1";
+var version = "2.8.0-alpha.3";
 logger.info("THREEJS plugin version: " + version + ".");
 
 exports.AbstractPlugin = AbstractPlugin;
@@ -37225,7 +36800,6 @@ exports.Pose = Pose;
 exports.PoseNode = PoseNode;
 exports.PropertyClipPlayable = PropertyClipPlayable;
 exports.PropertyTrack = PropertyTrack;
-exports.RENDER_PASS_NAME_PREFIX = RENDER_PASS_NAME_PREFIX;
 exports.RENDER_PREFER_LOOKUP_TEXTURE = RENDER_PREFER_LOOKUP_TEXTURE;
 exports.RUNTIME_ENV = RUNTIME_ENV;
 exports.RandomSetValue = RandomSetValue;
@@ -37238,6 +36812,7 @@ exports.RenderPassPriorityNormal = RenderPassPriorityNormal;
 exports.RenderPassPriorityPostprocess = RenderPassPriorityPostprocess;
 exports.RenderPassPriorityPrepare = RenderPassPriorityPrepare;
 exports.RenderTargetHandle = RenderTargetHandle;
+exports.RenderTargetPool = RenderTargetPool;
 exports.Renderbuffer = Renderbuffer;
 exports.Renderer = Renderer;
 exports.RendererComponent = RendererComponent;
@@ -37306,14 +36881,12 @@ exports.colorGradingFrag = colorGradingFrag;
 exports.colorStopsFromGradient = colorStopsFromGradient;
 exports.colorToArr = colorToArr$1;
 exports.combineImageTemplate = combineImageTemplate;
-exports.createCopyShader = createCopyShader;
 exports.createGLContext = createGLContext;
 exports.createKeyFrameMeta = createKeyFrameMeta;
 exports.createShape = createShape;
 exports.createValueGetter = createValueGetter;
 exports.curveEps = curveEps;
 exports.decimalEqual = decimalEqual;
-exports.defaultPlugins = defaultPlugins;
 exports.deserializeMipmapTexture = deserializeMipmapTexture;
 exports.earcut = earcut;
 exports.effectsClass = effectsClass;
@@ -37321,7 +36894,6 @@ exports.effectsClassStore = effectsClassStore;
 exports.enlargeBuffer = enlargeBuffer;
 exports.ensureFixedNumber = ensureFixedNumber;
 exports.ensureVec3 = ensureVec3;
-exports.findPreviousRenderPass = findPreviousRenderPass;
 exports.gaussianDownHFrag = gaussianDownHFrag;
 exports.gaussianDownVFrag = gaussianDownVFrag;
 exports.gaussianUpFrag = gaussianUpFrag;
@@ -37342,6 +36914,7 @@ exports.getMergedStore = getMergedStore;
 exports.getNodeDataClass = getNodeDataClass;
 exports.getParticleMeshShader = getParticleMeshShader;
 exports.getPixelRatio = getPixelRatio;
+exports.getPluginUsageInfo = getPluginUsageInfo;
 exports.getPreMultiAlpha = getPreMultiAlpha;
 exports.getStandardComposition = getStandardComposition;
 exports.getStandardImage = getStandardImage;