Question

我目前正在学习Webgl，在下面的示例中，我对gl.COLOR_BUFFER_BIT的用法有一个困惑点：

  const canvas = document.querySelector("#glcanvas");
  // Initialize the GL context
  const gl = canvas.getContext("webgl");

  // Only continue if WebGL is available and working
  if (!gl) {
    alert("Unable to initialize WebGL. Your browser or machine may not support it.");
    return;
  }
  // Set clear color to black, fully opaque
  gl.clearColor(0.0, 0.0, 0.0, 1.0);
  gl.clear(gl.COLOR_BUFFER_BIT);
  console.log('1: ', gl.COLOR_BUFFER_BIT);

  // Clear the color buffer with specified clear color
  gl.clearColor(1, 1, 1, 1.0);
  gl.clear(gl.COLOR_BUFFER_BIT);
  console.log('2: ', gl.COLOR_BUFFER_BIT);

我对gl.clear(gl.COLOR_BUFFER_BIT)的理解是将gl.COLOR_BUFFER_BIT的值设置为gl.clearColor()中设置的颜色。

因此，以上两个console.log(gl.COLOR_BUFFER_BIT)应该输出不同的值。但是实际输出如下：

1:  16384
2:  16384

那怎么了？

Answer 1

COLOR_BUFFER_BIT是一个常量，用于告诉clear要清除的缓冲区，还有DEPTH_BUFFER_BIT和STENCIL_BUFFER_BIT，这些值是位掩码，表示您可以提供多个“清除”目标”通过二进制OR对其进行编码，例如您可以通过调用gl.clear(gl.COLOR_BUFFER_BIT|gl.DEPTH_BUFFER_BIT)来清除颜色和深度缓冲区。调用clearColor设置 the （只有一个）全局透明 color ，还有clearDepth和clearStencil函数分别设置其全局值。

换句话说，clear实际上使用先前通过clear****方法定义的值清除给定的目标，一旦设置了这些值，直到您设置了另一个值。

关于gl.COLOR_BUFFER_BIT变量的困惑

1 个答案: