javascript - 无法渲染预制的 3d 模型 three.js

Question

有人可以举个例子并解释这是如何工作的。如何使用 three.js 或其他库渲染 3d 对象？这个对象已经制作好了。如何渲染模型？

Answer 1

您可以使用其中一个导出器将其保存到 JSON 对象：https ://github.com/mrdoob/three.js/tree/master/utils/exporters

拥有 JSON 对象后：

var loader = new THREE.JSONLoader();
loader.load('obj/model.js', function(geometry, materials) {
    // Do stuff with your geometry and materials
);

---

您也可以加载 OBJ 模型，如下例所示： http: //threejs.org/examples/#webgl_loader_obj

您将需要此脚本：http ://threejs.org/examples/js/loaders/OBJLoader.js

var manager = new THREE.LoadingManager();
manager.onProgress = function(item, loaded, total) {
    console.log(item, loaded, total);
};

var loader = new THREE.OBJLoader(manager);
loader.load('obj/model.obj', function(object) {
    scene.add(object);
});