Update game.js

game.js

@@ -160,6 +160,15 @@ class TankPlayer {
 
     async initialize(scene, loader) {
     try {
+        // 그림자 평면 먼저 생성
+        const shadowPlaneGeometry = new THREE.PlaneGeometry(8, 8);
+        const shadowPlaneMaterial = new THREE.ShadowMaterial({
+            opacity: 0.3
+        });
+        this.shadowPlane = new THREE.Mesh(shadowPlaneGeometry, shadowPlaneMaterial);
+        this.shadowPlane.receiveShadow = true;
+        this.shadowPlane.rotation.x = -Math.PI / 2;
+        
         const bodyResult = await loader.loadAsync('/models/abramsBody.glb');
         this.body = bodyResult.scene;
         
@@ -169,13 +178,15 @@ class TankPlayer {
         this.turretGroup.position.y = 0.2;
         this.turretGroup.add(this.turret);
         this.body.add(this.turretGroup);
+        
         // 탱크 위치 높이 조정
-        this.body.position.y = 1.5; // 값을 조정하여 적절한 높이 설정
+        this.body.position.y = 1.5;
         
-        // 그림자 평면 위치도 조정
+        // 그림자 평면 위치 조정 (body가 생성된 후에)
         this.shadowPlane.position.y = -1.0;
+        this.body.add(this.shadowPlane);
         
-        // 그림자 설정은 그대로 유지
+        // 그림자 설정
         this.body.traverse((child) => {
             if (child.isMesh) {
                 child.castShadow = true;
@@ -194,68 +205,15 @@ class TankPlayer {
             }
         });
 
-        // 그림자 평면
-        const shadowPlaneGeometry = new THREE.PlaneGeometry(8, 8);
-        const shadowPlaneMaterial = new THREE.ShadowMaterial({
-            opacity: 0.3
-        });
-        this.shadowPlane = new THREE.Mesh(shadowPlaneGeometry, shadowPlaneMaterial);
-        this.shadowPlane.receiveShadow = true;
-        this.shadowPlane.rotation.x = -Math.PI / 2;
-        this.shadowPlane.position.y = 0.1;
-        this.body.add(this.shadowPlane);
-
-        // 간단한 스폰 위치 설정
+        // 스폰 위치 설정
         const spawnPosition = new THREE.Vector3(
-            (Math.random() - 0.5) * (MAP_SIZE * 0.8), // MAP_SIZE의 80%만 사용
-            TANK_HEIGHT, // 고정된 높이 사용
+            (Math.random() - 0.5) * (MAP_SIZE * 0.8),
+            TANK_HEIGHT,
             (Math.random() - 0.5) * (MAP_SIZE * 0.8)
         );
         
         this.body.position.copy(spawnPosition);
 
-        // 폭발 이펙트 메서드 추가
-        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();