Update game.js

game.js

@@ -42,35 +42,6 @@ class TankPlayer {
         this.scene = new THREE.Scene();
         this.camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
         this.renderer = new THREE.WebGLRenderer({ antialias: true });
-        // 조준선 관련 속성 추가
-        this.aimLine = null;
-        this.aimLineLength = 100; // 조준선 길이
-        this.createAimLine();
-    }
-     // 조준선 생성 메서드
-    createAimLine() {
-        const geometry = new THREE.BufferGeometry();
-        const material = new THREE.LineBasicMaterial({
-            color: 0xff0000,
-            linewidth: 1,
-            transparent: true,
-            opacity: 0.5
-        });
-
-        // 시작점과 끝점으로 선 생성
-        const points = [
-            new THREE.Vector3(0, 0, 0),
-            new THREE.Vector3(0, 0, this.aimLineLength)
-        ];
-        geometry.setFromPoints(points);
-
-        this.aimLine = new THREE.Line(geometry, material);
-        this.aimLine.position.y = 0.5; // 포탑 높이에 맞춤
-        
-        // 포탑 그룹에 조준선 추가
-        if (this.turretGroup) {
-            this.turretGroup.add(this.aimLine);
-        }
     }
      // 별도의 메서드로 분리
     createExplosionEffect(scene, position) {
@@ -283,12 +254,6 @@ class TankPlayer {
         scene.add(this.body);
         this.isLoaded = true;
         this.updateAmmoDisplay();
-        // 조준선 추가
-            this.createAimLine();
-
-            scene.add(this.body);
-            this.isLoaded = true;
-            this.updateAmmoDisplay();
         
     } catch (error) {
         console.error('Error loading tank models:', error);
@@ -456,17 +421,6 @@ startReload() {
     const absoluteTurretRotation = mouseX;
     this.turretGroup.rotation.y = absoluteTurretRotation - this.body.rotation.y;
     this.turretRotation = absoluteTurretRotation;
-      // 조준선 업데이트
-        if (this.aimLine) {
-            // 조준선의 투명도를 거리에 따라 조절
-            const points = this.aimLine.geometry.attributes.position.array;
-            for (let i = 0; i < points.length; i += 3) {
-                const distance = Math.sqrt(points[i] * points[i] + points[i + 2] * points[i + 2]);
-                const opacity = 1 - (distance / this.aimLineLength);
-                this.aimLine.material.opacity = Math.max(0.2, opacity);
-            }
-        }
-
 
     // 총알 업데이트 및 충돌 체크
     for (let i = this.bullets.length - 1; i >= 0; i--) {
@@ -972,42 +926,21 @@ class Game {
 
       async initialize() {
     try {
-        // BGM 초기화 및 재생
-        if (!this.bgm) {
+        // BGM이 아직 재생되지 않은 경우에만 재생
+        if (!this.bgmPlaying && !this.bgm) {
             this.bgm = new Audio('sounds/BGM.ogg');
             this.bgm.volume = 0.5;
             this.bgm.loop = true;
+            this.bgm.play();
+            this.bgmPlaying = true;
         }
-
-        // 사용자 상호작용 후 BGM 재생
-        const playBGM = () => {
-            if (this.bgm && !this.bgmPlaying) {
-                this.bgm.play()
-                    .then(() => {
-                        this.bgmPlaying = true;
-                    })
-                    .catch(error => {
-                        console.error('BGM playback failed:', error);
-                    });
-            }
-        };
-
+      
         // 시작 사운드 재생
         const startSounds = ['sounds/start1.ogg', 'sounds/start2.ogg', 'sounds/start3.ogg'];
         const randomStartSound = startSounds[Math.floor(Math.random() * startSounds.length)];
         const startAudio = new Audio(randomStartSound);
         startAudio.volume = 0.5;
-        
-        // 시작 사운드 재생 후 BGM 시작
-        startAudio.play()
-            .then(() => {
-                playBGM();
-            })
-            .catch(error => {
-                console.error('Start sound playback failed:', error);
-                playBGM(); // 시작 사운드 실패해도 BGM 시작
-            });
-
+        startAudio.play();
         
         // 렌더러 설정
         this.renderer.shadowMap.enabled = true;
@@ -1905,11 +1838,7 @@ class Game {
 
 // Start game
 window.startGame = function() {
-    const startScreen = document.getElementById('startScreen');
-    if (startScreen) {
-        startScreen.style.display = 'none';
-    }
-    
+    document.getElementById('startScreen').style.display = 'none';
     document.body.requestPointerLock();
     
     if (!window.gameInstance) {
@@ -1918,25 +1847,18 @@ window.startGame = function() {
     
     // 게임 시작 설정
     window.gameInstance.isStarted = true;
-    window.gameInstance.initialize().catch(error => {
-        console.error('Failed to initialize game:', error);
-    });
+    window.gameInstance.initialize();
 };
 
 // Initialize game
 document.addEventListener('DOMContentLoaded', () => {
-    // 게임 인스턴스 생성
+    // 게임 인스턴스만 생성하고 초기화는 하지 않음
     window.gameInstance = new Game();
     
-    // 기본적인 씬 설정
+    // 기본적인 씬 설정만 수행
     window.gameInstance.setupScene();
-    window.gameInstance.animate();
+    window.gameInstance.animate();  // 렌더링 시작
     
     // 시작 화면 표시
-    const startScreen = document.getElementById('startScreen');
-    if (startScreen) {
-        startScreen.style.display = 'flex';
-        startScreen.style.justifyContent = 'center';
-        startScreen.style.alignItems = 'center';
-    }
+    document.getElementById('startScreen').style.display = 'block';
 });