@inweb/viewer-three 26.7.1 → 26.7.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inweb/viewer-three",
-  "version": "26.7.1",
+  "version": "26.7.6",
   "description": "JavaScript library for rendering CAD and BIM files in a browser using Three.js",
   "homepage": "https://cloud.opendesign.com/docs/index.html",
   "license": "SEE LICENSE IN LICENSE",
@@ -35,10 +35,10 @@
     "docs": "typedoc"
   },
   "dependencies": {
-    "@inweb/client": "~26.7.1",
-    "@inweb/eventemitter2": "~26.7.1",
-    "@inweb/markup": "~26.7.1",
-    "@inweb/viewer-core": "~26.7.1"
+    "@inweb/client": "~26.7.6",
+    "@inweb/eventemitter2": "~26.7.6",
+    "@inweb/markup": "~26.7.6",
+    "@inweb/viewer-core": "~26.7.6"
   },
   "devDependencies": {
     "@types/three": "^0.173.0",

package/src/Viewer/Viewer.ts

@@ -154,14 +154,19 @@ export class Viewer
 
     this.scene = new Scene();
     this.helpers = new Scene();
+    this.target = new Vector3();
 
     const pixelRatio = window.devicePixelRatio;
     const rect = canvas.parentElement.getBoundingClientRect();
     const width = rect.width || 1;
     const height = rect.height || 1;
     const aspect = width / height;
+
     this.camera = new PerspectiveCamera(45, aspect, 0.01, 1000);
-    this.camera.up.set(0, 0, 1);
+    this.camera.up.set(0, 1, 0);
+    this.camera.position.set(0, 0, 1);
+    this.camera.lookAt(this.target);
+    this.camera.updateProjectionMatrix();
 
     this.renderer = new WebGLRenderer({
       canvas,

package/src/Viewer/components/CameraComponent.ts

@@ -53,7 +53,6 @@ export class CameraComponent implements IComponent {
     });
     if (sceneCamera) {
       this.viewer.camera = sceneCamera.clone();
-      this.viewer.camera.up.set(0, 0, 1);
       this.viewer.camera.scale.set(1, 1, 1); // <- Visualize fix
     }