无法渲染预制的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);
});