Spaces:

openfree
/

Tetris-Game

Running

App Files Files Community

openfree commited on 8 days ago

Commit

36c1169

•

1 Parent(s): 9790646

Update index.html

Browse files

Files changed (1) hide show

index.html +25 -9

index.html CHANGED Viewed

@@ -4,6 +4,9 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Tetris Game by MOUSE(VIDraft-mouse1.hf.space)</title>
     <style>
         * { margin: 0; padding: 0; box-sizing: border-box; }
         body {
@@ -35,7 +38,6 @@
         text-align: center;
         margin-bottom: 2rem;
     }
         .game-container {
             display: flex;
             gap: 20px;
@@ -112,6 +114,8 @@
         }
     </style>
 </head>
 <body>
     <h1 class="title">MOUSE Autonomous Tetris</h1>
     <p class="subtitle">"One-minute creation by AI Coding Autonomous Agent MOUSE"</p>
@@ -311,13 +315,11 @@
                 document.getElementById('level').textContent = level;
             }
         }
         // Leaderboard functions
         function getLeaderboard() {
             const leaderboard = JSON.parse(localStorage.getItem('tetrisLeaderboard') || '[]');
             return leaderboard;
         }
         function updateLeaderboardDisplay() {
             const leaderboardElement = document.getElementById('leaderboard');
             const leaderboard = getLeaderboard();
@@ -332,7 +334,6 @@
                 `)
                 .join('');
         }
         function addScore(name, score) {
             const leaderboard = getLeaderboard();
             leaderboard.push({ name, score });
@@ -340,7 +341,6 @@
             localStorage.setItem('tetrisLeaderboard', JSON.stringify(leaderboard));
             updateLeaderboardDisplay();
         }
         function submitScore() {
             const playerName = document.getElementById('player-name').value.trim();
             if (playerName) {
@@ -422,7 +422,7 @@
                 case 40: // Down
                     if(isValidMove(currentPiece, 0, 1)) {
                         currentPiece.y++;
-                        score += 1; // Add points for soft drop
                         document.getElementById('score').textContent = score;
                         drawBoard();
                     }
@@ -436,17 +436,33 @@
                 case 32: // Space (Hard Drop)
                     while(isValidMove(currentPiece, 0, 1)) {
                         currentPiece.y++;
-                        score += 2; // Add points for hard drop
                     }
                     document.getElementById('score').textContent = score;
                     update();
                     break;
             }
         });
         // Initialize game
         updateLeaderboardDisplay();
         startGame();
     </script>
 </body>
-</html>

     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Tetris Game by MOUSE(VIDraft-mouse1.hf.space)</title>
+    <audio id="bgMusic" loop>
+        <source src="sound.wav" type="audio/wav">
+    </audio>
     <style>
         * { margin: 0; padding: 0; box-sizing: border-box; }
         body {
         text-align: center;
         margin-bottom: 2rem;
     }
         .game-container {
             display: flex;
             gap: 20px;
         }
     </style>
 </head>
 <body>
     <h1 class="title">MOUSE Autonomous Tetris</h1>
     <p class="subtitle">"One-minute creation by AI Coding Autonomous Agent MOUSE"</p>
                 document.getElementById('level').textContent = level;
             }
         }
         // Leaderboard functions
         function getLeaderboard() {
             const leaderboard = JSON.parse(localStorage.getItem('tetrisLeaderboard') || '[]');
             return leaderboard;
         }
         function updateLeaderboardDisplay() {
             const leaderboardElement = document.getElementById('leaderboard');
             const leaderboard = getLeaderboard();
                 `)
                 .join('');
         }
         function addScore(name, score) {
             const leaderboard = getLeaderboard();
             leaderboard.push({ name, score });
             localStorage.setItem('tetrisLeaderboard', JSON.stringify(leaderboard));
             updateLeaderboardDisplay();
         }
         function submitScore() {
             const playerName = document.getElementById('player-name').value.trim();
             if (playerName) {
                 case 40: // Down
                     if(isValidMove(currentPiece, 0, 1)) {
                         currentPiece.y++;
+                        score += 1;
                         document.getElementById('score').textContent = score;
                         drawBoard();
                     }
                 case 32: // Space (Hard Drop)
                     while(isValidMove(currentPiece, 0, 1)) {
                         currentPiece.y++;
+                        score += 2;
                     }
                     document.getElementById('score').textContent = score;
                     update();
                     break;
             }
         });
+        // Initialize audio
+        const bgMusic = document.getElementById('bgMusic');
+        bgMusic.volume = 0.5; // 볼륨을 50%로 설정
+        // 음악 자동 재생
+        function playBGM() {
+            bgMusic.play().catch(function(error) {
+                console.log("Audio play failed:", error);
+            });
+        }
+        // 페이지 로드 시 음악 재생 시도
+        document.addEventListener('DOMContentLoaded', function() {
+            playBGM();
+        });
+        // 사용자 상호작용 시 음악 재생 (브라우저 정책으로 인한 대비책)
+        document.addEventListener('click', function() {
+            playBGM();
+        }, { once: true });
         // Initialize game
         updateLeaderboardDisplay();
         startGame();
     </script>
 </body>
+</html>