// 게임 기본 설정 let gameScore = 0; let isGameOver = false; let gameLoop = null; // 게임 상태 변수 let app = null; let doll = null; let dollFrames = []; let players = []; let playerFrames = []; let runningTextures = []; let animationTimer = 0; let finishLine = null; let timerText = null; let stateIndicator = null; let readyGoText = null; let gameTime = 30; // 게임 시간 30초 let gameStartTime = 0; let gameEndTime = 0; let dollState = 'greenlight'; let dollStateTimer = 0; let dollIdleTime = 3; let dollWatchTime = 3; let dollCheckDelay = 1; let dollCheckTimer = 0; let isCheckingPlayers = false; let survivedPlayers = 0; let gameStarted = false; let gameCanStart = false; // 탭으로 게임 시작 가능한지 여부 const finishLineY = 140; // 2x (was 70) // 사운드 상태 객체 (AudioContext 기반으로 변경) const gameState = { sounds: {}, // Will store AudioBuffers soundsLoaded: false, audioContext: null, loadAttempts: 0, maxLoadAttempts: 3, }; // 강화된 사운드 로딩 함수 (AudioContext + 리트라이) async function loadSounds() { if (!gameState.audioContext) { return; } if (gameState.soundsLoaded) { return; } const audioAssets = { shot: '/games/red-light-green-light/sounds/shot.m4a', youngheeWatching: '/games/red-light-green-light/sounds/detector.m4a', redLight: '/games/red-light-green-light/sounds/redlight.m4a', greenLight: '/games/red-light-green-light/sounds/greenlight.m4a', bgm: '/games/red-light-green-light/sounds/bgm.m4a' }; // 강화된 로딩 시스템: 여러 번 시도 for (let attempt = 0; attempt < gameState.maxLoadAttempts; attempt++) { try { const soundPromises = Object.entries(audioAssets).map(async ([key, path]) => { try { // 강제 캐시 무효화로 새로운 요청 const cacheBustingPath = `${path}?v=${Date.now()}&attempt=${attempt}`; const response = await fetch(cacheBustingPath, { method: 'GET', headers: { 'Cache-Control': 'no-cache', 'Pragma': 'no-cache' } }); if (!response.ok) { throw new Error(`HTTP ${response.status}: ${response.statusText}`); } const arrayBuffer = await response.arrayBuffer(); if (arrayBuffer.byteLength === 0) { throw new Error('Empty audio file'); } const audioBuffer = await gameState.audioContext.decodeAudioData(arrayBuffer); gameState.sounds[key] = audioBuffer; return { key, success: true }; } catch (error) { return { key, success: false, error: error.message }; } }); const results = await Promise.all(soundPromises); const successCount = results.filter(r => r.success).length; // 모든 사운드가 성공적으로 로드되면 완료 if (successCount === Object.keys(audioAssets).length) { gameState.soundsLoaded = true; return; } // 부분 성공이라도 75% 이상이면 진행 if (successCount >= Math.floor(Object.keys(audioAssets).length * 0.75) && attempt === gameState.maxLoadAttempts - 1) { gameState.soundsLoaded = true; return; } // 다음 시도 전 잠시 대기 if (attempt < gameState.maxLoadAttempts - 1) { await new Promise(resolve => setTimeout(resolve, 500)); } } catch (error) { // 전체 로딩 실패 시 다음 시도 } } // 모든 시도 실패해도 게임은 진행 (사운드 없이) gameState.soundsLoaded = true; } // 사운드 재생 함수 (AudioContext 사용) function playSound(soundKey) { if (gameState.soundsLoaded && gameState.sounds[soundKey] && gameState.audioContext) { try { const source = gameState.audioContext.createBufferSource(); source.buffer = gameState.sounds[soundKey]; source.connect(gameState.audioContext.destination); source.start(0); } catch (error) { // Sound play failed silently } } } // BGM 재생 함수 (1회 재생) let bgmSource = null; function playBGM() { if (gameState.soundsLoaded && gameState.sounds['bgm'] && gameState.audioContext) { try { // 기존 BGM이 재생 중이면 정지 if (bgmSource) { try { bgmSource.stop(); } catch (e) { // BGM stop failed silently } } bgmSource = gameState.audioContext.createBufferSource(); bgmSource.buffer = gameState.sounds['bgm']; bgmSource.connect(gameState.audioContext.destination); bgmSource.loop = false; // 1회만 재생 bgmSource.start(0); // 재생 완료 후 정리 bgmSource.onended = () => { bgmSource = null; }; } catch (error) { // BGM play failed silently } } } // BGM 정지 함수 function stopBGM() { if (bgmSource) { try { bgmSource.stop(); bgmSource = null; } catch (error) { // BGM stop failed silently } } } // 로딩 표시기 생성 (통일된 디자인 - 프로그레스 바) function showLoadingIndicator() { // 로딩 배경 const loadingBg = new PIXI.Graphics(); loadingBg.beginFill(0x000000, 0.8); loadingBg.drawRect(0, 0, app.screen.width, app.screen.height); loadingBg.endFill(); app.stage.addChild(loadingBg); // 로딩 텍스트 const loadingText = new PIXI.Text('Loading Game...', { fontFamily: 'Arial', fontSize: 48, // 2x (was 24) fill: 0xFFFFFF, align: 'center' }); loadingText.anchor.set(0.5); loadingText.x = app.screen.width / 2; loadingText.y = app.screen.height / 2 - 60; // 2x (was 30) app.stage.addChild(loadingText); // 프로그레스 바 배경 const progressBg = new PIXI.Graphics(); progressBg.beginFill(0x333333); progressBg.drawRoundedRect(0, 0, 400, 16, 8); // 2x (was 200, 8, 4) progressBg.endFill(); progressBg.x = app.screen.width / 2 - 200; // 2x (was 100) progressBg.y = app.screen.height / 2 + 20; // 2x (was 10) app.stage.addChild(progressBg); // 프로그레스 바 const progressBar = new PIXI.Graphics(); progressBar.x = progressBg.x; progressBar.y = progressBg.y; app.stage.addChild(progressBar); // 프로그레스 애니메이션 let progress = 0; const progressTicker = () => { progress += 0.02; if (progress > 1) progress = 0; progressBar.clear(); progressBar.beginFill(0x00ff00); progressBar.drawRoundedRect(0, 0, 400 * progress, 16, 8); // 2x (was 200, 8, 4) progressBar.endFill(); }; app.ticker.add(progressTicker); return { background: loadingBg, text: loadingText, progressBg: progressBg, progressBar: progressBar, ticker: progressTicker, destroy: () => { app.ticker.remove(progressTicker); app.stage.removeChild(loadingBg); app.stage.removeChild(loadingText); app.stage.removeChild(progressBg); app.stage.removeChild(progressBar); } }; } // 게임 요소 생성 function createGameElements() { // Creating game elements // 로딩 표시기 표시 const loadingIndicator = showLoadingIndicator(); // 스테이지 초기화 (로딩 표시기 제외) try { if (app && app.stage && app.stage.children.length > 4) { // 로딩 표시기 4개 요소는 유지하고 나머지만 제거 const childrenToRemove = app.stage.children.slice(4); childrenToRemove.forEach(child => { app.stage.removeChild(child); }); } } catch (error) { // Stage cleanup failed silently } // 결승선 생성 finishLine = new PIXI.Graphics(); finishLine.beginFill(0xff0000, 0.5); finishLine.drawRect(0, finishLineY + 40, app.screen.width, 4); // 2x (was 20, 2) finishLine.endFill(); app.stage.addChild(finishLine); // 상태 표시기 생성 stateIndicator = new PIXI.Graphics(); stateIndicator.beginFill(0x00ff00); stateIndicator.drawCircle(0, 0, 20); // 2x (was 10) stateIndicator.endFill(); stateIndicator.x = 40; // 2x (was 20) stateIndicator.y = 40; // 2x (was 20) app.stage.addChild(stateIndicator); // 인형 스프라이트 생성 return PIXI.Assets.load('/games/red-light-green-light/images/sprite-squid-doll.png') .then(dollTexture => { dollFrames = []; for (let i = 0; i < 3; i++) { const frame = new PIXI.Texture({ source: dollTexture, frame: new PIXI.Rectangle(i * 160, 0, 160, 160) }); dollFrames.push(frame); } doll = new PIXI.AnimatedSprite(dollFrames); doll.scale.set(1.0); // 2x (was 0.5) doll.x = app.screen.width / 2; doll.anchor.set(0.5); doll.y = 90; // 2x (was 45) doll.animationSpeed = 0.1; doll.loop = false; doll.onComplete = () => { if (dollState === 'greenlight') { doll.textures = dollFrames; // AnimatedSprite의 totalFrames 확인 후 안전한 인덱스 사용 const maxFrame = doll.totalFrames - 1; const targetFrame = Math.min(maxFrame, dollFrames.length - 1); console.log('Doll onComplete greenlight:', { totalFrames: doll.totalFrames, maxFrame, targetFrame, dollFramesLength: dollFrames.length }); doll.gotoAndStop(targetFrame); } else if (dollState === 'redlight') { doll.textures = dollFrames; doll.gotoAndStop(0); } }; app.stage.addChild(doll); // 플레이어 스프라이트 로드 return PIXI.Assets.load('/games/red-light-green-light/images/sprite-squid-player.png'); }) .then(playerTexture => { playerFrames = []; for (let i = 0; i < 4; i++) { const frame = new PIXI.Texture({ source: playerTexture, frame: new PIXI.Rectangle(i * 80, 0, 80, 80) }); playerFrames.push(frame); } runningTextures = [playerFrames[1], playerFrames[2]]; // 기존 플레이어 제거 if (players.length > 0) { for (let i = players.length - 1; i >= 0; i--) { try { if (players[i] && players[i].parent) { players[i].parent.removeChild(players[i]); } } catch (error) { // Player removal failed silently } } players = []; } // 10명의 플레이어 생성 for (let i = 0; i < 10; i++) { const player = new PIXI.AnimatedSprite(playerFrames); player.scale.set(1.0); // 2x (was 0.5) player.anchor.set(0.5, 0.5); player.x = 74 + i * ((app.screen.width - 80) / 10); // 2x (was 37, 40) player.y = app.screen.height - 80; // 플레이어 높이만큼 더 아래로 player.state = 'running'; player._finished = false; player.index = i; player.eventMode = 'static'; player.cursor = 'pointer'; player.removeAllListeners('pointerdown'); player.on('pointerdown', () => { const currentPlayer = players.find(p => p.index === i); if (currentPlayer) { togglePlayerState(currentPlayer); } }); player.textures = runningTextures; player.gotoAndStop(0); app.stage.addChild(player); players.push(player); } // 타이머 텍스트 생성 if (timerText && timerText.parent) { try { timerText.parent.removeChild(timerText); } catch (error) { // Timer text removal failed silently } } timerText = new PIXI.Text(gameTime.toFixed(2), { fontFamily: 'Arial', fontSize: 36, // 2x (was 18) fill: 0x000000 }); timerText.x = app.screen.width - 140; // 2x (was 70) timerText.y = 40; // 2x (was 20) app.stage.addChild(timerText); // Ready, Go 텍스트 생성 if (readyGoText && readyGoText.parent) { try { readyGoText.parent.removeChild(readyGoText); } catch (error) { // ReadyGo text removal failed silently } } readyGoText = new PIXI.Text('', { fontFamily: 'Arial', fontSize: 96, // 2x (was 48) fill: 0xffffff, stroke: 0x000000, strokeThickness: 12, // 2x (was 6) fontWeight: 'bold', align: 'center' }); readyGoText.anchor.set(0.5); readyGoText.x = app.screen.width / 2; readyGoText.y = app.screen.height / 2 - 100; // 2x (was 50) readyGoText.visible = false; app.stage.addChild(readyGoText); // 로딩 완료 - 로딩 표시기 제거 setTimeout(() => { loadingIndicator.destroy(); }, 500); }); } // 플레이어 상태 토글 function togglePlayerState(player) { if (!gameStarted || isGameOver) return; const playerIndex = players.findIndex(p => p === player); if (playerIndex === -1) { return; } if (player.state === 'running') { player.state = 'paused'; player.textures = [playerFrames[0]]; player.gotoAndStop(0); } else if (player.state === 'paused') { player.state = 'running'; player.textures = runningTextures; player.gotoAndPlay(0); } } // 인형 상태 업데이트 function updateDoll(delta) { if (isNaN(dollStateTimer)) { dollStateTimer = 0; } if (isNaN(delta) || delta === undefined) { delta = 1; } const dt = delta / 60; dollStateTimer += dt; // 상태 표시기 업데이트 if (stateIndicator) { stateIndicator.clear(); if (dollState === 'greenlight') { stateIndicator.beginFill('#53b435'); } else { stateIndicator.beginFill('#c63227'); } stateIndicator.drawCircle(0, 0, 20); // 2x (was 10) stateIndicator.endFill(); } if (dollState === 'greenlight' && dollStateTimer >= dollIdleTime) { dollState = 'redlight'; dollStateTimer = 0; dollCheckTimer = 0; isCheckingPlayers = false; playSound('redLight'); setTimeout(() => { if (dollState === 'redlight') { playSound('youngheeWatching'); } }, 500); doll.textures = [dollFrames[1], dollFrames[0]]; doll.gotoAndPlay(0); doll.onComplete = () => { doll.textures = dollFrames; doll.gotoAndStop(0); }; } else if (dollState === 'redlight' && dollStateTimer >= dollWatchTime) { dollState = 'greenlight'; dollStateTimer = 0; playSound('greenLight'); const frame1 = Math.min(1, dollFrames.length - 1); const frame2 = Math.min(2, dollFrames.length - 1); // 안전한 텍스처 배열 생성 const animationTextures = [dollFrames[frame1]]; if (frame2 < dollFrames.length) { animationTextures.push(dollFrames[frame2]); } doll.textures = animationTextures; doll.gotoAndPlay(0); doll.onComplete = () => { doll.textures = dollFrames; const maxFrame = doll.totalFrames - 1; const targetFrame = Math.min(maxFrame, 2); doll.gotoAndStop(targetFrame); }; players.forEach(player => { if (player.state === 'paused' && player.state !== 'eliminated' && player.state !== 'finished') { player.state = 'running'; player.textures = runningTextures; player.gotoAndStop(0); } }); } if (dollState === 'redlight' && !isCheckingPlayers) { dollCheckTimer += dt; if (dollCheckTimer >= dollCheckDelay) { isCheckingPlayers = true; checkPlayers(); dollCheckTimer = 0; } } if (dollState === 'redlight' && isCheckingPlayers) { checkPlayers(); } } // 플레이어 이동 및 상태 업데이트 function updatePlayers(delta) { const dt = delta / 60; let allFinishedOrEliminated = true; players.forEach(player => { if (player.state === 'running') { const prevY = player.y; player.y -= 64 * dt; // 2x (was 32) if (player.y <= finishLineY || (prevY > finishLineY && player.y < finishLineY)) { if (player.state !== 'finished') { player.state = 'finished'; survivedPlayers++; player.textures = playerFrames; player.gotoAndStop(0); } } } if (player.state !== 'eliminated' && player.state !== 'finished') { allFinishedOrEliminated = false; } }); if (allFinishedOrEliminated) { endGame(); } } // 플레이어 상태 체크 function checkPlayers() { if (!isCheckingPlayers) return; for (let i = 0; i < players.length; i++) { const player = players[i]; if (!player || !player.parent) { continue; } if (player.state === 'eliminated' || player._finished) continue; if (dollState === 'redlight' && player.state === 'running') { playSound('shot'); player.state = 'eliminated'; player.stop(); setTimeout(() => { if (player && player.parent) { player.textures = [playerFrames[3]]; player.gotoAndStop(0); } }, 700); } } isCheckingPlayers = false; } // 타이머 업데이트 function updateTimer(delta) { if (!timerText) { return; } if (gameStarted && !isGameOver) { gameTime -= delta / 60; const seconds = Math.floor(gameTime); const milliseconds = Math.floor((gameTime - seconds) * 100); if (timerText && timerText.text !== undefined) { timerText.text = `${seconds}.${milliseconds.toString().padStart(2, '0')}`; } if (gameTime <= 0) { gameTime = 0; timerText.text = '0.00'; endGame(); } } } // 게임 업데이트 함수 function gameUpdate(delta) { if (isGameOver || !gameStarted) return; let deltaValue = 1; if (delta && typeof delta === 'object' && 'deltaTime' in delta) { deltaValue = delta.deltaTime; } else if (typeof delta === 'number') { deltaValue = delta; } if (isNaN(deltaValue) || deltaValue <= 0) { deltaValue = 1; } const cappedDelta = Math.min(deltaValue, 10); // 애니메이션 타이머 업데이트 animationTimer += cappedDelta / 60; if (animationTimer >= 0.125) { animationTimer = 0; players.forEach(player => { if (player.state === 'running') { const currentFrame = player.currentFrame; if (currentFrame === 0) { player.gotoAndStop(1); } else { player.gotoAndStop(0); } } }); } updateDoll(cappedDelta); updatePlayers(cappedDelta); updateTimer(cappedDelta); } // 게임 초기화 async function resetGame() { // Resetting game try { // AudioContext 초기화 if (!gameState.audioContext) { try { gameState.audioContext = new (window.AudioContext || window.webkitAudioContext)(); } catch (e) { // AudioContext 생성 실패해도 게임은 진행 } } // AudioContext 활성화 if (gameState.audioContext && gameState.audioContext.state === 'suspended') { try { await gameState.audioContext.resume(); } catch (error) { // 실패해도 계속 진행 } } // 기존 게임 루프 제거 if (gameLoop && app && app.ticker) { try { app.ticker.remove(gameLoop); gameLoop = null; } catch (error) { // Failed to remove game loop silently } } } catch (error) { // AudioContext 초기화 실패해도 게임은 진행 } // PIXI 객체들 완전 파괴 if (app && app.stage) { try { // 모든 자식 요소 제거 및 파괴 app.stage.children.forEach(child => { try { if (child.destroy) { child.destroy({ children: true, texture: false, baseTexture: false }); } } catch (error) { // Failed to destroy child silently } }); app.stage.removeChildren(); } catch (error) { // Failed to cleanup stage silently } } // 개별 객체 정리 doll = null; finishLine = null; timerText = null; stateIndicator = null; readyGoText = null; // 배열 변수 초기화 players = []; dollFrames = []; playerFrames = []; runningTextures = []; // 게임 상태 초기화 gameTime = 30; dollState = 'greenlight'; dollStateTimer = 0; dollCheckTimer = 0; isCheckingPlayers = false; survivedPlayers = 0; gameStarted = false; gameCanStart = false; // TAP TO START 상태 초기화 isGameOver = false; // 사운드 로드 및 게임 요소 생성 (Promise 체인으로 처리) return loadSounds().then(() => { return createGameElements(); }); } // TAP TO START 안내 표시/숨김 함수 function updateTapToStart() { let tapGuide = document.getElementById('tap-to-start-guide'); if (gameCanStart && !gameStarted && !isGameOver) { // 안내 메시지 표시 if (!tapGuide && window.gameContainer) { tapGuide = document.createElement('div'); tapGuide.id = 'tap-to-start-guide'; tapGuide.style.cssText = ` position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.8); color: #ffff00; padding: 15px 25px; border-radius: 10px; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; text-align: center; z-index: 200; border: 3px solid #ffff00; animation: pulse 1.5s ease-in-out infinite; cursor: pointer; user-select: none; `; tapGuide.innerHTML = ` 🚦 TAP TO START GAME!
Desktop: SPACE or ENTER | Mobile: TAP SCREEN `; // CSS 애니메이션 추가 const style = document.createElement('style'); style.textContent = ` @keyframes pulse { 0%, 100% { opacity: 0.8; transform: translate(-50%, -50%) scale(1); } 50% { opacity: 1; transform: translate(-50%, -50%) scale(1.05); } } `; document.head.appendChild(style); // 클릭 이벤트 (데스크톱) tapGuide.addEventListener('click', (e) => { e.preventDefault(); e.stopPropagation(); if (gameCanStart && !gameStarted && !isGameOver) { startActualGame(); } }); // 터치 이벤트 (모바일) tapGuide.addEventListener('touchstart', (e) => { e.preventDefault(); e.stopPropagation(); if (gameCanStart && !gameStarted && !isGameOver) { startActualGame(); } }); window.gameContainer.appendChild(tapGuide); } } else { // 안내 메시지 숨김 if (tapGuide) { tapGuide.remove(); } } } // 실제 게임 시작 함수 function startActualGame() { if (!gameCanStart || gameStarted || isGameOver) return; gameCanStart = false; // 중복 시작 방지 updateTapToStart(); // 안내 메시지 즉시 제거 // Ready, Go 시퀀스 if (readyGoText) { readyGoText.text = 'Ready...'; readyGoText.visible = true; } setTimeout(() => { if (readyGoText) { readyGoText.text = 'Go!'; } setTimeout(() => { if (readyGoText) { readyGoText.visible = false; } // 게임 시작 gameStarted = true; isGameOver = false; gameScore = 0; survivedPlayers = 0; gameStartTime = Date.now(); dollState = 'greenlight'; dollStateTimer = 0; isCheckingPlayers = false; // 배경음악 시작 (30초 게임 시간에 맞춰 1회 재생) playBGM(); playSound('greenLight'); // 게임 루프 시작 if (gameLoop) { app.ticker.remove(gameLoop); } gameLoop = delta => gameUpdate(delta); app.ticker.add(gameLoop); // 초기 애니메이션 if (doll && dollFrames.length > 0) { // 안전한 프레임 인덱스 사용 const frame1 = Math.min(1, dollFrames.length - 1); const frame2 = Math.min(2, dollFrames.length - 1); // 안전한 텍스처 배열 생성 const animationTextures = [dollFrames[frame1]]; if (frame2 < dollFrames.length) { animationTextures.push(dollFrames[frame2]); } doll.textures = animationTextures; doll.gotoAndPlay(0); doll.onComplete = () => { if (doll) { const maxFrame = doll.totalFrames - 1; const targetFrame = Math.min(maxFrame, 2); doll.gotoAndStop(targetFrame); } }; } // Game started successfully }, 500); }, 1000); } // 게임 준비 (초기화 후 TAP TO START 대기) function startGame() { // Starting game preparation resetGame().then(() => { // TAP TO START 모드 활성화 gameCanStart = true; updateTapToStart(); }).catch(error => { // Error starting game handled silently }); } // 게임 종료 function endGame() { if (isGameOver) return; if (!gameStarted) return; // Ending game isGameOver = true; gameStarted = false; gameEndTime = Date.now(); // 게임 루프 제거 if (gameLoop) { app.ticker.remove(gameLoop); gameLoop = null; } // 사운드 정지 (AudioContext에서는 자동 정리) // BGM은 자연스럽게 끝까지 재생 setTimeout(() => { // 게임 진행 시간 계산 const gameDuration = (gameEndTime - gameStartTime) / 1000; // 점수 계산 const milliseconds = gameEndTime % 1000; const microSeconds = (Date.now() % 10) / 10; const precisionBonus = (1000 - milliseconds) / 1000 + microSeconds / 10; const baseScore = survivedPlayers * 1000; const timeBonus = Math.max(0, 30 - gameDuration) * 10; gameScore = parseFloat((baseScore + timeBonus + precisionBonus).toFixed(5)); // 결과 화면 표시 const resultBg = new PIXI.Graphics(); resultBg.beginFill(0x000000, 0.7); resultBg.drawRect(0, 0, app.screen.width, app.screen.height); resultBg.endFill(); app.stage.addChild(resultBg); const resultPanel = new PIXI.Graphics(); resultPanel.beginFill(0xFFFFFF, 1.0); resultPanel.drawRoundedRect(20, 200, app.screen.width - 40, 720, 20); // 2x (was 10, 100, 20, 360, 10) resultPanel.endFill(); app.stage.addChild(resultPanel); const finalScoreText = new PIXI.Text(`SCORE: ${gameScore.toFixed(5)}`, { fontFamily: 'Arial', fontSize: 36, // 2x (was 18) fontWeight: 'bold', fill: '#6b4780', align: 'center' }); finalScoreText.x = app.screen.width / 2 - finalScoreText.width / 2; finalScoreText.y = 240; // 2x (was 120) app.stage.addChild(finalScoreText); const scoreDetailsText = new PIXI.Text( `Base: ${survivedPlayers} players × 1000 = ${baseScore}\n` + `Time: (30sec-${gameDuration.toFixed(1)}sec)×10 = ${timeBonus.toFixed(5)}\n` + `Precision: ${precisionBonus.toFixed(5)}\n\n` + `Total: ${gameScore.toFixed(5)}`, { fontFamily: 'Arial', fontSize: 24, // 2x (was 12) fill: '#666666', align: 'left' }); scoreDetailsText.x = 40; // 2x (was 20) scoreDetailsText.y = 380; // 2x (was 190) app.stage.addChild(scoreDetailsText); const statsText = new PIXI.Text( `Players Survived: ${survivedPlayers}\n` + `Game Duration: ${gameDuration.toFixed(2)} sec`, { fontFamily: 'Arial', fontSize: 28, // 2x (was 14) fill: '#666666', align: 'center' }); statsText.x = app.screen.width / 2 - statsText.width / 2; statsText.y = 740; // 2x (was 370) app.stage.addChild(statsText); // 점수 제출 // Get the call token from the global game session const gameCallToken = window.gameCallToken; // 게임 데이터 준비 const gameData = { survivedPlayers: survivedPlayers, gameTime: gameTime, playTime: ((gameEndTime - gameStartTime) / 1000).toFixed(1) }; // 암호화된 세션으로 점수 제출 시도 if (window.submitScore) { window.submitScore(gameScore, gameData, gameCallToken); } // 점수 제출 UI 표시 (항상 표시) if (window.showScoreSubmit) { window.showScoreSubmit(gameCallToken); } }, 1500); } // 전역 정리 함수 function destroyGame() { // Destroying game completely // 게임 루프 제거 if (gameLoop && app && app.ticker) { try { app.ticker.remove(gameLoop); gameLoop = null; } catch (error) { // Failed to remove game loop silently } } // PIXI 앱 완전 파괴 if (app) { try { app.destroy(true, { children: true, texture: false, baseTexture: false }); app = null; } catch (error) { // Failed to destroy PIXI app silently } } // AudioContext 정리 if (gameState.audioContext) { try { if (gameState.audioContext.state !== 'closed') { gameState.audioContext.close(); } } catch (error) { // AudioContext 정리 실패해도 계속 진행 } gameState.audioContext = null; } // 모든 변수 초기화 gameScore = 0; isGameOver = false; gameLoop = null; doll = null; dollFrames = []; players = []; playerFrames = []; runningTextures = []; animationTimer = 0; finishLine = null; timerText = null; stateIndicator = null; readyGoText = null; // BGM 정지 및 정리 (완전한 게임 파괴 시에만) stopBGM(); // 강화된 AudioContext 사운드 시스템 정리 gameState.sounds = {}; // AudioBuffer들 정리 gameState.soundsLoaded = false; gameState.loadAttempts = 0; // 로드 시도 횟수 초기화 // TAP TO START 안내 메시지 제거 const tapGuide = document.getElementById('tap-to-start-guide'); if (tapGuide && tapGuide.parentNode) { tapGuide.parentNode.removeChild(tapGuide); } } // PIXI 앱 초기화 및 게임 준비 - 2x 고해상도 지원 createPixiApp({ background: 'burlywood', width: 720, // 2x (was 360) height: 1080, // 2x (was 540) resolution: 2, autoDensity: true }).then(pixiApp => { app = pixiApp; // 2x 고해상도 지원: 캔버스 크기를 360x540으로 표시 if (app.canvas) { app.canvas.style.width = '360px'; app.canvas.style.height = '540px'; } // PIXI app initialized // 키보드 및 터치 컨트롤 설정 function setupControls() { // 키보드 이벤트 document.addEventListener('keydown', (event) => { // TAP TO START 상태에서 스페이스바나 엔터로 게임 시작 if (gameCanStart && !gameStarted && !isGameOver && (event.code === 'Space' || event.code === 'Enter')) { startActualGame(); event.preventDefault(); return; } }); // 터치/클릭 이벤트 (캔버스에 적용) if (app && app.view) { app.view.addEventListener('touchstart', (event) => { event.preventDefault(); // TAP TO START 상태에서 터치로 게임 시작 if (gameCanStart && !gameStarted && !isGameOver) { startActualGame(); } }, { passive: false }); app.view.addEventListener('click', (event) => { event.preventDefault(); // TAP TO START 상태에서 클릭으로 게임 시작 if (gameCanStart && !gameStarted && !isGameOver) { startActualGame(); } }); } } // GameRunner에서 제공하는 세션 생성 함수 백업 const originalStartGameFromButton = window.startGameFromButton; // 게임 시작 버튼 이벤트 설정 window.startGameFromButton = async () => { // 🎵 CRITICAL: AudioContext 즉시 활성화 (사용자 상호작용 컨텍스트 보존) try { if (!gameState.audioContext) { gameState.audioContext = new (window.AudioContext || window.webkitAudioContext)(); } // 즉시 resume 시도 (비동기 세션 생성 전에) if (gameState.audioContext.state === 'suspended') { gameState.audioContext.resume().catch(() => { // 실패해도 계속 진행 }); } } catch (error) { // AudioContext 생성/활성화 실패해도 게임은 진행 } // GameRunner에서 제공하는 세션 생성 함수 먼저 호출 if (originalStartGameFromButton && typeof originalStartGameFromButton === 'function') { await originalStartGameFromButton(); } // 컨트롤 설정 setupControls(); startGame(); }; // 게임 완전 파괴 함수 window.destroyGameFromButton = () => { destroyGame(); }; // Game loaded, waiting for start button click }).catch(error => { // Error initializing PIXI app handled silently });