使用 toJSON 和 BufferGeometryLoader 对 three.js 中的几何图形进行序列化和反序列化。 将几何图形作为字符串传输

Question

首先 - 我是 three.js 的初学者，我只想分享我的经验。
我的任务是将几何图形转换成某种东西并将其传输到另一个 WebWorker（您不能在工作人员之间传输所有对象，只能传输结构化的可克隆数据类型。所以我打开了文档并尝试使用.toJSON，然后尝试使用 BufferGeometryLoader（以及许多其他方法）。

const box = new BoxBufferGeometry();
const geomJSON = box.toJSON();
const geometriesLoader = new THREE.BufferGeometryLoader();
const parsedGeom = geometriesLoader.parse(geomJSON);
const mesh = new Mesh(parsedGeom);
this.scene.add(mesh);

我收到了这个错误：

此外，我尝试了其他类型的加载器， JSON.stringify等。但只有在 GLTF 文件中使用几何体打包网格并使用回调对其进行序列化似乎有效（不是很方便）。

我向神圣的互联网寻求帮助，但他没有听到我的声音。 文件只说：

.toJSON (): Object将缓冲区几何图形转换为 three.js JSON 对象/场景格式。

Three.js 版本： 0.135.0 和 0.136.0

Answer 1

所以，我以为我会死，但后来我意外发现 function: .toNonIndexed() 。

const box = new BoxBufferGeometry();
const geomJSON = box.toNonIndexed().toJSON();
const geometriesLoader = new THREE.BufferGeometryLoader();
const parsedGeom = geometriesLoader.parse(geomJSON);
const mesh = new Mesh(parsedGeom);
this.scene.add(mesh);

我不确定它做了什么，但至少它现在可以工作，并且我可以在序列化后看到我的几何图形。 我不确定它不会导致其他问题。

如果您在 three.js 方面更有经验，那么请给我和其他新手有关此问题和.toJSON目的的.toJSON信息。 谢谢。