Update index.html

index.html

@@ -86,7 +86,7 @@
         // Audio
         const cannonSound = new Audio('firemn.ogg');
         const machinegunSound = new Audio('firemg.ogg');
-        const enemyFireSound = new Audio('firemg.ogg');
+        const enemyFireSound = new Audio('fireenemy.ogg');
 
         // Game state
         let currentRound = 1;
@@ -132,27 +132,34 @@
                 this.maxHealth = 1000;
                 this.speed = 2;
                 this.lastShot = 0;
-                this.shootInterval = 333; // 1초에 3발
+                this.shootInterval = 500; // 1초에 2발
                 this.angle = 0;
                 this.moveAngle = Math.random() * Math.PI * 2;
                 this.width = 100;
                 this.height = 45;
+                this.moveTimer = 0;
+                this.moveInterval = Math.random() * 2000 + 1000;
             }
 
             update() {
+                // Movement
+                const now = Date.now();
+                if (now - this.moveTimer > this.moveInterval) {
+                    this.moveAngle = Math.random() * Math.PI * 2;
+                    this.moveTimer = now;
+                }
+
                 this.x += Math.cos(this.moveAngle) * this.speed;
                 this.y += Math.sin(this.moveAngle) * this.speed;
 
-                if(this.x < 0 || this.x > canvas.width) this.moveAngle = Math.PI - this.moveAngle;
-                if(this.y < 0 || this.y > canvas.height) this.moveAngle = -this.moveAngle;
-
-                if(Math.random() < 0.02) {
-                    this.moveAngle = Math.random() * Math.PI * 2;
-                }
+                // Keep enemy in bounds
+                this.x = Math.max(this.width/2, Math.min(canvas.width - this.width/2, this.x));
+                this.y = Math.max(this.height/2, Math.min(canvas.height - this.height/2, this.y));
 
+                // Aim at player
                 this.angle = Math.atan2(player.y - this.y, player.x - this.x);
 
-                const now = Date.now();
+                // Shooting
                 if (now - this.lastShot > this.shootInterval) {
                     this.shoot();
                     this.lastShot = now;
@@ -162,8 +169,8 @@
             shoot() {
                 enemyFireSound.cloneNode().play();
                 bullets.push({
-                    x: this.x,
-                    y: this.y,
+                    x: this.x + Math.cos(this.angle) * 30,
+                    y: this.y + Math.sin(this.angle) * 30,
                     angle: this.angle,
                     speed: 5,
                     isEnemy: true,
@@ -224,6 +231,7 @@
         function updateGame() {
             if(gameOver) return;
 
+            // Player movement
             if(keys['w']) player.y -= player.speed;
             if(keys['s']) player.y += player.speed;
             if(keys['a']) player.x -= player.speed;
@@ -233,9 +241,10 @@
             player.y = Math.max(player.height/2, Math.min(canvas.height - player.height/2, player.y));
 
             fireBullet();
-
+            
             enemies.forEach(enemy => enemy.update());
 
+            // Update bullets and collisions
             bullets = bullets.filter(bullet => {
                 bullet.x += Math.cos(bullet.angle) * bullet.speed;
                 bullet.y += Math.sin(bullet.angle) * bullet.speed;
@@ -269,6 +278,7 @@
                        bullet.y >= 0 && bullet.y <= canvas.height;
             });
 
+            // Update items
             items = items.filter(item => {
                 const dist = Math.hypot(item.x - player.x, item.y - player.y);
                 if(dist < 30) {
@@ -278,6 +288,7 @@
                 return true;
             });
 
+            // Check win condition
             if(enemies.length === 0) {
                 if(currentRound < 10) {
                     nextRoundBtn.style.display = 'block';
@@ -302,14 +313,17 @@
         function drawGame() {
             drawBackground();
 
+            // Draw player
             ctx.save();
             ctx.translate(player.x, player.y);
             ctx.rotate(player.angle);
             ctx.drawImage(playerImg, -player.width/2, -player.height/2, player.width, player.height);
             ctx.restore();
 
+            // Draw player health bar
             drawHealthBar(canvas.width/2, 30, player.health, player.maxHealth, 200, 20, 'green');
 
+            // Draw enemies
             enemies.forEach(enemy => {
                 ctx.save();
                 ctx.translate(enemy.x, enemy.y);
@@ -319,6 +333,7 @@
                 drawHealthBar(enemy.x, enemy.y - 40, enemy.health, enemy.maxHealth, 60, 5, 'red');
             });
 
+            // Draw bullets
             bullets.forEach(bullet => {
                 ctx.beginPath();
                 ctx.fillStyle = bullet.isEnemy ? 'red' : 'yellow';
@@ -326,6 +341,7 @@
                 ctx.fill();
             });
 
+            // Draw items
             ctx.fillStyle = 'green';
             items.forEach(item => {
                 ctx.beginPath();
@@ -333,6 +349,7 @@
                 ctx.fill();
             });
 
+            // Draw round number
             ctx.fillStyle = 'white';
             ctx.font = '24px Arial';
             ctx.fillText(`Round ${currentRound}/10`, 10, 30);
@@ -344,6 +361,7 @@
             requestAnimationFrame(gameLoop);
         }
 
+        // Button event listeners
         nextRoundBtn.addEventListener('click', () => {
             currentRound++;
             nextRoundBtn.style.display = 'none';
@@ -357,6 +375,7 @@
             initRound();
         });
 
+        // Start game when assets are loaded
         Promise.all([
             new Promise(resolve => backgroundImg.onload = resolve),
             new Promise(resolve => playerImg.onload = resolve),
@@ -366,6 +385,7 @@
             gameLoop();
         });
 
+        // Handle window resize
         window.addEventListener('resize', () => {
             canvas.width = window.innerWidth;
             canvas.height = window.innerHeight;