3D Model 上的三箱铸影

Question

我正在使用三框 js 做一个项目，并试图获得导入的 3D 模型的影子。 按照文档https://github.com/jscastro76/threebox/blob/master/docs/Threebox.md#threebox-methods创建 object 时，我将属性更改为 TRUE（下面的代码）。

window.tb.loadObj(proptions, function (model) {
    model.setCoords(place);
    model.addTooltip("A radar in the middle of nowhere", true);
    model.setRotation({ x: 0, y: 0, z: Math.floor(Math.random() * 100) })
    model.castShadow = true;
    window.tb.add(model);

});

这就是我这样做时得到的：

解决

正如@jscastro 回应的那样，我使用的是带有灯的 3d Model。 那盏灯弄乱了我的场景灯。 检查@jscastro 响应以获取更多详细信息。

Answer 1

Sketchfab 的公共汽车站 model 面临的问题是，它在地面下方嵌入了自己的照明，这打破了三框场景中的阴影。

这就是当 model 在三盒中加载时会产生阴影问题的原因。 我已将您所有的模型加载到三个盒子中，没有任何问题，并显示了一个工具提示，包括公共汽车站。

如果你确实想使用那个巴士站 model，你需要用Threejs 编辑器修改它并删除光点然后再次导出。