(本节对应分析NEHE教程第20课)
有时我们希望上层的图片的某些区域能投出下层的某些区域。当然我们可以通过关
键色进行处理,但是蒙版技术一样可以达到这样的效果,通过以下图片达到蒙版的效果
本节包含2个技术点
1.如何让纹理移动,放大(不是图像位置移动,是纹理移动)(前面以及介绍过了)
2.蒙版的设计
蒙版设计简单的说是通过控制Alpha来让白色的部分透,黑色的部分不透
蒙版的设计
1.第一张图与第二张图进行混合(1下2上),期望达到的效果是2图黑色部分不透,白色部分透到1图
分析:R新=Rs+Rd; G新=Gs+Gd; B新=Bs+Bd;其实S为图2,D为图1
期望效果:图2黑色区域:R新=Rd;G新=Gd; B新=Bd;
图2白色区域:R新=Rs;G新=Gs; B新=Bs;
因此glBlendFunc(GL_DST_COLOR,GL_ZERO);方式进行混合的时候满足要求
2.第三张图与前两张混合,期望达到的效果是图3黑色区域透,非黑区域不透(S为图3,D为上一步混合图)
期望效果:图3黑色区域:R新=Rd;G新=Gd; B新=Bd;
图3非黑色区域:R新=Rs;G新=Gs; B新=Bs;
因此 glBlendFunc(GL_ONE, GL_ONE) ;方式进行混合的时候满足要求
总结,蒙版技术看似2个图的混合,是指为3个图的混合而成,
我们期望达到的效果是图3黑色区域透出图1部分,非黑色部分不透。解决办法就是增加掩图(图2),掩图白色区域对于图3黑色区域,黑色其余对应图3非黑色区域
#include "header.h" bool masking=TRUE; bool scene; GLuint texture[5]; GLuint loop; GLfloat roll; AUX_RGBImageRec *LoadBMP(char *Filename) { FILE *File=NULL; if (!Filename) { return NULL; } File=fopen(Filename,"r"); if (File) { fclose(File); return auxDIBImageLoad(Filename); } return NULL; } int LoadGLTextures() { int Status=FALSE; AUX_RGBImageRec *TextureImage[5]; memset(TextureImage,0,sizeof(void *)*5); if ((TextureImage[0]=LoadBMP("Data/logo.bmp")) && (TextureImage[1]=LoadBMP("Data/mask1.bmp")) && (TextureImage[2]=LoadBMP("Data/image1.bmp")) && (TextureImage[3]=LoadBMP("Data/mask2.bmp")) && (TextureImage[4]=LoadBMP("Data/image2.bmp"))) { Status=TRUE; glGenTextures(5, &texture[0]); for (loop=0; loop<5; loop++) { glBindTexture(GL_TEXTURE_2D, texture[loop]); glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MAG_FILTER,GL_LINEAR); glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER,GL_LINEAR); glTexImage2D(GL_TEXTURE_2D, 0, 3, TextureImage[loop]->sizeX, TextureImage[loop]->sizeY, 0, GL_RGB, GL_UNSIGNED_BYTE, TextureImage[loop]->data); } } for (loop=0; loop<5; loop++) { if (TextureImage[loop]) { if (TextureImage[loop]->data) { free(TextureImage[loop]->data); } free(TextureImage[loop]); } } return Status; } GLvoid ReSizeGLScene(GLsizei width, GLsizei height) { if (height==0) { height=1; } glViewport(0,0,width,height); glMatrixMode(GL_PROJECTION); glLoadIdentity(); gluPerspective(45.0f,(GLfloat)width/(GLfloat)height,0.1f,100.0f); glMatrixMode(GL_MODELVIEW); glLoadIdentity(); } int InitGL(void) { if (!LoadGLTextures()) { return FALSE; } glClearColor(0.0f, 0.0f, 0.0f, 0.0f); glClearDepth(1.0); glEnable(GL_DEPTH_TEST); glShadeModel(GL_SMOOTH); glEnable(GL_TEXTURE_2D); return TRUE; } void DrawGLScene(void) { glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); glLoadIdentity(); glTranslatef(0.0f,0.0f,-2.0f); glBindTexture(GL_TEXTURE_2D, texture[0]); glBegin(GL_QUADS); glTexCoord2f(0.0f, -roll+0.0f); glVertex3f(-1.1f, -1.1f, 0.0f); glTexCoord2f(3.0f, -roll+0.0f); glVertex3f( 1.1f, -1.1f, 0.0f); glTexCoord2f(3.0f, -roll+3.0f); glVertex3f( 1.1f, 1.1f, 0.0f); glTexCoord2f(0.0f, -roll+3.0f); glVertex3f(-1.1f, 1.1f, 0.0f); glEnd(); glEnable(GL_BLEND); glDisable(GL_DEPTH_TEST); if (masking) { glBlendFunc(GL_DST_COLOR,GL_ZERO); } if (scene) { glTranslatef(0.0f,0.0f,-1.0f); glRotatef(roll*360,0.0f,0.0f,1.0f); if (masking) { glBindTexture(GL_TEXTURE_2D, texture[3]); glBegin(GL_QUADS); glTexCoord2f(0.0f, 0.0f); glVertex3f(-1.1f, -1.1f, 0.0f); glTexCoord2f(1.0f, 0.0f); glVertex3f( 1.1f, -1.1f, 0.0f); glTexCoord2f(1.0f, 1.0f); glVertex3f( 1.1f, 1.1f, 0.0f); glTexCoord2f(0.0f, 1.0f); glVertex3f(-1.1f, 1.1f, 0.0f); glEnd(); } glBlendFunc(GL_ONE, GL_ONE); glBindTexture(GL_TEXTURE_2D, texture[4]); glBegin(GL_QUADS); glTexCoord2f(0.0f, 0.0f); glVertex3f(-1.1f, -1.1f, 0.0f); glTexCoord2f(1.0f, 0.0f); glVertex3f( 1.1f, -1.1f, 0.0f); glTexCoord2f(1.0f, 1.0f); glVertex3f( 1.1f, 1.1f, 0.0f); glTexCoord2f(0.0f, 1.0f); glVertex3f(-1.1f, 1.1f, 0.0f); glEnd(); } else { if (masking) { glBindTexture(GL_TEXTURE_2D, texture[1]); glBegin(GL_QUADS); glTexCoord2f(roll+0.0f, 0.0f); glVertex3f(-1.1f, -1.1f, 0.0f); glTexCoord2f(roll+4.0f, 0.0f); glVertex3f( 1.1f, -1.1f, 0.0f); glTexCoord2f(roll+4.0f, 4.0f); glVertex3f( 1.1f, 1.1f, 0.0f); glTexCoord2f(roll+0.0f, 4.0f); glVertex3f(-1.1f, 1.1f, 0.0f); glEnd(); } glBlendFunc(GL_ONE, GL_ONE); glBindTexture(GL_TEXTURE_2D, texture[2]); glBegin(GL_QUADS); glTexCoord2f(roll+0.0f, 0.0f); glVertex3f(-1.1f, -1.1f, 0.0f); glTexCoord2f(roll+4.0f, 0.0f); glVertex3f( 1.1f, -1.1f, 0.0f); glTexCoord2f(roll+4.0f, 4.0f); glVertex3f( 1.1f, 1.1f, 0.0f); glTexCoord2f(roll+0.0f, 4.0f); glVertex3f(-1.1f, 1.1f, 0.0f); glEnd(); } glEnable(GL_DEPTH_TEST); glDisable(GL_BLEND); glFlush(); } void rotate() { roll+=0.002f; if (roll>1.0f) { roll-=1.0f; } glutPostRedisplay(); } void mouse(int button,int state,int x,int y) { switch(button) { case GLUT_LEFT_BUTTON: if(GLUT_DOWN==state) { glutIdleFunc(rotate); } break; case GLUT_RIGHT_BUTTON: if(GLUT_DOWN==state) { //glutIdleFunc(0); } break; } } void keyboard(unsigned char key,int x,int y) { switch (key) { case 'M': masking=true; break; case 'm': masking=false; break; case 'S': scene=true; break; case 's': scene=false; break; } glutPostRedisplay(); } int main(int argc,char **argv) { glutInit(&argc,argv); glutInitDisplayMode(GLUT_SINGLE|GLUT_RGB|GLUT_DEPTH); glutInitWindowSize(800,600); glutInitWindowPosition(100,100); glutCreateWindow("蒙版"); InitGL(); glutDisplayFunc(DrawGLScene); glutKeyboardFunc(keyboard); glutMouseFunc(mouse); glutReshapeFunc(ReSizeGLScene); glutMainLoop(); }
相关推荐
总之,OpenGL蒙版实例是一个很好的学习资源,通过理论结合实践,可以帮助开发者掌握如何利用模板缓冲区创造出丰富的视觉效果。无论你是初学者还是有经验的开发者,都应该深入研究这一主题,以提升你的OpenGL技能。
蒙板 Stencil"的示例可能包含了如何设置和使用模板缓冲的具体代码和步骤,是初学者学习OpenGLES蒙板功能的好资源。通过分析和运行这个示例,你可以更好地理解模板缓冲在实际场景中的应用,并且能够灵活地将其应用于...
OpenGL NeHe 源码系列是学习OpenGL编程的经典教程,涵盖了广泛的图形技术。在这个压缩包中,包含了25到45课的源代码,虽然没有包含46到48课,但仍然为我们提供了丰富的学习资源。以下是每个示例的主要知识点: 1. *...
#### 二、新增功能解析 - **新增功能概述**: - **Creative Cloud Libraries**:与 Adobe Stock 集成,可以方便地访问和使用高质量的素材资源。 - **人脸跟踪器**:新增的人脸跟踪功能能够精确捕捉面部特征的变化...
- **蒙版面板**:图层蒙版面板提供了更为灵活的蒙版编辑工具,包括浓度、羽化的设置,方便用户进行复杂的图像选取和编辑。 - **旋转视图工具**:此工具允许用户自由旋转工作区,打破传统视角限制,提高创作的自由...
蒙版面板:图层蒙版面板可以对蒙版图像进行浓度与羽化设置,快速创建和编辑蒙版。 * 4. 旋转视图工具:新增旋转视图工具,可以对图像进行随意旋转,打破了以往软件的局限,可以根据需要对图像进行旋转调整,便于...
#### 二、Photoshop CS4的学习方法 - **熟悉软件安装与卸载**:首先需要了解Photoshop CS4的安装与卸载步骤,确保软件能够正常运行于当前计算机系统。 - **了解工作界面**:熟悉Photoshop CS4的工作界面对于后续的...
例如,使用OpenGL或DirectX进行高性能的图形处理,或者利用WebGL在浏览器环境中实现图层效果。 6. **混合模式**:在Photoshop中,图层可以有不同的混合模式,如正常、溶解、正片叠底、滤色、饱和度等。每种模式都有...
通过学习如何导入、使用和调整自定义画笔,可以极大地提高图像处理和设计的灵活性,创造出独一无二的艺术作品。所以,对于任何想在Photoshop中提升创作水平的用户来说,掌握自定义画笔的使用是非常重要的。
- **蒙版面板**:提供了全面的蒙版编辑工具,允许用户精确控制图像的可见区域,进行高级编辑。 - **旋转视图工具**:新增的旋转视图工具使图像旋转变得更加灵活,便于多角度编辑。 - **内容识别比例**:这一功能允许...
7. **图像合成**:如拼接、蒙版、混合模式等,这些涉及到图像层的操作。 8. **用户界面**:一个良好的图形用户界面(GUI)可以让用户直观地操作和查看图像,VC提供MFC(Microsoft Foundation Classes)库来简化GUI...
在编程方面,动画制作可能会涉及各种编程语言,如Python、JavaScript、C++,以及专门的图形处理库如OpenGL、Unity3D等。源代码可能包含了这些语言的实现,帮助用户理解和学习动画的编程逻辑。对于初学者,可以通过...
Unity MatCap着色器是一种在Unity引擎中广泛使用的视觉效果技术,主要用于创建具有立体感和反射...开发者可以通过研究这些源代码和资源,学习如何在自己的项目中实现和定制MatCap着色器,以提升3D场景的视觉表现力。
图层蒙版面板提供了更多控制,可以调整蒙版的浓度和羽化,方便创建和编辑。旋转视图工具允许用户自由旋转图像,打破传统限制。内容识别比例功能在裁剪照片时能自动填充背景,保持照片完整性。自动对齐图层命令则能将...
这意味着代码是公开的,任何人都可以查看、学习甚至修改源代码,以适应自己的特定需求或贡献新的功能。开源社区的活跃度使得软件不断进化,用户可以享受到持续改进和更新的软件体验。此外,开源也意味着用户不必担心...
这意味着开发者可以为 OpenGL、DirectX、Canvas、SVG DOM 或其他任何支持矢量图形的系统提供适配器,让 Vector File Parser 解析出的数据能够在任何支持的平台上无缝展示。 5. **开源优势** 作为开源软件,Vector ...