Make analyzer bar and VU meter gaps dynamic

This commit is contained in:
Armin 2026-07-08 19:02:01 +02:00
commit 0fc4a746bf

View file

@ -514,7 +514,7 @@ function drawSpectrum() {
grad.addColorStop(0.4, '#84a0c6'); grad.addColorStop(0.4, '#84a0c6');
grad.addColorStop(1, '#272c42'); grad.addColorStop(1, '#272c42');
const smoothFactor = barDecay; const smoothFactor = barDecay;
const gap = 6; const gap = Math.max(1, Math.floor(w / NUM_BARS * 0.10));
const barW = Math.max(1, Math.floor((w - (NUM_BARS - 1) * gap) / NUM_BARS)); const barW = Math.max(1, Math.floor((w - (NUM_BARS - 1) * gap) / NUM_BARS));
const totalBar = barW + gap; const totalBar = barW + gap;
const offset = Math.floor((w - NUM_BARS * totalBar + gap) / 2); const offset = Math.floor((w - NUM_BARS * totalBar + gap) / 2);
@ -561,7 +561,7 @@ function drawSpectrum() {
const gap = 4; const gap = 4;
const labelW = 12; const labelW = 12;
const segCount = 32; const segCount = 32;
const segG = 6; const segG = Math.max(1, Math.floor(vw / segCount * 0.10));
const segW = Math.floor((vw - labelW - (segCount - 1) * segG) / segCount); const segW = Math.floor((vw - labelW - (segCount - 1) * segG) / segCount);
const totalSegW = segCount * segW + (segCount - 1) * segG; const totalSegW = segCount * segW + (segCount - 1) * segG;
const segLeft = labelW + Math.floor(((vw - labelW) - totalSegW) / 2); const segLeft = labelW + Math.floor(((vw - labelW) - totalSegW) / 2);