Qt OpenGL（二十四）——Qt OpenGL 核心模式-实现彩色三角形

已于 2022-12-04 15:24:56 修改
阅读量1.1k 收藏 1
点赞数
分类专栏： Qt OpenGL核心模式 文章标签： qt 开发语言
于 2022-11-22 22:12:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ifeng12358/article/details/127944165
版权
本文介绍了如何在Qt OpenGL核心模式下实现彩色三角形的绘制，详细讲解了glVertexAttribPointer函数的用法，并展示了运行效果。通过顶点数据和顶点属性配置，最终实现了一个可以旋转的彩色三角形。
摘要由CSDN通过智能技术生成

Qt OpenGL（二十四）——Qt OpenGL 核心模式-实现彩色三角形

我们之前在Qt OpenGL 核心模式版本中，看到了Qt关于OpenGL的例程，是一个旋转的彩色三角形，本篇文章我们就使用OpenGL核心模式，实现这个彩色三角形。

图1 旋转的三角形

 一、彩色三角形

上一篇文章（Qt OpenGL 核心模式-给三角形上色）中，绘制了一个纯色填充的三角形，本篇文章我们接着上一篇文章的书写方式实现上面这个彩色的三角形。


                

        

        

    

  


        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
                
                    
                    超级会员免费看
                
            

            
            
            
        

    

      

        

            

              
                
                  冯一川
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          

                

                        订阅专栏
                









                



	

		

			

				
					
Qt OpenGL（二十六）——Qt OpenGL 核心模式-旋转的彩色三角形

				
			

			

				

					ifeng12358的博客
				

				

					12-06
					
					1107
					
				

			

		

		

			
				
上篇文章我们把三角形上色成了，彩色的三角形： 离我们想要绘制的图形，旋转的三角形，又近了一步，本篇文章就让这个彩色的三角形旋转起来。不过从上篇开始使用的代码就是Qt封装的类了，不过也是核心模式的，步骤基本上和前几篇的都一致，你可以认为只不过是使用的函数有点不一样。如果我们要让三角形旋转起来，需要插入一个概念：变换，OpenGL中的变换包括：视图、模型、模型视图、投影、视口等。关于这部分的简单说明，大家可以查看冯一川之前的文章：OpenGL（二）——OpenGL基础知识点（一）OpenGL（三）——OpenG

			
		

	



                

            
              



	

		

			

				
					
Qt OpenGL（二十七）——Qt OpenGL 核心模式--EBO

				
			

			

				

					ifeng12358的博客
				

				

					12-14
					
					1142
					
				

			

		

		

			
				
上篇文章，一川绘制了能旋转的彩色三角形，在之前也介绍了VAO、VBO。但是EBO这个概念没有介绍，现在经历了，前几篇文章的介绍后，该把VEO这个概念一起在熟悉一下了。在介绍之前，我们绘制一个四边形，绘制四边形和绘制三角形的步骤都是一模一样，只不过点是4个点，glDrawArrays函数的第一个参数，传入的是GL_QUADS。下面是完整的代码。

			
		

	



              


  
              

                


	

		

			

				
					
openGl绘制带颜色的三角形

				
			

			

				

					03-02
				

			

		

		

			
				
openGl绘制带颜色的三角形， 包括着色器编程，源代码，已在vs2015中测试通过

			
		

	





	

		

			

				
					
OpenGL 绘制彩色的三角形

				
			

			

				

					wb175208的专栏
				

				

					06-27
					
					1254
					
				

			

		

		

			
				
使用openGL绘制图形需要三步：
1.创建一个VBO，使内存中的数据，存到显卡缓存中；VBO的任务就是这一件事；
2.创建一VAO,也就是属性的数组，负责把现存中的的数据，绑定属性，指定数据的使用规则，使着色器明白那些数据是颜色，那些是坐标；
3.着色器程序,运行在GPU中，负责把现存中的数据，通过计算渲染出图片；绘制一个顶点颜色不同的三角形，需要给三角形的每隔顶点设置一个颜色，这也就需要一些颜色数据。我们可以单独定义一下顶点数据和颜色数据。


顶点着色器：
片元着色器：
aaa...

			
		

	



		

			
		



	

		

			

				
					
OpenGL ES 绘制一个三角形(2)

					
最新发布

				
			

			

				

					起司锅仔的博客
				

				

					09-28
					
					1472
					
				

			

		

		

			
				
GLSurfaceView通过setRenderer暴露一个Renderer，Renderer有三个接口onSurfaceCreated/onSurfaceChanged/onDrawFrame。GLSurfaceView处理了EGL环境相关的逻辑，onDrawFrame则会控制VSync，在需要渲染的时候调用。

			
		

	





	

		

			

				
					
OpenGL基础7：彩色三角形

				
			

			

				

					加载中...
				

				

					05-07
					
					1374
					
				

			

		

		

			
				
一、彩色三角形

前面顶点属性只用了位置属性，现在可以尝试给顶点加上颜色属性


GLfloat trangleY[] =
{
    -0.5f, -0.5f, 0.0f, 1.0f, 0.0f, 0.0f,
    -0.5f, 0.5f, 0.0f, 0.0f, 1.0f, 0.0f,
    0.0f, 0.0f, 0.0f, 0.0f, 0.0f, 1.0f
};

这些属性更新到...

			
		

	





	

		

			

				
					
OpenGL 绘制变幻色彩的三角形

				
			

			

				

					qq_24624539的博客
				

				

					02-05
					
					376
					
				

			

		

		

			
				
#include <iostream>
// GLEW
#define GLEW_STATIC
#include <GL/glew.h>
// GLFW
#include <GLFW/glfw3.h>
#pragma comment(lib,"opengl32.lib")
#pragma comment(lib,"glu32.lib")
 
using nam...

			
		

	





	

		

			

				
					
OpenGL 彩色三角形

				
			

			

				

					weixin_34224941的博客
				

				

					09-25
					
					292
					
				

			

		

		

			
				
// OpenGLDemo.cpp: 定义控制台应用程序的入口点。

#include "stdafx.h"
#include <glad/glad.h>
#include <GLFW/glfw3.h>
#include <iostream>
#include <stdio.h>
#include <stdlib.h&gt...

			
		

	





	

		

			

				
					
Qt OpenGL（二十三）——Qt OpenGL 核心模式-给三角形上色

				
			

			

				

					ifeng12358的博客
				

				

					11-20
					
					1268
					
				

			

		

		

			
				
本篇文章本来打算和上一篇文章写到一块的，但是考虑到VAO和VBO的概念是学习OpenGL核心模式绕不开的一个概念，所以单独再写一篇了，并且后面切换到使用Qt封装的VAO和VBO的时候，流程和这个也差不多，所以还是要做到理解这个概念的。今天继续分享给三角形上色。

			
		

	





	

		

			

				
					
Qt OpenGL（二十二）——Qt OpenGL 核心模式-VAO和VBO

				
			

			

				

					ifeng12358的博客
				

				

					11-19
					
					2013
					
				

			

		

		

			
				
你只需要记住现在这些步骤就行。在调用VAO的时候，使用的函数glVertexAttribPointer函数，Attrib就是属性的意思，这个函数就是指定输入数据的哪一个部分对应顶点着色器的哪一个顶点属性。所以，VBO的作用就是在CPU和GPU之间充当一个桥梁的作用，当我们把顶点数据存到VBO，VBO就会把数据自动的送到GPU，我们不需要关心他怎么送过去的，我们只要负责往VBO中送数据就行了（使用函数实现）。上面是我们需要绘制的顶点，同时也包含顶点颜色数据，也有可能会包含纹理数据，这个以后会介绍。

			
		

	





	

		

			

				
					
Qt OpenGL（二十八）——Qt OpenGL 核心模式-绘制一个正方体（正六面体）

				
			

			

				

					ifeng12358的博客
				

				

					01-18
					
					1336
					
				

			

		

		

			
				
上一篇在介绍了使用变换矩阵的时候，一川想了想，还是得抽空写一篇变换和介绍GLSL的文章，这样才能把这写文章的知识点串起来。绘制一个正方体，我们可以这样来拆解，就是绘制六个四边形，合在一起就是一个六面体，如果每个四边形组成的面是真方形，那么这个六面体就是一个正方体了。接下来通过纹理图片，就可以完整的看到效果了。上面的代码运行之后，由于是正对着屏幕的设置，看不出来是正方体，所以，我们使用旋转矩阵，让他旋转起来，就能看出来了。截止到上一篇文章，一川想使用Qt封装的类绘制一个旋转的彩色三角形的目标就实现了。

			
		

	





	

		

			

				
					
现代OpenGL+Qt学习笔记之三：显示一个彩色三角形

				
			

			

				

					09-11
				

			

		

		

			
				
现代OpenGL+Qt学习笔记之三：显示一个彩色三角形http://blog.csdn.net/chaojiwudixiaofeixia/article/details/77927876源码。

			
		

	





	

		

			

				
					
OpenGL绘制三角形

				
			

			

				

					10-31
				

			

		

		

			
				
OpenGL绘制三角形,学习OpenGL编程

			
		

	





	

		

			

				
					
OpenGL绘制一个多边形 添加颜色

				
			

			

				

					07-15
				

			

		

		

			
				
三角形用的是光滑着色，四边形用的是平面着色。三角形和四边形添加2种不同类型的着色方法。使用Flat coloring(单调着色)给四边形涂上固定的一种颜色。使用Smooth coloring(平滑着色)将三角形的三个顶点的不同颜色混合在一起，创建漂亮的色彩混合。

			
		

	





	

		

			

				
					
使用OpenGL绘制彩色三角形

				
			

			

				

					TechBurst的博客
				

				

					08-22
					
					226
					
				

			

		

		

			
				
在OpenGL中，我们可以通过设置颜色属性来给我们的图形上色。本文将介绍如何使用OpenGL绘制彩色三角形，并提供相应的源代码。我希望这篇文章能够帮助您了解如何使用OpenGL绘制彩色三角形，并促进您对OpenGL的理解和实践。首先，让我们创建一个简单的OpenGL窗口并设置视口的大小和位置。在上述代码中，我们定义了一个绘制三角形的函数，并使用。函数设置每个点的颜色属性。如果您想更改三角形的颜色，只需修改。使用OpenGL绘制彩色三角形。函数将绘制的结果显示在屏幕上。来标记三角形的顶点。

			
		

	





	

		

			

				
					
android平台下OpenGL ES 3.0绘制彩色三角形

				
			

			

				

					handy周
				

				

					11-05
					
					3268
					
				

			

		

		

			
				
本例基于android平台下OpenGLES3.0绘制圆点、直线和三角形
目录

顶点着色器
片段着色器
颜色配置
基于sdk绘制彩色三角形
基于ndk绘制彩色三角形

顶点着色器
#version 300 es
layout (location = 0) in vec4 vPosition;
layout (location = 1) in vec4 aColor;
out vec4 vColo...

			
		

	





	

		

			

				
					
【OpenGL ES】绘制彩色三角形

				
			

			

				

					little_fat_sheep
				

				

					09-17
					
					782
					
				

			

		

		

			
				
1 前言

【OpenGL ES】绘制三角形中介绍了绘制普通三角形的方法，本文将绘制彩色三角形的方法。

项目目录如下：



2 案例

MainActivity.java


package com.zhyan8.triangle;
 
import android.opengl.GLSurfaceView;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity...

			
		

	





	

		

			

				
					
[OpenGL]使用OpenGL绘制三角形

				
			

			

				

					刘好念的博客
				

				

					09-08
					
					844
					
				

			

		

		

			
				
本文介绍了如何在linux/win(wsl2)环境下，使用GLFW+GLAD实现绘制三角形。

			
		

	





	

		

			

				
					
Opengl 来给三角形一点颜色看看

				
			

			

				

					缥缈的云 专栏
				

				

					07-15
					
					1620
					
				

			

		

		

			
				
Opengl 来给三角形一点颜色看看

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
冯一川

			
谢谢老板对我的支持！

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值