webGL加载Obj模型

要在WebGL中加载Obj模型，需要进行以下步骤：

1. 从服务器上获取Obj模型文件。

2. 解析Obj文件，提取出其中的顶点和面信息。

3. 将顶点和面信息转化为WebGL中的顶点缓冲区和索引缓冲区。

4. 使用WebGL中的着色器对模型进行渲染。

下面是一个简单的加载Obj模型的代码示例：

// 从服务器上获取Obj模型文件
var xhr = new XMLHttpRequest();
xhr.open('GET', 'model.obj', true);
xhr.onload = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 解析Obj文件
    var objData = parseObj(xhr.responseText);
    
    // 将顶点和面信息转化为WebGL中的缓冲区
    var vertexBuffer = createVertexBuffer(gl, objData.vertices);
    var indexBuffer = createIndexBuffer(gl, objData.faces);
    
    // 使用WebGL中的着色器对模型进行渲染
    renderModel(gl, vertexBuffer, indexBuffer);
  }
};
xhr.send();

其中，parseObj()函数用于解析Obj文件，createVertexBuffer()和createIndexBuffer()函数用于创建顶点缓冲区和索引缓冲区，renderModel()函数用于渲染模型。具体实现可以参考WebGL相关的教程和示例代码。