Click to shoot at the RED JEW targets. Avoid hitting BLUE targets as they will steal your points.
@@ -440,6 +486,46 @@ const saveSettingsButton = document.getElementById('save-settings'); const autoReloadCheckbox = document.getElementById('auto-reload'); const difficultySelect = document.getElementById('difficulty'); + + const musicToggle = document.getElementById('music-toggle'); + +// Background music setup +const backgroundMusic = new Audio(); +backgroundMusic.src = "https://pub-6affea2f837c47c2a8d1d16f2b8fa68e.r2.dev/throwthejewdownthewell.mp3"; +backgroundMusic.loop = true; +backgroundMusic.volume = 0.7; + +// Music player controls +function playAudio() { + console.log("Playing audio..."); + + // Set the currentTime to 26 seconds before playing + backgroundMusic.currentTime = 26; + + backgroundMusic.play().then(() => { + console.log("Audio playing successfully"); + // Use a span wrapper to apply the animation + musicToggle.innerHTML = '📀'; + musicToggle.classList.remove('pulse'); + }).catch(error => { + console.error('Failed to play audio:', error); + musicToggle.innerHTML = '📻'; + musicToggle.classList.add('pulse'); + }); +} + +function toggleMusic() { + if (backgroundMusic.paused) { + playAudio(); + } else { + backgroundMusic.pause(); + musicToggle.innerHTML = '📻'; + musicToggle.classList.add('pulse'); + } +} + +// Add music toggle click event +musicToggle.addEventListener('click', toggleMusic); // Custom target images const targetImages = [ @@ -970,16 +1056,26 @@ } }); - // Start and restart buttons - startGameButton.addEventListener('click', () => { - startGame(); - requestAnimationFrame(updateTargets); - }); - - restartGameButton.addEventListener('click', () => { - startGame(); - requestAnimationFrame(updateTargets); - }); + // Start and restart buttons +startGameButton.addEventListener('click', () => { + startGame(); + requestAnimationFrame(updateTargets); + + // Start music when game starts + if (backgroundMusic.paused) { + playAudio(); + } +}); + +restartGameButton.addEventListener('click', () => { + startGame(); + requestAnimationFrame(updateTargets); + + // Make sure music is playing + if (backgroundMusic.paused) { + playAudio(); + } +}); // Preload images function preloadImages() { @@ -997,6 +1093,19 @@ preloadImages(); updateAmmoDisplay(); }); + + // Preload audio +backgroundMusic.load(); +gunshotSound.load(); +emptyClickSound.load(); +reloadSound.load(); + +// Display error message if music fails to load +backgroundMusic.addEventListener('error', function() { + console.error('Error loading music file'); + musicToggle.innerHTML = '❌'; + musicToggle.title = "Music could not be loaded"; +});