Start music on web on 2nd click (Join -> Dark Mode)

benfrankel · Dec 18, 2023 · fa722bb · fa722bb
1 parent 9810f06
commit fa722bb
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/src/upgrade.rs b/src/upgrade.rs
@@ -336,7 +336,7 @@ fn load_upgrade_sequence(mut commands: Commands) {
             vec![TouchOfLifePlugin],
             "\"I don't know what I'm making, but I should start spawning entities.\"".to_string(),
         ),
-        
+
         // Reward
         (vec![ImportLibrary], String::new()),
 
@@ -353,14 +353,14 @@ fn load_upgrade_sequence(mut commands: Commands) {
             vec![Inspiration],
             "\"I should spawn a lot of entities for a higher Theme Interpretation score... Is 50 enough?\"".to_string(),
         ),
-        
+
         // Reward
         (
             vec![UtilPlugin],
             "\"I can lay some groundwork now to support all of these entities.\"".to_string(),
         ),
         (vec![Autocomplete], String::new()),
-        
+
         // Explain technical debt
         (
             vec![SpeedPlugin],
@@ -375,7 +375,6 @@ fn load_upgrade_sequence(mut commands: Commands) {
             "\"Much better.\"".to_string(),
         ),
 
-
         // End tutorial
         (
             vec![Brainstorm],

diff --git a/web/index.html b/web/index.html
@@ -36,8 +36,18 @@
         });
         observer.observe(bevy, { attributes: true });
 
+
         // Play background music
+        let clicks = 0;
         function playMusic() {
+            // Trigger and remove the event listener on the second click
+            clicks++;
+            if (clicks < 2) {
+                return;
+            } else {
+                document.removeEventListener('click', playMusic);
+            }
+
             // Create an AudioContext
             const audioContext = new (window.AudioContext || window.webkitAudioContext)();
 
@@ -75,9 +85,6 @@
             };
 
             request.send();
-
-            // Remove the click event listener after the first click
-            document.removeEventListener('click', playMusic);
         }
 
         // Add an event listener for the DOMContentLoaded event (if the browser supports the Web Audio API)