Pause menu map: smooth zoom and pan with inertia

Replace snappy map zoom and drag behavior with smooth animations. Wheel zoom now eases toward the cursor, keeping the map point under the pointer fixed during scale. Drag pan eases toward the pointer and coasts with inertia on release, with edge clamps and friction damping. Animations cancel each other to prevent fighting. Update tab labels from full names to shorter versions (FALLOUT 4, MULTIPLAYER). Add dev log entry and vanilla settings integration plan.
This commit is contained in:
2026-07-04 23:27:02 +12:00
parent 0a07c502c1
commit 1af6bbd3d2
6 changed files with 506 additions and 20 deletions
@@ -79,7 +79,8 @@ body {
transform: translate(var(--map-pan-x, 0px), var(--map-pan-y, 0px))
scale(var(--map-zoom, 1));
transform-origin: center center;
transition: transform 160ms ease-out, filter 200ms ease-out;
/* Transform is driven by JS (smooth zoom / drag pan); only filter animates. */
transition: filter 200ms ease-out;
cursor: grab;
pointer-events: none;
}