2016-01-04 128 views
0

:我將我的JavaScript編碼,並與three.js所動態反射

打的第一個步驟

我做了使用着色器這個實驗和環境貼圖(http://jsfiddle.net/gnazoa/3hxrky6k/1/

然後,藉助Three.js網站的一個例子。我學會了如何可能使用cubeCamera的幾何形狀之間的反射現在(http://jsfiddle.net/gnazoa/z3frkb6m/1/

,問題是,我不能找到一種方法,使兩個幾何和textureCube處的反射之間的反射同時。

我知道,當我定義我的校服我可以這樣寫:

envMap: { 
    type: "t", 
    value: cubeCamera.renderTarget 
}, 

或本:

envMap: { 
    type: "t", 
    value: textureCube 
}, 

但是,這並不工作:

envMap: { 
    type: "t", 
    value: textureCube, cubeCamera.renderTarget 
}, 

待辦事項你有一些推薦?謝謝

回答

0

不完全確定,但是您是否需要兩個不同的env地圖來反映場景中的多個項目?即爲每個想要分開反射的物品創建反射貼圖。

值得注意的是,在更新反射貼圖之前(在動畫週期中),您必須從場景中移除將反射的項目,否則它會以沒有反射的黑色對象結束。

+0

謝謝@ user1236373這是一個很好的解決方案,但我不找具有我想在每一個項目都反射(textureCube和cubeCamera.renderTarget)每個項目不同的反射與此同時。 –

+0

換句話說,我正在尋找像這樣的東西(http://threejs.org/examples/#webgl_materials_cubemap_dynamic2),但沒有背景圖片。只有三種幾何形狀,圖像的反射和幾何圖形之間的反射。 –