javascript - Chrome 上的 Three.js 自定义着色器错误 GL_INVALID_OPERATION : Active draw buffers with missing fragment shader outputs

Question

我想构建一个不会渲染的自定义着色器。我的意思是我想告诉片段着色器不要写任何东西。因此，在片段着色器上我没有设置 gl_FragColor。

该程序在 Firefox 和 Edge 上运行良好，但在 Chrome 上运行不佳。 Chrome 上有警告:“GL_INVALID_OPERATION:事件绘制缓冲区缺少片段着色器输出。”

你能帮我解决 Chrome 上的这个问题吗？是否有任何设置可以接受没有片段的着色器？

顶点着色器:

  void main() 
  {
    vec4 modelViewPosition = modelViewMatrix * vec4(position, 1.0);
    gl_Position = projectionMatrix * modelViewPosition;
  }

片段着色器:

  void main() {
    return;
  }

Answer 1

看来您可以通过设置 Material.colorWrite 来避免此警告为假。当您的自定义着色器 Material 用于渲染时，这将告诉 WebGL 禁用所有颜色组件。

三.js R107