Autodesk Forge Viewer加载GLB模型过暗及显示异常问题求助

1. 修复代码致命错误 #

你的代码最后一行viewer.unloadModel(viewer.model);会在模型开始加载后立刻卸载它，直接导致模型无法正常渲染，请移除这行代码。

2. 强制保留GLB原始材质 #

Forge Viewer默认会将外部模型（如GLB）转换为自身的材质系统，这会破坏GLB的PBR材质属性，导致颜色表现异常。加载模型时添加preserveMaterials: true配置：

viewer.loadModel(url, {
    fileLoader: (Autodesk.Viewing as any).FileLoaderManager.getFileLoaderForExtension("glb"),
    preserveMaterials: true // 关键配置：保留GLB原始材质
});

3. 适配GLB的PBR材质光照 #

Viewer内置灯光预设可能不匹配GLB的PBR材质，建议启用HDR环境光并调整曝光参数：

viewer.addEventListener(Autodesk.Viewing.GEOMETRY_LOADED_EVENT, function adjustLights() {
    viewer.removeEventListener(Autodesk.Viewing.GEOMETRY_LOADED_EVENT, adjustLights);
    
    // 切换到HDR环境光预设（更适配PBR材质）
    viewer.setLightPreset(4);
    // 调整曝光值，根据模型实际效果微调
    viewer.setExposure(1.5);
    
    // 若需自定义灯光，使用Viewer官方API而非直接添加THREE灯光
    const customLight = {
        type: 'directional',
        color: 0xffffff,
        intensity: 2,
        position: new THREE.Vector3(0, 10, 5)
    };
    viewer.impl.lightManager.addLight(customLight);
    viewer.impl.invalidate(true);
});

4. 禁用自动颜色校正（可选） #

如果上述步骤仍无效，尝试关闭Viewer的自动颜色校正：

viewer.setUseGammaCorrection(false);
viewer.setUseLinearRendering(false);

核心原因 #

鼠标悬停高亮正常，说明模型原始颜色数据是正确的，问题出在Viewer对材质的强制转换和光照计算逻辑上。通过preserveMaterials: true保留GLB原生PBR材质，再配合适配的HDR光照，即可让模型颜色正常显示。

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