GLTFLoader.js和OrbitControls.js兩個(gè) JavaScript 文件都是 Three.js 生態(tài)系統(tǒng)中的重要組成部分：

1.?GLTFLoader.js

作用

GLTFLoader.js?是 Three.js 庫(kù)中的一個(gè)輔助加載器腳本，其主要功能是加載 GLB 或 GLTF 格式的 3D 模型。GLTF（GL Transmission Format）是一種開(kāi)放的、基于 JSON 的格式，用于高效地傳輸和加載 3D 場(chǎng)景與模型；GLB 則是 GLTF 的二進(jìn)制版本，它將所有的模型數(shù)據(jù)（包括幾何信息、材質(zhì)、紋理等）打包在一個(gè)二進(jìn)制文件中，方便存儲(chǔ)和傳輸。

使用場(chǎng)景

當(dāng)你需要在 Three.js 項(xiàng)目中展示復(fù)雜的 3D 模型時(shí)，就可以使用?GLTFLoader?來(lái)加載這些模型。例如，在你的代碼中就有相關(guān)使用：

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 庫(kù)的一個(gè)輔助腳本，它提供了一種交互控制機(jī)制，允許用戶通過(guò)鼠標(biāo)對(duì)場(chǎng)景中的相機(jī)進(jìn)行交互操作。具體來(lái)說(shuō)，用戶可以通過(guò)鼠標(biāo)進(jìn)行以下操作：

• 旋轉(zhuǎn)：按住鼠標(biāo)左鍵拖動(dòng)可以旋轉(zhuǎn)相機(jī)視角，從而從不同角度觀察 3D 場(chǎng)景。
• 縮放：滾動(dòng)鼠標(biāo)滾輪可以對(duì)場(chǎng)景進(jìn)行縮放操作，拉近或拉遠(yuǎn)相機(jī)與場(chǎng)景的距離。
• 平移：按住鼠標(biāo)右鍵拖動(dòng)可以平移場(chǎng)景，在平面上移動(dòng)相機(jī)的位置。

使用場(chǎng)景

在需要用戶與 3D 場(chǎng)景進(jìn)行交互，以便更自由地觀察場(chǎng)景內(nèi)容時(shí)，OrbitControls?就非常有用。在你的代碼中，使用方式如下：

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

這行代碼創(chuàng)建了一個(gè)?OrbitControls?實(shí)例，將相機(jī)和渲染器的 DOM 元素作為參數(shù)傳入，這樣用戶就可以通過(guò)鼠標(biāo)操作來(lái)控制相機(jī)的視角了。

這兩個(gè) JavaScript 文件都是 Three.js 生態(tài)系統(tǒng)中的重要組成部分，GLTFLoader.js?用于加載 3D 模型，OrbitControls.js?用于實(shí)現(xiàn)用戶與 3D 場(chǎng)景的交互，它們幫助開(kāi)發(fā)者更方便地創(chuàng)建和展示交互式的 3D 應(yīng)用程序。