opengl-es - 在 WebGL 中渲染时混合前一帧

Question

使用常规的 2d Canvas ，可以通过在绘制其他图形时用透明版本的背景颜色填充整个 Canvas 来获得一些很酷的效果。就像是:

ctx.fillStyle = "rgba(0,0,0,0.1)"; 
ctx.fillRect(0, 0, canvas.width, canvas.height);

如何使用 WebGL 获得类似的重影/混合效果？

我尝试将 glClearColor 设置为透明值，但这不起作用。也许它可以用 blendFunc 完成？如果是这样，我会将什么参数传递给 blendFunc？

Answer 1

您正在寻找的是渲染纹理并将其显示在全屏四边形的屏幕上。

看Lesson 16 at learningwebgl在 Section 9.090 of OpenGL FAQ (注意正交 View )。目标纹理可能与您的视口(viewport)一样大，但您必须 follow the rules for NPOT textures .

要获得真正好看的效果，您可能需要两个自定义帧缓冲区。详细解释可见Chapter 21 of GPU Gems (在线的)。