如何为着色器创建颜色数组属性？

struct Vertex {
    vec3 position;
    vec3 color;
};

attribute vec3 aColor;
varying vec3 vColor;

void main() {
    // ...
    vColor = aColor;
    // ...
}

// 创建颜色数组
const colors = [
    1.0, 0.0, 0.0,  // 红色
    0.0, 1.0, 0.0,  // 绿色
    0.0, 0.0, 1.0,  // 蓝色
];

// 创建缓冲区对象
const colorBuffer = gl.createBuffer();

// 绑定缓冲区对象
gl.bindBuffer(gl.ARRAY_BUFFER, colorBuffer);

// 将颜色数组数据传入缓冲区对象
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(colors), gl.STATIC_DRAW);

// 获取颜色属性的位置
const colorAttributeLocation = gl.getAttribLocation(program, 'aColor');

// 启用颜色属性
gl.enableVertexAttribArray(colorAttributeLocation);

// 告诉WebGL如何解析颜色属性数据
const colorSize = 3;  // 每个颜色有3个分量
const colorType = gl.FLOAT;  // 颜色数据类型为浮点型
const colorNormalize = false;  // 不需要归一化
const colorStride = 0;  // 0表示使用默认的步长
const colorOffset = 0;  // 颜色数据在缓冲区中的偏移量
gl.vertexAttribPointer(colorAttributeLocation, colorSize, colorType, colorNormalize, colorStride, colorOffset);