webgl - 将材质/纹理添加到现有的 THREE.Mesh (three.js)

Question

我正在寻找能够根据一些用户输入提取图像（从数据库或任何地方）并将它们覆盖到 THREE.Mesh（three.js）上的能力。我认为我需要做的是以下几点：

1）从图像创建具有纹理的新材料并添加到几何体

2) 确定要覆盖图像的面

3）对于每个顶点，确定并分配图像的UV坐标

4）将每个面的materialIndex更改为新材料

我只是不确定这是否可行以及如何对现有网格进行正确分配。任何帮助将不胜感激。

更新

任何人都知道使用另一个库（例如 SceneJS）是否可能/更容易？

Answer 1

您不必创建新材质，只需创建新纹理并替换材质的纹理即可。然后你需要设置你需要的顶点的UV。然后设置geometry.uvsNeedUpdate为true。