javascript - 为什么使用 THREE.SubdivisionModifier 时法线贴图无法正确渲染？

Question

我需要用法线贴图渲染一个“软”立方体。运行代码时，我没有收到任何错误或警告，但是当我在函数调用中指定法线贴图参数并刷新浏览器时，我看到一个黑色对象。如果删除法线贴图，我可以成功渲染具有 Phong Material 的立方体。有趣的是，如果我将 Material 更改为法线 Material ，并尝试对立方体进行纹理处理，则会应用我尝试使用的实际 RGB 法线贴图。另外，如果我不在立方体上使用 THREE.SubdivisionModifier() 并简单地渲染一个锋利边缘的立方体，我就可以使法线贴图正常工作。有任何想法吗？提前致谢。这是我的代码:

var cube_geo = new THREE.BoxGeometry(.1, .1, .1, 5, 5, 5);
   var smooth = cube_geo.clone();
   var modifier = new THREE.SubdivisionModifier(5);
     modifier.modify(smooth);
var cube_mat = new THREE.MeshPhongMaterial(
  {
    color: 0x000000,
    specular: 0x222222,
    normalMap: cube_normal_map,
  }
);
cube = new THREE.Mesh(smooth, cube_mat);
  scene.add(cube);  

Answer 1

Three.SubdivisionModifier 目前有一个限制，即无法处理 UV。

参见SubdivisionModifier.js源代码中的注释。

三.js r.70