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 編輯器修改它並刪除光點然后再次導出。