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

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.2
  */
 
 '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;
+    PluginSystem.processAssets = function processAssets(scene, options) {
         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;
-        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 = {};
@@ -10377,175 +10331,72 @@ var MaskProcessor = /*#__PURE__*/ function() {
     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.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 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
-    };
-}
 
-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;
+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.removeTexture = function removeTexture(id) {
-        var refCount = this.textureRef[id];
-        if (refCount <= 1) {
-            if (refCount < 0) {
-                console.error("Ref count < 0.");
+    _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;
             }
-            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 +10406,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 +10525,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 +10557,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 +10583,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 +10596,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 +10610,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 +10617,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);
 /**
@@ -13023,9 +12747,9 @@ var ShaderFactory = /*#__PURE__*/ function() {
 // Bloom 阈值 Pass
 var BloomThresholdPass = /*#__PURE__*/ function(RenderPass) {
     _inherits(BloomThresholdPass, RenderPass);
-    function BloomThresholdPass(renderer, option) {
+    function BloomThresholdPass(renderer) {
         var _this;
-        _this = RenderPass.call(this, renderer, option) || this;
+        _this = RenderPass.call(this, renderer) || this;
         var engine = _this.renderer.engine;
         var geometry = Geometry.create(engine, {
             mode: glContext.TRIANGLE_STRIP,
@@ -13064,12 +12788,11 @@ var BloomThresholdPass = /*#__PURE__*/ function(RenderPass) {
         });
         _this.priority = 5000;
         _this.name = "BloomThresholdPass";
-        _this.onResize = _this.onResize.bind(_assert_this_initialized(_this));
-        _this.renderer.engine.on("resize", _this.onResize);
         return _this;
     }
     var _proto = BloomThresholdPass.prototype;
     _proto.configure = function configure(renderer) {
+        this.framebuffer = renderer.getTemporaryRT(this.name, renderer.getWidth(), renderer.getHeight(), 0, exports.FilterMode.Linear, exports.RenderTextureFormat.RGBAHalf);
         this.mainTexture = renderer.getFramebuffer().getColorTextures()[0];
         this.sceneTextureHandle.texture = this.mainTexture;
         renderer.setFramebuffer(this.framebuffer);
@@ -13077,9 +12800,9 @@ var BloomThresholdPass = /*#__PURE__*/ function(RenderPass) {
     _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
+            colorAction: exports.TextureLoadAction.clear,
+            depthAction: exports.TextureLoadAction.clear,
+            stencilAction: exports.TextureLoadAction.clear
         });
         this.screenMesh.material.setTexture("_MainTex", this.mainTexture);
         var _renderer_renderingData_currentFrame_globalVolume_bloom_threshold;
@@ -13089,23 +12812,21 @@ var BloomThresholdPass = /*#__PURE__*/ function(RenderPass) {
             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.onCameraCleanup = function onCameraCleanup(renderer) {
+        if (this.framebuffer) {
+            renderer.releaseTemporaryRT(this.framebuffer);
+        }
     };
     _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) {
+    function HQGaussianDownSamplePass(renderer, type, level) {
         var _this;
-        _this = RenderPass.call(this, renderer, options) || this;
+        _this = RenderPass.call(this, renderer) || this;
         _this.type = type;
         _this.level = level;
         var engine = _this.renderer.engine;
@@ -13152,25 +12873,21 @@ var HQGaussianDownSamplePass = /*#__PURE__*/ function(RenderPass) {
         });
         _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) {
+        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 = renderer.getTemporaryRT(this.name, width, height, 0, exports.FilterMode.Linear, exports.RenderTextureFormat.RGBAHalf);
         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
+            colorAction: exports.TextureLoadAction.clear,
+            depthAction: exports.TextureLoadAction.clear,
+            stencilAction: exports.TextureLoadAction.clear
         });
         this.screenMesh.material.setTexture("_MainTex", this.mainTexture);
         this.screenMesh.material.setVector2("_TextureSize", getTextureSize(this.mainTexture));
@@ -13181,23 +12898,18 @@ var HQGaussianDownSamplePass = /*#__PURE__*/ function(RenderPass) {
             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);
+    _proto.onCameraCleanup = function onCameraCleanup(renderer) {
+        if (this.framebuffer) {
+            renderer.releaseTemporaryRT(this.framebuffer);
+        }
     };
     return HQGaussianDownSamplePass;
 }(RenderPass);
 var HQGaussianUpSamplePass = /*#__PURE__*/ function(RenderPass) {
     _inherits(HQGaussianUpSamplePass, RenderPass);
-    function HQGaussianUpSamplePass(renderer, level, options) {
+    function HQGaussianUpSamplePass(renderer, level) {
         var _this;
-        _this = RenderPass.call(this, renderer, options) || this;
+        _this = RenderPass.call(this, renderer) || this;
         _this.level = level;
         var name = "PostProcess";
         var engine = _this.renderer.engine;
@@ -13241,25 +12953,21 @@ var HQGaussianUpSamplePass = /*#__PURE__*/ function(RenderPass) {
         });
         _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) {
+        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 = renderer.getTemporaryRT(this.name, width, height, 0, exports.FilterMode.Linear, exports.RenderTextureFormat.RGBAHalf);
         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
+            colorAction: exports.TextureLoadAction.clear,
+            depthAction: exports.TextureLoadAction.clear,
+            stencilAction: exports.TextureLoadAction.clear
         });
         this.screenMesh.material.setTexture("_MainTex", this.mainTexture);
         this.screenMesh.material.setTexture("_GaussianDownTex", this.gaussianDownSampleResult.texture);
@@ -13268,15 +12976,10 @@ var HQGaussianUpSamplePass = /*#__PURE__*/ function(RenderPass) {
             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);
-    };
-    _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.framebuffer) {
+            renderer.releaseTemporaryRT(this.framebuffer);
+        }
     };
     return HQGaussianUpSamplePass;
 }(RenderPass);
@@ -13285,7 +12988,7 @@ 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 +13044,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 +13093,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
         ];
@@ -13493,48 +13132,13 @@ var seed$6 = 1;
                 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
-                        }
-                    }
-                ]
-            });
+            var bloomThresholdPass = new BloomThresholdPass(renderer);
             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
-                            }
-                        }
-                    ]
-                });
+                var gaussianDownHPass = new HQGaussianDownSamplePass(renderer, "H", i);
+                var gaussianDownVPass = new HQGaussianDownSamplePass(renderer, "V", i);
                 gaussianDownVPass.gaussianResult = gaussianDownResults[i];
                 this.addRenderPass(gaussianDownHPass);
                 this.addRenderPass(gaussianDownVPass);
@@ -13545,18 +13149,7 @@ var seed$6 = 1;
             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
-                            }
-                        }
-                    ]
-                });
+                var gaussianUpPass = new HQGaussianUpSamplePass(renderer, gaussianStep - i1);
                 gaussianUpPass.gaussianDownSampleResult = gaussianDownResults[gaussianStep - 2 - i1];
                 this.addRenderPass(gaussianUpPass);
                 viewport[2] *= 2;
@@ -13565,31 +13158,17 @@ var seed$6 = 1;
             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 +13185,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 +13220,9 @@ var seed$6 = 1;
             }
         },
         {
-            key: "isDestroyed",
+            key: "isDisposed",
             get: function get() {
-                return this.destroyed;
+                return this.disposed;
             }
         }
     ]);
@@ -13705,10 +13231,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 +13268,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 +13569,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 +13643,10 @@ 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);
     };
     _proto.dispose = function dispose() {
     // OVERRIDE
@@ -14073,6 +13654,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 +17719,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 +24101,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 +24115,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 +24224,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 +24277,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 +24294,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 +24318,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 +24476,6 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
    * 合成对象销毁
    */ _proto.dispose = function dispose() {
         var _this = this;
-        var _this_pluginSystem;
         if (this.destroyed) {
             return;
         }
@@ -24892,13 +24495,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 +24519,6 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
                 0
             ]
         });
-        this.renderer.engine.removeComposition(this);
     };
     /**
    * 编辑器使用的 transform 修改方法
@@ -31890,7 +31493,7 @@ function getStandardSpriteContent(sprite, transform) {
     return ret;
 }
 
-var version$2 = "2.8.0-alpha.1";
+var version$2 = "2.8.0-alpha.2";
 var v0 = /^(\d+)\.(\d+)\.(\d+)(-(\w+)\.\d+)?$/;
 var standardVersion = /^(\d+)\.(\d+)$/;
 var reverseParticle = false;
@@ -32405,7 +32008,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 +32069,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 +32119,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 +32149,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 +32200,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 +32422,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 +32860,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 +34771,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 +35019,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 +35126,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 +35188,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.2";
 logger.info("Core version: " + version$1 + ".");
 
 var _obj;
@@ -36799,7 +36472,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 +36482,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 +36784,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.2";
 logger.info("THREEJS plugin version: " + version + ".");
 
 exports.AbstractPlugin = AbstractPlugin;
@@ -37225,7 +36899,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 +36911,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 +36980,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 +36993,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 +37013,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;