Smooth the joystick camera-follow (exponential ease via panTo)

The follow was a hard snap (flyTo ms=0 each frame; re-issuing the easeInOutQuad
tween would have lagged heavily instead). Added chunkedMap.panTo(wx,wy) — a
direct, clamped camera set with no tween — and the Game now lerps the camera
toward the hero each frame with a ~0.12s time constant (frame-rate independent).
Verified: the camera glides behind the hero with a small, stable trailing lag
(~5px) and eases on start/stop instead of snapping.

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

web/comboBattler.js

@@ -273,6 +273,17 @@ function createChunkedMap(pixi, host, config) {
       flyAnim = { fromX: camera.x, fromY: camera.y, fromZ: zoom, toX: wx, toY: wy, toZ, t: 0, dur: Math.max(1, ms), resolve };
     });
   }
+  function panTo(wx, wy) {
+    if (flyAnim) {
+      const r = flyAnim.resolve;
+      flyAnim = null;
+      r && r();
+    }
+    camera.x = wx;
+    camera.y = wy;
+    clampCamera();
+    cameraDirty = true;
+  }
   function bindInput() {
     const canvas = app.canvas;
     const local = (cx, cy) => {
@@ -523,7 +534,7 @@ function createChunkedMap(pixi, host, config) {
     ctx = null;
     texCache.clear();
   }
-  return { ready, regenerate, destroy, onChange, getSnapshot, getCamera, tileIndexAt, biomeAt: biomeAt2, getBounds, zoomBy, flyTo, setEnabled, onTick, getEntityLayer, getApp, screenToWorld, worldToScreen, tile: TILE9 };
+  return { ready, regenerate, destroy, onChange, getSnapshot, getCamera, tileIndexAt, biomeAt: biomeAt2, getBounds, zoomBy, flyTo, panTo, setEnabled, onTick, getEntityLayer, getApp, screenToWorld, worldToScreen, tile: TILE9 };
 }
 
 // ../auto-battler/src/render/tileAutotile.js
@@ -6194,8 +6205,8 @@ function mountComboBattler(pixi, host, opts = {}) {
       dead = true;
     }
     if (joy.active && p && p.alive) {
-      const w = fieldToWorld(p.x, p.y);
-      map.flyTo(w.x, w.y, map.getCamera().zoom, 0);
+      const cam = map.getCamera(), w = fieldToWorld(p.x, p.y), k = 1 - Math.exp(-dt / 0.12);
+      map.panTo(cam.x + (w.x - cam.x) * k, cam.y + (w.y - cam.y) * k);
     }
     spawnFn && spawnFn(dt);
     R.syncActors(battle, dtMS, battle.t);

web/mapSandbox.js

@@ -273,6 +273,17 @@ function createChunkedMap(pixi, host, config) {
       flyAnim = { fromX: camera.x, fromY: camera.y, fromZ: zoom, toX: wx, toY: wy, toZ, t: 0, dur: Math.max(1, ms), resolve };
     });
   }
+  function panTo(wx, wy) {
+    if (flyAnim) {
+      const r = flyAnim.resolve;
+      flyAnim = null;
+      r && r();
+    }
+    camera.x = wx;
+    camera.y = wy;
+    clampCamera();
+    cameraDirty = true;
+  }
   function bindInput() {
     const canvas = app.canvas;
     const local = (cx, cy) => {
@@ -523,7 +534,7 @@ function createChunkedMap(pixi, host, config) {
     ctx = null;
     texCache.clear();
   }
-  return { ready, regenerate, destroy, onChange, getSnapshot, getCamera, tileIndexAt, biomeAt: biomeAt2, getBounds, zoomBy, flyTo, setEnabled, onTick, getEntityLayer, getApp, screenToWorld, worldToScreen, tile: TILE11 };
+  return { ready, regenerate, destroy, onChange, getSnapshot, getCamera, tileIndexAt, biomeAt: biomeAt2, getBounds, zoomBy, flyTo, panTo, setEnabled, onTick, getEntityLayer, getApp, screenToWorld, worldToScreen, tile: TILE11 };
 }
 
 // ../auto-battler/src/engine/rng.js