function generateChahu(){ }用webgl构建一个犹他茶壶

在WebGL中，`generateChahu()`函数可能是用于创建一个著名的几何模型—— Utah Teapot 的一个函数。Utah Teapot 是一个标准的3D模型，常用于展示OpenGL或WebGL的性能和基本形状绘制能力。下面是用JavaScript和WebGL的基本步骤来实现这样一个功能的大致框架：

function generateChahu() {
    // 创建WebGL上下文
    const canvas = document.getElementById('canvas');
    const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');

    // 检查是否成功获取到WebGL支持
    if (!gl) {
        console.error('WebGL not supported');
        return;
    }

    // 加载Teapot的数据
    loadTeapotGeometry(gl); // 假设loadTeapotGeometry有加载3D模型的功能

    // 绑定顶点数组
    const teapotVAO = new THREE.WebGLBufferGeometry().geometry; // 或者具体的顶点缓冲对象
    gl.useProgram(ShaderProgram); // 需要有预编译好的着色器程序

    // 设置颜色和纹理等属性
    const vertexColorAttribute = gl.getAttribLocation(ShaderProgram, 'a_vertexColor');
    gl.enableVertexAttribArray(vertexColorAttribute);

    // 渲染循环
    function render() {
        gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
        teapotVAO.drawArrays(gl.TRIANGLES, 0, teapotVAO.numVertices); // 绘制模型
        requestAnimationFrame(render);
    }
    render();
}

// 假设存在一个loadTeapotGeometry函数来导入3D模型数据
function loadTeapotGeometry(gl) {
    // 这里通常会从文件或者网络请求中读取或者解析UT模型的顶点、索引等信息
    // 然后填充到 WebGLBuffer 中，构造BufferGeometry实例
    // ...
}

在这个示例中，我们首先获取WebGL上下文，然后检查其支持情况。接着加载Teapot模型数据并将其转化为WebGLBufferGeometry。然后，我们需要一个着色器程序（ShaderProgram）来渲染模型，并设置必要的属性，如颜色通道。最后，我们在一个渲染循环中不断地清除颜色和深度缓冲，然后绘制模型。

相关问题：
1. 如何在WebGL中加载和处理3D模型数据？
2. 什么是THREE.WebGLBufferGeometry？它在渲染过程中起什么作用？
3. 为何要在渲染前清空颜色和深度缓冲？