OpenGL透明与混色效果
一、理论讲解
在OpenGL中,物体透明技术通常被叫做混合(Blending)。
透明是物体(或物体的一部分)非纯色而是混合色,这种颜色来自于不同浓度的自身颜色和它后面的物体颜色。
一个有色玻璃窗就是一种透明物体,玻璃有自身的颜色,但是最终的颜色包含了所有玻璃后面的颜色。这也正是混合这名称的出处,因为我们将多种(来自于不同物体)颜色混合为一个颜色,透明使得我们可以看穿物体。
透明物体可以是完全透明(它使颜色完全穿透)或者半透明的(它使颜色穿透的同时也显示自身颜色)。一个物体的透明度,被定义为它的颜色的alpha值。alpha颜色值是一个颜色向量的第四个元素,当alpha值是0.0时就表示物体是完全透明的,alpha值为0.5时表示物体的颜色由50%的自身的颜色和50%的后面的颜色组成。
我们之前所使用的纹理都是由3个颜色元素组成的:红、绿、蓝,但是有些纹理同样有一个内嵌的aloha通道,它为每个纹理像素(Texel)包含着一个alpha值。这个alpha值告诉我们纹理的哪个部分有透明度,以及这个透明度有多少。
要使用OpenGL的混合功能,只需要调用:glEnable(GL_BLEND);即可;要关闭OpenGL的混合功能,只需要调用:glDisable(GL_BLEND);即可。
为了在场景中增加光照,需要执行以下步骤:
- 设置一个或多个光源,设定光源的有关属性;
- 选择一种光照模型;
- 设置物体的材质属性及色彩的Alpha色彩混合属性值。
二、示例代码
#include "stdafx.h"
#include <gl/glut.h>
#pragma comment(lib, "glut32.lib") void Initialization()
{
glClearColor(1.0f, 1.0f, 1.0f, 1.0f); GLfloat lightSpecular[] = { 1.0, 1.0, 1.0, 1.0 };
GLfloat lightPosition[] = { 0.5, 0.5, 4.0, 0.0 }; glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA); //指定混合函数
glShadeModel(GL_SMOOTH); glMaterialfv(GL_FRONT, GL_SPECULAR, lightSpecular);
glMaterialf(GL_FRONT, GL_SHININESS, 100.0);
glLightfv(GL_LIGHT0, GL_POSITION, lightPosition); glEnable(GL_BLEND); //启用混合状态
glEnable(GL_LIGHTING); //启用光照
glEnable(GL_LIGHT0); //打开光源0
glEnable(GL_DEPTH_TEST); //启用深度检测
glEnable(GL_COLOR_MATERIAL);//材质跟踪当前绘图色
} void OnDisplay(void)
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); //双缓冲机制 glMatrixMode(GL_MODELVIEW);
glLoadIdentity(); glPushMatrix(); //装载
{
glTranslatef(0.0f, 0.0f, -3.0f);
glColor4f(1.0f, 0.0f, 0.0f, 1.0f);
glutSolidTorus(1.0f, 2.0f, 30.0f, 30.0f);//绘制圆环
}
glPopMatrix(); //装出 glPushMatrix();
{
glTranslatef(1.0f, 1.0f, 3.0f);
glColor4f(0.0f, 1.0f, 0.0f, 0.5);
glutSolidSphere(2.0f, 30.0f, 30.0f);//绘制球体
}
glPopMatrix(); glPushMatrix();
glTranslatef(-, -, );
glColor4f(0.0f, 0.0f, 1.0f, 0.5);
glBegin(GL_QUADS); //绘制四边形
glVertex3f(, , );
glVertex3f(, , );
glVertex3f(, , );
glVertex3f(, , );
glEnd();
glPopMatrix(); glPushMatrix();
glColor4f(0.0f, 1.0f, 1.0f, 0.5);
glTranslatef(-, -, );
glRotatef(, , , );
glBegin(GL_QUADS);
glVertex3f(, , );
glVertex3f(, , );
glVertex3f(, , );
glVertex3f(, , );
glEnd();
glPopMatrix(); glutSwapBuffers();
} void OnReShape(int w, int h)
{
glViewport(, , w, h); glMatrixMode(GL_PROJECTION); //将当前矩阵指定为投影模式
glLoadIdentity(); if (h != )
{
GLfloat aspect = GLfloat(w) / GLfloat(h); if (w < h)
{
glOrtho(-6.0f, 6.0f, -6.0f * aspect, 6.0f * aspect, -6.0f, 6.0f);//三维正交投影
}
else
{
glOrtho(-6.0f / aspect, 6.0f / aspect, -6.0f, 6.0f, -6.0f, 6.0f);
}
}
glMatrixMode(GL_MODELVIEW);
} void main(int argc, char* argv[])
{
glutInit(&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB | GLUT_DEPTH);
glutInitWindowSize(, );
glutCreateWindow("OpenGL透明"); glutReshapeFunc(OnReShape);
glutDisplayFunc(OnDisplay); Initialization();
glutMainLoop(); //主程序循环
}
效果如下:
三、总结
进一步了解OpenGL程序的光照与材质参数的设置方法,并能使用alpha透明度参数实现不同几何对象的视觉色彩混合效果。
OpenGL透明与混色效果的更多相关文章
- OpenGL(九) 三维混色和深度缓存设置
颜色的混合在现实世界中非常常见,例如隔着有色玻璃观看物体,此时在观察者严重呈现出来物体的颜色就是玻璃的颜色和物体的颜色的混合. OpenGL在RGBA颜色模式下使用函数glenable(GL_BLEN ...
- 前端每日实战:114# 视频演示如何用纯 CSS 和混色模式创作一个 loader 动画
效果预览 按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/MqYroW 可交互视频 此视频是可 ...
- PHP imagealphablending - 设定图像的混色模式
imagealphablending — 设定图像的混色模式.高佣联盟 www.cgewang.com 语法 bool imagealphablending ( resource $image , b ...
- UITextView实现图文混排效果
用UITextView实现图文混排效果的展示,首先要禁用UITextView的编辑功能,将属性editable设置为NO 1.首先创建一个NSTextAttachment对象,这个对象有一个image ...
- jQuery WIN 7透明弹出层效果
jQuery WIN 7透明弹出层效果,点击可以弹出一个透明层的jquery特效,插件可以调弹出框的宽度和高度,很不错的一个弹出层插件. 适用浏览器:IE8.360.FireFox.Chrome.Sa ...
- Android状态栏透明(沉浸式效果)
Android状态栏透明(沉浸式效果) 默认效果 沉浸式效果 方式一 源码 下载地址(Android Studio工程):http://download.csdn.net/detail/q487880 ...
- [Swift通天遁地]八、媒体与动画-(15)使用TextKit实现精美的图文混排效果
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...
- C# WPF 歌词控件(支持逐字定位描色效果)
原文:C# WPF 歌词控件(支持逐字定位描色效果) 之前做了一个模仿网易云歌词的控件,实现了加载网易云歌词并能随音乐播放进度定位歌词.今天呢将在这个控件的基础上增加逐字定位描色功能,如下图效果(QQ ...
- C# vb .net实现棕褐色效果特效滤镜
在.net中,如何简单快捷地实现Photoshop滤镜组中的棕褐色效果呢?答案是调用SharpImage!专业图像特效滤镜和合成类库.下面开始演示关键代码,您也可以在文末下载全部源码: 设置授权 第一 ...
随机推荐
- HTML5学习笔记(十三):JavaScript函数
函数定义 在JavaScript中,定义函数的方式如下: function abs(x) { if (x >= 0) { return x; } else { return -x; } } 上述 ...
- numpy数组-标准化数据
标准化数据的公式: (数据值 - 平均数) / 标准差 import numpy as np employment = np.array([ 55.70000076, 51.40000153, 50. ...
- [SQL in Azure] Provisioning a SQL Server Virtual Machine on Azure
http://azure.microsoft.com/en-us/documentation/articles/virtual-machines-provision-sql-server/ Provi ...
- [Windows Azure] Monitoring SQL Database Using Dynamic Management Views
Monitoring Windows Azure SQL Database Using Dynamic Management Views 5 out of 7 rated this helpful - ...
- Python Pycharm连接Ubantu Python环境
由于我习惯在window下开发,但是代码环境布局在Ubantu.使用Python,为了方便程序的调试,尝试在Windows下的Pycharm远程连接到Ubantu虚拟机下的Python环境. 1.准备 ...
- Android 编程下 Eclipse 恢复被删除的文件
开发过程中文件误删除,又没有 Git,SVN 等版本控制软件的备份,怎么办? Eclipse 自带了恢复历史文件的功能:在项目上点击右键,选择 Restore from Local History,在 ...
- html5+css3比较好的学习教程和demo效果
1.css3 Animate.css 动画库--- http://daneden.github.io/animate.css/ 2.font-awesome 完美的图标字体,只为Bootstrap设计 ...
- WPF 自定义事件
1.可传参数 namespace DrugInfo { public class ChooseDrugRoutedEventArgs : RoutedEventArgs { public Choose ...
- Win8常用快捷键
Windows 8中常用的快捷键 Windows 键 可在开始屏幕主菜单及最后一个应用程序间循环切换 Windows 键 + C 打开“超级按钮” Windows 键 + I 打开当前程序的“设置”菜 ...
- Faiss教程:GPU
Fassi通过CUDA支持GPU,要求3.5以上算力,float16要求CUDA7.5+ 通过index_gpu_to_cpu可以将索引从GPU复制到CPU,index_cpu_to_gpu 和 in ...