Построение графиков с помощью glVertex2i() показывает артефакты при масштабировании с помощью glScaled()

Если вы разделите рендеринг на 3 прохода, вы сможете использовать треугольные полосы вместо линейных полос (которые должны заполнять промежутки).

glBegin(GL_TRIANGLE_STRIP);
glColor4ub(255, 0, 0, 255);
for (int n = 0; n < m_histogram_X; n++)
{
    glVertex2i(n, m_Hist_Channel_R[n]);
    glVertex2i(n, GRAPH_HEIGHT);
}
glEnd()

glBegin(GL_TRIANGLE_STRIP);
glColor4ub(0, 255, 0, 255);
for (int n = 0; n < m_histogram_X; n++)
{
    glVertex2i(n, m_Hist_Channel_G[n]);
    glVertex2i(n, GRAPH_HEIGHT);
}
glEnd()

glBegin(GL_TRIANGLE_STRIP);
glColor4ub(0, 0, 255, 255);
for (int n = 0; n < m_histogram_X; n++)
{
    glVertex2i(n, m_Hist_Channel_B[n]);
    glVertex2i(n, GRAPH_HEIGHT);
}
glEnd()

Отсутствуют данные. Просто вы используете примитив рисования таким образом, который не соответствует данным. GL_LINE_STRIP рисует одну длинную непрерывную линию, соединяя точки по мере их прохождения, а также интерполируя между установленными вами цветами.

По сути, вы рисуете линию от синего к красному от последней синей ячейки до высоты следующей красной ячейки, затем от красной ячейки до зеленой ячейки и оттуда до синей ячейки. Затем вы переходите к следующей красной корзине и так далее. По сути, вы рисуете маленькие «шипы» с соединительными линиями между красным и синим. Конечно, будут пробелы, если пикселей по ширине для заполнения больше, чем бинов.

Я предлагаю вам взять лист (графической) бумаги и выполнить шаги рисования вручную, чтобы понять, как происходит этот результат.

По правде говоря, это не самый эффективный способ построения гистограммы. Гораздо лучший подход — загрузить данные гистограммы в одномерную текстуру, нарисовать один большой четырехугольник (или, что еще лучше, треугольник, заполняющий область просмотра, используя ножничное тестирование, чтобы обрезать область просмотра до прямоугольника) и для каждого фрагмента (примерно это пиксель, с кое-что еще) в фрагментном шейдере используйте координату X, чтобы найти бин из текстуры, вычтите координату Y из текстуры и передайте результат в функцию step или smoothstep GLSL для определения цвета для пикселя. Как бы странно это ни звучало для новичка, но рисование одного треугольника и выполнение всего остального во фрагментном шейдере более эффективно, чем отправка набора полигонов. Это также дает гораздо лучшее качество!

Обновление — пример шейдера

Практическое применение может быть реализовано с помощью такого шейдера (семантика Shadertoy):

void mainImage( out vec4 fragColor, in vec2 fragCoord )
{
    // Normalized pixel coordinates (from 0 to 1)
    vec2 uv = fragCoord/iResolution.xy;

    // read the histogram data from a sampler
    // on shadertoy there are no 1D textures, so we use a
    // single row of a 2D texture instead, and sweep up/down
    // over time to get a "dynamic" histogram.
    vec3 h = texture(iChannel0, vec2(uv.x, sin(0.01*iTime))).rgb;

    // discard fragments which are "outside" the histogram
    // also use this value later for the alpha channel
    float a = smoothstep( 0.000, 0.001, length(h));
    if( 0. == a ){ discard; }

    // Color the fragment. The smoothstep gives some antialiasing.
    // For perfect pixel coverage based antialiasing we'd have to
    // determine the slope of the histogram, to construct a tangent
    // and determine the distance to it, i.e. create a
    // Signed Distance Field
    fragColor = vec4(
        smoothstep(-0.001, 0.001, h.r - uv.y),
        smoothstep(-0.001, 0.001, h.g - uv.y),
        smoothstep(-0.001, 0.001, h.b - uv.y),
        a );

    // Instead of using the smoothstep and/or the SDF using a
    // multisampled buffer and performing a simple `y >= h` test
    // would yield probably a nicer result.
}

Тогда результат выглядит так