More clean up

src/index.ts

@@ -16,7 +16,7 @@ import { CollapsiblePanelAnimator } from './page/collapsible-panel-animator';
 import { ConfigPane } from './page/config-pane';
 import { FullScreenHandler } from './page/full-screen-handler';
 import { MenuHider } from './page/menu-hider';
-import { activeVibe, applyVibeSettings, resetSettings, settings } from './settings';
+import { activeVibe, applyVibeSettings, settings } from './settings';
 import { readBrowserStorage, writeBrowserStorage } from './utils/browser-storage';
 import { DeltaTimeCalculator } from './utils/delta-time-calculator';
 import { queryRequiredElement, queryRequiredElements } from './utils/dom';
@@ -148,7 +148,6 @@ const LOADING_MESSAGES = {
 const VIBE_CHANGE_SOURCES = {
   nextButton: 'next-button',
   previousButton: 'previous-button',
-  settings: 'settings',
 } as const;
 
 const clampEraserSize = (value: number): number => {
@@ -432,6 +431,7 @@ const main = async () => {
     initAnalytics();
 
     let shouldStop = false;
+    let hasStarted = false;
     let game: GameLoop | null = null;
     let configPane: ConfigPane | null = null;
 
@@ -477,6 +477,7 @@ const main = async () => {
 
     const startAudioFromUserGesture = (event: Event) => {
       if (
+        !hasStarted ||
         isAudioMuted ||
         (event.target instanceof Node && elements.startButton.contains(event.target)) ||
         (event.target instanceof Node && elements.soundButton.contains(event.target))
@@ -652,28 +653,6 @@ const main = async () => {
       },
       onOpenChange: () => undefined,
       onRuntimeChange: syncRuntimeUi,
-      onRuntimeReset: () => {
-        resetSettings();
-        game?.onVibeChanged();
-        syncRuntimeUi();
-      },
-      onRestart: () => game?.destroy(),
-      onVibeChange: (vibeId) => {
-        const vibe = VIBE_PRESETS.find((candidate) => candidate.id === vibeId);
-        if (!vibe) {
-          return;
-        }
-
-        const activePreset = applyVibeSettings(vibe);
-        trackVibeChange({
-          vibeId: activePreset.id,
-          vibeName: activePreset.name,
-          source: VIBE_CHANGE_SOURCES.settings,
-        });
-        game?.onVibeChanged();
-        syncRuntimeUi();
-        game?.playVibeChangeAudio(false);
-      },
     });
     infoPageHandler.onOpen = configPane.close.bind(configPane);
     await fontsReady;
@@ -702,6 +681,7 @@ const main = async () => {
         await new Promise<void>((resolve) => {
           const onClick = () => {
             elements.startButton.removeEventListener(DOM_EVENTS.click, onClick);
+            hasStarted = true;
             game?.startAudio(true);
             trackStart();
             elements.splash.hidden = true;
@@ -731,6 +711,7 @@ const main = async () => {
           )
         );
       }
+      game.attachPointerInput();
       await game.start();
     }
   } catch (e) {