feat(web-platform): release V0.7 地图模块

2026-09-01 14:23:49 +08:00
parent 60d3a6d68c
commit 3b4ced6437
58 changed files with 7287 additions and 269 deletions
@@ -3,12 +3,70 @@
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
-    <meta name="theme-color" content="#101827" />
+    <meta name="theme-color" content="#09111e" />
+    <meta
+      name="description"
+      content="基于 MuJoCo WebAssembly 的本地机器人仿真、控制与地图编辑工作台"
+    />
    <link rel="icon" href="data:," />
    <title>MuJoCo Web 仿真平台</title>
+    <style>
+      html,
+      body,
+      #root {
+        height: 100%;
+        margin: 0;
+      }
+      body {
+        background: #09111e;
+      }
+      .boot-screen {
+        display: grid;
+        height: 100%;
+        place-items: center;
+        color: #f1f5f9;
+        font:
+          13px Inter,
+          system-ui,
+          sans-serif;
+      }
+      .boot-mark {
+        display: grid;
+        width: 42px;
+        height: 42px;
+        margin: 0 auto 14px;
+        place-items: center;
+        border: 1px solid #2b604f;
+        border-radius: 13px;
+        background: #123b31;
+        color: #38d39f;
+        font-weight: 800;
+        box-shadow: 0 16px 48px rgb(0 0 0 / 35%);
+        animation: boot-pulse 1.4s ease-in-out infinite;
+      }
+      .boot-caption {
+        color: #8fa0b5;
+        font-size: 11px;
+        letter-spacing: 0.04em;
+        text-align: center;
+      }
+      @keyframes boot-pulse {
+        50% {
+          transform: translateY(-2px);
+          box-shadow: 0 18px 54px rgb(56 211 159 / 15%);
+        }
+      }
+    </style>
  </head>
  <body>
-    <div id="root"></div>
+    <div id="root">
+      <div class="boot-screen" role="status" aria-label="正在启动仿真工作台">
+        <div>
+          <div class="boot-mark">M</div>
+          <div class="boot-caption">正在启动本地仿真工作台…</div>
+        </div>
+      </div>
+    </div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
 </html>