c++ - 为什么这个三角形条只画了屏幕的三分之一？-6ren

c++ - 为什么这个三角形条只画了屏幕的三分之一？

转载作者：行者123 更新时间：2023-11-27 22:38:48

26

4

<分区>

我正在尝试制作一个玩具来在整个屏幕上“绘制”片段着色器。为此，我试图用一个三角形 strip “填充”屏幕。我正在为此使用 QT，因为除了 openGL 渲染之外，我还想使用一个 UI。

我基于全屏三角形带技术: https://github.com/Gargaj/Bonzomatic/blob/master/src/platform_glfw/Renderer.cpp

static const char *fragmentShaderSource =
        "varying mediump vec4 color;\n"
        "void main(void)\n"
        "{\n"
        "    gl_FragColor = vec4(1.0,0.0,0.0,0.0);\n"
        "}\n";


static float pFullscreenQuadVertices[] =
    {
      -1.0, -1.0,  0.5, 0.0, 0.0,
      -1.0,  1.0,  0.5, 0.0, 1.0,
       1.0, -1.0,  0.5, 1.0, 0.0,
       1.0,  1.0,  0.5, 1.0, 1.0,
    };

static const char *szVertexShader =
      "#version 410 core\n"
      "in vec3 in_pos;\n"
      "in vec2 in_texcoord;\n"
      "out vec2 out_texcoord;\n"
      "void main()\n"
      "{\n"
      "  gl_Position = vec4( in_pos.x, in_pos.y, in_pos.z, 1.0 );\n"
      "  out_texcoord = in_texcoord;\n"
      "}";


void DemoRender::initializeGL(){
         m_background = qRgb(255,255,255);
         initializeOpenGLFunctions();
         m_program = new QOpenGLShaderProgram(this);
         m_program->addShaderFromSourceCode(QOpenGLShader::Vertex, szVertexShader);
         m_program->addShaderFromSourceCode(QOpenGLShader::Fragment, fragmentShaderSource);
         m_program->link();
         m_program->log();
         m_posAttr = m_program->attributeLocation("in_pos");

         m_vao1.create();
         m_vao1.bind();



}


void DemoRender::paintGL(){
        QPainter painter;
        painter.begin(this);

        painter.beginNativePainting();
        glClearColor(m_background.redF(), m_background.greenF(), m_background.blueF(),0.0);
        glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

        //glFrontFace(GL_CW);
        //glCullFace(GL_FRONT);
        //glEnable(GL_CULL_FACE);
        //glEnable(GL_DEPTH_TEST);
        glClear(GL_COLOR_BUFFER_BIT);

        m_program->bind();
        drawFullScreen();
        m_program->release();
           //glDisable(GL_DEPTH_TEST);
           //glDisable(GL_CULL_FACE);

           painter.endNativePainting();

           painter.end();

           update();


}

void DemoRender::drawFullScreen(){

    m_vao1.bind();

    m_vbo1.create();
    m_vbo1.bind();
    m_vbo1.allocate(pFullscreenQuadVertices,sizeof(pFullscreenQuadVertices)*sizeof(float));
    m_vbo1.write(0,pFullscreenQuadVertices,sizeof(pFullscreenQuadVertices));


    m_program->enableAttributeArray(m_posAttr);

    //m_vbo1.release();
    //I suspect you are the culprit, but I don't know how to fix it. 
    m_program->setAttributeBuffer(m_posAttr, GL_FLOAT, 0, 3);

    m_vbo1.release();

    glDrawArrays(GL_TRIANGLE_STRIP, 0, 4);


    m_program->disableAttributeArray(m_posAttr);

}

作为一种调试技术，我告诉片段着色器将每个像素设为红色。现在，我的困惑是:为什么只有大约三分之一的屏幕变红了？

顶点着色器似乎没有覆盖整个屏幕空间。我该怎么做才能解决这个问题？

我目前的理论是，由于顶点数组设置的一些细节，三角形带没有正确渲染，但因为 qt 不允许我做这种 C 风格，我不能按照原作者的代码一一个。

26

4

0

文章推荐： javascript - React 应用程序中的滚动性能

文章推荐： css - 在 CSS 中使用相对大小而不是固定大小

文章推荐： html - jpg 图像未在 HTML 中呈现

文章推荐： javascript - D3.JS:在 2D 图中使绘制的线静态 wrt 轴

java - headless 画
我想以 headless 模式(屏幕上根本没有 GUI)将 JPanel 绘制到 BufferedImage 中。 final JPanel panel = createPanel(); panel.
javascript - 如何实现更逼真的粒子漂 float 画？
我是 Canvas 的新手，正在尝试创建看起来逼真的 float 粒子动画。目前，我正在创建 400 个随机散布在 400x400 Canvas 上的粒子。然后，在每个 requestAnimat
css - 如何在悬停时停止悬 float 画
有没有办法在悬停时停止悬 float 画？ :hover 这是一个显示动画的链接: https://codepen.io/youbiteme/pen/RprPrN 最佳答案只需为您的 svg 悬停添
java - 画 donut 谷歌地图Android
我想在谷歌地图上绘制覆盖图，其中除了特定点周围 1.5 公里半径以外的所有内容都被遮蔽了。为此，我尝试使用带有大量边框的圆圈，所以我会在边框中放置透明中心和覆盖颜色来实现这一点，但它无法渲染。
ios - 画(_直角: CGRect) not getting called in custom view
我正在尝试通过扩展类 UIView 来创建自定义 View ，该类可以在自定义 View 的中心显示一个圆圈。为了添加自定义绘图，我重写了 draw(_ rect: CGRect) 方法，如下所示。

首页

博学

6Ren·AI

商城

c++ - 为什么这个三角形条只画了屏幕的三分之一？