WebGL线条没有一致的宽度/颜色

Question

我正在尝试使用webgl绘制一些线条，但线条的宽度/颜色不一致。你可以在屏幕截图中看到我的意思。

我正在使用的顶点：

let vertices = [
    0, -1,
    0, 1,

    -1, 0,
    1, 0,

    0.02, -1,
    0.02, 1,

    -0.02, -1,
    -0.02, 1,

    -1, 0.02,
    1, 0.02,

    -1, -0.02,
    1, -0.02
];

顶点着色器

attribute vec2 a_position;

void main() {
    gl_Position = vec4(a_position, 0, 1);
}

片段着色器

void main() {
    gl_FragColor = vec4(1, 1, 1, 1);
}

有人可以解释为什么会发生这种情况并且可能指出我正确的方向让这些线条看起来一样吗？

提前致谢！