overrideMaterial 和 renderObject() 几何不匹配答案

【问题标题】：overrideMaterial and renderObject() geometry mismatchoverrideMaterial 和 renderObject() 几何不匹配
【发布时间】：2013-08-25 03:41:14
【问题描述】：

我不知道如何克服三个渲染器的潜在限制，并希望有人可以很好地设计如何最好地克服这个问题。

假设您使用网格对象创建了一个场景，并为其应用了基本材质。因为您已经使用基本材质创建了对象，所以几何体将永远不会为其生成法线，因为基本材质不需要它。（以及大多数其他属性）。

假设我现在想再次渲染场景（用于后期处理），但这次我在渲染器上使用了覆盖材质。此覆盖材质是着色器材质，它确实需要法线。

渲染场景时，渲染器将应用覆盖材质，但它会抛出无效指针错误，因为新着色器需要普通属性，但网格几何体没有任何属性，因为它是使用基本材质创建的。

那么我如何才能实现第二次渲染过程呢？第一次渲染必须使用基本材质，因为任何更多的东西都是多余的，可能会减慢应用程序的速度。第二遍必须包含法线作为其渲染后期处理效果的重要信息。我不能每次都在材质或几何体上调用 needsUpdate 作为渲染循环的一部分，并且必须在每帧重建它们将非常昂贵。

那么我该如何处理呢？甚至可能吗？显然，一个答案是我必须首先使用 phong 材料才能生成法线。但在只需要基本着色器和材质的复杂场景中，这可能会非常昂贵。

任何帮助将不胜感激。

谢谢

编辑

忘了提到第二次渲染是在插件中完成的。而且它并不总是在场景之前渲染。后期处理效果可以随意添加和删除。

【问题讨论】：

你不能只调用一次“computeVertexNormals”和/或“computeFaceNormals”吗？抱歉，我只是猜测。
我不这么认为...据我了解，就在对象被渲染到屏幕之前，它调用了 initMeshBuffers 函数。这实质上创建了数组缓冲区，这些缓冲区稍后会在材质和着色器中使用。默认情况下，几何体具有法线。但在 initMeshBuffers 函数内部，__normalArray 变量永远不会被设置。原因是在填充它们之前，它会查看材料。如果材质是基本的，它决定不应该填充 __normalArray 缓冲区——即使几何体有法线。
重建数组的唯一方法是在几何体上调用 needsUpdate 并分配新材料。但是你可以想象，如果我在每一帧都调用 needsUpdate 它将杀死应用程序
好吧，只称它为“那些”还不够吗？ _normalArray 初始化后，你没事吧？你也可以编辑 three.js 来填充 normalArray？
我认为不使用基本材质而是创建我自己的使用修改后的基本着色器的着色器材质可能是一个想法。我想这会绕过这个问题。

标签： three.js

【解决方案1】：

无需经历所有的麻烦。实际上 initMeshBuffers 考虑了法线的存在或缺乏，但它们可以在事后成功计算。我在这里使用应用程序进行了基本测试，在将 MeshBasicMaterial 应用到我的模型后，我简单地调用了

geometry.computeTangents();

然后构建一个新的 ShaderMaterial 并将其应用为我的新材质。像魅力一样工作，希望对您有所帮助。

编辑：我应该提到这可能与前面提到的computeVertexNormals() 和computeFaceNormals() 相关，哦，并且着色器材质使用法线作为我的法线贴图。

【讨论】：

只是为了澄清一下-您是否渲染了对象然后应用了材质？或者这一切都是在第一次渲染调用之前完成的？谢谢！
啊，你抓住了我，我确实在第一次渲染之前完成了这一切：/我很抱歉，但也许这里仍然有一个简单的解决方案。这次我使用高级着色器渲染一帧，然后换出基本版本，然后在我可以换入高级着色器并正确渲染之后的任何时间。听起来合理吗？

【解决方案2】：

我想出了一个解决方案。它可能不是最优雅的，但它确实有效。我在渲染调用之前添加了以下代码。不幸的是，函数 initWebGLObjects 在插件之前被调用，因此错过了对几何图形的任何更新。这意味着当对象材质为基本时，我必须在插件中再次手动调用 initWebGLObjects。理想情况下，我想调用 renderer.updateObject 但该函数是私有的......

//If its a basic material on a mesh, we need to make sure the object is re-built with normals
//This is to make sure when any of the post processes are rendered they have all the vertex 
//attributes they need.
var obj = webglObject.object;
if ( objectMaterial instanceof THREE.MeshBasicMaterial && obj.geometry.__builtNormals === undefined )
{
    var geometry = obj.geometry;
    geometry.__builtNormals = true;                 
    geometry.buffersNeedUpdate = true;
    geometry.uvsNeedUpdate = true;
    geometry.normalsNeedUpdate = true;

    //material.needsUpdate = true;                  
    obj.material = material;
    _renderer.initWebGLObjects( scene );
    obj.material = objectMaterial;
}

【讨论】：