javascript // 用GLTFLoader加载GLB模型的代码示例

// 引入GLTFLoader import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';

// 创建一个场景、相机和渲染器 const scene = new THREE.Scene; const camera = new THREE.PerspectiveCamera; const renderer = new THREE.WebGLRenderer; renderer.setSize; document.body.appendChild;

// 创建一个加载器 const loader = new GLTFLoader;

// 加载GLB模型 loader.load( 'path/to/your/model.glb', // 模型文件的路径 function { // 将加载的模型添加到场景中 scene.add;

// 设置相机位置
camera.position.z = 5;
// 渲染场景
function animate {
  requestAnimationFrame;
  renderer.render;
}
animate;

}, undefined, // onProgress回调函数 function { console.error; } // onError回调函数 );

这段代码展示了怎么用Three.js的GLTFLoader来加载和渲染一个GLB格式的3D模型。先说说你需要确保Three.js库和GLTFLoaderYi经正确引入到你的项目中。然后创建一个场景、相机和渲染器，并设置它们的基本参数。接着，创建一个GLTFLoader实例，并用它的load方法加载GLB模型。加载完成后将模型添加到场景中，并设置相机的位置。再说说通过调用animate函数来不断渲染场景。