danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Artist Map v2 — fix the real bottleneck: cap the offscreen buffer (76MP → ~12MP)

Browse source 
Perf telemetry from the genre map (2004 nodes) proved it: the offscreen buffer
was 7465×10240 (76 megapixels) — rebuilt in ~979ms on every zoom and blitted at
~150ms/frame (3 fps), with the constellation overlay piling on top. The buffer
renders the WHOLE world, and the size cap was 10240px.

Cap the max buffer dimension to 4096 (MAX_BUFFER_PX). On the dense genre map
that's ~12MP instead of 76MP → ~6x faster rebuild and blit, and more nodes drop
under the LOD dot threshold so the rebuild also draws fewer image-clips. The cap
only binds on large worlds; small watchlist/explorer maps don't reach it and
stay full-resolution.

Tunable; perf overlay ('d' → app.log) stays so we can confirm the new numbers.
This commit is contained in:
BoulderBadgeDad 2026-06-03 08:03:30 -07:00
parent 884c3b5c07
commit 6fa733dc6e
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
webui/static/discover.js
View file

@ -5004,6 +5004,13 @@ const _artMap = {
dirty: true, // true = need to rebuild offscreen buffer
WATCHLIST_R: 320,
BUFFER: 8,
// Max offscreen-buffer dimension (px). The buffer renders the whole world,
// so on big/dense maps (e.g. 2000-node genre map) this was 10240 → a 76 MP
// canvas that took ~1s to rebuild and ~150ms to blit per frame (3 fps).
// Capping it far lower makes rebuild + blit cheap (and pushes more nodes
// under the LOD dot threshold). Only binds on large worlds — small maps
// stay crisp via the z*2 / 1.0 caps. Tunable.
MAX_BUFFER_PX: 4096,
};
async function openArtistMap() {
@ -5348,7 +5355,7 @@ function _artMapRebuildBuffer() {
const bh = maxY - minY;
// Scale based on zoom — higher zoom = higher res buffer, capped for memory
const z = _artMap.zoom || 0.1;
const scale = Math.min(z * 2, 1.0, 10240 / Math.max(bw, bh));
const scale = Math.min(z * 2, 1.0, _artMap.MAX_BUFFER_PX / Math.max(bw, bh));
if (!_artMap.offscreen) _artMap.offscreen = document.createElement('canvas');
const oc = _artMap.offscreen;