如何紋理WebGL中的3D模型？

Question

你如何紋理WebGL中的3D模型？我理解WebGL中3D的所有基礎知識，我瞭解如何加載紋理，並且我理解如何從外部文件加載3D模型，但我不知道如何紋理比基本多維數據集更復雜的模型。

我假定WebGL中的原理與OpenGL或任何其他3D渲染語言相同，但是我找不到任何有關WebGL，Op​​enGL等的良好信息。
任何指導/鏈接/解釋都會不勝感激。謝謝。

Answer 1

所以只是FYI，蒙皮在3D圖形中有特定的含義。它與做一個網格沿着一套骨頭並在骨頭之間彎曲有關。一旦我看到你的評論你確實在問紋理，我編輯了你的問題。

你想知道如何紋理複雜的模型。簡單的答案是，您使用3D建模軟件包（如Maya或Blender）來處理比簡單的立方體或球體更復雜的任何事物。然後，您需要編寫（或查找）工具將建模包中的數據轉換爲對您的程序有用的內容。

幾個鏈接。警告：對於一個複雜的模型，它是一個複雜的過程

https://blender.stackexchange.com/questions/1022/adding-uv-mapping-to-mesh

https://www.youtube.com/watch?v=f2-FfB9kRmE

http://www.chocofur.com/5-uv-mapping.html

http://sophiehoulden.com/tutorials/blender/unwrapTut.html

申請有紋理喜歡用各種質地的預測以編程的方式。 See this answer其中幾個

幾乎沒有一個是非常有用的，除了一些基本的東西。例如，球面貼圖對於紋理映射球體很有用。但實際上沒有理由對球體使用單獨的球面映射計算，因爲您可以在計算球體頂點本身時計算球體的紋理座標。