Save/load camera settings

Author: remcoder

src/dev-gui.ts

@@ -235,6 +235,10 @@ class DevGUI {
     //   });
     devHelpers.add(this.webglPreview, 'render').listen();
     devHelpers.add(this.webglPreview, 'clear').listen();
+
+    
+    devHelpers.add(this.webglPreview, 'saveCamera').listen();
+    devHelpers.add(this.webglPreview, 'loadCamera').listen();
   }
 }
 

src/webgl-preview.ts

@@ -280,6 +280,9 @@ export class WebGLPreview {
     this.resize();
 
     this.controls = new OrbitControls(this.camera, this.renderer.domElement);
+
+    this.loadCamera();
+    
     this.initScene();
     this.animate();
 
@@ -1023,4 +1026,31 @@ export class WebGLPreview {
       this.initGui();
     }
   }
+
+  saveCamera()  {
+      localStorage.setItem('cameraPosition', JSON.stringify(this.camera.position));
+      localStorage.setItem('cameraRotation', JSON.stringify(this.camera.rotation));
+      localStorage.setItem('cameraZoom', JSON.stringify(this.camera.zoom));
+      localStorage.setItem('cameraTarget', JSON.stringify(this.controls.target));
+    }
+  loadCamera() {
+    const position =  JSON.parse(localStorage.getItem('cameraPosition'));
+    const rotation = JSON.parse(localStorage.getItem('cameraRotation'));
+    const zoom = JSON.parse(localStorage.getItem('cameraZoom'));
+    const target = JSON.parse(localStorage.getItem('cameraTarget'));
+    if (position && rotation && zoom && target) {
+      this.camera.position.x = position.x;
+      this.camera.position.y = position.y;
+      this.camera.position.z = position.z;
+      this.camera.rotation.x = rotation.x;
+      this.camera.rotation.y = rotation.y;
+      this.camera.rotation.z = rotation.z;
+      this.camera.zoom = zoom;
+      // this.camera.updateProjectionMatrix();
+      this.controls.target.x = target.x;
+      this.controls.target.y = target.y;
+      this.controls.target.z = target.z;
+      this.controls.update();
+    }
+  }
 }