使用three.js进行材质预览

Question

我正在研究一种在浏览器中显示材料的方法。将有一个(或几个)几何图形，我想选择一些路径，并加载3个纹理从我的磁盘上的文件夹到几何图形。

因此，在每个文件夹中将有一个颜色贴图，一个镜面反射贴图和一个法线贴图。

在我的浏览器的左侧应该是带有几何体的WebGL场景。在右边应该是一些字段，我可以在其中选择路径和加载纹理文件夹。

我是three.js新手，我的问题是：

这可以使用three.js实现吗？有没有办法在浏览器中加载纹理？我可以在我的几何体上放置一个镜面贴图，一个法线贴图和一个颜色贴图吗？

Answer 1

是。请参阅http://threejs.org/或下载中的examples文件夹中的示例，其中许多示例都具有纹理、法线贴图和镜面反射贴图。

材质预览可以只是一个自己的场景，就像任何其他类型的“普通场景”一样。