serialization - 在 ThreeJS 中序列化相机状态

Question

在 ThreeJS 场景中序列化(或保存或编码)相机状态，然后稍后取消序列化(或加载或解码)相机的最佳方法是什么？

现在我正在保存相机位置、向上和(欧拉角)旋转场的 x、y、z 坐标。后来我尝试通过调用 position.set() 来恢复这台相机。 , up.set() , 和 rotation.set() ，然后调用 updateProjectionMatrix() .我假设序列化和反序列化时默认的欧拉角旋转顺序是相同的。

它是否正确？

Answer 1

我建议改为存储相机的矩阵。这包括相机上的整个转换，包括位置、旋转和缩放。

序列化:

const cameraState = JSON.stringify(camera.matrix.toArray());
// ... store cameraState somehow ...

反序列化:

// ... read cameraState somehow ...
camera.matrix.fromArray(JSON.parse(cameraState));
// Get back position/rotation/scale attributes
camera.matrix.decompose(camera.position, camera.quaternion, camera.scale);