Galacean引擎资源加载过程中销毁引擎的异常处理分析

2025-06-13 00:39:26作者：咎岭娴Homer

引言

在现代WebGL引擎开发中，资源加载是一个复杂且关键的过程。Galacean引擎作为一款优秀的WebGL引擎，在处理资源加载与引擎生命周期管理时也面临着一些挑战。本文将深入分析当资源尚未加载完成时销毁Galacean引擎所引发的异常问题，探讨其背后的技术原因及解决方案。

问题现象

当开发者在Galacean引擎中加载GLTF等复合资源的过程中，如果过早调用引擎的destroy()方法，控制台会出现两类主要错误：

成功被取消的AssetPromise未被捕获：这类错误表明资源加载过程被中断，但相关的Promise异常没有被正确处理。
未被取消且回调依赖引擎对象的Promise：这类错误更为严重，因为一些异步操作仍在尝试使用已被销毁的引擎对象。

技术背景分析

在WebGL引擎中，资源加载通常是一个异步过程，涉及多个步骤：

主资源请求：如GLTF文件的下载
子资源解析：解析GLTF文件中引用的纹理、网格等
GPU资源创建：将解析后的数据上传至GPU

当引擎在任意阶段被销毁时，这些异步操作可能处于不同状态，需要妥善处理。

问题根源

通过对Galacean引擎代码的分析，我们发现问题的核心在于：

资源加载与引擎生命周期的耦合：许多异步操作的回调函数直接引用了引擎对象，当引擎被销毁后，这些引用变为无效。
Promise链管理不足：复合资源加载过程中产生的子Promise没有统一的取消机制，导致引擎销毁时无法干净地终止所有相关操作。
错误处理不完善：部分被取消的操作产生的异常没有被适当捕获和处理。

解决方案设计

基于对问题的深入理解，我们设计了以下解决方案：

1. 引擎关联的Promise管理

所有与引擎实例关联的Promise应该在引擎销毁时被统一处理。我们引入了一个中央管理系统来跟踪这些Promise：

class Engine {
  private _activePromises = new Set<CancellablePromise>();

  trackPromise(promise: CancellablePromise) {
    this._activePromises.add(promise);
    promise.finally(() => {
      this._activePromises.delete(promise);
    });
  }

  destroy() {
    // 取消所有活跃的Promise
    this._activePromises.forEach(p => p.cancel());
    // 继续正常销毁流程
    // ...
  }
}

2. 复合Loader编写规范

对于需要加载复合资源的Loader，我们制定了明确的编写规范：

创建CancellablePromise来包装整个加载过程
将该Promise与引擎实例关联
确保所有子操作都支持取消
加载完成后解除与引擎的关联

伪代码示例：

function loadComplexResource() {
  const promise = new CancellablePromise((resolve, reject, onCancel) => {
    // 1. 加载主资源
    const mainResource = fetchMainResource();
    
    // 2. 设置取消回调
    onCancel(() => {
      // 清理已创建的资源
      mainResource.abort();
    });
    
    // 3. 加载子资源
    const subPromises = loadSubResources(mainResource);
    
    // 4. 等待所有操作完成
    Promise.all(subPromises).then(resolve).catch(reject);
  });
  
  // 与引擎关联
  engine.trackPromise(promise);
  return promise;
}