轉換導出的攪拌機紋理與Three.JS一起使用

Question

我想要得到一個攪拌機模型，我已經導出以正確顯示，但它看起來好像樹葉的紋理沒有被正確混合爲alpha （儘管行李箱本身工作正常）。以下是我所看到的：

請注意樹葉是否沒有通過正確的別名（即它應該看起來像帶樹葉的樹，而不是灰色的紙）。

在攪拌機中樹看起來很好，但我有幾個人告訴我，它看起來像我的阿爾法是倒置的（我不完全確定這意味着什麼）。我的猜測是，通過一些文件調整和轉換，我可以使附加的圖像正常工作。以下是我已經得到了圖像資源：

我不認爲這是必要的，但萬一你想看到導出的JSON，我已經傻了d它在這裏： https://gist.github.com/funnylookinhat/5062061

我敢肯定，問題是橡樹葉的黑白圖像 - 鑑於它是兩個打包紋理之間的唯一區別。有沒有一種方法可以使用它或將其轉換爲正確應用於葉子層？

UPDATE

我能得到的東西看起來基本上是正確的（減去一些奇怪的透明度分層的問題） - 但我敢肯定它沒有被正確做...任何幫助仍然會很感激。

我的透明度增加對導致這些白色/黑色和綠色的圖像：

這就造成了以下內容：

然後我在JSON中翻譯了其中兩個人的引用 - whi CH導致了這一點：

我99％肯定這是不工作的打算，看來好像漫反射貼圖無法正常工作......有什麼建議？

Answer 1

Three.js沒有蒙版紋理（黑色和白色紋理），所以你需要將它烘焙到漫反射紋理的alpha通道中（所以使用.png格式作爲.jpg不支持alpha - 就像你目前正在這樣做）。

儘管diffuse alpha做得很差（樹葉上的孔），但您的更新仍處於正確的軌道。這可以正確完成。通過分解漫反射顏色通道，然後將添加的遮罩層重新組合爲alpha（請注意，白色被認爲是不透明且黑色透明，因此可能需要反轉）。

在材質中，完全不要使用蒙板紋理。葉子彼此重疊也可能存在問題，這是一個難以解決的問題，因爲一般來說透明度相當於PITA。您可以嘗試禁用材質的depthWrite和/或使用alphaTest值（例如，將其設置爲0.1）來獲取不同類型的工件。