Added panorama

underoot · Mar 13, 2024 · 9786fc7 · 9786fc7
1 parent 92e2be0
commit 9786fc7
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/public/panorama.jpg b/public/panorama.jpg
diff --git a/src/main.ts b/src/main.ts
@@ -185,6 +185,18 @@ new GLTFLoader().load("train/scene.gltf", (gltf) => {
   scene.add(train);
 });
 
+const img = "/panorama.jpg";
+
+const texture = new THREE.TextureLoader().load(img);
+const geometry = new THREE.SphereGeometry(5000, 60, 40);
+const material = new THREE.MeshBasicMaterial({
+  map: texture,
+  side: THREE.DoubleSide,
+});
+const sphere = new THREE.Mesh(geometry, material);
+
+scene.add(sphere);
+
 let min = 2;
 
 function start() {
@@ -209,6 +221,13 @@ function start() {
   });
 
   setInterval(() => {
+    // Move panorama with camera
+    sphere.position.set(
+      person.camera.position.x,
+      person.camera.position.y,
+      person.camera.position.z
+    );
+
     if (finalPoints[currentIndex] == null) {
       document.querySelector(".outro")?.classList.add("shown");
       return;