2016-04-28 113 views
0

你如何纹理WebGL中的3D模型?我理解WebGL中3D的所有基础知识,我了解如何加载纹理,并且我理解如何从外部文件加载3D模型,但我不知道如何纹理比基本多维数据集更复杂的模型。如何纹理WebGL中的3D模型?

我假定WebGL中的原理与OpenGL或任何其他3D渲染语言相同,但是我找不到任何有关WebGL,Op​​enGL等的良好信息。
任何指导/链接/解释都会不胜感激。谢谢。

+0

皮肤的3D模型,在什么?在webgl中显示一个操纵的(和动画)模型?或者你的意思是质感? –

+0

我的意思是将纹理应用于复杂模型。你是怎样做的? – HartleySan

回答

2

所以只是FYI,蒙皮在3D图形中有特定的含义。它与做一个网格沿着一套骨头并在骨头之间弯曲有关。一旦我看到你的评论你确实在问纹理,我编辑了你的问题。

你想知道如何纹理复杂的模型。简单的答案是,您使用3D建模软件包(如MayaBlender)来处理比简单的立方体或球体更复杂的任何事物。然后,您需要编写(或查找)工具将建模包中的数据转换为对您的程序有用的内容。

几个链接。警告:对于一个复杂的模型,它是一个复杂的过程

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其中几个

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

+0

一如既往的很好的答案。非常感谢。这里有很多东西要消化,我还没有完全理解它,但我可以说它完美地回答了我的问题。再次感谢! – HartleySan

+0

gman,再次感谢您的回答。我近来越来越多地学习Blender。对于像我这样的非艺术家来说,学到很多东西。无论如何,是否有免费的可用3D复杂模型,包括纹理贴图,以便我可以习惯数据在文件中的样子以及如何将它正确地导入到WebGL场景中?谢谢。 – HartleySan

+0

我不知道。您可能会检查http://opengameart.org。还有http://mixamo.com,但这些不是免费的AFAIK,许可可能允许或不允许在公共网站上使用。 [快速搜索会引发大量网站](https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=free+3d+models) – gman