2012-09-13 83 views
2

我正在尋找從圖像(從數據庫或任何地方)拉出圖像並將其疊加到THREE.Mesh(three.js)上的能力,基於一些用戶輸入。我想,我需要做的是以下幾點:添加材料/紋理到現有的THREE.Mesh(three.js)

1)從圖像創建具有質感的一種新型材料,並加入到幾何

2)確定在其上的圖像將被覆蓋

面孔3)對於每個頂點,確定和分配的圖像

4)變更materialIndex每個面新材料

我只是不確定這是否會工作,如何進行正確的UV座標assignme nts到現有的網格。任何幫助將不勝感激。

UPDATE

任何人都知道這是可能的/使用其他庫更容易,如SceneJS?

+0

如果您顯示您嘗試過的內容(最好是作爲實例或jsfiddle),您將獲得更多幫助。 – WestLangley

+0

這裏是一個jsfiddle試圖做我上面概述的http://jsfiddle.net/YnuaZ/2/ –

+0

我現在想知道如果我能夠爲整個網格創建一個透明的紋理,然後「繪製「適當的時候將圖像貼到紋理上。 –

回答

2

您不必創建新材質,僅創建新紋理並替換材質。然後你需要設置你需要的頂點的UV。然後將geometry.uvsNeedUpdate設置爲true

+0

圖像數量和每個人將覆蓋的面數量是未知的。我從整個模型的一個材質開始,然後需要紋理模型的部分,因爲圖像是從我的服務器(每個用戶請求)拉出的。這就是爲什麼我需要即時添加材料(我認爲),除非我可以爲材質設置多個紋理。 –

+0

是否有最大數量的圖像? – mrdoob

+0

沒有最大值。 –