Export scene from Three.js editor and import

Question

I am making a simple scene using the three.js editor running on local. When I finish the scene, I will go to “file” → “Export scene” and the editor will create a JSON object / scene. Now I copy and paste this code and save as .js? How can I import this scene in my project while preserving the textures?

Thank!

Answer 1

Develotecca's answer shows how to load the base THREE.geometry from a JSON file. However, in my experience, the geometry exported by the three.js editor is of type BufferGeometry (which is more efficient than basic geometry), so they need to be loaded using THREE.BufferGeometryLoader, not THREE.JSONLoader.

, , . JSONLoader , ( MeshfaceMatrial, , ). JSONLoader, ,

THREE.JSONLoader: , . THREE.SceneLoader. '

. .

http://threejs.org/docs/#Reference/Loaders/SceneLoader ( ), https://github.com/mrdoob/three.js/blob/master/src/loaders/SceneLoader.js, - http://threejs.org/examples/webgl_loader_scene.html

, . SceneLoader , , , , BufferGeometryLoader JSONLoader, , , ,

scene = loaded.scene

scene.add()

, ,

<script src="js/loaders/ColladaLoader.js"></script>
..
loader.addHierarchyHandler( "dae", THREE.ColladaLoader );

Collada.

Answer 2

JSON

var jsonLoader = new THREE.JSONLoader();
jsonLoader.load("models/object.json", addModelToScene);

function addModelToScene(geometry, materials) {
    var material = new THREE.MeshFaceMaterial(materials);
    var object = new THREE.Mesh(geometry, material);
    object.scale.set(10, 10, 10);
    scene.add(object);
}

: http://stemkoski.imtqy.com/Three.js/Model.html

: http://all.develoteca.com/builder/