Multiview skybox patch threejs update

package.json

@@ -150,7 +150,7 @@
     "postcss": "^8.4.16",
     "qrcode.react": "^3.1.0",
     "react-json-view": "^1.21.3",
-    "three": "0.147.0",
+    "three": "0.148.0",
     "ts-node": "10.8.2",
     "typescript": "4.8.3",
     "vite-plugin-node": "^1.0.0",

packages/client-core/package.json

@@ -85,7 +85,7 @@
     "@types/react": "18.0.19",
     "@types/react-router-dom": "5.3.3",
     "@types/styled-components": "5.1.24",
-    "@types/three": "0.144.0",
+    "@types/three": "0.148.0",
     "css-modules-require-hook": "4.2.3",
     "esbuild": "0.16.9",
     "mocha": "10.0.0",

packages/editor/package.json

@@ -75,7 +75,7 @@
     "@types/react-dom": "18.0.0",
     "@types/react-router-dom": "5.3.3",
     "@types/styled-components": "5.1.24",
-    "@types/three": "0.144.0",
+    "@types/three": "0.148.0",
     "@types/uuid": "^8.3.4",
     "esbuild": "0.16.9",
     "mocha": "10.0.0",

packages/editor/src/components/properties/Object3DNodeEditor.tsx

@@ -117,7 +117,7 @@ export const Object3DNodeEditor: EditorComponentType = (props) => {
     return {
       objName: obj3d.name,
       position: obj3d.position.clone(),
-      rotation: new Vector3(...obj3d.rotation.toArray()),
+      rotation: new Vector3(...(obj3d.rotation.toArray() as number[])),
       scale: obj3d.scale.clone()
     }
   }

packages/engine/package.json

@@ -53,7 +53,7 @@
     "screen-space-reflections": "^2.5.0",
     "sharp": "^0.30.7",
     "simplex-noise": "^3.0.0",
-    "three": "0.147.0",
+    "three": "0.148.0",
     "three-mesh-bvh": "^0.5.0",
     "three-nebula": "^10.0.3",
     "ts-matches": "^5.1.0-1",
@@ -68,7 +68,7 @@
     "@types/offscreencanvas": "2019.6.4",
     "@types/proxyquire": "^1.3.28",
     "@types/sinon": "10.0.11",
-    "@types/three": "0.144.0",
+    "@types/three": "0.148.0",
     "jsdom": "19.0.0",
     "jsdom-global": "3.0.2",
     "mocha": "10.0.0",

packages/engine/src/camera/components/CameraComponent.ts

@@ -10,7 +10,7 @@ export const CameraComponent = defineComponent({
     camera.fov = 60
     camera.aspect = 1
     camera.near = 0.001
-    camera.far = 10000
+    camera.far = 100000
     camera.cameras = [new PerspectiveCamera().copy(camera, false)]
     return camera
   },

packages/engine/src/common/functions/MathFunctions.ts

@@ -1,4 +1,4 @@
-import { Euler, Quaternion, Vector3 } from 'three'
+import { Euler, EulerOrder, Quaternion, Vector3 } from 'three'
 
 export const Deg2Rad = (Math.PI * 2) / 360
 export const Rad2Deg = 1 / Deg2Rad
@@ -45,7 +45,7 @@ export const rotate = (rot: Quaternion, x: number, y: number, z: number) => {
 /**
  * @deprecated creates new euler and quaternion
  * */
-export const eulerToQuaternion = (x, y, z, order = 'XYZ') => {
+export const eulerToQuaternion = (x, y, z, order = 'XYZ' as EulerOrder) => {
   return new Quaternion().setFromEuler(new Euler(x, y, z, order))
 }