BufferGeometry MeshFaceMaterial 实现 r68

Question

我们最近切换到 r68 并将我们所有的几何图形移动到 THREE.BufferGeometry。

我们在很多地方都使用了THREE.MeshFaceMaterial，根据BufferGeometry faces materialsTHREE.BufferGeometry 不支持它。解决方案似乎是创建多个网格，我试过了，但它似乎不起作用，我没有收到任何错误。

我的做法如下：

var oldGeometry = ... // THREE.Geometry from our loader
var materials = ... // Material array from our loader, uses lightmaps, normalmaps etc.
var bufferGeometry = new THREE.BufferGeometry();
var geometry = bufferGeometry.fromGeometry(oldGeometry);

var group = new THREE.Object3D();

materials.forEach(function(material){
  group.add(new THREE.Mesh(geometry, material));
});

geometry.attributes.uv = geometry.attributes.uvs;

这可以正常工作，没有错误，但是在渲染时，所有光照贴图等似乎都不起作用，几何看起来很好，但只有一种颜色。

关于如何正确实施的任何提示？

编辑：

紫外线问题：https://github.com/mrdoob/three.js/issues/5118

编辑 2：

在深入研究了 WebGLRenderer 源代码之后，我认为实现这一点需要做更多的工作，然后现在就值得了。我们现在将坚持使用旧几何，但我仍然愿意接受建议；）

编辑 3： 可以在此处找到自己执行此操作的基本方法：https://github.com/mrdoob/three.js/issues/5268

这里https://github.com/mrdoob/three.js/issues/5417 正在做一些工作来改进three.js 导出器，例如导出具有多种材质的缓冲几何。

Answer 1

bufferGeometry.fromGeometry() 在处理 r68 中的 uvs 时有一个错误。

试试这个解决方法：

bufferGeometry.attributes.uv = bufferGeometry.attributes.uvs;