← Commit history

Interactive README: clickable live-demo previews + launch links to the wiki-hosted render URLs (raw iframes are escaped by the markdown renderer)

AdityaAngajala ·ba75eb01d1 ·2mo ago ·parent 357f137
1 file changed +12−10
README.md+12−10
@@ -33,20 +33,22 @@ Both ship `createCircuitBackground(mount, options)` returning `{ regenerate, exportSvg, destroy }`, both are seeded (the same seed and dimensions give identical geometry), and both honour `prefers-reduced-motion`. -> **Both demos run live on this page.** The frames below are the real engines,-> served from this page's own files, not screenshots. Drag a slider, switch a-> preset, move the pointer over the board. They are hosted on the wiki itself, so-> they do not depend on any running container and will not go dark. If a frame is-> blank you are viewing the page signed out; open it directly with the launch-> link under each frame.+**Both demos run live, hosted on this page.** These are the real `src/` engines,+served by the wiki straight from this page's repo, so they need no container and+will not go dark:++- ▶ **[Launch the tiling-router demo](/adom/circuit-trace-generators/render/src/index-classic.html)**+- ▶ **[Launch the field-router demo](/adom/circuit-trace-generators/render/src/index.html)**++The page is private, so the demos load for signed-in members of the `adom` org.  ---  ## 1. Tiling router: `circuit-background.js` -<iframe src="/adom/circuit-trace-generators/render/src/index-classic.html" title="Tiling router, live interactive demo" loading="lazy" width="100%" height="640" style="width:100%;height:640px;border:1px solid #1e2633;border-radius:10px;background:#0d1117;"></iframe>+[![Tiling router output, seed "traces", tiled across 1200x600, click to launch the live demo](docs/tiling-router.png)](/adom/circuit-trace-generators/render/src/index-classic.html) -**[Open the tiling-router demo full screen](/adom/circuit-trace-generators/render/src/index-classic.html)** · seed, presets, and all twelve generation sliders are live.+▶ **[Launch the live tiling-router demo](/adom/circuit-trace-generators/render/src/index-classic.html)** · the real engine: drag the twelve generation sliders, switch presets, click the board for a signal burst.  An occupancy-grid router run **on a torus**, so the `900×450` tile it emits repeats in both axes with no visible seam and no two traces ever cross. That makes@@ -125,9 +127,9 @@ const svg = tileSvg(tile, { background: "#0d1117" });  ## 2. Field router: `circuit-background-v5.js` -<iframe src="/adom/circuit-trace-generators/render/src/index.html" title="Field router, live interactive demo" loading="lazy" width="100%" height="640" style="width:100%;height:640px;border:1px solid #1e2633;border-radius:10px;background:#0d1117;"></iframe>+[![Field router output, seed "nitrogen", one continuous 1200x600 field, click to launch the live demo](docs/field-router.png)](/adom/circuit-trace-generators/render/src/index.html) -**[Open the field-router demo full screen](/adom/circuit-trace-generators/render/src/index.html)** · switch geometry presets, ride the four animation systems, export the current SVG.+▶ **[Launch the live field-router demo](/adom/circuit-trace-generators/render/src/index.html)** · switch geometry presets, ride the four animation systems, export the current SVG.  No tile. A deterministic planar trace-packing pass fills one continuous field at the mount's real dimensions with hundreds of independent routes. A rotatable