Function handleGraphicsOptionChange

src/platforms/wasm/compiler/app.ts:275–317

(option)

// Handle graphics option changes
function handleGraphicsOptionChange(option) {
    if (option === 'video-settings') {
        // Show video settings popup
        showVideoSettingsPopup();
        return;
    }

    if (option === 'toggle-auto-bloom') {
        // Don't process as regular option - handled by checkbox
        return;
    }

    // Determine URL parameter based on selection
    let gfxParam = '';
    if (option === 'gfx-simple') {
        gfxParam = '0'; // Force fast renderer
    } else if (option === 'gfx-bloom') {
        gfxParam = '1'; // Force ThreeJS renderer with bloom
    }

    // Update URL and reload page with new graphics setting
    const url = new URL(window.location);
    if (gfxParam) {
        url.searchParams.set('gfx', gfxParam);
    } else {
        url.searchParams.delete('gfx');
    }

    // Show a brief notification before reloading
    const toast = document.createElement('div');
    toast.className = 'toast-notification';
    toast.textContent = `Switching to ${option.replace('-', ' ')}...`;
    document.body.appendChild(toast);

    // Force reflow
    void toast.offsetHeight;
    toast.classList.add('toast-notification-show');

    // Reload with new graphics setting after brief delay
    setTimeout(() => {
        window.location.href = url.toString();
    }, 500);
}

// Video Settings Popup Functions - Optimized for encoding speed with MP4 compatibility
const videoSettingsDefaults = {