使用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进行材质预览

回答

相关问题