Rebuild engine+comboBattler: dodge roll i-frames

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

web/comboBattler.js

@@ -5220,6 +5220,10 @@ function healActor(b, a, amount, empowered) {
 }
 function dealDamage(b, src, tgt, amount, label, opts = {}) {
   if (!tgt.alive) return 0;
+  if (tgt.invulnUntil && b.t < tgt.invulnUntil) {
+    log(b, "miss", tgt, { name: label });
+    return 0;
+  }
   const { damageType = "physical", delivery = "spell", armorIgnoring = false, empowered = false } = opts;
   const physical = delivery === "melee" || delivery === "projectile";
   if (physical) {
@@ -6077,7 +6081,29 @@ function mountComboBattler(pixi, host, opts = {}) {
   let offTick = null, keyHandlers = null, tapHandlers = null, controlsEl = null, alive = true;
   const keys = { x: 0, y: 0 };
   const joy = { x: 0, y: 0, active: false };
-  const req = { attack: false, skill: 0 };
+  const req = { attack: false, skill: 0, dodge: false };
+  let dash = null, dodgeCdUntil = 0, dodgeBtn = null;
+  const DODGE_IFRAMES = 0.4, DODGE_DASH = 0.16, DODGE_CD = 1.1, DODGE_BOOST = 3.4;
+  const norm = (x, y) => {
+    const m = Math.hypot(x, y) || 1;
+    return { x: x / m, y: y / m };
+  };
+  const moveDir = () => {
+    if (joy.active && (joy.x || joy.y)) return norm(joy.x, joy.y);
+    if (keys.x || keys.y) return norm(keys.x, keys.y);
+    const p = pa();
+    return p ? norm(p.faceX || 1, p.faceY || 0) : { x: 1, y: 0 };
+  };
+  function tryDodge() {
+    const p = pa();
+    if (!p || !p.alive || !battle || battle.t < dodgeCdUntil) return;
+    const dir = moveDir();
+    p._dashBase = p.moveSpeed;
+    p.moveSpeed = p._dashBase * DODGE_BOOST;
+    p.invulnUntil = battle.t + DODGE_IFRAMES;
+    dash = { until: battle.t + DODGE_DASH, x: dir.x, y: dir.y };
+    dodgeCdUntil = battle.t + DODGE_CD;
+  }
   let moveTarget = null;
   let navTarget = null, navRoute = null;
   let routePath = null, routeIdx = 0;
@@ -6116,6 +6142,11 @@ function mountComboBattler(pixi, host, opts = {}) {
         e.preventDefault();
         return;
       }
+      if (e.key === "Shift" || e.code === "ShiftLeft" || e.code === "ShiftRight") {
+        req.dodge = true;
+        e.preventDefault();
+        return;
+      }
       if (e.key >= "1" && e.key <= "9") {
         req.skill = +e.key;
         e.preventDefault();
@@ -6218,6 +6249,7 @@ function mountComboBattler(pixi, host, opts = {}) {
       sb.el.style.borderColor = ok ? "#c9a227" : "#20262e";
     }
     if (threatBadge) threatBadge.textContent = `\u2694 ${runState.kills}    THREAT ${runState.diff.toFixed(1)}\xD7`;
+    if (dodgeBtn) dodgeBtn.style.opacity = battle && battle.t >= dodgeCdUntil ? "1" : "0.4";
   }
   function setHeroSkills(skills) {
     const p = pa();
@@ -6300,9 +6332,16 @@ function mountComboBattler(pixi, host, opts = {}) {
     adrWrap.append(adrLab, adrTrack);
     pad.appendChild(adrWrap);
     pad.appendChild(skills);
-    pad.appendChild(roundBtn("\u2694", () => {
+    const actionRow = document.createElement("div");
+    actionRow.style.cssText = "display:flex;gap:10px;align-items:flex-end";
+    dodgeBtn = roundBtn("\u27F2", () => {
+      req.dodge = true;
+    }, false);
+    dodgeBtn.title = "Dodge roll (Shift)";
+    actionRow.append(dodgeBtn, roundBtn("\u2694", () => {
       req.attack = true;
     }, true));
+    pad.appendChild(actionRow);
     wrap.appendChild(pad);
     threatBadge = document.createElement("div");
     threatBadge.style.cssText = "position:absolute;top:14px;left:50%;transform:translateX(-50%);pointer-events:none;padding:5px 12px;border-radius:999px;background:rgba(20,24,33,.8);border:1px solid #2a3340;color:#e8e8e8;font:700 12px monospace;letter-spacing:.04em";
@@ -6326,12 +6365,29 @@ function mountComboBattler(pixi, host, opts = {}) {
     if (!battle || !R) return;
     const dtMS = ticker.deltaMS, dt = dtMS / 1e3;
     const p = pa();
+    if (req.dodge) {
+      req.dodge = false;
+      tryDodge();
+    }
+    let dashing = false;
+    if (dash) {
+      if (p && p.alive && battle.t < dash.until) dashing = true;
+      else {
+        if (p && p._dashBase) {
+          p.moveSpeed = p._dashBase;
+          p._dashBase = 0;
+        }
+        dash = null;
+      }
+    }
     const clearNav = () => {
       moveTarget = null;
       navTarget = navRoute = routePath = null;
       routeIdx = 0;
     };
-    if (joy.active) {
+    if (dashing) {
+      setInput(battle, "P0", { moveX: dash.x, moveY: dash.y });
+    } else if (joy.active) {
       clearNav();
       setInput(battle, "P0", { moveX: joy.x, moveY: joy.y });
     } else if (keys.x || keys.y) {
@@ -6541,7 +6597,10 @@ function mountComboBattler(pixi, host, opts = {}) {
     skillRowEl = null;
     adrFill = null;
     threatBadge = null;
+    dodgeBtn = null;
     skillBtns.length = 0;
+    dash = null;
+    dodgeCdUntil = 0;
     try {
       markers?.destroy();
     } catch {

web/engine.js

@@ -943,6 +943,10 @@ function healActor(b, a, amount, empowered) {
 }
 function dealDamage(b, src, tgt, amount, label, opts = {}) {
   if (!tgt.alive) return 0;
+  if (tgt.invulnUntil && b.t < tgt.invulnUntil) {
+    log(b, "miss", tgt, { name: label });
+    return 0;
+  }
   const { damageType = "physical", delivery = "spell", armorIgnoring = false, empowered = false } = opts;
   const physical = delivery === "melee" || delivery === "projectile";
   if (physical) {