OpenGL ES学习（7）—

本文介绍使用是OpenGL ES 混合相关技术，它可以实现如现实世界中那样的半透明物体效果。

1.1 混合基本认识

混合技术就是将两个片元调和，将通过各项测试准备进入帧缓冲的片元（源片元）和原有片元（目标片元）按照设定的比例加权计算出最终片元的颜色值，不再是新片元直接覆盖缓冲中的目标片元。

如何计算两个片元的加权比例？OpenGL ES 2.0中设置混合因子来确定两片元的加权比例。

源因子：用于确定将进入帧缓冲的片元在最终片元的比例；
目标因子：用于确定原帧缓冲中的片元在最终片元中的比例；

OpenGL ES中一个颜色值包括4个色彩通道(r,g,b,a)，上述两种因子都各有4个分量值。

混合计算公式：

假设源因子[S_r,S_g,S_b,S_a];目标因子[D_r,D_g,D_b,D_a];r,g,b,a下标分别表示红、绿、蓝、透明度。
假设源片元颜色值[R_s,G_s,B_s,A_s];目标片元颜色值[R_d,G_d,B_d,A_d]
混合后最终片元各个颜色通道值 = [ R s S r + R d D r , G s S g + G d D g , B s S b + B d D b , A s S a + A d D a ] 混合后最终片元各个颜色通道值 = [R~s~S~r~+R~d~D~r~,G~s~S~g~+G~d~D~g~,B~s~S~b~+B~d~D~b~,A~s~S~a~+A~d~D~a~] 混合后最终片元各个颜色通道值=[R s S r +R d D r ,G s S g +G d D g ,B s S b +B d D b ,A s S a +A d D a ]

1.2 源因子和目标因子

OpenGL ES为了简化处理不允许开发人员任意设置混合因子，而是系统预置了。常用的混合因子值如下表所示：

常量名	RGB混合因子	A混合因子
GL_ZERO	[0,0,0]	0
GL_ONE	[1,1,1]	1
GL_SRC_COLOR	[R_s,G_s,B_s]	A_s
GL_ONE_MINUS_SRC_COLOR	[1-R_s,1-G_s,1-B_s]	1-A_s
GL_DST_COLOR	[R_d,G_d,B_d]	A_d
GL_ONE_MINUS_DST_COLOR	[1-R_d,1-G_d,1-B_d]	1-A_d
GL_SRC_ALPHA	[A_s,A_s,A_s]	A_s
GL_ONE_MINUS_SRC_ALPHA	[1-A_s,1-A_s,1-A_s]	1-A_s
GL_DST_ALPHA	[A_d,A_d,A_d]	A_d
GL_ONE_MINUS_DST_ALPHA	[1-A_d,1-A_d,1-A_d]	1-A_d
GL_SRC_ALPHA_SATURATE (只可以作源因子)	[f,f,f] 其中f=min(A_s,1-A_d)	1

常量名称中包含“SRC”的代表各通道来自源片元，有DST的代表各通道值来自目标片元。

两种常用的组合

源因子GL_SRC_ALPHA + 目标因子GL_ONE_MINUS_SRC_ALPHA ，可实现半透明遮挡效果
源因子GL_SRC_COLOR + 目标因子GL_ONE_MINUS_SRC_COLOR ，可实现滤光镜效果

1.3 混合代码API

//开启混合
GLES20.glEnable(GLES20.GL_BLEND);
//设置混合因子，滤光镜效果
GLES20.glBlendFunc(GLES20.GL_SRC_COLOR, GLES20.GL_ONE_MINUS_SRC_COLOR);
//设置混合因子,半透明遮挡效果
GLES20.glBlendFunc(GLES20.GL_SRC_ALPHA,GLES20.GL_ONE_MINUS_CONSTANT_ALPHA);//...
//关闭混合
GLES20.glDisable(GLES20.GL_BLEND);

1.4 混合demo

1.4.1 demo效果

1.4.2 完整demo

https://download.csdn.net/download/ITMonkeyKing/86504570

【参考】

https://www.khronos.org/opengles/
《OpenGL ES应用开发实践指南 Android卷 Kevin Brothaler》
https://en.wikipedia.org/wiki/OpenGL_ES
https://developer.android.google.cn/guide/topics/graphics/opengl
https://developer.android.google.cn/training/graphics/opengl
Android3D游戏开发技术宝典OpenGL ES 2.0

OpenGL ES学习（7）——混合相关推荐

IOS OpenGL ES GPUImage 滤色混合 GPUImageScreenBlendFilter
目录一.简介二.效果演示三.源码下载四.猜你喜欢零基础 OpenGL (ES) 学习路线推荐 : OpenGL (ES) 学习目录 >> OpenGL ES 基础零基础 Ope ...
Android OpenGL ES 学习(二) -- 图形渲染管线和GLSL
OpenGL 学习教程 Android OpenGL ES 学习(一) – 基本概念 Android OpenGL ES 学习(二) – 图形渲染管线和GLSL Android OpenGL ES 学 ...
Android OpenGl Es 学习（二）：定义顶点和着色器
概述这是一个新的系列,学习OpengGl Es,其实是<OpenGl Es 应用开发实践指南 Android卷>的学习笔记,感兴趣的可以直接看这本书,当然这个会记录自己的理解,以下只作为 ...
IOS OpenGL ES GPUImage 遮罩混合 GPUImageMaskFilter
目录一.简介二.效果演示三.源码下载四.猜你喜欢零基础 OpenGL (ES) 学习路线推荐 : OpenGL (ES) 学习目录 >> OpenGL ES 基础零基础 Ope ...
IOS OpenGL ES GPUImage 柔光混合 GPUImageSoftLightBlendFilter
目录一.简介二.效果演示三.源码下载四.猜你喜欢零基础 OpenGL (ES) 学习路线推荐 : OpenGL (ES) 学习目录 >> OpenGL ES 基础零基础 Ope ...
IOS OpenGL ES GPUImage 排除混合 GPUImageExclusionBlendFilter
目录一.简介二.效果演示三.源码下载四.猜你喜欢零基础 OpenGL (ES) 学习路线推荐 : OpenGL (ES) 学习目录 >> OpenGL ES 基础零基础 Ope ...
IOS OpenGL ES GPUImage 图像混合 GPUImageNormalBlendFilter
目录一.简介二.效果演示三.源码下载四.猜你喜欢零基础 OpenGL (ES) 学习路线推荐 : OpenGL (ES) 学习目录 >> OpenGL ES 基础零基础 Ope ...
【eoe特刊】第二十七期 OpenGL ES学习及项目解析
经过一个月征稿.编辑,新的一版特刊终于出炉了. 本次特刊的制作,改变以往的制作方式,完全取自网友的独自的风格. 在只有一个主题的前提下,完全是通过社区的热心的网友,根据自己的想法,自行设计,自由发挥, ...
Android OpenGL ES 学习(十一) –渲染YUV视频以及视频抖音特效
OpenGL 学习教程 Android OpenGL ES 学习(一) – 基本概念 Android OpenGL ES 学习(二) – 图形渲染管线和GLSL Android OpenGL ES 学 ...
Android OpenGL ES 学习(六) – 使用 VBO、VAO 和 EBO/IBO 优化程序
OpenGL 学习教程 Android OpenGL ES 学习(一) – 基本概念 Android OpenGL ES 学习(二) – 图形渲染管线和GLSL Android OpenGL ES 学 ...

OpenGL ES学习（7）——混合