chore(monorepo): import hmwebviewer history at a717900

git-subtree-dir: apps/viewer-3d git-subtree-mainline: 5e10bb1be4 git-subtree-split: a71790070d
2026-07-29 09:04:52 +09:00
parent 5e10bb1be4 a71790070d
commit bedb357259
78 changed files with 15921 additions and 0 deletions
@@ -0,0 +1,29 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>hmwebviewer — 3D Viewer</title>
+    <link rel="stylesheet" href="/src/style.css" />
+  </head>
+  <body>
+    <div id="app">
+      <!-- SSR placeholder: pre-rendered 360 WebP fades out on hydration -->
+      <img id="preview" class="preview hidden" alt="3D preview placeholder" />
+      <div id="viewer" class="viewer"></div>
+      <div id="controls" class="controls">
+        <button id="btn-fit" type="button">Zoom Fit</button>
+        <button id="btn-persp" type="button" class="active">원근뷰</button>
+        <button id="btn-ortho" type="button">직교뷰</button>
+        <button id="btn-outline" type="button">테두리</button>
+      </div>
+      <div id="progress" class="progress hidden"><div class="bar"></div></div>
+      <div id="dropzone" class="dropzone">
+        <p>Drop a <strong>.glb .gltf .obj .fbx .dae .ifc .ply</strong> (+ .mtl) here, or click to browse</p>
+        <p id="status" class="status"></p>
+        <input id="file-input" type="file" accept=".glb,.gltf,.obj,.fbx,.dae,.ifc,.ply,.mtl" multiple hidden />
+      </div>
+    </div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>