WebGL模型一般通过Three.js库来构建。Three.js是一个基于WebGL的JavaScript库，可以用来创建2D和3D的Web内容。以下是一个简单的步骤：

1. 在你的项目中安装Three.js。你可以从官方网站下载并安装：https://threejs.org/download/

2. 导入Three.js库。在你的HTML文件中，你可以这样引入Three.js：

```html

```

1. 创建一个新的Three.js项目。在命令行中，你可以使用以下命令来创建一个新的Three.js项目：

bash threejs --init

这将会创建一个新的Three.js项目，并在你的项目文件夹中生成一个HTML文件。

1. 创建一个3D模型。你可以在Three.js的官方网站上找到许多预设的3D模型，或者使用Three.js的JavaScript API来创建你自己的3D模型。例如，你可以使用THREE.Scene来创建一个3D场景，然后使用THREE.Mesh来创建3D模型。

```javascript var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); var renderer = new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement);

var geometry = new THREE.BoxGeometry(1, 1, 1); var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 }); var mesh = new THREE.Mesh(geometry, material); scene.add(mesh);

camera.position.z = 5;

function animate() { requestAnimationFrame(animate); mesh.rotation.y += 0.01; renderer.render(scene, camera); } animate(); ```

以上就是一个简单的Three.js项目，你可以根据需要添加更多的元素和功能。