ltadeu6/skeledance
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove spectrum visualizer

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
ltadeu6 2026-06-07 10:12:59 -03:00
parent 134d09c93f
commit 60a8190bd7
No known key found for this signature in database
GPG key ID: FB9FDAB6B6F3418D
1 changed files with 2 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

53
plugin/contents/ui/dancer.html
View file

@ -107,24 +107,7 @@ html, body {
/* ============================================================ /* ============================================================
SPECTRUM VISUALIZER (behind character) SPECTRUM VISUALIZER (behind character)
============================================================ */ ============================================================ */
.spectrum { .spec-bar-unused {
position: absolute;
bottom: 32%;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: flex-end;
gap: 3px;
pointer-events: none;
opacity: 0;
transition: opacity 0.8s;
mix-blend-mode: screen;
}
.spec-bar {
width: 6px;
border-radius: 3px 3px 0 0;
height: 3px;
transition: height 0.05s linear;
} }
/* ============================================================ /* ============================================================
@ -762,9 +745,6 @@ html, body {
<!-- Horizon glow --> <!-- Horizon glow -->
<div class="horizon"></div> <div class="horizon"></div>
<!-- Spectrum visualizer (behind character) -->
<div class="spectrum" id="spectrum"></div>
<!-- ===================== ROBOT ===================== --> <!-- ===================== ROBOT ===================== -->
<div class="robot-wrap"> <div class="robot-wrap">
<div class="beat-wrap"> <div class="beat-wrap">
@ -918,29 +898,6 @@ window.addEventListener('resize', resizeFloor);
resizeFloor(); resizeFloor();
requestAnimationFrame(drawFloor); requestAnimationFrame(drawFloor);
/* ============================================================
SPECTRUM VISUALIZER
============================================================ */
const SPEC_COUNT = 48;
const specEl = document.getElementById('spectrum');
const specBars = [];
const SPEC_PALETTE = [
'#ff0099','#ff00cc','#cc00ff','#9900ff','#6600ff',
'#0033ff','#0066ff','#0099ff','#00ccff','#00ffff',
'#00ffcc','#00ff99','#00ff66','#00ff33',
'#33ff00','#66ff00','#99ff00','#ccff00',
'#ffff00','#ffcc00','#ff9900','#ff6600','#ff3300','#ff0000',
];
for (let i = 0; i < SPEC_COUNT; i++) {
const b = document.createElement('div');
b.className = 'spec-bar';
const c = SPEC_PALETTE[Math.round(i / SPEC_COUNT * (SPEC_PALETTE.length - 1))];
b.style.background = c;
b.style.boxShadow = `0 0 6px ${c}`;
specEl.appendChild(b);
specBars.push(b);
}
/* ============================================================ /* ============================================================
METEORS METEORS
@ -1047,12 +1004,7 @@ function updateBars(raw) {
bar.style.opacity = 0.3 + 0.7 * (v / 100); bar.style.opacity = 0.3 + 0.7 * (v / 100);
}); });
// Spectrum (mid-to-high frequencies, remapped to SPEC_COUNT bars)
specBars.forEach((bar, i) => {
const srcIdx = Math.round(4 + (i / SPEC_COUNT) * (vals.length - 5));
const v = vals[srcIdx] || 0;
bar.style.height = Math.max(3, (v / 100) * window.innerHeight * 0.55) + 'px';
});
} }
/* ============================================================ /* ============================================================
@ -1131,7 +1083,6 @@ function updateMusic(artist, title) {
isPlaying = playing; isPlaying = playing;
document.querySelector('.robot-wrap').style.opacity = playing ? '1' : '0'; document.querySelector('.robot-wrap').style.opacity = playing ? '1' : '0';
document.querySelector('.music-ticker').style.opacity = playing ? '1' : '0'; document.querySelector('.music-ticker').style.opacity = playing ? '1' : '0';
specEl.style.opacity = playing ? '0.45' : '0';
if (!playing) vuBars.forEach(b => { b.style.height = '3px'; b.style.opacity = '0.15'; }); if (!playing) vuBars.forEach(b => { b.style.height = '3px'; b.style.opacity = '0.15'; });
if (playing) fetchTheme(); if (playing) fetchTheme();
if (el.textContent === text) return; if (el.textContent === text) return;