Files
splatter-tennis/src/panel.js
T

19 lines
874 B
JavaScript

// Live tuning panel (T key): number inputs for every TUNE value.
import { TUNE } from './config.js';
let panel = null;
export function togglePanel() {
if (panel) { panel.remove(); panel = null; return; }
panel = document.createElement('div');
panel.style.cssText = 'position:fixed;top:8px;right:8px;background:#141a26;color:#cdd6e4;font:11px monospace;padding:8px;border:1px solid #3a4a66;max-height:90vh;overflow:auto';
for (const k of Object.keys(TUNE)) {
const row = document.createElement('div');
const v = TUNE[k];
row.innerHTML = `<label>${k} <input type="number" step="${v < 2 ? 0.02 : 1}" value="${v}" style="width:60px;background:#0c1018;color:#fff;border:1px solid #333"></label>`;
row.querySelector('input').oninput = e => TUNE[k] = parseFloat(e.target.value) || 0;
panel.appendChild(row);
}
document.body.appendChild(panel);
}