加载模型-threejs

Question

我偶然发现了将对象加载到 three.js 视口中的问题。教程显示需要使用 THREE.ObjectLoader()。就我而言，ObjectLoader 在几个版本前已被删除。正确加载模型的方式是什么，或者我应该使用什么加载器（和文件格式）？ 我试过 GLTFLoader

import * as THREE from "https://cdn.jsdelivr.net/npm/three@0.114/build/three.module.js";
import { OrbitControls } from "https://cdn.jsdelivr.net/npm/three@0.114/examples/jsm/controls/OrbitControls.js";
import { GLTFLoader } from 'https://cdn.jsdelivr.net/npm/three@0.114.0/examples/jsm/loaders/GLTFLoader.js';
...
let loader = new GLTFLoader();

loader.load('./models/object.gltf',
    (obj) => {
        scene.add(obj);
    }
);

它抛出了我 three.module.js:5562 THREE.Object3D.add: object not an instance of THREE.Object3D. CDN 加载器可以在这里找到 - https://cdn.jsdelivr.net/npm/three@0.114.0/examples/jsm/loaders/

---

更新：如何使用 ObjectLoader 导入数据？

import * as THREE from "https://cdn.jsdelivr.net/npm/three@0.114/build/three.module.js";
import { OrbitControls } from "https://cdn.jsdelivr.net/npm/three@0.114/examples/jsm/controls/OrbitControls.js;
...
let loader = new THREE.ObjectLoader();

loader.load('./models/object.json',
    (obj) => {
        scene.add(obj);
    }
);

/* throws
   three.module.js:39957 THREE.ObjectLoader: Loading "Geometry"
   is not supported anymore
*/

Answer 1

THREE.ObjectLoader 尚未从存储库中删除。您可以使用它来加载 three.js 自定义 JSON 格式。

要加载使用 Blender 等 DCC 工具创作的外部模型，推荐的 3D 格式是 glTF。不幸的是，您没有正确使用加载程序。应该是：

loader.load('./models/object.gltf',
    (gltf) => {
        scene.add(gltf.scene);
    }
);

我建议你看看THREE.GLTFLoader 的official documentation page，以便更好地了解onLoad() 回调的gltf 参数的结构。