GLTFLoader.js和OrbitControls.js两个 JavaScript 文件都是 Three.js 生态系统中的重要组成部分

GLTFLoader.js和OrbitControls.js两个 JavaScript 文件都是 Three.js 生态系统中的重要组成部分：

1. GLTFLoader.js

作用

GLTFLoader.js 是 Three.js 库中的一个辅助加载器脚本，其主要功能是加载 GLB 或 GLTF 格式的 3D 模型。GLTF（GL Transmission Format）是一种开放的、基于 JSON 的格式，用于高效地传输和加载 3D 场景与模型；GLB 则是 GLTF 的二进制版本，它将所有的模型数据（包括几何信息、材质、纹理等）打包在一个二进制文件中，方便存储和传输。

使用场景

当你需要在 Three.js 项目中展示复杂的 3D 模型时，就可以使用 GLTFLoader 来加载这些模型。例如，在你的代码中就有相关使用：

const loader = new THREE.GLTFLoader();
let model; 
// 之后可以使用 loader.load() 方法加载 GLB 或 GLTF 文件
loader.load('./path/to/your/model.glb', function (gltf) {model = gltf.scene;scene.add(model);
});

2. OrbitControls.js

作用

OrbitControls.js 同样是 Three.js 库的一个辅助脚本，它提供了一种交互控制机制，允许用户通过鼠标对场景中的相机进行交互操作。具体来说，用户可以通过鼠标进行以下操作：

• 旋转：按住鼠标左键拖动可以旋转相机视角，从而从不同角度观察 3D 场景。
• 缩放：滚动鼠标滚轮可以对场景进行缩放操作，拉近或拉远相机与场景的距离。
• 平移：按住鼠标右键拖动可以平移场景，在平面上移动相机的位置。

使用场景

在需要用户与 3D 场景进行交互，以便更自由地观察场景内容时，OrbitControls 就非常有用。在你的代码中，使用方式如下：

const controls = new THREE.OrbitControls(camera, renderer.domElement);

这行代码创建了一个 OrbitControls 实例，将相机和渲染器的 DOM 元素作为参数传入，这样用户就可以通过鼠标操作来控制相机的视角了。

这两个 JavaScript 文件都是 Three.js 生态系统中的重要组成部分，GLTFLoader.js 用于加载 3D 模型，OrbitControls.js 用于实现用户与 3D 场景的交互，它们帮助开发者更方便地创建和展示交互式的 3D 应用程序。