写一个加载gltf模型的代码

以下是一个简单的加载 glTF 模型的示例代码，使用了 Three.js 库：

// 创建场景、相机和渲染器
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 加载 glTF 模型
const loader = new THREE.GLTFLoader();
loader.load(
    'model.gltf',
    function(gltf) {
        scene.add(gltf.scene);
        animate();
    },
    function(xhr) {
        console.log((xhr.loaded / xhr.total * 100) + '% loaded');
    },
    function(error) {
        console.error(error);
    }
);

// 渲染循环
function animate() {
    requestAnimationFrame(animate);
    renderer.render(scene, camera);
}

其中，`THREE.GLTFLoader()` 是 Three.js 库内置的 glTF 模型加载器，它会异步加载模型并返回一个 `gltf` 对象。在加载成功后，可以将模型添加到场景中进行渲染。在加载过程中，可以通过回调函数获得加载进度信息或者错误信息。最后，需要通过渲染循环 `animate()` 来实现场景的动画渲染。