Three.js - geometry.toJSON() को deserialize कैसे करें? (geometry.fromJSON कहां है?)

Question

मैं किसी वेब वर्कर में कुछ Geometry लोडिंग और प्रसंस्करण को ऑफ़लोड करने का प्रयास कर रहा हूं। इसे मुख्य थ्रेड पर वापस भेजने के लिए, Geometry उदाहरण को क्रमबद्ध करने की आवश्यकता है, और ऐसा लगता है कि Geometry.prototype.toJSON() बिल्कुल इस प्रकार की चीज़ के लिए था।

लेकिन मैं यह नहीं समझ सकता कि उस ऑब्जेक्ट को मुख्य थ्रेड में Geometry उदाहरण में कैसे चालू किया जाए। toJSON() आउटपुट का उपयोग कैसे किया जाना चाहिए?

पीएस: मैंने this related question देखा है, लेकिन ऐसा लगता है कि यह दिनांकित है। toJSON() अभी तक एपीआई में नहीं था। स्वीकार्य उत्तर थोड़ा उलझन में है, और मुझे मुख्य धागे में अभी भी कुछ कच्चे काम करने की आवश्यकता है।

Answer 1

आप JSONLoader का उपयोग क्यों नहीं करते?

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

या लोड हो रहा है एक JSON उसी तरह

Answer 2

फाइल अगर मैं सही ढंग मुद्दे को समझने है:

• आप एक फ़ाइल जो आपको एक ज्यामिति के रूप में लोड करना चाहते है (obj, एसटीएल, आदि।)।
• आप इस फ़ाइल को वेबवर्कर में लोड करना चाहते हैं।
• फिर आप ज्यामिति को मुख्य स्क्रिप्ट पर वापस भेजना चाहते हैं।
• तो आप फ़ाइलों को जेएसओएन के रूप में मुख्य थ्रेड पर भेजने के बारे में सोच रहे हैं, क्योंकि ऑब्जेक्ट भेजने से समर्थित नहीं है।
• फिर आप जेसन को मुख्य धागे पर एक ज्यामिति में परिवर्तित कर देंगे।

इस के साथ समस्या यह है कि JSON स्ट्रिंग से एक ज्यामिति में कनवर्ट एक और लोड हो रहा है ऑपरेशन है (जिसके कारण वहाँ JSONLoader है), तो यह है कि बिंदु पर आप के साथ-साथ बस लोड हो रहा है मुख्य थ्रेड पर किया गया हो सकता है।

जिस दृष्टिकोण का मैंने उपयोग किया है वह फ़ाइल को कोष्ठक और मानक के फ्लैट सरणी में लोड करना है, फिर मैं उन्हें वापस बफर जीमेट्री में जोड़ने के लिए मुख्य थ्रेड पर भेजता हूं। आप कुछ और गति प्राप्त करने के लिए स्थानांतरण योग्य वस्तुओं का भी उपयोग कर सकते हैं।

// 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

तुम इतनी तरह JSONLoader unserialize ज्यामिति का उपयोग कर सकते हैं: http://threejs.org/docs/#:

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

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

var unserializedGeometry = result.geometry;