fix sliders and renderer disabling on animation

spessasus · Jul 9, 2024 · 79d2114 · 79d2114
1 parent 0eb8202
commit 79d2114
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/website/js/settings_ui/saving/load_settings.js b/src/website/js/settings_ui/saving/load_settings.js
@@ -26,17 +26,20 @@ export async function _loadSettings()
     // note falling time
     renderer.noteFallingTimeMs = rendererValues.noteFallingTimeMs;
     rendererControls.noteTimeSlider.value = rendererValues.noteFallingTimeMs;
+    rendererControls.noteTimeSlider.dispatchEvent(new Event('input'));
     getSpan(rendererControls.noteTimeSlider).innerText = `${rendererValues.noteFallingTimeMs}ms`
 
     // waveform line thickness
-    rendererControls.analyserThicknessSlider.value = rendererValues.waveformThickness
+    rendererControls.analyserThicknessSlider.value = rendererValues.waveformThickness;
+    rendererControls.analyserThicknessSlider.dispatchEvent(new Event('input'));
     renderer.lineThickness = rendererValues.waveformThickness;
     getSpan(rendererControls.analyserThicknessSlider).innerText = `${rendererValues.waveformThickness}px`;
 
     // fft size (sample size)
     let value = rendererValues.sampleSize;
     // Math.pow(2, parseInt(rendererControls.analyserFftSlider.value)); we need to invert this
     rendererControls.analyserFftSlider.value = Math.log2(value);
+    rendererControls.analyserFftSlider.dispatchEvent(new Event('input'));
     renderer.normalAnalyserFft = value;
     renderer.drumAnalyserFft = Math.pow(2, Math.min(15, Math.log2(value) + 2));
     renderer.updateFftSize();
@@ -45,7 +48,8 @@ export async function _loadSettings()
     // wave multiplier
     renderer.waveMultiplier = rendererValues.amplifier;
     rendererControls.waveMultiplierSlizer.value = rendererValues.amplifier;
-    getSpan(rendererControls.waveMultiplierSlizer).innerText = rendererValues.amplifier;
+    rendererControls.waveMultiplierSlizer.dispatchEvent(new Event('input'));
+    getSpan(rendererControls.waveMultiplierSlizer).innerText = rendererValues.amplifier.toString();
 
     // render waveforms
     let controls = this.htmlControls.renderer;

diff --git a/src/website/js/settings_ui/settings.js b/src/website/js/settings_ui/settings.js
@@ -171,8 +171,8 @@ class SpessaSynthSettings
 
     toggleMusicPlayerMode()
     {
-        this.renderer.renderBool = !this.musicMode.visible;
         this.musicMode.setVisibility(!this.musicMode.visible, this.renderer.canvas, this.midiKeyboard.keyboard);
+        this.renderer.renderBool = !this.musicMode.visible;
     }
 
     hideTopPart()