嵌入式Linux(SOC带GPU树莓派)无窗口系统下搭建 OpenGL ES + Qt 开发环境,并绘制旋转金字塔

树莓派无窗口系统下搭建 OpenGL ES + Qt 开发环境,并绘制旋转金字塔

1. 安装 OpenGL ES 开发环境

运行以下命令安装所需的 OpenGL ES 开发工具和库:

sudo apt install cmake mesa-utils libegl1-mesa-dev libgles2-mesa-dev libdrm-dev libgbm-dev

2. 安装 Qt 开发环境

安装 Qt 的核心开发库:

sudo apt install -y qtbase5-dev qtchooser qt5-qmake qtbase5-dev-tools qtdeclarative5-dev qml-module-qtquick2

3. 配置 Qt 使用 EGL 和 GBM(无窗口模式)

使用 EGLFS(EGL Fullscreen)插件

EGLFS 插件可以在没有窗口管理器的环境下直接使用 OpenGL 渲染。

  1. 确认系统支持 EGLFS

    ls /usr/lib/arm-linux-gnueabihf/qt5/plugins/platforms/libqeglfs.so
    

    如果存在 libqeglfs.so,表示系统支持 EGLFS。

  2. 设置环境变量启用 EGLFS

    export QT_QPA_PLATFORM=eglfs
    

    使用 GBM 后台支持:

    export QT_QPA_EGLFS_INTEGRATION=eglfs_kms
    

    或者切换到 Framebuffer(可选):

    export QT_QPA_PLATFORM=linuxfb
    

4. 编写并运行 Qt 项目代码

创建项目目录和文件
mkdir qt-opengl-example
cd qt-opengl-example
  1. main.cpp

    #include <QApplication>
    #include <QMainWindow>
    #include "openglwidget.h"int main(int argc, char *argv[]) {QApplication app(argc, argv);QMainWindow window;OpenGLWidget *widget = new OpenGLWidget();window.setCentralWidget(widget);window.setWindowTitle("OpenGL ES Rotating Pyramid");window.resize(800, 600);window.show();return app.exec();
    }
    
  2. openglwidget.h

    #ifndef OPENGLWIDGET_H
    #define OPENGLWIDGET_H#include <QOpenGLWidget>
    #include <QOpenGLFunctions>
    #include <QTimer>class OpenGLWidget : public QOpenGLWidget, protected QOpenGLFunctions
    {Q_OBJECTpublic:explicit OpenGLWidget(QWidget *parent = nullptr);~OpenGLWidget();protected:void initializeGL() override;void resizeGL(int w, int h) override;void paintGL() override;void timerEvent(QTimerEvent *event) override;private:float rotationAngle;
    };#endif // OPENGLWIDGET_H
  3. openglwidget.cpp

    #include "openglwidget.h"
    #include <QOpenGLShaderProgram>
    #include <QOpenGLBuffer>
    #include <QOpenGLVertexArrayObject>
    #include <QMatrix4x4>
    #include <QtMath>OpenGLWidget::OpenGLWidget(QWidget *parent) :QOpenGLWidget(parent), rotationAngle(0.0f)
    {setAutoFillBackground(false);  // 不自动填充背景,交给OpenGL渲染startTimer(10);// 启动定时器,每隔0.01秒触发
    }OpenGLWidget::~OpenGLWidget()
    {
    }void OpenGLWidget::initializeGL()
    {initializeOpenGLFunctions();glClearColor(0.0f, 0.0f, 0.0f, 1.0f);  // 设置清屏颜色glEnable(GL_DEPTH_TEST);  // 启用深度测试
    }void OpenGLWidget::resizeGL(int w, int h)
    {glViewport(0, 0, w, h);
    }void OpenGLWidget::paintGL()
    {glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);  // 清除颜色和深度缓冲// 定义金字塔的顶点数据GLfloat vertices[] = {// 底面-0.5f, -0.5f, -0.5f,  // 顶点10.5f, -0.5f, -0.5f,  // 顶点20.5f, -0.5f,  0.5f,  // 顶点3-0.5f, -0.5f,  0.5f,  // 顶点4// 顶面0.0f,  0.5f,  0.0f   // 顶点5};// 定义金字塔的索引GLuint indices[] = {0, 1, 4,  // 底面与顶面连接的三角形1, 2, 4,  // 底面与顶面连接的三角形2, 3, 4,  // 底面与顶面连接的三角形3, 0, 4,  // 底面与顶面连接的三角形0, 1, 2,  // 底面三角形2, 3, 0   // 底面三角形};// 创建并绑定着色器程序QOpenGLShaderProgram program;program.addShaderFromSourceCode(QOpenGLShader::Vertex,"#version 300 es\n""in vec3 position;\n""uniform mat4 modelViewProjectionMatrix;\n""void main() {\n""   gl_Position = modelViewProjectionMatrix * vec4(position, 1.0);\n""}");program.addShaderFromSourceCode(QOpenGLShader::Fragment,"#version 300 es\n""precision mediump float;\n""out vec4 fragColor;\n""void main() {\n""   fragColor = vec4(1.0, 0.5, 0.0, 1.0);  // 金字塔颜色:橙色\n""}");program.link();program.bind();// 创建顶点数组对象和顶点缓冲对象GLuint vao, vbo, ebo;glGenVertexArrays(1, &vao);glBindVertexArray(vao);glGenBuffers(1, &vbo);glBindBuffer(GL_ARRAY_BUFFER, vbo);glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);glGenBuffers(1, &ebo);glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, ebo);glBufferData(GL_ELEMENT_ARRAY_BUFFER, sizeof(indices), indices, GL_STATIC_DRAW);GLint posAttrib = program.attributeLocation("position");program.enableAttributeArray(posAttrib);glVertexAttribPointer(posAttrib, 3, GL_FLOAT, GL_FALSE, 0, nullptr);// 创建一个模型视图投影矩阵QMatrix4x4 projection;projection.perspective(45.0f, (float)width() / height(), 0.1f, 100.0f);projection.translate(0.0f, 0.0f, -3.0f);  // 将物体向远离观察者的方向移动QMatrix4x4 modelView;modelView.rotate(rotationAngle, 0.0f, 1.0f, 0.0f);  // 水平旋转金字塔QMatrix4x4 modelViewProjectionMatrix = projection * modelView;// 将 MVP 矩阵传递给着色器program.setUniformValue("modelViewProjectionMatrix", modelViewProjectionMatrix);// 绘制金字塔glDrawElements(GL_TRIANGLES, 18, GL_UNSIGNED_INT, nullptr);glBindVertexArray(0);
    }void OpenGLWidget::timerEvent(QTimerEvent *event)
    {rotationAngle += 1.0f;  // 增加旋转角度if (rotationAngle >= 360.0f)rotationAngle = 0.0f;update();  // 触发重绘
    }
  4. 创建项目文件并编译运行

    qmake -project
    echo "QT += core gui widgets opengl" >> qt-opengl-example.pro
    qmake
    make
    ./qt-opengl-example
    

5. 调试与优化

启用调试日志
export QT_LOGGING_RULES="qt.qpa.*=true"
权限问题

确保当前用户有权限访问 /dev/fb0/dev/dri/*

sudo chmod a+rw /dev/fb0
sudo chmod a+rw /dev/dri/*

完成后,你的金字塔应用程序将在树莓派的无窗口系统中运行并水平旋转!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/63177.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

工作:SolidWorks从3D文件导出2D的DWG或DXF类型文件方法

工作&#xff1a;SolidWorks从3D文件导出2D的DWG或DXF类型文件方法 SolidWorks从3D文件导出2D的DWG或2D DXF类型文件方法&#xff08;一&#xff09;打开3D文件&#xff08;二&#xff09;从装配体到工程图&#xff08;三&#xff09;拖出想要的角度的图型&#xff08;四&#…

【AI系统】低比特量化原理

低比特量化原理 计算机里面数值有很多种表示方式&#xff0c;如浮点表示的 FP32、FP16&#xff0c;整数表示的 INT32、INT16、INT8&#xff0c;量化一般是将 FP32、FP16 降低为 INT8 甚至 INT4 等低比特表示。 模型量化则是一种将浮点值映射到低比特离散值的技术&#xff0c;可…

Spark区分应用程序 Application、作业Job、阶段Stage、任务Task

目录 一、Spark核心概念 1、应用程序Application 2、作业Job 3、阶段Stage 4、任务Task 二、示例 一、Spark核心概念 在Apache Spark中&#xff0c;有几个核心概念用于描述应用程序的执行流程和组件&#xff0c;包括应用程序 Application、作业Job、阶段Stage、任务Task…

《跨越平台壁垒:C++ 人工智能模型在移动设备的部署之路》

在人工智能技术如日中天的今天&#xff0c;C以其卓越的性能和高效的资源利用&#xff0c;在人工智能模型开发领域占据着举足轻重的地位。然而&#xff0c;如何将 C实现的人工智能模型成功部署到移动设备上&#xff0c;让智能应用触手可及&#xff0c;成为了众多开发者亟待攻克的…

《乌合之众》笔记

1.集体会降智&#xff0c;会互相传染 2.群体是无名氏&#xff0c;因此没必要承担责任。约束个人的责任感消失 3.有意识人格的消失&#xff0c;无意识人格的得势&#xff0c;思想和感情因为暗示和互相传染而转向一个共同的方向&#xff0c;以及立刻把暗示的观念转化为行动的倾…

【ETCD】【源码阅读】ETCD启动流程源码解读

启动流程的图如下&#xff1a; 1、主函数入口 ETCD 启动的入口在 etcd/server/main.go 文件中。 package mainimport ("os""go.etcd.io/etcd/server/v3/etcdmain" )func main() {etcdmain.Main(os.Args) }这里调用了 etcdmain.Main()&#xff0c;这是 …

计算机网络-应用层/运输层

应用层 在上一篇已经提到过, 计算机网络, 最核心的功能就是个产生信息, 发送信息.而并不关注其中的接受方究竟是人, 机器. 而协议, 就是双方约定的 可以表达一定含义的 消息内容. 符合协议的, 就能够被机器解读, 并进行下一步操作, 可能还会返回一定的响应内容. 而应用层, 有…

git lfs 上传超大文件

这里写自定义目录标题 1.安装lfs2.设置LFS要管理的文件类型3.执行完上面的命令后&#xff0c;会生成一个.gitattributes文件&#xff0c;要将其上传到远程gitee仓库。这里我把.gitattributes和大文件分开上传4.上传大文件报LFS错第一种第二种 1.安装lfs cd xxx #xxx是你本地仓库…

AD20 原理图库更新到原理图

一 点击工具&#xff0c;从库更新。快捷键TL 二 点击完成 三 执行变更&#xff0c;最后点击关闭

位运算符I^~

&运算&#xff1a;上下相等才是1&#xff0c;有一个不同就是0 |运算&#xff1a;只要有1返回的就是1 ^(亦或)运算&#xff1a;上下不同是1&#xff0c;相同是0 ~运算&#xff1a;非运算&#xff0c;与数据全相反 cpu核心运算原理&#xff0c;四种cpu底层小电路 例&#xf…

ethers.js与solidity智能合约交互(hardhat项目)

1、test脚本中如何获取合约中的状态变量 //合约中public类型的状态变量支持getter()特性&#xff0c;可以直接使用部署合约的实例调用如&#xff1a;vault.token() contract Vault {//这里的token属性是public&#xff0c;自带getter()方法IERC20 public immutable token;uint…

Python毕业设计选题:基于django的民族服饰数据分析系统的设计与实现_hadoop+spider

开发语言&#xff1a;Python框架&#xff1a;djangoPython版本&#xff1a;python3.7.7数据库&#xff1a;mysql 5.7数据库工具&#xff1a;Navicat11开发软件&#xff1a;PyCharm 系统展示 管理员登录 管理员功能界面 用户管理 民族服饰管理 看板展示 系统首页 民族服饰 服饰…

mac port 安装redis 并设置为系统服务 自定义配置方法

mac系统中&#xff0c;port 包管理工具比brew的速度快N倍&#xff0c;今天就给大家分享一下在macos系统中如何使用 port安装 redis数据库并配置为服务自动启动和自定义redis.conf配置的方法。 1. 安装redis sudo port install redis 2. 启动redis服务 sudo port load redis …

MySQL导入.sql文件后数据库乱码问题

问题分析&#xff1a; 当导入.sql文件后&#xff0c;发现数据库中的备注出现乱码&#xff0c;通常是由于一下原因导致&#xff1a; 字符集不匹配&#xff1a;.sql文件、MySQL服务器、客户端连接使用的字符集不一致。备注内容编码问题&#xff1a;备注内容本身的编码格式与数据…

RabbitMQ 架构介绍:深入理解与应用

RabbitMQ 是一个开源的消息代理&#xff08;Message Broker&#xff09;软件&#xff0c;它实现了高级消息队列协议&#xff08;AMQP&#xff09;&#xff0c;并提供了可靠的消息传递机制。RabbitMQ 广泛应用于分布式系统中&#xff0c;用于解耦系统组件、异步处理任务和实现消…

分布式事物各方案常见使用场景

2PC/3PC&#xff1a;依赖于数据库&#xff0c;能够很好的提供强一致性和强事务性&#xff0c;但延迟比较高&#xff0c;比较适合传统的单体应用&#xff0c;在同一个方法中存在跨库操作的情况&#xff0c;不适合高并发和高性能要求的场景。TCC&#xff1a;适用于执行时间确定且…

【西门子PLC.博途】——在S71200里写时间设置和读取功能块

之前我们在这篇文章中介绍过如何读取PLC的系统时间。我们来看看在西门子1200里面有什么区别。同时也欢迎关注gzh。 我们在S71200的帮助文档中搜索时间后找到这个数据类型 在博途中他是一个结构体&#xff0c;具体为 然后我们再看看它带的读取和写入时间块 读取时间&#xff1…

AI模型大概训练流程

使用语言&#xff1a;Python 1. 数据收集和准备 import numpy as np import pandas as pd from sklearn.model_selection import train_test_split from sklearn.preprocessing import StandardScaler# 假设我们已经有了数据集&#xff0c;以便于读取 data pd.read_csv(your_d…

UE5 Compile Plugins | Rebuild from Source Manually | Unreal Engine | Tutorial

Step 1 Open Engine Folder H:\UE5\UE_5.3\Engine\Build\BatchFiles Step 2 Hold "Shift""Mouse Right Click"in Empty Area Step 3 Select "Open PowerShell window here .\RunUAT.bat BuildPlugin -plugin"H:\projects\MetaHuman光照2\plu…

vue聊天对话语音消息播放动态特效

vue2写法&#xff0c;vue3也能用&#xff0c;粘之即走&#xff1a; 示例&#xff1a; <template><div class"voice-hidden"><divclass"voice-play-chat":class"[className, { animate-stop: !isPlaying }]"><div class&q…