three.js 加载glb

要加载glb文件，你可以使用Three.js提供的GLTFLoader。首先，在HTML文件中引入Three.js和GLTFLoader：

<script src="https://cdn.jsdelivr.net/npm/three@0.132.2/build/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/three@0.132.2/examples/js/loaders/GLTFLoader.js"></script>

然后，在JavaScript中创建一个GLTFLoader实例，并使用它来加载glb文件：

const loader = new THREE.GLTFLoader();

loader.load(
    'path/to/model.glb',
    function ( gltf ) {

        scene.add( gltf.scene );

    },
    function ( xhr ) {

        console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );

    },
    function ( error ) {

        console.error( error );

    }
);

在加载完成后，模型会被添加到场景中。你可以调整模型的位置、旋转和缩放等属性。

注意：如果你的glb文件包含纹理和材质，请确保将它们存储在与模型文件相同的文件夹中，并将它们的路径指定为相对路径。