使用three.js進行材質預覽

我正在努力在瀏覽器中顯示材質。將會有一個（或幾個）幾何體，我想選擇一些路徑並從我的磁盤上的文件夾加載3個紋理到幾何體。使用three.js進行材質預覽

所以在每個文件夾中都會有一個顏色映射，一個鏡面映射和一個法線貼圖。

我的瀏覽器的左側部分應該是具有幾何圖形的WebGL場景。在右側應該是一些可以選擇路徑並加載紋理文件夾的字段。

我是新來three.js，我的問題是：

這可能使用three.js？有沒有辦法在瀏覽器中加載紋理？我可以在我的幾何體上放置一個鏡面，一個正常和一個色彩映射嗎？

來源

2013-06-26 user2524500

是的。請參閱http://threejs.org/上的示例或下載的示例文件夾中的示例，其中許多示例都具有紋理，法線貼圖和高光貼圖。

材質預覽可以像任何其他類型的「普通場景」一樣成爲自己的場景。

來源

2013-06-26 15:08:43 yaku

嗨yaku，謝謝你的快速回復。我已經下載了一個帶有攪拌器導出的例子，並用我從攪拌器中導出的幾何替換了現有幾何。這工作正常。但是當我嘗試複製另一個示例的紋理部分與規格，顏色和法線貼圖並將其插入到我的文件中時，它不起作用。有什麼特別的考慮，當我在three.js紋理攪拌機出口？ – user2524500

@ user2524500也許這是另一個問題的主題？你究竟試過了什麼，它如何不工作？您是否收到錯誤，瀏覽器是否獲得正確的路徑並實際下載文件？攪拌器出口與其他幾何形狀不應有任何特殊關係，除了可能的紫外線協調相關問題。無論如何，您可以先嚐試使用Three創建的簡單幾何體。試着讓顏色和規格先工作，然後解決法線貼圖，因爲這可能很難得到正確的工作（或使用笨拙的地圖）。只能使用具有二維冪次的紋理。 – yaku

@ user2524500也在你的用例中使用'scene.overrideMaterial = mypreviewmaterial;'來強制所有的幾何體使用你的預覽材料可能會更容易。 – yaku

使用three.js進行材質預覽

回答

相關問題