2015-12-07 103 views
0

我面臨着一個問題,其中一個THREE.SpotLight正在投射一個陰影,而沒有一個物體在其平截頭體中。Three.js聚光燈投影沒有物體的陰影

我已經設置了一個簡單的場景,其中包含一個THREE.SpotLight和一個平面網格。 SpotLight被設置爲投射陰影和飛機以接收陰影。在地面上有一個可見的正方形陰影,這是SpotLights shadowCamera的大小。這個場景是下面圖片的右側。

立方體網格現在被添加和定位外部初始攝像機視圖空間。通過縮小,在立方體網格變得相機可見之前,Spotlight陰影消失。這張照片在圖片的左側。

http://jsfiddle.net/L0rdzbej/157/

這發生在Firefox中,從它是什麼我heared無法在Chrome的情況。這裏發生了什麼以及如何避免它?

enter image description here

+0

如果您在設置框的位置後調用'box.updateMatrixWorld()',問題是否消失? – WestLangley

+0

編號:http://jsfiddle.net/L0rdzbej/158/。在添加任何對象時(例如SpotLight-Helper),陰影不再是問題所在。 –

+0

我的猜想是你正在看到盒子的陰影。你能把盒子換成一個球體並嘗試嗎? – WestLangley

回答

-1

陰影顯示不出來了,所以IM標誌着這個作爲解決。

編輯:如果有人遇到同樣的問題,請聯繫github上的報告問題:https://github.com/mrdoob/three.js/issues/7750。它沒有得到太多的關注,因爲它不能被維護人員複製。

+0

你知道你做了什麼來解決它嗎?它可能會在未來幫助其他人類似的問題。 – GregL

+0

我沒有改變任何意圖。今天剛剛使用Chrome/IE/FF檢查了jsfiddle,並且它不再顯示。 –