谷歌模型查看器中的GLB模型看起来很苍白

问：

我正在使用谷歌在我的应用程序中可视化 3D 模型。问题是模型看起来非常苍白 - 没有对比度，没有内部阴影 - 只有模型下方的阴影。这是我将模型添加到页面的方式：model-viewer

   const model = document.createElement("model-viewer");
   model.setAttribute("src", url); //url point to glb model in my files storage
   model.setAttribute("class", "model-component");
   model.setAttribute("shadow-intensity", "1");
   model.setAttribute("ar", "");               
   model.setAttribute("camera-controls", "");
   document.body.appendChild(model);

结果如下：

我试图在其他库中可视化这个模型，它们看起来不同 - 有对比度和阴影。我怎样才能修复它，让它看起来对比度更高？