为什么渲染的对象会出现扭曲?

时间:2018-01-01 19:54:31

标签: c# opengl vertex vertex-attributes

当我试图显示一个带有3个顶点的红色三角形时,我得到一个扭曲的红色三角形Output(at(-0.5,-0.5)(0.5,-0.5)(0,0.5))我是使用此代码传递到着色器

public void LoadData<T>(BufferConfig<T> config) where T : struct, IVertex
    {
        Bind();

        GL.BufferData(config.Target, config.VertexCount * config.Layout.SizeOfVertex, config.Vertices, config.Usage);

        int offset = 0;

        for (int i = 0; i < config.Layout.Attribs.Length; i++)
        {
            GL.EnableVertexAttribArray(i);
            GL.VertexAttribPointer(
                i, 
                config.Layout.Attribs[i].ElementCount, 
                config.Layout.Attribs[i].ElementType, 
                config.Layout.Attribs[i].IsNormalized, 
                config.Layout.Attribs[i].Stride,
                offset
                );

            offset += config.Layout.Attribs[i].Stride;
        }

        Unbind();
    }

顶点由2个Vector4组成,分别代表位置和颜色, 我试过调试它,值看起来很好,因为有2个属性,位置和颜色,循环运行2次,

第一次迭代:index = 0,count = 4,type = float,normalized = false,stride = 16,pointer = 0

第二次迭代:index = 1,count = 4,type = float,normalized = false,stride = 16,pointer = 16

为什么这在图像中看起来如此?

编辑:

顶点着色器

#version 450 core

layout(location = 0) in vec4 position;
layout(location = 1) in vec4 color;

out vec4 vs_color;

void main(void)
{
    gl_Position = position;
    vs_color = color;
}

片段着色器

#version 450 core

in vec4 vs_color;
out vec4 fragColor;

void main(void)
{
    fragColor = vs_color;
}

顶点

r1.AddVertices(new CVertex[] {
            new CVertex(new Vector4(-0.5f,-0.5f,0f,1f), new Vector4(1f,0f,0f,1f)),
            new CVertex(new Vector4(0.5f,-0.5f,0f,1f), new Vector4(0f,1f,0f,1f)),
            new CVertex(new Vector4(0f,0.5f,0f,1f), new Vector4(0f,0f,1f,0f))
        });

1 个答案:

答案 0 :(得分:1)

步幅不正确。步幅应该是下一个顶点属性要跳过的字节数。

在您的情况下,要到达下一个位置,您必须跳过4个浮点数作为位置,4个浮点数作为颜色,总共32个字节(类似颜色)。

如果单个缓冲区中有多个属性,则步幅应为属性大小的总和。

使用16个字节而不是32个步长产生三角形:( - 0.5,-0.5,0) - (1,0,0) - (0.5,-0.5,0)。正如@Zebrafish在评论中所指出的,这些是第一个顶点的位置,第一个顶点的颜色和第二个顶点的位置。

它不是从第一个顶点的位置前进到第二个顶点的位置(相隔32个字节),而是前进到第一个顶点的颜色,然后前进到第二个顶点的位置。