Three.js - Come deserializzare geometry.toJSON()? (dove è geometry.fromJSON?)

Question

Sto provando a scaricare alcuni Geometry caricamento ed elaborazione in un web worker. Per rimandarlo al thread principale, l'istanza Geometry deve essere serializzata e sembra che lo Geometry.prototype.toJSON() sia stato concepito esattamente per questo tipo di cose.

Ma non riesco a capire come trasformare quell'oggetto in un'istanza Geometry nel thread principale. Come si suppone che venga utilizzato l'output toJSON()?

PS: ho visto this related question, ma sembra datato. toJSON() non era ancora nell'API. La risposta accettata è un po 'complicata e mi impone di fare ancora del lavoro grezzo nel thread principale.

Answer 1

Perché non usi semplicemente JSONLoader?

myloader = new THREE.JSONLoader() 
myloader.load("path/to/json", function(geometry,material){ 
    mesh = new THREE.Mesh(geometry,material) 
    scene.add(mesh) 
}) 

o il caricamento di un file JSON stesso modo

Answer 2

Se ho capito bene il problema è:

• Hai un file che si desidera caricare come una geometria (obj, stl, eccetera.).
• Si desidera caricare questo file in un WebWorker.
• Quindi si desidera inviare nuovamente la geometria allo script principale.
• Quindi stai pensando di inviare il file al thread principale come JSON, poiché l'invio di oggetti non è supportato.
• Quindi si converte il json in una geometria sul thread principale.

Il problema di questo è che la conversione da una stringa JSON a una geometria è un'altra operazione di carico (che è il motivo per cui c'è JSONLoader), così a quel punto si può anche avete appena fatto il carico sul thread principale.

L'approccio che ho usato è di caricare il file in array flat di vertici e normali, quindi li rimando al thread principale da aggiungere a un BufferGeometry. Puoi anche usare oggetti trasferibili per guadagnare ancora più velocità.

// worker.js 

var vertices = new Float32Array(faces * 3 * 3); 
var normals = new Float32Array(faces * 3 * 3); 

// Load your file into the arrays somehow. 

var message = { 
    status:'complete', 
    vertices: vertices, 
    normals: normals 
}; 

postMessage(message, [message.vertices.buffer, message.normals.buffer]); 

---

// app.js 

onmessage = function (event) { 

    var vertices = event.data.vertices; 
    var normals = event.data.normals; 

    var geometry = new THREE.BufferGeometry(); 
    geometry.addAttribute('position', new THREE.BufferAttribute(vertices, 3)); 
    geometry.addAttribute('normal', new THREE.BufferAttribute(normals, 3)); 

    var material = new THREE.MeshPhongMaterial(); 

    var mesh = new THREE.Mesh(geometry, material); 

    // Do something with it. 

}; 

Answer 3

È possibile utilizzare JSONLoader geometria unserialize in questo modo:

var geometry = new THREE.Geometry(); 
var serializedGeometry = geometry.toJSON(); 
var jsonLoader = new THREE.JSONLoader(); 

var result = jsonLoader.parse(serializedGeometry.data); 

var unserializedGeometry = result.geometry;