Update game.js

game.js

@@ -74,6 +74,48 @@ class TankPlayer {
             this.body.position.copy(this.position);
         }
 
+        // 폭발 이펙트 메서드 추가
+        this.createExplosionEffect = (scene, position) => {
+            // 폭발 파티클
+            for (let i = 0; i < 15; i++) {
+                const size = Math.random() * 0.2 + 0.1;
+                const geometry = new THREE.SphereGeometry(size);
+                const material = new THREE.MeshBasicMaterial({
+                    color: Math.random() < 0.5 ? 0xff4500 : 0xff8c00
+                });
+                const particle = new THREE.Mesh(geometry, material);
+                particle.position.copy(position);
+
+                const speed = Math.random() * 0.3 + 0.2;
+                const angle = Math.random() * Math.PI * 2;
+                const elevation = Math.random() * Math.PI - Math.PI / 2;
+
+                particle.velocity = new THREE.Vector3(
+                    Math.cos(angle) * Math.cos(elevation) * speed,
+                    Math.sin(elevation) * speed,
+                    Math.sin(angle) * Math.cos(elevation) * speed
+                );
+
+                particle.gravity = -0.01;
+                particle.life = Math.random() * 20 + 20;
+                particle.fadeRate = 1 / particle.life;
+
+                scene.add(particle);
+                window.gameInstance.particles.push({
+                    mesh: particle,
+                    velocity: particle.velocity,
+                    gravity: particle.gravity,
+                    life: particle.life,
+                    fadeRate: particle.fadeRate
+                });
+            }
+
+            // 충돌 사운드 재생
+            const explosionSound = new Audio('sounds/explosion.ogg');
+            explosionSound.volume = 0.3;
+            explosionSound.play();
+        };
+
         scene.add(this.body);
         this.isLoaded = true;
         this.updateAmmoDisplay();
@@ -125,25 +167,36 @@ class TankPlayer {
     }
 
     update(mouseX, mouseY, scene) {
-        if (!this.body || !this.turretGroup) return;
-
-        const absoluteTurretRotation = mouseX;
-        this.turretGroup.rotation.y = absoluteTurretRotation - this.body.rotation.y;
-        this.turretRotation = absoluteTurretRotation;
-
-        for (let i = this.bullets.length - 1; i >= 0; i--) {
-            const bullet = this.bullets[i];
-            bullet.position.add(bullet.velocity);
-
-            if (
-                Math.abs(bullet.position.x) > MAP_SIZE / 2 ||
-                Math.abs(bullet.position.z) > MAP_SIZE / 2
-            ) {
-                scene.remove(bullet);
-                this.bullets.splice(i, 1);
-            }
+    if (!this.body || !this.turretGroup) return;
+
+    const absoluteTurretRotation = mouseX;
+    this.turretGroup.rotation.y = absoluteTurretRotation - this.body.rotation.y;
+    this.turretRotation = absoluteTurretRotation;
+
+    // 총알 업데이트 및 충돌 체크
+    for (let i = this.bullets.length - 1; i >= 0; i--) {
+        const bullet = this.bullets[i];
+        const oldPosition = bullet.position.clone();
+        bullet.position.add(bullet.velocity);
+
+        // 지형 높이 체크
+        const terrainHeight = window.gameInstance.getHeightAtPosition(
+            bullet.position.x,
+            bullet.position.z
+        );
+
+        if (bullet.position.y < terrainHeight ||
+            Math.abs(bullet.position.x) > MAP_SIZE / 2 ||
+            Math.abs(bullet.position.z) > MAP_SIZE / 2) {
+            
+            // 폭발 이펙트 생성
+            this.createExplosionEffect(scene, bullet.position);
+            
+            scene.remove(bullet);
+            this.bullets.splice(i, 1);
         }
     }
+}
 
     move(direction) {
     if (!this.body) return;
@@ -517,11 +570,34 @@ class Game {
         const groundMaterial = new THREE.MeshStandardMaterial({
             color: 0xD2B48C,
             roughness: 0.8,
-            metalness: 0.2
+            metalness: 0.2,
+            wireframe: false
         });
+        
         const ground = new THREE.Mesh(groundGeometry, groundMaterial);
         ground.rotation.x = -Math.PI / 2;
         ground.receiveShadow = true;
+        
+        // 격자 효과를 위한 라인 추가
+        const gridSize = 50; // 격자 크기
+        const gridHelper = new THREE.GridHelper(MAP_SIZE, gridSize, 0x000000, 0x000000);
+        gridHelper.material.opacity = 0.1;
+        gridHelper.material.transparent = true;
+        gridHelper.position.y = 0.1; // 지면보다 약간 위에 배치
+        this.scene.add(gridHelper);
+        
+        // 등고선 효과를 위한 지형 컨투어
+        const contourLines = new THREE.LineSegments(
+            new THREE.EdgesGeometry(groundGeometry),
+            new THREE.LineBasicMaterial({ 
+                color: 0x000000, 
+                opacity: 0.15, 
+                transparent: true 
+            })
+        );
+        contourLines.rotation.x = -Math.PI / 2;
+        contourLines.position.y = 0.1;
+        this.scene.add(contourLines);
 
         // 더 다양한 지형 생성
         const vertices = ground.geometry.attributes.position.array;
@@ -1051,14 +1127,24 @@ class Game {
     return null;
 }
   updateParticles() {
-       for (let i = this.particles.length - 1; i >= 0; i--) {
-           const particle = this.particles[i];
-           if (!particle.update()) {
-               particle.destroy(this.scene);
-               this.particles.splice(i, 1);
-           }
-       }
-   }
+    for (let i = this.particles.length - 1; i >= 0; i--) {
+        const particle = this.particles[i];
+        
+        // 중력 적용
+        particle.velocity.y += particle.gravity;
+        particle.mesh.position.add(particle.velocity);
+        
+        // 투명도 감소
+        particle.mesh.material.opacity -= particle.fadeRate;
+        particle.life--;
+
+        // 파티클 제거
+        if (particle.life <= 0 || particle.mesh.material.opacity <= 0) {
+            this.scene.remove(particle.mesh);
+            this.particles.splice(i, 1);
+        }
+    }
+}
 
    createExplosion(position) {
        for (let i = 0; i < PARTICLE_COUNT; i++) {