如何在 WebGL 中对 3D 模型进行纹理处理？

Question

如何在 WebGL 中为 3D 模型制作纹理？我了解 WebGL 中 3D 的所有基础知识，我了解如何加载纹理，我了解如何从外部文件加载 3D 模型，但我不知道如何为比基本立方体更复杂的模型添加纹理。

我假设在 WebGL 中应用的原理与在 OpenGL 或任何其他 3D 渲染语言中应用的原理相同，但我找不到关于 WebGL、OpenGL 等的任何有用信息。
任何 guidance/links/explanations 将不胜感激。谢谢。

Answer 1

仅供参考，蒙皮 在 3D 图形中具有特定含义。它与使网格跟随一组骨骼并在骨骼之间弯曲有关。当我看到你的评论说你真的在问纹理时，我编辑了你的问题。

您想知道如何为复杂模型制作纹理。简单的答案是你使用像 Maya or Blender 这样的 3D 建模包来处理比简单的立方体或球体更复杂的东西。然后您需要编写（或找到）工具将建模包中的数据转换为对您的程序有用的东西。

几个链接。警告：对于复杂模型，这是一个复杂的过程

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

可以通过编程方式应用纹理，例如使用各种纹理投影。 其中一些

几乎 none 除了一些基本的东西外，它们都非常有用。例如，球形贴图对于球体的纹理贴图很有用。但是确实没有理由对球体使用单独的球面映射计算，因为您可以在计算球体顶点本身时计算球体的纹理坐标。