Three.js - Làm thế nào để deserialize geometry.toJSON()? (nơi là geometry.fromJSON?)

Question

Tôi đang cố gắng giảm tải một số Geometry tải và xử lý vào một nhân viên web. Để gửi nó trở lại chủ đề chính, cá thể Geometry cần phải được tuần tự hóa và có vẻ như là Geometry.prototype.toJSON() có nghĩa là chính xác loại điều này.

Nhưng tôi không thể tìm ra cách biến đối tượng đó trở lại thành ví dụ Geometry trong chuỗi chính. Sản lượng toJSON() được sử dụng như thế nào?

PS: Tôi đã xem this related question, nhưng có vẻ như đã hẹn hò. toJSON() chưa có trong API. Câu trả lời được chấp nhận là một chút phức tạp, và yêu cầu tôi vẫn làm một số công việc thô trong chủ đề chính.

Answer 1

Tại sao bạn không chỉ sử dụng Trình tải JSONLoader?

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

hoặc tải tập tin một JSON theo cùng một cách

Answer 2

Nếu tôi hiểu đúng vấn đề là:

• Bạn có một tập tin mà bạn muốn tải như một hình học (obj, STL, v.v.)
• Bạn muốn tải tệp này trong một WebWorker.
• Sau đó, bạn muốn gửi hình học trở lại tập lệnh chính.
• Vì vậy, bạn đang nghĩ đến việc gửi tệp về chủ đề chính dưới dạng JSON, vì việc gửi các đối tượng không được hỗ trợ.
• Sau đó, bạn sẽ chuyển đổi json thành hình học trên chuỗi chính.

Vấn đề với việc chuyển đổi từ chuỗi JSON sang hình học là một thao tác tải khác (đó là lý do tại sao có JSONLoader), vì vậy tại thời điểm đó, bạn cũng có thể thực hiện tải trên chuỗi chính.

Cách tiếp cận mà tôi đã sử dụng là tải tệp vào các mảng phẳng của các đỉnh và tiêu chuẩn, sau đó tôi gửi chúng trở lại chuỗi chính để thêm vào BufferGeometry. Bạn cũng có thể sử dụng các đối tượng chuyển được để tăng thêm tốc độ.

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

Bạn có thể sử dụng JSONLoader hình học unserialize như vậy:

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

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

var unserializedGeometry = result.geometry;