mirror of https://github.com/lgc-4/DataTools3.git
apply zoom in camera class
This commit is contained in:
parent
ede8b465e1
commit
9b9e99ae36
|
@ -82,13 +82,13 @@ document.addEventListener("wheel", (e) => {
|
||||||
let lastZoom = Camera.zoom;
|
let lastZoom = Camera.zoom;
|
||||||
Camera.zoom = Math.min(1, Math.max(0.25, Camera.zoom - e.deltaY / 2000));
|
Camera.zoom = Math.min(1, Math.max(0.25, Camera.zoom - e.deltaY / 2000));
|
||||||
|
|
||||||
document.body.style.setProperty("--zoom", Camera.zoom);
|
|
||||||
|
|
||||||
Camera.movePosition(
|
Camera.movePosition(
|
||||||
(Mouse.position.x / lastZoom - Mouse.position.x / Camera.zoom),
|
(Mouse.position.x / lastZoom - Mouse.position.x / Camera.zoom),
|
||||||
(Mouse.position.y / lastZoom - Mouse.position.y / Camera.zoom),
|
(Mouse.position.y / lastZoom - Mouse.position.y / Camera.zoom),
|
||||||
);
|
);
|
||||||
|
|
||||||
|
Camera.applyZoom();
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
function isPointInRect(px, py, rx, ry, rw, rh) {
|
function isPointInRect(px, py, rx, ry, rw, rh) {
|
||||||
|
|
|
@ -14,4 +14,8 @@ class Camera {
|
||||||
static movePosition(x, y) {
|
static movePosition(x, y) {
|
||||||
this.setPosition(this.x + x, this.y + y);
|
this.setPosition(this.x + x, this.y + y);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
static applyZoom() {
|
||||||
|
document.body.style.setProperty("--zoom", this.zoom);
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue