你可以使用一个叫做 "Three.js" 的 JavaScript 库来加载和查看 glTF 模型。Three.js 有一个叫做 "Box3" 的类,可以帮助你计算出一个模型的包围盒。包围盒是一个能够围绕模型的矩形立方体,其中有两个顶点在模型的中心点。
你可以使用下面的代码来获取模型的中心点:
// 加载模型
let loader = new THREE.GLTFLoader();
loader.load( 'model.gltf', function ( gltf ) {
let model = gltf.scene;
// 计算包围盒
let box = new THREE.Box3().setFromObject( model );
// 获取包围盒的中心点
let center = box.getCenter();
// 将模型放置在中心点
model.position.set( center.x, center.y, center.z );
});
在这段代码中,我们使用 THREE.GLTFLoader 加载了一个 glTF 模型,然后使用 THREE.Box3 计算出了该模型的包围盒。然后,我们使用 getCenter 方法获取了包围盒的中心点,并将模型的位置设置为中心点的坐标。