d = dict(l.split("|", 1) for l in open("scratchpad/_assets.txt").read().splitlines()) GIF = "data:image/gif;base64," + d["GIF"] ORIG = "data:image/png;base64," + d["ORIG"] BEFORE = "data:image/png;base64," + d["BEFORE"] CSS = """ :root{ color-scheme: dark; --ground:#0a0a11; --panel:#13131e; --edge:#272338; --edge-soft:#1d1a2b; --ink:#ece9f7; --muted:#9a95b4; --faint:#6a6684; --accent:#b7a6ff; --accent-2:#8f7de0; --glow:#7a5cff; --ok:#7ee0a6; --no:#e8879b; --mono:ui-monospace,"Cascadia Code","JetBrains Mono",Consolas,monospace; --sans:system-ui,-apple-system,"Segoe UI",sans-serif; } *{box-sizing:border-box} body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans); line-height:1.55;-webkit-font-smoothing:antialiased; background-image:radial-gradient(120% 90% at 50% -10%, #18142a 0%, #0a0a11 55%);} .scan{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.35; background:repeating-linear-gradient(to bottom, rgba(255,255,255,.025) 0 1px, transparent 1px 3px);} .wrap{position:relative;z-index:1;max-width:1060px;margin:0 auto;padding:64px 24px 80px;} .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase; color:var(--accent-2);display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:0 0 22px;} .eyebrow .dot{width:5px;height:5px;border-radius:50%;background:var(--accent); box-shadow:0 0 10px 1px var(--glow);} h1{font-size:clamp(34px,6vw,60px);line-height:1.02;margin:0 0 16px;font-weight:650; letter-spacing:-.02em;text-wrap:balance;} h1 em{font-style:normal;color:var(--accent);} .lede{font-size:clamp(16px,2.2vw,19px);color:var(--muted);max-width:60ch;margin:0 0 44px;text-wrap:pretty;} .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 12px;} @media(max-width:760px){.grid{grid-template-columns:1fr;max-width:420px;margin-inline:auto;}} .card{background:var(--panel);border:1px solid var(--edge-soft);border-radius:14px;overflow:hidden; display:flex;flex-direction:column;} .card.now{border-color:var(--accent-2);box-shadow:0 0 0 1px rgba(183,166,255,.25), 0 18px 50px -18px var(--glow), inset 0 0 40px -22px var(--glow);} .frame{position:relative;aspect-ratio:4/3;background:#05050a;overflow:hidden;} .frame img{width:100%;height:100%;object-fit:cover;display:block;} .card.now .frame::after{content:"";position:absolute;inset:0;pointer-events:none; box-shadow:inset 0 0 70px -30px var(--glow);} .meta{padding:12px 15px 14px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;} .meta h3{margin:0;font-size:14px;font-weight:600;letter-spacing:.01em;} .meta p{margin:2px 0 0;font-family:var(--mono);font-size:11.5px;color:var(--faint);letter-spacing:.02em;} .tag{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.06em;padding:3px 8px; border-radius:999px;white-space:nowrap;} .tag.ref{color:var(--muted);border:1px solid var(--edge);} .tag.no{color:var(--no);border:1px solid rgba(232,135,155,.35);background:rgba(232,135,155,.07);} .tag.ok{color:var(--ok);border:1px solid rgba(126,224,166,.35);background:rgba(126,224,166,.08);} .note{font-family:var(--mono);font-size:12px;color:var(--faint);margin:0 4px 52px;letter-spacing:.02em;} .split{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;margin-top:8px;} @media(max-width:760px){.split{grid-template-columns:1fr;gap:32px;}} h2{font-size:13px;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase; color:var(--accent-2);margin:0 0 18px;font-weight:600;} .cause{border-left:2px solid var(--accent-2);padding:2px 0 2px 20px;margin:0 0 26px;} .cause h4{margin:0 0 6px;font-size:15px;font-weight:600;} .cause p{margin:0;color:var(--muted);font-size:14.5px;} code{font-family:var(--mono);font-size:.86em;color:var(--accent);background:rgba(183,166,255,.09); padding:1px 6px;border-radius:5px;} ul.fixes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;} ul.fixes li{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--muted);} ul.fixes .t{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em; color:var(--ground);background:var(--accent);padding:2px 7px;border-radius:5px;margin-top:2px;flex:none;} ul.fixes b{color:var(--ink);font-weight:600;} footer{margin-top:60px;padding-top:22px;border-top:1px solid var(--edge-soft); font-family:var(--mono);font-size:11.5px;color:var(--faint);letter-spacing:.04em; display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;} """ BODY = """

VWE BattleTech · MUNGA / Tesla 4.10 · task #52

The translocation warp, restored.

The respawn effect from the 1995 arcade pod — a swirling energy vortex the pilot dissolves into and reappears from. Reconstructed from BTL4OPT.EXE and matched, frame by frame, to a photograph of the original cabinet.

Photograph of the original arcade cabinet showing the warp

The original

cabinet photo · tsphere.bgf

TARGET
Our earlier render showing radial spokes

Our render, before

radial “spokes”

✗ BUG
Our render now: a smooth animated lavender vortex

Our render, now

live · spinning + churning

✓ FIXED

// right panel is a live capture of btl4.exe — 30 frames, ~2s of the settled swirl

What was actually wrong

Texture-scroll precision collapse

The swirl scrolls its cloud texture by scrollDelta × time, where time is absolute runtime. That product grows without bound, so within seconds the UV offset is large enough that adding it per-pixel destroys float precision — the coordinates quantize into coarse steps and a smooth cloud shatters into grainy radial spokes. Wrapping the offset with fmodf(…, 1.0f) is identical under REPEAT tiling but keeps full precision.

This same bug silently degraded every scrolling texture — beams, exhaust — over a long session. The warp just made it impossible to ignore.

And the look itself

  • MESHBicone, on-axis. tsphere.bgf is a 45-vertex bicone viewed straight down its throat and spun in place — not an off-axis tornado.
  • TEXCloud × wide lavender ramp. The bintA cloud through a full-range dark→lavender ramp — no geometry “bands”, no twist.
  • METHODVerified offline first. Rendered the real mesh in a standalone rasterizer, matched capture.png, then ported the confirmed parameters.
""" BODY = BODY.replace("__ORIG__", ORIG).replace("__BEFORE__", BEFORE).replace("__GIF__", GIF) html = "Translocation Warp — restored\n\n" + BODY open("scratchpad/warp_showcase.html", "w", encoding="utf-8").write(html) print("wrote scratchpad/warp_showcase.html", len(html), "chars")