tekki/nissefolk
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Issue #5: Mouse handling — zoom-to-mouse + middle-click pan #10

Merged
tekki merged 21 commits from feature/mouse-handling into master 2026-03-21 14:06:45 +00:00
Conversation 1 Commits 21 Files Changed 8 +5 -11
1 changed files with 5 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit b5130169bd - Show all commits

16
src/systems/CameraSystem.ts
View File

@@ -52,22 +52,16 @@ export class CameraSystem {
d: kb.addKey(Phaser.Input.Keyboard.KeyCodes.D), d: kb.addKey(Phaser.Input.Keyboard.KeyCodes.D),
} }
// Scroll wheel zoom — zoom toward mouse pointer position // Scroll wheel zoom — centers the world point under the mouse, then zooms
this.scene.input.on('wheel', (ptr: Phaser.Input.Pointer, _objs: unknown, _dx: number, dy: number) => { this.scene.input.on('wheel', (ptr: Phaser.Input.Pointer, _objs: unknown, _dx: number, dy: number) => {
const newZoom = Phaser.Math.Clamp(cam.zoom - Math.sign(dy) * ZOOM_STEP, MIN_ZOOM, MAX_ZOOM) const newZoom = Phaser.Math.Clamp(cam.zoom - Math.sign(dy) * ZOOM_STEP, MIN_ZOOM, MAX_ZOOM)
if (newZoom === cam.zoom) return if (newZoom === cam.zoom) return
// Sample the world point under the mouse BEFORE the zoom change // Move the world point under the mouse to the viewport center, then zoom toward it
const before = cam.getWorldPoint(ptr.x, ptr.y) const wp = cam.getWorldPoint(ptr.x, ptr.y)
cam.scrollX = wp.x - cam.width / (2 * newZoom)
cam.scrollY = wp.y - cam.height / (2 * newZoom)
cam.setZoom(newZoom) cam.setZoom(newZoom)
// Sample the same screen position AFTER zoom — it now maps to a different world point
const after = cam.getWorldPoint(ptr.x, ptr.y)
// Shift scroll by the difference so the original world point snaps back under the mouse
cam.scrollX -= after.x - before.x
cam.scrollY -= after.y - before.y
}) })
// Middle-click pan: start on button down // Middle-click pan: start on button down