Refactor MuJoCo Live to separate out HTML, CSS, and JS components.

PiperOrigin-RevId: 915340338 Change-Id: Ic62b9d640af9967a59a77fa59a3556b916d5a24c
2026-05-14 03:39:04 -07:00
parent c56d662d27
commit e47809d50d
9 changed files with 310 additions and 255 deletions
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="live.css">
+    <title>MuJoCo Live</title>
+  </head>
+  <body style="margin: 0; overflow: hidden">
+    <div id="loadingOverlay">
+      <div class="loading-container">
+        <div class="loading-title">Loading model&hellip;</div>
+        <div class="loading-subtitle">This may take a moment for large models.</div>
+      </div>
+    </div>
+    <div id="dropOverlay">
+      <div class="drop-message">Drop model file here</div>
+    </div>
+    <div id="commitHash">__COMMIT_HASH_PLACEHOLDER__</div>
+    <canvas id="canvas" class="emscripten" oncontextmenu="event.preventDefault()"></canvas>
+    <script src="live.js"></script>
+    <script async src="bin/mujoco_studio.js"></script>
+  </body>
+</html>