three.js 打开gltf

你可以使用Three.js库来加载和显示GLTF文件。下面是一个简单的示例代码，展示了如何在Three.js中打开和渲染GLTF文件：

// 创建一个场景
const scene = new THREE.Scene();

// 创建一个相机
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.z = 5;

// 创建一个渲染器
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 加载GLTF文件
const loader = new THREE.GLTFLoader();
loader.load('path/to/your/model.gltf', function (gltf) {
  scene.add(gltf.scene);
}, undefined, function (error) {
  console.error(error);
});

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

在上述代码中，首先创建了一个场景、相机和渲染器。然后使用`THREE.GLTFLoader`加载GLTF文件，并将加载的模型添加到场景中。最后，通过`requestAnimationFrame`循环渲染场景。

请确保在使用前引入Three.js和GLTFLoader库的JavaScript文件。你可以从Three.js官方网站上下载这些文件，或者通过CDN引入。

希望这可以帮助你打开和显示GLTF文件！如有任何问题，请随时提问。