360VR学习

AntHubTC · AntHubTC · commit 6485af28018c · 2025-03-27T18:59:17.000+08:00
diff --git a/360VR/index.html b/360VR/index.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>360VR全景图展示器</title>
+    <script src="https://www.marzipano.net/demos/common/es5-shim.js"></script>
+    <script src="https://www.marzipano.net/demos/common/eventShim.js"></script>
+    <script src="https://www.marzipano.net/demos/common/requestAnimationFrame.js"></script>
+    <script src="https://www.marzipano.net/build/marzipano.js"></script>
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+      }
+      #pano {
+        width: 100%;
+        height: 100vh;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="pano"></div>
+
+    <script>
+      // 初始化查看器
+      var viewer = new Marzipano.Viewer(document.getElementById("pano"));
+
+      // 创建场景
+      var source = Marzipano.ImageUrlSource.fromString("panorama.jpg");
+
+      var geometry = new Marzipano.EquirectGeometry([{ width: 4000 }]);
+
+      var view = new Marzipano.RectilinearView({
+        yaw: Math.PI,
+        pitch: 0,
+        roll: 0,
+        fov: Math.PI / 2,
+      });
+
+      var scene = viewer.createScene({
+        source: source,
+        geometry: geometry,
+        view: view,
+        pinFirstLevel: true,
+      });
+
+      // 切换到场景
+      scene.switchTo();
+    </script>
+  </body>
+</html>
diff --git a/360VR/panorama.jpg b/360VR/panorama.jpg
diff --git a/360VR/run.bat b/360VR/run.bat
@@ -0,0 +1 @@
+python -m http.server 8000
