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 +10 -9
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit f0065a0cda - Show all commits

19
src/systems/CameraSystem.ts
View File

@@ -54,19 +54,20 @@ export class CameraSystem {
// Scroll wheel zoom — zoom toward mouse pointer position
this.scene.input.on('wheel', (ptr: Phaser.Input.Pointer, _objs: unknown, _dx: number, dy: number) => {
const oldZoom = cam.zoom
const newZoom = Phaser.Math.Clamp(oldZoom - Math.sign(dy) * ZOOM_STEP, MIN_ZOOM, MAX_ZOOM)
if (newZoom === oldZoom) return
const newZoom = Phaser.Math.Clamp(cam.zoom - Math.sign(dy) * ZOOM_STEP, MIN_ZOOM, MAX_ZOOM)
if (newZoom === cam.zoom) return
// World point under mouse before zoom
const worldX = cam.scrollX + ptr.x / oldZoom
const worldY = cam.scrollY + ptr.y / oldZoom
// Sample the world point under the mouse BEFORE the zoom change
const before = cam.getWorldPoint(ptr.x, ptr.y)
cam.setZoom(newZoom)
// Adjust scroll so the same world point stays under the mouse
cam.scrollX = worldX - ptr.x / newZoom
cam.scrollY = worldY - ptr.y / 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