alois/OpenFrontIO
1
0
Fork 0
mirror of https://github.com/openfrontio/OpenFrontIO.git synced 2026-06-21 11:30:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "Added trackpad support for moving maps (#1717)"

Browse Source 
This reverts commit 8746df69fd.
This commit is contained in:
evanpelle
2025-10-10 17:54:29 -07:00
parent d59b73d6b9
commit b9a4add1ca
1 changed files with 2 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/client/InputHandler.ts
+2 -89
View File
@@ -208,7 +208,6 @@ export class InputHandler {
(e) => {
this.onScroll(e);
this.onShiftScroll(e);
this.onTrackpadPan(e);
e.preventDefault();
},
{ passive: false },
@@ -220,16 +219,6 @@ export class InputHandler {
this.eventBus.emit(new MouseMoveEvent(e.clientX, e.clientY));
}
});
this.canvas.addEventListener("touchstart", (e) => this.onTouchStart(e), {
passive: false,
});
this.canvas.addEventListener("touchmove", (e) => this.onTouchMove(e), {
passive: false,
});
this.canvas.addEventListener("touchend", (e) => this.onTouchEnd(e), {
passive: false,
});
this.pointers.clear();
this.moveInterval = setInterval(() => {
@@ -497,20 +486,8 @@ export class InputHandler {
const realCtrl =
this.activeKeys.has("ControlLeft") ||
this.activeKeys.has("ControlRight");
const isZoomGesture =
event.ctrlKey ||
event.metaKey ||
Math.abs(event.deltaZ) > 0 ||
(event.deltaMode === 1 && Math.abs(event.deltaY) > 0) ||
(event.deltaMode === 0 && Math.abs(event.deltaY) >= 50);
if (isZoomGesture) {
const ratio = event.ctrlKey && !realCtrl ? 10 : 1;
this.eventBus.emit(
new ZoomEvent(event.x, event.y, event.deltaY * ratio),
);
}
const ratio = event.ctrlKey && !realCtrl ? 10 : 1; // Compensate pinch-zoom low sensitivity
this.eventBus.emit(new ZoomEvent(event.x, event.y, event.deltaY * ratio));
}
}
@@ -522,34 +499,6 @@ export class InputHandler {
}
}
private onTrackpadPan(event: WheelEvent) {
if (event.shiftKey) {
return;
}
if (event.ctrlKey || event.metaKey) {
return;
}
const isTrackpadPan =
event.deltaMode === 0 &&
(Math.abs(event.deltaX) > 0 || Math.abs(event.deltaY) > 0) &&
((Math.abs(event.deltaX) > 0 && Math.abs(event.deltaY) > 0) ||
event.deltaX % 1 !== 0 ||
event.deltaY % 1 !== 0 ||
(Math.abs(event.deltaX) < 30 && Math.abs(event.deltaY) < 30));
if (isTrackpadPan) {
const panSensitivity = 1.0;
const deltaX = -event.deltaX * panSensitivity;
const deltaY = -event.deltaY * panSensitivity;
if (Math.abs(deltaX) > 0.5 || Math.abs(deltaY) > 0.5) {
this.eventBus.emit(new DragEvent(deltaX, deltaY));
}
}
}
private onPointerMove(event: PointerEvent) {
if (event.button === 1) {
event.preventDefault();
@@ -598,42 +547,6 @@ export class InputHandler {
this.eventBus.emit(new ContextMenuEvent(event.clientX, event.clientY));
}
private onTouchStart(event: TouchEvent) {
if (event.touches.length === 2) {
event.preventDefault();
}
}
private onTouchMove(event: TouchEvent) {
if (event.touches.length === 2) {
event.preventDefault();
const touch1 = event.touches[0];
const touch2 = event.touches[1];
const centerX = (touch1.clientX + touch2.clientX) / 2;
const centerY = (touch1.clientY + touch2.clientY) / 2;
if (this.lastPointerX !== 0 && this.lastPointerY !== 0) {
const deltaX = centerX - this.lastPointerX;
const deltaY = centerY - this.lastPointerY;
if (Math.abs(deltaX) > 1 || Math.abs(deltaY) > 1) {
this.eventBus.emit(new DragEvent(deltaX, deltaY));
}
}
this.lastPointerX = centerX;
this.lastPointerY = centerY;
}
}
private onTouchEnd(event: TouchEvent) {
if (event.touches.length < 2) {
this.lastPointerX = 0;
this.lastPointerY = 0;
}
}
private getPinchDistance(): number {
const pointerEvents = Array.from(this.pointers.values());
const dx = pointerEvents[0].clientX - pointerEvents[1].clientX;