max/nodarium
1
0
Fork 0
Code Issues 9 Pull Requests 1 Actions Packages Projects Releases 5 Wiki Activity

feat(app): make zoom in nicer

Browse Source
This commit is contained in:
max_richter
2026-04-20 19:45:34 +02:00
parent 23f65a1c63
commit 7ebb1297ac
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/src/lib/graph-interface/keymaps.ts
View File

@@ -73,19 +73,20 @@ export function setupKeymaps(keymap: Keymap, graph: GraphManager, graphState: Gr
average[0] += node.position[0]; average[0] += node.position[0];
average[1] += node.position[1]; average[1] += node.position[1];
} }
average[0] = average[0] ? average[0] / graph.nodes.size : 0; average[0] = (average[0] / graph.nodes.size) + 10;
average[1] = average[1] ? average[1] / graph.nodes.size : 0; average[1] /= graph.nodes.size;
const camX = graphState.cameraPosition[0]; const camX = graphState.cameraPosition[0];
const camY = graphState.cameraPosition[1]; const camY = graphState.cameraPosition[1];
const camZ = graphState.cameraPosition[2]; const camZ = graphState.cameraPosition[2];
const ease = (t: number) => (t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t); const ease = (t: number) => (t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t);
const easeZoom = (t: number) => t * t * (3 - 2 * t);
animate(500, (a: number) => { animate(500, (a: number) => {
graphState.cameraPosition[0] = lerp(camX, average[0], ease(a)); graphState.cameraPosition[0] = lerp(camX, average[0], ease(a));
graphState.cameraPosition[1] = lerp(camY, average[1], ease(a)); graphState.cameraPosition[1] = lerp(camY, average[1], ease(a));
graphState.cameraPosition[2] = lerp(camZ, 2, ease(a)); graphState.cameraPosition[2] = lerp(camZ, 4, easeZoom(a));
if (graphState.mouseDown) return false; if (graphState.mouseDown) return false;
}); });
} }