backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-18 02:01:22 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor(es modules): migrate a few more functions

Browse source
This commit is contained in:
Azgaar 2022-06-28 00:04:09 +03:00
parent 63e9b9c87e
commit 865a98199f
18 changed files with 330 additions and 309 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/modules/zoom.js
View file

@ -1,12 +1,15 @@
import {debounce} from "/src/utils/functionUtils";
import {handleZoom} from "/src/modules/activeZooming";
import {handleZoom, invokeActiveZooming} from "/src/modules/activeZooming";
// temporary expose to global
// temporary expose to window
window.scale = 1;
window.viewX = 0;
window.viewY = 0;
window.Zoom = (function () {
const onZoomDebouced = debounce(onZoom, 50);
const zoom = d3.zoom().scaleExtent([1, 20]).on("zoom", onZoomDebouced);
function onZoom() {
if (!d3.event?.transform) return;
const {k, x, y} = d3.event.transform;
@ -21,13 +24,15 @@ window.Zoom = (function () {
handleZoom(isScaleChanged, isPositionChanged);
}
const onZoomDebouced = debounce(onZoom, 50);
const zoom = d3.zoom().scaleExtent([1, 20]).on("zoom", onZoomDebouced);
function setZoomBehavior() {
svg.call(zoom);
}
function invoke() {
invokeActiveZooming();
}
// zoom to a specific point
function to(x, y, z = 8, d = 2000) {
const transform = d3.zoomIdentity.translate(x * -z + graphWidth / 2, y * -z + graphHeight / 2).scale(z);
@ -54,5 +59,5 @@ window.Zoom = (function () {
zoom.scaleTo(element, scale);
}
return {setZoomBehavior, to, reset, scaleExtent, translateExtent, scaleTo};
return {setZoomBehavior, invoke, to, reset, scaleExtent, translateExtent, scaleTo};
})();