OpenGL 记录 -- 关于“混合”渲染

最新推荐文章于 2023-12-25 13:03:01 发布

星落之尘

最新推荐文章于 2023-12-25 13:03:01 发布

阅读量544

点赞数

分类专栏： OpenGL 文章标签： opengl

本文链接：https://blog.csdn.net/wqwtan/article/details/52816070

版权

OpenGL 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

顾名思义，为了渲染出不同透明度的级别，我们需要开启混合。

step1：需要启用混合（Blending），通过GL_BLEND

glEnable(GL_BLEND）;

step2：告知OpenGL 如何进行Blending

void glBlendFunc(GLenum sfactor， GLenum dfactor);

详细分析：
以下为计算混合的方程式

C ¯ r e s u l t = C ¯ s o u r c e * F s o u r c e + C ¯ d e s t i n a t i o n * F d e s t i n a t i o n

$\begin{equation}\bar{C}_{result} = \bar{\color{green}C}_{source} * \color{green}F_{source} +\bar{\color{red}C}_{destination} * \color{red}F_{destination}\end{equation}$

$\bar{\color{green}C}_{source}$ 　:源颜色向量。纹理本身的颜色
$\bar{\color{red}C}_{destination}$ 　：目标颜色向量。存储在颜色缓冲中当前位置的颜色向量。
$\bar{\color{green}F}_{source}$ 　：源因子。设置了对源颜色的alpha值影响。
$\bar{\color{red}F}_{destination}$ 　:目标因子。设置了对目标颜色的alpha影响。

example:

这里写图片描述

我们有两个方块，我们希望在红色方块上绘制绿色方块。红色方块会成为目标颜色（它会先进入颜色缓冲），我们将在红色方块上绘制绿色方块。

那么问题来了：我们怎样来设置因子呢？我们起码要把绿色方块乘以它的alpha值，所以我们打算把 $F_{src}$ 设置为源颜色向量的alpha值：0.6。接着，让目标方块的浓度等于剩下的alpha值。如果最终的颜色中绿色方块的浓度为60%，我们就把红色的浓度设为40%（1.0 – 0.6）。所以我们把 $F_{destination}$ 设置为1减去源颜色向量的alpha值。方程将变成：

C ¯ r e s u l t = ⎛ ⎝ ⎜ ⎜ ⎜ 0.0 1.0 0.0 0.6 ⎞ ⎠ ⎟ ⎟ ⎟ * 0.6 + ⎛ ⎝ ⎜ ⎜ ⎜ 1.0 0.0 0.0 1.0 ⎞ ⎠ ⎟ ⎟ ⎟ * (1 - 0.6)

$\begin{equation}\bar{C}_{result} = \begin{pmatrix} \color{red}{0.0} \\ \color{green}{1.0} \\ \color{blue}{0.0} \\ \color{purple}{0.6} \end{pmatrix} * \color{green}{0.6} + \begin{pmatrix} \color{red}{1.0} \\ \color{green}{0.0} \\ \color{blue}{0.0} \\ \color{purple}{1.0} \end{pmatrix} * \color{red}{(1 - 0.6)} \end{equation}$

最终方块结合部分包含了60%的绿色和40%的红色，得到一种脏兮兮的颜色：
这里写图片描述
最后的颜色被储存到颜色缓冲中，取代先前的颜色。

step3：选择合适的选项因子为函数 glBlendFunc(GLenum sfactor, GLenum dfactor)

这里写图片描述

也可以为RGB和alpha通道各自设置不同的选项，使用glBlendFuncSeperate：

    glBlendFuncSeperate(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA,GL_ONE, GL_ZERO);

这个方程就像我们之前设置的那样，设置了RGB元素，但是只让最终的alpha元素被源alpha值影响到。

void glBlendEquation(GLenum mode)允许我们设置这个操作，有3种可行的选项：

GL_FUNC_ADD：默认的，彼此元素相加： $C_{result}=Src+Dst$
GL_FUNC_SUBTRACT：彼此元素相减： $C_{result}=Src−Dst$
GL_FUNC_REVERSE_SUBTRACT：彼此元素相减，但顺序相反： $C_{result}=Dst−Src$ .
通常我们可以简单地省略glBlendEquation因为GL_FUNC_ADD在大多数时候就是我们想要的，但是如果你如果你真想尝试努力打破主流常规，其他的方程或许符合你的要求。