@woosh/meep-engine 3.69.0 → 3.70.0

package/src/shade/playground/bvh_repro/index.html

@@ -1,124 +1,125 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>meep — GPU BVH build repro</title>
-    <style>
-        :root {
-            color-scheme: dark;
-            --bg: #14161a;
-            --panel: #1c1f25;
-            --line: #2b3038;
-            --text: #d6dae0;
-            --muted: #8b939f;
-            --pass: #55c46a;
-            --fail: #ff6b6b;
-            --warn: #e5b54a;
-        }
-
-        * { box-sizing: border-box; }
-
-        body {
-            margin: 0;
-            padding: 24px;
-            background: var(--bg);
-            color: var(--text);
-            font: 14px/1.5 system-ui, -apple-system, Segoe UI, sans-serif;
-        }
-
-        h1 {
-            font-size: 18px;
-            font-weight: 600;
-            margin: 0 0 4px;
-        }
-
-        p.lede {
-            margin: 0 0 20px;
-            color: var(--muted);
-            max-width: 78ch;
-        }
-
-        .controls {
-            display: flex;
-            gap: 8px;
-            flex-wrap: wrap;
-            align-items: center;
-            margin-bottom: 16px;
-        }
-
-        button {
-            font: inherit;
-            padding: 7px 14px;
-            border-radius: 6px;
-            border: 1px solid var(--line);
-            background: var(--panel);
-            color: var(--text);
-            cursor: pointer;
-        }
-
-        button:hover:not(:disabled) { border-color: #3d4552; }
-        button:disabled { opacity: 0.45; cursor: default; }
-
-        button.primary { border-color: #3a5a8c; background: #22303f; }
-
-        #status { color: var(--muted); margin-left: 4px; }
-        #status.pass { color: var(--pass); }
-        #status.fail { color: var(--fail); }
-
-        .panels { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
-
-        @media (max-width: 900px) { .panels { grid-template-columns: minmax(0, 1fr); } }
-
-        #log, #device {
-            background: var(--panel);
-            border: 1px solid var(--line);
-            border-radius: 8px;
-            padding: 12px 14px;
-            font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
-            font-size: 12.5px;
-            overflow: auto;
-        }
-
-        #log { height: 62vh; white-space: pre-wrap; }
-        #device div { display: flex; gap: 8px; padding: 2px 0; word-break: break-word; }
-        #device .key { color: var(--muted); flex: 0 0 46%; }
-
-        .line.pass { color: var(--pass); }
-        .line.fail { color: var(--fail); }
-        .line.warn { color: var(--warn); }
-        .line.note { color: var(--muted); }
-
-        aside h2 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); margin: 0 0 8px; }
-        aside + aside { margin-top: 16px; }
-    </style>
-</head>
-<body>
-
-<h1>GPU BVH build — repro</h1>
-<p class="lede">
-    Runs the phase-1 verify harnesses against a real device: the CSDLDF radix sort, the LBVH builder
-    against its CPU oracle, and the whole TLAS path against a synthetic scene database. No scene, no
-    renderer, no host repo. Results also go to the browser console.
-</p>
-
-<div class="controls">
-    <button data-run="all" class="primary">Run all</button>
-    <button data-run="sort">Sort</button>
-    <button data-run="bvh">BVH build</button>
-    <button data-run="tlas">TLAS end to end</button>
-    <button id="clear">Clear log</button>
-    <span id="status"></span>
-</div>
-
-<div class="panels">
-    <div id="log"></div>
-    <aside>
-        <h2>device</h2>
-        <div id="device"><div><span class="key">state</span><span>not acquired yet</span></div></div>
-    </aside>
-</div>
-
-<script type="module" src="./main.js"></script>
-
-</body>
-</html>
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>meep — GPU BVH build repro</title>
+    <style>
+        :root {
+            color-scheme: dark;
+            --bg: #14161a;
+            --panel: #1c1f25;
+            --line: #2b3038;
+            --text: #d6dae0;
+            --muted: #8b939f;
+            --pass: #55c46a;
+            --fail: #ff6b6b;
+            --warn: #e5b54a;
+        }
+
+        * { box-sizing: border-box; }
+
+        body {
+            margin: 0;
+            padding: 24px;
+            background: var(--bg);
+            color: var(--text);
+            font: 14px/1.5 system-ui, -apple-system, Segoe UI, sans-serif;
+        }
+
+        h1 {
+            font-size: 18px;
+            font-weight: 600;
+            margin: 0 0 4px;
+        }
+
+        p.lede {
+            margin: 0 0 20px;
+            color: var(--muted);
+            max-width: 78ch;
+        }
+
+        .controls {
+            display: flex;
+            gap: 8px;
+            flex-wrap: wrap;
+            align-items: center;
+            margin-bottom: 16px;
+        }
+
+        button {
+            font: inherit;
+            padding: 7px 14px;
+            border-radius: 6px;
+            border: 1px solid var(--line);
+            background: var(--panel);
+            color: var(--text);
+            cursor: pointer;
+        }
+
+        button:hover:not(:disabled) { border-color: #3d4552; }
+        button:disabled { opacity: 0.45; cursor: default; }
+
+        button.primary { border-color: #3a5a8c; background: #22303f; }
+
+        #status { color: var(--muted); margin-left: 4px; }
+        #status.pass { color: var(--pass); }
+        #status.fail { color: var(--fail); }
+
+        .panels { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
+
+        @media (max-width: 900px) { .panels { grid-template-columns: minmax(0, 1fr); } }
+
+        #log, #device {
+            background: var(--panel);
+            border: 1px solid var(--line);
+            border-radius: 8px;
+            padding: 12px 14px;
+            font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
+            font-size: 12.5px;
+            overflow: auto;
+        }
+
+        #log { height: 62vh; white-space: pre-wrap; }
+        #device div { display: flex; gap: 8px; padding: 2px 0; word-break: break-word; }
+        #device .key { color: var(--muted); flex: 0 0 46%; }
+
+        .line.pass { color: var(--pass); }
+        .line.fail { color: var(--fail); }
+        .line.warn { color: var(--warn); }
+        .line.note { color: var(--muted); }
+
+        aside h2 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); margin: 0 0 8px; }
+        aside + aside { margin-top: 16px; }
+    </style>
+</head>
+<body>
+
+<h1>GPU BVH build — repro</h1>
+<p class="lede">
+    Runs the phase-1 verify harnesses against a real device: the CSDLDF radix sort, the LBVH builder
+    against its CPU oracle, and the whole TLAS path against a synthetic scene database. No scene, no
+    renderer, no host repo. Results also go to the browser console.
+</p>
+
+<div class="controls">
+    <button data-run="all" class="primary">Run all</button>
+    <button data-run="sort">Sort</button>
+    <button data-run="bvh">BVH build</button>
+    <button data-run="bvh8">BVH8 encode</button>
+    <button data-run="tlas">TLAS end to end</button>
+    <button id="clear">Clear log</button>
+    <span id="status"></span>
+</div>
+
+<div class="panels">
+    <div id="log"></div>
+    <aside>
+        <h2>device</h2>
+        <div id="device"><div><span class="key">state</span><span>not acquired yet</span></div></div>
+    </aside>
+</div>
+
+<script type="module" src="./main.js"></script>
+
+</body>
+</html>