summaryrefslogtreecommitdiff
path: root/tools/mq_editor/editor.js
diff options
context:
space:
mode:
Diffstat (limited to 'tools/mq_editor/editor.js')
-rw-r--r--tools/mq_editor/editor.js38
1 files changed, 5 insertions, 33 deletions
diff --git a/tools/mq_editor/editor.js b/tools/mq_editor/editor.js
index 07312d5..81f571c 100644
--- a/tools/mq_editor/editor.js
+++ b/tools/mq_editor/editor.js
@@ -65,8 +65,9 @@ class PartialEditor {
const color = this.viewer ? this.viewer.partialColor(index) : '#888';
const titleEl = document.getElementById('propTitle');
- const badge = partial.resonator && partial.resonator.enabled
- ? ' <span class="res-badge">RES</span>' : '';
+ const badge = (partial.resonator && partial.resonator.enabled)
+ ? ' <span class="res-badge">RES</span>'
+ : ' <span class="res-badge sine-badge">SINE</span>';
titleEl.innerHTML = 'Partial #' + index + badge;
document.getElementById('propSwatch').style.background = color;
@@ -86,37 +87,6 @@ class PartialEditor {
muteBtn.textContent = partial.muted ? 'Unmute' : 'Mute';
muteBtn.style.color = partial.muted ? '#fa4' : '';
- // Mode toggle (quick sine/resonator switch, no tab required)
- const modeToggle = document.getElementById('synthModeToggle');
- if (modeToggle) {
- modeToggle.innerHTML = '';
- const isRes = !!(partial.resonator && partial.resonator.enabled);
- const resDefaults = { r: 0.995, gainComp: 1.0 };
- const btnS = document.createElement('button');
- btnS.textContent = 'Sine';
- btnS.className = 'tab-btn' + (isRes ? '' : ' active');
- btnS.style.cssText = 'padding:2px 8px;font-size:11px;margin:0;';
- const btnR = document.createElement('button');
- btnR.textContent = 'Res';
- btnR.className = 'tab-btn' + (isRes ? ' active' : '');
- btnR.style.cssText = 'padding:2px 8px;font-size:11px;margin:0;';
- btnS.onclick = () => {
- if (!this.partials || !this.partials[index]) return;
- if (!this.partials[index].resonator) this.partials[index].resonator = {...resDefaults};
- this.partials[index].resonator.enabled = false;
- this._updatePropPanel(index);
- if (this.viewer) this.viewer.render();
- };
- btnR.onclick = () => {
- if (!this.partials || !this.partials[index]) return;
- if (!this.partials[index].resonator) this.partials[index].resonator = {...resDefaults};
- this.partials[index].resonator.enabled = true;
- this._updatePropPanel(index);
- if (this.viewer) this.viewer.render();
- };
- modeToggle.appendChild(btnS);
- modeToggle.appendChild(btnR);
- }
this._buildCurveGrid(this._freqGrid, partial, 'freqCurve', 'f', index);
this._buildCurveGrid(this._ampGrid, partial, 'freqCurve', 'a', index, 'a');
@@ -326,12 +296,14 @@ class PartialEditor {
if (!this.partials[index].resonator) this.partials[index].resonator = { ...resDefaults };
this.partials[index].resonator.enabled = false;
applyMode(false);
+ if (this.viewer) this.viewer.render();
});
btnRes.addEventListener('click', () => {
if (!this.partials) return;
if (!this.partials[index].resonator) this.partials[index].resonator = { ...resDefaults };
this.partials[index].resonator.enabled = true;
applyMode(true);
+ if (this.viewer) this.viewer.render();
});
}