Three.js编辑器自定义ParticleSystem类加载失败问题求助

问题场景 #

在Three.js编辑器中添加了ParticleSystem后，尝试通过以下代码加载其属性：

const scene = await loader.parseAsync( json.scene );
        
scene.traverse(child => {
    console.log(child.config)
    if ((child.type=="ParticleSystem" || child.name=="ParticleSystem") && child.config) {
        const obj = ParticleSystem.fromJSON(child.config);
        if (parent && typeof parent.add === 'function') {
            parent.add(obj);
        }
    }
});

发现ObjectLoader无法识别JSON中已有的config属性。后续尝试直接重写ObjectLoader的parseObject方法：

const originalParseObject = THREE.ObjectLoader.prototype.parseObject;

THREE.ObjectLoader.prototype.parseObject = function (data, parent) {
    console.log("Heyyy",data.config)
  if (data.type === 'ParticleSystem') {
    const obj = ParticleSystem.fromJSON(data);
    if (parent && typeof parent.add === 'function') {
      parent.add(obj);
    }
    return obj;
  }
  return originalParseObject.call(this, data, parent);
};

该代码能加载ParticleSystem，但会导致其他对象无法正常加载；尝试扩展ObjectLoader并重写parseObject，问题依旧。

解决方案 #

方案1：使用官方推荐的registerType注册自定义类型 #

这是最稳妥的方式，不会干扰内置对象的加载逻辑：

class CustomObjectLoader extends THREE.ObjectLoader {
  constructor(manager) {
    super(manager);
    // 注册ParticleSystem的解析逻辑
    this.registerType('ParticleSystem', (data) => {
      return ParticleSystem.fromJSON(data);
    });
  }
}

// 使用自定义Loader加载场景
const loader = new CustomObjectLoader();
const scene = await loader.parseAsync(json.scene);

ObjectLoader会自动处理父子对象的关联，无需手动调用parent.add。

方案2：修正重写parseObject的逻辑 #

如果必须重写parseObject，需避免手动处理父对象添加，保证原方法的调用逻辑完整：

const originalParseObject = THREE.ObjectLoader.prototype.parseObject;

THREE.ObjectLoader.prototype.parseObject = function (data, parent) {
  if (data.type === 'ParticleSystem') {
    const obj = ParticleSystem.fromJSON(data);
    // 不要手动调用parent.add，原方法会自动处理父子关系
    return obj;
  }
  // 使用apply传递完整参数，确保原方法上下文正确
  return originalParseObject.apply(this, arguments);
};

关键注意点 #

• 手动调用parent.add会和原ObjectLoader的父子关系处理逻辑冲突，是导致其他对象加载失败的核心原因；
• registerType是Three.js官方为自定义对象加载提供的标准接口，逻辑更严谨；
• 重写parseObject时必须保证原方法的参数和上下文传递正确，避免遗漏内置对象的加载逻辑。

内容的提问来源于stack exchange，提问作者Jammanna M