javascript - 既製の 3D モデル three.js をレンダリングできません

Question

誰かが例を挙げて、これがどのように機能するかを説明してください。three.jsまたは他のライブラリで3Dオブジェクトをレンダリングするには? このオブジェクトはすでに作成されています。モデルをレンダリングする方法は?

Answer 1

エクスポーターの 1 つを使用して JSON オブジェクトに保存できます: https://github.com/mrdob/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);
});