npm - @woosh/meep-engine - Versions diffs - 3.27.0 → 3.28.0 - Mend

@woosh/meep-engine 3.27.0 → 3.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (255) hide show

package/src/shade/playground/vgeo_scene/index.html ADDED Viewed

@@ -0,0 +1,144 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>meep — a whole virtual-geometry scene</title>
+    <link rel="icon" href="data:,">
+    <style>
+        :root { color-scheme: dark; }
+        html, body { height: 100%; margin: 0; overflow: hidden; background: #070b10; }
+        /* Placed, not sized — `Renderer` writes an inline `style.width`/`style.height` every time
+           it configures the context, and an inline style beats a rule in here. `main.js` measures
+           the document for the same reason. */
+        #view { position: absolute; top: 0; left: 0; display: block; }
+        #panel {
+            position: absolute; top: 0; right: 0; width: 330px; max-height: 100vh; overflow-y: auto;
+            z-index: 10; padding: 12px 14px; box-sizing: border-box;
+            font: 12px/1.45 ui-monospace, "Cascadia Mono", Consolas, monospace;
+            color: #dfe6ee; background: rgba(12, 16, 22, 0.88);
+            border-left: 1px solid #2b3947;
+        }
+        #panel h1 { margin: 0 0 8px; font-size: 13px; letter-spacing: 0.06em; color: #7fd2ff; }
+        #panel h2 {
+            margin: 14px 0 6px; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
+            color: #6b7c8d; border-bottom: 1px solid #24313d; padding-bottom: 3px;
+        }
+        #panel .row { display: flex; justify-content: space-between; gap: 8px; }
+        #panel .row span:last-child {
+            color: #f2f6fa; text-align: right;
+            min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+        }
+        #panel .row span:first-child { flex: none; }
+        #panel .muted { color: #6b7c8d; }
+        #panel .bad { color: #ff8a7a; }
+        #panel .good { color: #8fe388; }
+        #panel input[type=range] { width: 100%; }
+        #panel label { display: block; margin: 6px 0 2px; }
+        #status { white-space: pre-wrap; overflow-wrap: anywhere; }
+        #status.error { color: #ff8a7a; }
+        /* The one thing on this page that is not a number: how much of the scene is open. A scene
+           arrives container by container and the picture fills in as it does, so a bar is the
+           honest shape for it — the page is usable long before it is finished. */
+        #progress {
+            margin: 8px 0 2px; height: 4px; background: #1b2530; border-radius: 2px;
+            overflow: hidden;
+        }
+        #progress > div { height: 100%; width: 0; background: #7fd2ff; transition: width 0.2s; }
+        #views { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
+        #views button {
+            flex: 1 1 auto; padding: 3px 6px; cursor: pointer;
+            font: inherit; font-size: 11px; color: #dfe6ee;
+            background: #1b2530; border: 1px solid #2b3947; border-radius: 3px;
+        }
+        #views button:hover { background: #24313d; border-color: #3d5164; }
+        #capture { margin-top: 6px; }
+        #capture button {
+            width: 100%; padding: 4px 6px; cursor: pointer;
+            font: inherit; font-size: 11px; color: #dfe6ee;
+            background: #1b2530; border: 1px solid #2b3947; border-radius: 3px;
+        }
+        #capture button:hover { background: #24313d; border-color: #3d5164; }
+        /* Selectable and wrapped: the clipboard is the happy path and this is what is left when a
+           browser declines it, so it has to be something a person can drag over. */
+        #camera-url {
+            margin-top: 5px; padding: 4px 6px; user-select: all; word-break: break-all;
+            font-size: 11px; color: #9fb4c7; background: #10171f;
+            border: 1px solid #24313d; border-radius: 3px;
+        }
+        #hint, #profile-note { margin-top: 10px; color: #6b7c8d; }
+        #profile-status { margin-top: 4px; color: #dfe6ee; word-break: break-word; }
+        #profile-status.recording { color: #ff8a7a; }
+    </style>
+</head>
+<body tabindex="0">
+<canvas id="view"></canvas>
+<div id="panel">
+    <h1>a whole VG scene</h1>
+    <div id="status" class="muted">starting…</div>
+    <div id="progress"><div></div></div>
+    <label>threshold τ <span id="tau-value">1.0</span> px</label>
+    <input id="tau" type="range" min="0.25" max="16" step="0.25" value="1">
+    <div id="views"></div>
+    <div id="capture">
+        <button id="copy-camera" type="button">copy camera link</button>
+        <div id="camera-url" hidden></div>
+    </div>
+    <h2>scene</h2>
+    <div id="scene"></div>
+    <h2>cut</h2>
+    <div id="cut"></div>
+    <h2>residency</h2>
+    <div id="residency"></div>
+    <div id="catch-section" hidden>
+        <h2>dropout catcher</h2>
+        <div id="catch"></div>
+        <div class="muted" style="margin-top:6px">a frame unlike the two either side of it, by
+            luminance. <code>&amp;freeze=1</code> stops on the first one and leaves it on screen.
+            <code>__caught()</code> reports, <code>__catch_rows()</code> is the per-frame log.</div>
+    </div>
+    <h2>profiling</h2>
+    <div id="profile-status">idle · T to record</div>
+    <div id="profile-note"><strong>T</strong> starts a GPU capture and <strong>T</strong> again
+        stops it and downloads an <code>.sgpt</code>. The note carries τ, the instance count and the
+        cut it selected, because a pass timing means nothing without them.</div>
+    <div id="hint">W/A/S/D to move, drag to look, wheel to close in.
+        <code>?scene=&lt;url&gt;</code> opens another one.</div>
+</div>
+<script type="module" src="./main.js"></script>
+</body>
+</html>

package/src/shade/playground/vgeo_scene/main.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=main.d.ts.map

package/src/shade/playground/vgeo_scene/main.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../../../src/shade/playground/vgeo_scene/main.js"],"names":[],"mappings":""}