如何在三个JS中动态更改顶点颜色

attribute vec3 a_Position;
attribute vec3 a_Color;
varying vec3 v_Color;

void main() {
  gl_Position = vec4(a_Position, 1.0);
  v_Color = a_Color;
}

precision mediump float;
varying vec3 v_Color;

void main() {
  gl_FragColor = vec4(v_Color, 1.0);
}

// 创建顶点着色器
const vertexShaderSource = `
  attribute vec3 a_Position;
  attribute vec3 a_Color;
  varying vec3 v_Color;

  void main() {
    gl_Position = vec4(a_Position, 1.0);
    v_Color = a_Color;
  }
`;
const vertexShader = gl.createShader(gl.VERTEX_SHADER);
gl.shaderSource(vertexShader, vertexShaderSource);
gl.compileShader(vertexShader);

// 创建片元着色器
const fragmentShaderSource = `
  precision mediump float;
  varying vec3 v_Color;

  void main() {
    gl_FragColor = vec4(v_Color, 1.0);
  }
`;
const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);
gl.shaderSource(fragmentShader, fragmentShaderSource);
gl.compileShader(fragmentShader);

// 创建着色器程序
const program = gl.createProgram();
gl.attachShader(program, vertexShader);
gl.attachShader(program, fragmentShader);
gl.linkProgram(program);

// 获取变量位置
const a_Position = gl.getAttribLocation(program, 'a_Position');
const a_Color = gl.getAttribLocation(program, 'a_Color');

// 创建顶点缓冲区
const vertices = [
  -0.5, 0.5, 0.0,  // 顶点1的位置
  1.0, 0.0, 0.0,   // 顶点1的颜色（红色）

  -0.5, -0.5, 0.0, // 顶点2的位置
  0.0, 1.0, 0.0,   // 顶点2的颜色（绿色）

  0.5, -0.5, 0.0,  // 顶点3的位置
  0.0, 0.0, 1.0,   // 顶点3的颜色（蓝色）
];
const vertexBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vertices), gl.STATIC_DRAW);

// 渲染循环中的绘制过程
gl.useProgram(program);

gl.enableVertexAttribArray(a_Position);
gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);
gl.vertexAttribPointer(a_Position, 3, gl.FLOAT, false, 24, 0);

gl.enableVertexAttribArray(a_Color);
gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);
gl.vertexAttribPointer(a_Color, 3, gl.FLOAT, false, 24, 12);

gl.drawArrays(gl.TRIANGLES, 0, 3);

// 在渲染循环中动态更改顶点颜色
const r = Math.random();
const g = Math.random();
const b = Math.random();
const u_Color = gl.getUniformLocation(program, 'u_Color');
gl.uniform3f(u_Color, r, g, b);