基于Qt的OpenGL可编程管线学习（14）- 正片叠底、逆正片叠底

1、正片叠底

shader

// 正片叠底
uniform sampler2D U_MainTexture;
uniform sampler2D U_SubTexture;

varying vec2 M_coord;

void main()
{
        vec4 blendColor = texture2D(U_SubTexture, M_coord);
        vec4 baseColor = texture2D(U_MainTexture, M_coord);
        gl_FragColor = blendColor * baseColor;
}

效果图

2、逆正片叠底

shader

// 逆正片叠底
uniform sampler2D U_MainTexture;
uniform sampler2D U_SubTexture;

varying vec2 M_coord;

void main()
{
        vec4 blendColor = texture2D(U_SubTexture, M_coord);
        vec4 baseColor = texture2D(U_MainTexture, M_coord);
        gl_FragColor = vec4(1.0) - (vec4(1.0) - blendColor) * (vec4(1.0) - baseColor);
}

效果图

时间： 2024-10-02 07:54:38

基于Qt的OpenGL可编程管线学习（14）- 正片叠底、逆正片叠底的相关文章

基于Qt的OpenGL可编程管线学习（1）- 绘制一个三角形

0.写在前面的话 这里只是学习的时候做的笔记记录方便日后的查看,如果有大神看到觉得有问题的地方希望能给予指出,方便日后的学习,谢谢! 我是用的Qt版本为Qt5.6,开发环境为Qt Creator 1.QOpenGLWidget 在Qt开发环境下,使用OpenGL的可编程管线绘制一个三角形 效果如下图所示: 这里使用QOpenGLWidget进行绘制的,在QOpenGLWidget中需要重写 void initializeGL(void); void resizeGL(int w, int h);

基于Qt的OpenGL可编程管线学习（5）- FBO的使用

FBO: Frame Buffer Object,默认绘制在1号FBO中,自定义的FBO是可以做读写操作的. 绘制到自定义的FBO,然后显示出来,如下图所示: Qt中有关于FBO的类,QOpenGLFrameBufferObject FBO的创建 m_FrameBufferObj = new QOpenGLFramebufferObject(w, h, QOpenGLFramebufferObject::Depth); FBO的使用 bool result = m_FrameBufferObj-

基于Qt的OpenGL可编程管线学习（3）- 使用Instanced方式绘制

绘制多个重复的模型时,使用Instanced方式绘制可以大大加快显然速度. 绘制效果如下图所示: 1.Vertex Shader中定义如下: attribute vec3 pos; attribute vec2 coord; attribute vec3 normal; attribute vec3 offset; uniform mat4 M; uniform mat4 V; uniform mat4 P; uniform mat4 NM; varying vec2 M_coord; vary

基于Qt的OpenGL可编程管线学习（10）- 膨胀与腐蚀

膨胀:取一个像素周围的点,取最亮的点为当前的点颜色,为膨胀效果 腐蚀:取一个像素周围的点,取最暗的点为当前的点颜色,为腐蚀效果 膨胀Fragment Shader varying vec2 M_coord; varying vec3 M_normal; varying vec3 M_WordPos; uniform sampler2D U_MainTexture; uniform sampler2D U_SubTexture; void main() {     vec4 maxValue=ve

基于Qt的OpenGL可编程管线学习（15）- 颜色加深、颜色减淡、想家相减

1.颜色加深 shader //颜色加深 uniform sampler2D U_MainTexture; uniform sampler2D U_SubTexture; varying vec2 M_coord; void main() {         vec4 blendColor = texture2D(U_SubTexture, M_coord);         vec4 baseColor = texture2D(U_MainTexture, M_coord);         

基于Qt的OpenGL可编程管线学习（11）- 高斯模糊

下图是使用高斯模糊和未使用高斯模糊的效果图对比 正常图片 高斯模糊后 1.标准高斯模糊 原理: 每个像素周围对应的像素乘以对应的算子,然后除以算子的综合 算子为 1 2 1 2 4 2 1 2 1 fragment shader varying vec2 M_coord; varying vec3 M_normal; varying vec3 M_WordPos; uniform sampler2D U_MainTexture; uniform sampler2D U_SubTexture; v

基于Qt的OpenGL可编程管线学习（18）- 平滑、锐化、边缘检测

1.平滑 shader // 平滑 uniform sampler2D U_MainTexture; uniform sampler2D U_SubTexture; varying vec2 M_coord; void main() {         vec4 color = vec4(0.0);         int coreSize = 3;         float texelOffset = 1 / 300.0;         float kernel[9];         k

基于Qt的OpenGL可编程管线学习（8）- 探照灯

关于探照灯的效果如下图所示: 探照灯需要传入光源的位置,光源的方向以及夹角的大小(夹角为光源覆盖的夹角的一半) 计算思路: 用光源到点的距离与光源的方向的单位向量做点乘,得到夹角的cos,用计算的夹角cos与 传入的角度的cos做比较,确定光线照射的范围.边缘不部分计算的cos做基底,然后给定一个幂, 就可以做到渐变的效果:探照灯的计算时也要算上衰减 Shader中的相关代码如下: vec3 light = M_LightPos.xyz; float distanceLight = 0.0;  

基于Qt的OpenGL可编程管线学习（13）- 变亮变暗

图片混合变亮与变暗的效果,如下图所示 变暗效果 变亮效果 变亮shader uniform sampler2D U_MainTexture; uniform sampler2D U_SubTexture; varying vec2 M_coord; void main() {         vec4 blendColor = texture2D(U_SubTexture, M_coord);         vec4 baseColor = texture2D(U_MainTexture, M