// 게임 기본 설정 let gameScore = 0; let isGameOver = false; let gameLoop = null; let isStartingGame = false; let isCharacterSelectScreen = false; let animationTimer = 0; let frameCount = 0; let fps = 60; let fpsUpdateInterval = 1; let fpsTimer = 0; let timerText = null; let gameTime = 0; let gameStartTime = 0; let gameEndTime = 0; let gameStarted = false; let gameCanStart = false; // 탭으로 게임 시작 가능한지 여부 let lastTimestamp = 0; let assetsLoaded = false; // 게임 요소 let app = null; let player = null; let playerFrames = []; let playerActionFrames = {}; let enemy = null; let enemyFrames = []; let enemyActionFrames = {}; let enemies = []; let currentEnemyIndex = 0; let characterSprites = []; let selectedCharacterIndex = -1; let attackButton = null; let isAttacking = false; let currentPlayerAction = 'idle'; let currentEnemyAction = 'idle'; let enemyNameText = null; let playerHPText = null; let enemyHPText = null; // 공격 슬라이드 바 관련 변수 let slideBar = null; let slidePointer = null; let isSlideActive = false; let slideDirection = 1; let slideSpeed = 800; // 2x (was 400) let baseSlideSpeed = 800; // 2x (was 400) let slideBarWidth = 400; // 2x (was 200) let slideBarHeight = 40; // 2x (was 20) let targetZoneWidth = slideBarWidth * 0.2; let maxDamage = 100; let maxPlayerDamage = 100; let damageText = null; let damageTextTimer = 0; let waitingForNextTurn = false; // BGM 관련 변수 let bgm = null; let charSelectBgm = null; // 사운드 상태 객체 (AudioContext 기반으로 변경) const gameState = { sounds: {}, // Will store AudioBuffers soundsLoaded: false, audioContext: null, loadAttempts: 0, maxLoadAttempts: 3, }; // 체력 관련 변수 const MAX_HP = 100; let playerHP = MAX_HP; let enemyHP = MAX_HP * 2; const MAX_ENEMY_HP = 200; // 체력 게이지 관련 변수 - 2x 스케일링 적용 let playerHPBar = null; let enemyHPBar = null; let playerHPBarBg = null; let enemyHPBarBg = null; const HP_BAR_WIDTH = 200; // 2x (was 100) const HP_BAR_HEIGHT = 20; // 2x (was 10) // 스프라이트 설정 - 2x 스케일링 적용 const SPRITE_FRAME_WIDTH = 250; // 원본 프레임 크기 const SPRITE_FRAME_HEIGHT = 250; // 원본 프레임 크기 const SPRITE_SCALE = 2; // 2x 스케일로 표시 (높이 250px → 500px) // 스테이지 관련 변수 let currentStage = 0; let totalStages = 0; let enemyIndices = []; let stageTransitioning = false; // 점수 계산을 위한 통계 변수 let totalAttackCount = 0; let totalDamageDealt = 0; let totalDamageTaken = 0; // 배경 이미지 관련 변수 let backgroundLoaded = false; let background = null; // GameRunner에서 제공하는 세션 생성 함수 백업 const originalStartGameFromButton = window.startGameFromButton; // 게임 시작 버튼 이벤트 설정 window.startGameFromButton = async () => { // GameRunner에서 제공하는 세션 생성 함수 먼저 호출 if (originalStartGameFromButton && typeof originalStartGameFromButton === 'function') { await originalStartGameFromButton(); } // 🎮 서울 지하철 악역들 게임 시작 startGame(); }; // 게임 완전 파괴 함수 window.destroyGameFromButton = () => { // 🧹 서울 지하철 악역들 게임 완전 파괴 destroyGame(); }; // 배열 섞기 함수 (Fisher-Yates 알고리즘) function shuffleArray(array) { for (let i = array.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [array[i], array[j]] = [array[j], array[i]]; } return array; } // 적 캐릭터 배열 설정 함수 function setupEnemyCharacters() { enemyIndices = []; for (let i = 0; i < characterSprites.length; i++) { if (i !== selectedCharacterIndex) { enemyIndices.push(i); } } shuffleArray(enemyIndices); totalStages = enemyIndices.length; currentStage = 0; // Enemy characters setup // Total stages: totalStages if (enemyIndices.length > 0) { // First enemy index from shuffled list } else { // No enemy characters available } } // 강화된 사운드 로딩 함수 (AudioContext + 리트라이) async function loadSounds() { if (!gameState.audioContext) { return; } if (gameState.soundsLoaded) { return; } const audioAssets = { bgm: '/games/seoul-subway-villains/sounds/subway.m4a', charSelect: '/games/seoul-subway-villains/sounds/subwaymusic.m4a', punch: '/games/seoul-subway-villains/sounds/punch.m4a', swoosh: '/games/seoul-subway-villains/sounds/swoosh.m4a', critical: '/games/seoul-subway-villains/sounds/critical.m4a', // 캐릭터별 사운드 danso_greeting: '/games/seoul-subway-villains/sounds/danso-whoareyou.m4a', danso_attack: '/games/seoul-subway-villains/sounds/danso-hwak.m4a', danso_critical: '/games/seoul-subway-villains/sounds/danso-nothit.m4a', danso_end: '/games/seoul-subway-villains/sounds/danso-comeon.m4a', ahn_greeting: '/games/seoul-subway-villains/sounds/ahn-fighting.m4a', ahn_attack: '/games/seoul-subway-villains/sounds/ahn-hook.m4a', ahn_critical: '/games/seoul-subway-villains/sounds/ahn-boxing.m4a', ahn_end: '/games/seoul-subway-villains/sounds/ahn-tong.m4a', red_greeting: '/games/seoul-subway-villains/sounds/red-greeting.m4a', red_attack: '/games/seoul-subway-villains/sounds/red-attack.m4a', red_critical: '/games/seoul-subway-villains/sounds/red-critical.m4a', red_end: '/games/seoul-subway-villains/sounds/red-end.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; } // 부분 성공이라도 70% 이상이면 진행 if (successCount >= Math.floor(Object.keys(audioAssets).length * 0.7) && 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 } } } // 캐릭터별 사운드 재생 함수 function playCharacterSound(type, characterIndex) { const characterNames = ['danso', 'ahn', 'red']; const soundKey = `${characterNames[characterIndex]}_${type}`; playSound(soundKey); } // 리소스 로드 async function loadAssets() { // Loading game assets... // 로딩 표시기 표시 const loadingIndicator = showLoadingIndicator(); const characterData = [ { name: 'Danso Murderer\n단소 살인마', actions: { idle: { path: '/games/seoul-subway-villains/images/sprite-villain1-idle.png', frameCount: 4 }, attack: { path: '/games/seoul-subway-villains/images/sprite-villain1-attack.png', frameCount: 6, }, critical: { path: '/games/seoul-subway-villains/images/sprite-villain1-critical.png', frameCount: 6 }, hurt: { path: '/games/seoul-subway-villains/images/sprite-villain1-hurt.png', frameCount: 2 }, dead: { path: '/games/seoul-subway-villains/images/sprite-villain1-dead.png', frameCount: 3 } } }, { name: 'Imposter Ahn\n가짜 안중근 의사', actions: { idle: { path: '/games/seoul-subway-villains/images/sprite-villain2-idle.png', frameCount: 4 }, attack: { path: '/games/seoul-subway-villains/images/sprite-villain2-attack.png', frameCount: 6 }, critical: { path: '/games/seoul-subway-villains/images/sprite-villain2-critical.png', frameCount: 6 }, hurt: { path: '/games/seoul-subway-villains/images/sprite-villain2-hurt.png', frameCount: 2 }, dead: { path: '/games/seoul-subway-villains/images/sprite-villain2-dead.png', frameCount: 3 } } }, { name: 'Red Chariot\n붉은 전차', actions: { idle: { path: '/games/seoul-subway-villains/images/sprite-villain3-idle.png', frameCount: 4 }, attack: { path: '/games/seoul-subway-villains/images/sprite-villain3-attack.png', frameCount: 6, }, critical: { path: '/games/seoul-subway-villains/images/sprite-villain3-critical.png', frameCount: 6 }, hurt: { path: '/games/seoul-subway-villains/images/sprite-villain3-hurt.png', frameCount: 2 }, dead: { path: '/games/seoul-subway-villains/images/sprite-villain3-dead.png', frameCount: 2 } } } ]; // 사운드 로드 await loadSounds(); try { // 모든 캐릭터의 모든 액션 스프라이트 로드 characterSprites = []; for (let charIndex = 0; charIndex < characterData.length; charIndex++) { const char = characterData[charIndex]; const charSprites = { name: char.name, actions: {} }; // 각 액션별 스프라이트 로드 for (const action in char.actions) { const actionData = char.actions[action]; // 스프라이트 시트 로드 const texture = await PIXI.Assets.load(actionData.path); const frames = []; // 스프라이트 시트에서 프레임 추출 for (let i = 0; i < actionData.frameCount; i++) { const frame = new PIXI.Rectangle( i * SPRITE_FRAME_WIDTH, 0, SPRITE_FRAME_WIDTH, SPRITE_FRAME_HEIGHT ); const frameTexture = new PIXI.Texture({ source: texture.source, frame: frame }); frames.push(frameTexture); } charSprites.actions[action] = frames; } characterSprites.push(charSprites); } //('All assets loaded successfully'); assetsLoaded = true; } catch (error) { //('Error loading assets:', error); assetsLoaded = true; // 오류 발생 시에도 진행 } // 로딩 완료 - 로딩 표시기 제거 if (loadingIndicator) { setTimeout(() => { loadingIndicator.destroy(); }, 500); } } // 배경 이미지 로드 함수 async function loadBackground() { if (backgroundLoaded || (background && background.parent)) { //('Background already loaded or present on stage.'); if (background && !background.parent) { background.zIndex = -1; app.stage.addChild(background); //('Re-added existing background sprite to stage.'); } return; } //('Attempting to load background image...'); try { const bgTexture = await PIXI.Assets.load('/games/seoul-subway-villains/images/subway.jpg'); //('Background texture loaded successfully.'); if (!background || background.destroyed) { background = new PIXI.Sprite(bgTexture); //('New background sprite created.'); } else { background.texture = bgTexture; //('Existing background sprite texture updated.'); } // 배경 이미지 크기 설정 const scale = app.screen.width / bgTexture.width; background.scale.set(scale); background.width = app.screen.width; background.height = app.screen.height + 10; background.x = 0; background.y = -5; background.zIndex = -1; if (!background.parent) { app.stage.addChild(background); //('Background sprite added to the stage with zIndex:', background.zIndex); } else { //('Background sprite already has a parent (likely the stage).'); background.zIndex = -1; } backgroundLoaded = true; //('배경 이미지 로드 완료'); } catch (error) { //('배경 이미지 로드 실패:', error); // 기본 배경색 사용 const defaultBackground = new PIXI.Graphics(); defaultBackground.beginFill(0xFFFFFF); defaultBackground.drawRect(0, 0, app.screen.width, app.screen.height); defaultBackground.endFill(); defaultBackground.zIndex = -1; if(background && background.parent) { background.parent.removeChild(background); } app.stage.addChild(defaultBackground); //('Added default white background due to loading failure.'); } } // 로딩 표시기 생성 (Tung Tung Breaker와 동일한 패턴) function showLoadingIndicator() { if (!window.gameContainer) return null; const loaderDiv = document.createElement('div'); loaderDiv.id = 'seoul-subway-loader'; loaderDiv.style.cssText = ` position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 1000; color: white; font-family: Arial, sans-serif; `; const loadingText = document.createElement('div'); loadingText.textContent = 'Loading Game...'; loadingText.style.cssText = ` font-size: 24px; margin-bottom: 20px; font-family: Arial; `; const progressBg = document.createElement('div'); progressBg.style.cssText = ` width: 200px; height: 8px; background: #333333; border-radius: 4px; overflow: hidden; `; const progressBar = document.createElement('div'); progressBar.style.cssText = ` width: 0%; height: 100%; background: #00ff00; border-radius: 4px; transition: width 0.05s ease; `; progressBg.appendChild(progressBar); loaderDiv.appendChild(loadingText); loaderDiv.appendChild(progressBg); window.gameContainer.appendChild(loaderDiv); // 프로그레스 애니메이션 (동일한 패턴) let progress = 0; const progressInterval = setInterval(() => { progress += 2; if (progress > 100) progress = 0; progressBar.style.width = progress + '%'; }, 50); return { element: loaderDiv, destroy: () => { clearInterval(progressInterval); if (loaderDiv && loaderDiv.parentNode) { loaderDiv.parentNode.removeChild(loaderDiv); } } }; } // 게임 요소 생성 async function createGameElements() { //('Creating game elements'); try { if (app && app.stage && app.stage.children.length > 0) { // 기존 게임 요소들 제거 app.stage.children.forEach(child => { app.stage.removeChild(child); }); } } catch (error) { //('Stage cleanup failed:', error); } app.stage.sortableChildren = true; // 배경 이미지 로드 await loadBackground(); // 체력 초기화 playerHP = MAX_HP; enemyHP = MAX_HP * 2; if (characterSprites.length === 0) { //('No character sprites loaded'); return; } if (selectedCharacterIndex === -1) { //('No character selected, using first character'); selectedCharacterIndex = 0; } // 첫 번째 적의 전역 인덱스 설정 let currentOpponentGlobalIndex = -1; if (enemyIndices.length > 0) { currentOpponentGlobalIndex = enemyIndices[currentStage]; } else { //("No enemies defined in enemyIndices!"); return; } // 현재 선택된 캐릭터 사용 const selectedCharacter = characterSprites[selectedCharacterIndex]; playerActionFrames = selectedCharacter.actions; playerFrames = playerActionFrames.idle; // 첫 번째 적 캐릭터 설정 if (currentOpponentGlobalIndex !== -1) { const enemyCharacter = characterSprites[currentOpponentGlobalIndex]; enemyActionFrames = enemyCharacter.actions; enemyFrames = enemyActionFrames.idle; } // zIndex 설정 const playerZIndex = (selectedCharacterIndex === 2) ? 16 : 15; const enemyZIndex = (currentOpponentGlobalIndex === 2) ? 16 : 15; // 플레이어 스프라이트 생성 - 2x 위치 조정 player = new PIXI.AnimatedSprite(playerFrames); player.scale.set(SPRITE_SCALE); player.x = 0; player.y = 300; // 2x (was 150) player.animationSpeed = 0.15; player.loop = true; player.gotoAndPlay(0); player.zIndex = playerZIndex; app.stage.addChild(player); // 이름 및 HP 텍스트 스타일 - 2x 스케일링 const nameHpTextStyle = { fontFamily: 'Arial, sans-serif', fontSize: 28, // 2x (was 14) fill: 0xFFFFFF, stroke: 0x000000, strokeThickness: 6 // 2x (was 3) }; // 플레이어 이름 표시 - 2x 위치 조정 const playerName = characterSprites[selectedCharacterIndex].name; const playerNameText = new PIXI.Text(playerName, { ...nameHpTextStyle, align: 'left' }); playerNameText.x = 100; // 2x (was 50) playerNameText.y = 40; // 2x (was 20) app.stage.addChild(playerNameText); // 플레이어 체력 게이지 배경 - 2x 스케일링 const borderThickness = 2; // 2x (was 1) playerHPBarBg = new PIXI.Graphics(); playerHPBarBg.beginFill(0x000000); playerHPBarBg.drawRect(0, 0, HP_BAR_WIDTH, HP_BAR_HEIGHT); playerHPBarBg.endFill(); playerHPBarBg.beginFill(0x333333); playerHPBarBg.drawRect( borderThickness, borderThickness, HP_BAR_WIDTH - borderThickness * 2, HP_BAR_HEIGHT - borderThickness * 2 ); playerHPBarBg.endFill(); playerHPBarBg.x = 100; // 2x (was 50) playerHPBarBg.y = 110; // 2x (was 55) app.stage.addChild(playerHPBarBg); // 플레이어 체력 게이지 playerHPBar = new PIXI.Graphics(); playerHPBar.x = playerHPBarBg.x; playerHPBar.y = playerHPBarBg.y; app.stage.addChild(playerHPBar); // 플레이어 HP 텍스트 - 2x 위치 조정 playerHPText = new PIXI.Text(`${playerHP}/${MAX_HP}`, { ...nameHpTextStyle, align: 'left' }); playerHPText.x = 100; // 2x (was 50) playerHPText.y = playerHPBarBg.y + HP_BAR_HEIGHT; playerHPText.zIndex = 5; app.stage.addChild(playerHPText); // 적 스프라이트 생성 if (currentOpponentGlobalIndex !== -1) { const enemyCharacter = characterSprites[currentOpponentGlobalIndex]; enemyActionFrames = enemyCharacter.actions; enemyFrames = enemyActionFrames.idle; enemy = new PIXI.AnimatedSprite(enemyFrames); enemy.scale.set(SPRITE_SCALE); enemy.scale.x = -SPRITE_SCALE; // 수평 뒤집기 enemy.x = 720; // 2x (was 360) enemy.y = 300; // 2x (was 150) enemy.animationSpeed = 0.15; enemy.loop = true; enemy.gotoAndPlay(0); enemy.zIndex = enemyZIndex; app.stage.addChild(enemy); // 적 이름 표시 - 2x 위치 조정 const enemyName = enemyCharacter.name; enemyNameText = new PIXI.Text(enemyName, { ...nameHpTextStyle, align: 'right' }); enemyNameText.anchor.set(1, 0); enemyNameText.x = app.screen.width - 100; // 2x (was 50) enemyNameText.y = 40; // 2x (was 20) enemyNameText.zIndex = 5; app.stage.addChild(enemyNameText); // 적 체력 게이지 배경 enemyHPBarBg = new PIXI.Graphics(); enemyHPBarBg.beginFill(0x000000); enemyHPBarBg.drawRect(0, 0, HP_BAR_WIDTH, HP_BAR_HEIGHT); enemyHPBarBg.endFill(); enemyHPBarBg.beginFill(0x333333); enemyHPBarBg.drawRect( borderThickness, borderThickness, HP_BAR_WIDTH - borderThickness * 2, HP_BAR_HEIGHT - borderThickness * 2 ); enemyHPBarBg.endFill(); enemyHPBarBg.x = app.screen.width - 100 - HP_BAR_WIDTH; // 2x (was 50) enemyHPBarBg.y = 110; // 2x (was 55) app.stage.addChild(enemyHPBarBg); // 적 체력 게이지 enemyHPBar = new PIXI.Graphics(); enemyHPBar.x = enemyHPBarBg.x; enemyHPBar.y = enemyHPBarBg.y; app.stage.addChild(enemyHPBar); // 적 HP 텍스트 - 2x 위치 조정 enemyHPText = new PIXI.Text(`${enemyHP}/${MAX_ENEMY_HP}`, { ...nameHpTextStyle, align: 'right' }); enemyHPText.anchor.set(1, 0); enemyHPText.x = app.screen.width - 100; // 2x (was 50) enemyHPText.y = enemyHPBarBg.y + HP_BAR_HEIGHT; enemyHPText.zIndex = 5; app.stage.addChild(enemyHPText); } // 공격 버튼 생성 - 2x 스케일링 attackButton = new PIXI.Graphics(); attackButton.beginFill('#000000'); attackButton.drawCircle(0, 0, 60); // 2x (was 30) attackButton.endFill(); attackButton.x = app.screen.width / 2; attackButton.y = app.screen.height - 120; // 2x (was 60) attackButton.eventMode = 'static'; attackButton.cursor = 'pointer'; app.stage.addChild(attackButton); // 슬라이드 바 생성 slideBar = new PIXI.Graphics(); slideBar.beginFill(0xCCCCCC); slideBar.drawRect(0, 0, slideBarWidth, slideBarHeight); slideBar.endFill(); // 타겟 존 slideBar.beginFill('#000000'); const targetZoneWidth = slideBarWidth * 0.2; const targetZoneX = (slideBarWidth - targetZoneWidth) / 2; slideBar.drawRect(targetZoneX, 0, targetZoneWidth, slideBarHeight); slideBar.endFill(); // 크리티컬 히트 존 slideBar.beginFill('#ffffff'); const criticalZoneWidth = slideBarWidth * 0.05; const criticalZoneX = (slideBarWidth - criticalZoneWidth) / 2; slideBar.drawRect(criticalZoneX, 0, criticalZoneWidth, slideBarHeight); slideBar.endFill(); slideBar.x = app.screen.width / 2 - slideBarWidth / 2; slideBar.y = app.screen.height - 240; // 2x (was 120) slideBar.zIndex = 10; app.stage.addChild(slideBar); // 슬라이드 포인터 생성 - 2x 스케일링 slidePointer = new PIXI.Graphics(); slidePointer.beginFill('gold'); slidePointer.drawRect(0, 0, 10, slideBarHeight + 20); // 2x (was 5, slideBarHeight + 10) slidePointer.endFill(); slidePointer.x = slideBar.x; slidePointer.y = slideBar.y - 10; // 2x (was 5) slidePointer.zIndex = 20; app.stage.addChild(slidePointer); isSlideActive = true; // 공격 버튼 텍스트 - 2x 스케일링 const attackButtonText = new PIXI.Text('ATTACK', { fontFamily: 'Arial, sans-serif', fontSize: 28, // 2x (was 14) fill: 0xFFFFFF, align: 'center' }); attackButtonText.anchor.set(0.5); attackButtonText.x = attackButton.x; attackButtonText.y = attackButton.y; app.stage.addChild(attackButtonText); // 공격 버튼 이벤트 attackButton.on('pointerdown', handleAttack); attackButtonText.eventMode = 'static'; attackButtonText.cursor = 'pointer'; attackButtonText.on('pointerdown', handleAttack); // 체력 게이지 업데이트 updateHPBars(); //('Game elements created successfully'); } // 공격 버튼 핸들러 function handleAttack() { if (isAttacking || !gameStarted || isGameOver || waitingForNextTurn) return; totalAttackCount++; isSlideActive = false; // 데미지 계산 const slideBarCenter = slideBar.x + slideBarWidth / 2; const pointerCenter = slidePointer.x + 2.5; const distance = Math.abs(slideBarCenter - pointerCenter); const targetZoneWidth = slideBarWidth * 0.2; const targetZoneStart = slideBarCenter - targetZoneWidth / 2; const targetZoneEnd = slideBarCenter + targetZoneWidth / 2; const isInTargetZone = pointerCenter >= targetZoneStart && pointerCenter <= targetZoneEnd; const criticalZoneWidth = slideBarWidth * 0.05; const criticalZoneStart = slideBarCenter - criticalZoneWidth / 2; const criticalZoneEnd = slideBarCenter + criticalZoneWidth / 2; const isInCriticalZone = pointerCenter >= criticalZoneStart && pointerCenter <= criticalZoneEnd; let finalDamage = 0; let attackSuccess = false; let isCritical = false; if (isInTargetZone) { const targetZoneDistance = Math.abs(slideBarCenter - pointerCenter); const maxTargetZoneDistance = targetZoneWidth / 2; const normalizedDistance = targetZoneDistance / maxTargetZoneDistance; const damageMultiplier = 1 - normalizedDistance; finalDamage = maxDamage * damageMultiplier; if (isInCriticalZone) { isCritical = true; finalDamage *= 2; //('CRITICAL HIT!'); } finalDamage = Math.round(finalDamage * 100000) / 100000; attackSuccess = true; //(`Attack success! Distance: ${targetZoneDistance}, Damage: ${finalDamage}, Critical: ${isCritical}`); } else { const maxDistance = slideBarWidth / 2; const normalizedDistance = distance / maxDistance; const damageMultiplier = Math.pow(normalizedDistance, 2); finalDamage = maxPlayerDamage * damageMultiplier; finalDamage = Math.round(finalDamage * 1000) / 1000; attackSuccess = false; //(`Attack failed! Distance: ${distance}, Player takes damage: ${finalDamage}`); } isAttacking = true; // 효과음 재생 playSound('swoosh'); if (attackSuccess) { if (isCritical && playerActionFrames.critical) { playCharacterSound('critical', selectedCharacterIndex); playSound('critical'); currentPlayerAction = 'critical'; player.textures = playerActionFrames.critical; } else { playCharacterSound('attack', selectedCharacterIndex); currentPlayerAction = 'attack'; player.textures = playerActionFrames.attack; } player.loop = false; player.gotoAndPlay(0); player.onComplete = () => { //('Player attack animation completed'); currentPlayerAction = 'idle'; player.textures = playerActionFrames.idle; player.loop = true; player.gotoAndPlay(0); enemyHP -= finalDamage; if (enemyHP < 0) enemyHP = 0; totalDamageDealt += finalDamage; updateHPBars(); // 데미지 텍스트 표시 if (damageText && damageText.parent) { damageText.parent.removeChild(damageText); } const textStyle = { fontFamily: 'Arial, sans-serif', fontSize: 40, // 2x (was 20) fontWeight: 'bold', fill: isCritical ? 'gold' : 'white', align: 'right', stroke: '#333333', strokeThickness: 10 // 2x (was 5) }; const damageString = isCritical ? `CRITICAL!\n${finalDamage.toFixed(1)}` : `-${finalDamage.toFixed(1)}`; damageText = new PIXI.Text(damageString, textStyle); damageText.x = 460; // 2x (was 230) damageText.y = 240; // 2x (was 120) app.stage.addChild(damageText); damageTextTimer = 1; playSound('punch'); // 적 피격 애니메이션 currentEnemyAction = 'hurt'; enemy.textures = enemyActionFrames.hurt; enemy.loop = false; enemy.gotoAndPlay(0); enemy.onComplete = () => { //('Enemy hurt animation completed'); if (enemyHP <= 0) { //('Enemy defeated'); playCharacterSound('end', selectedCharacterIndex); currentEnemyAction = 'dead'; enemy.textures = enemyActionFrames.dead; enemy.loop = false; enemy.gotoAndPlay(0); enemy.onComplete = () => { //('Enemy death animation completed'); if (currentStage < totalStages - 1) { nextStage(); } else { //('All stages cleared, ending game'); endGame(true); } }; } else { currentEnemyAction = 'idle'; enemy.textures = enemyActionFrames.idle; enemy.loop = true; enemy.gotoAndPlay(0); waitingForNextTurn = true; setTimeout(() => { //('Next turn starting!'); waitingForNextTurn = false; isAttacking = false; if (damageText) { app.stage.removeChild(damageText); damageText = null; } slidePointer.x = slideBar.x; isSlideActive = true; slideDirection = 1; }, 1000); //('Waiting for next turn'); } }; }; } else { // 적 공격 애니메이션 currentEnemyAction = 'attack'; enemy.textures = enemyActionFrames.attack; enemy.loop = false; enemy.gotoAndPlay(0); playCharacterSound('attack', enemyIndices[currentStage]); enemy.onComplete = () => { playSound('punch'); playerHP -= finalDamage; if (playerHP < 0) playerHP = 0; totalDamageTaken += finalDamage; if (damageText) { app.stage.removeChild(damageText); } damageText = new PIXI.Text(`-${finalDamage.toFixed(1)}`, { fontFamily: 'Arial, sans-serif', fontSize: 40, // 2x (was 20) fontWeight: 'bold', fill: 0xFFFFFF, align: 'center', stroke: 0x000000, strokeThickness: 10 // 2x (was 5) }); damageText.x = 160; // 2x (was 80) damageText.y = 240; // 2x (was 120) app.stage.addChild(damageText); damageTextTimer = 1; updateHPBars(); // 플레이어 피격 애니메이션 currentPlayerAction = 'hurt'; if (playerActionFrames.hurt) { player.textures = playerActionFrames.hurt; player.loop = false; } else { currentPlayerAction = 'idle'; player.textures = playerActionFrames.idle; player.loop = true; } player.gotoAndPlay(0); if (playerHP <= 0) { //('Player defeated, playing death animation'); currentPlayerAction = 'dead'; if (playerActionFrames.dead) { player.textures = playerActionFrames.dead; player.loop = false; player.gotoAndPlay(0); player.onComplete = () => { //('Player death animation completed'); endGame(false); }; } else { //('No death animation available, ending game directly'); endGame(false); } } else { if (currentPlayerAction === 'hurt') { player.onComplete = () => { currentPlayerAction = 'idle'; player.textures = playerActionFrames.idle; player.loop = true; player.gotoAndPlay(0); }; } currentEnemyAction = 'idle'; enemy.textures = enemyActionFrames.idle; enemy.loop = true; enemy.gotoAndPlay(0); waitingForNextTurn = true; setTimeout(() => { //('Next turn starting!'); waitingForNextTurn = false; isAttacking = false; if (damageText) { app.stage.removeChild(damageText); damageText = null; } slidePointer.x = slideBar.x; isSlideActive = true; slideDirection = 1; }, 1000); //('Waiting for next turn'); } }; } } // 체력 게이지 업데이트 function updateHPBars() { const inset = 1; const barWidth = HP_BAR_WIDTH - inset * 2; const barHeight = HP_BAR_HEIGHT - inset * 2; // 플레이어 체력 업데이트 if (playerHPBar) { playerHPBar.clear(); playerHPBar.beginFill('limegreen'); const playerHPFillWidth = (playerHP / MAX_HP) * barWidth; playerHPBar.drawRect(inset, inset, playerHPFillWidth, barHeight); playerHPBar.endFill(); if (playerHPText) { playerHPText.text = `${Math.max(0, playerHP.toFixed(0))}/${MAX_HP}`; } } // 적 체력 업데이트 if (enemyHPBar) { enemyHPBar.clear(); enemyHPBar.beginFill('crimson'); const enemyHPFillWidth = (enemyHP / MAX_ENEMY_HP) * barWidth; const enemyHPStartX = inset + barWidth - enemyHPFillWidth; enemyHPBar.drawRect(enemyHPStartX, inset, enemyHPFillWidth, barHeight); enemyHPBar.endFill(); if (enemyHPText) { enemyHPText.text = `${Math.max(0, enemyHP.toFixed(0))}/${MAX_ENEMY_HP}`; } } } // 게임 업데이트 함수 function update(delta) { if (!gameStarted || isGameOver) return; const currentTimestamp = Date.now(); if (lastTimestamp === 0) { lastTimestamp = currentTimestamp; } const deltaTime = (currentTimestamp - lastTimestamp) / 1000; lastTimestamp = currentTimestamp; gameTime = (Date.now() - gameStartTime) / 1000; fpsTimer += delta; if (fpsTimer >= fpsUpdateInterval) { fps = Math.round(app.ticker.FPS); fpsTimer = 0; } // 데미지 텍스트 타이머 업데이트 if (damageText && damageTextTimer > 0) { damageTextTimer -= (app.ticker.deltaMS / 1000); damageText.scale.set(1); damageText.alpha = damageTextTimer < 0.5 ? damageTextTimer * 2 : 1; if (damageTextTimer <= 0) { //('Removing damage text'); if (damageText.parent) { app.stage.removeChild(damageText); } damageText = null; } } // 슬라이드 포인터 업데이트 if (isSlideActive) { const movement = slideDirection * slideSpeed * (app.ticker.deltaMS / 1000); slidePointer.x += movement; if (slidePointer.x <= slideBar.x) { slideDirection = 1; slidePointer.x = slideBar.x; } else if (slidePointer.x >= slideBar.x + slideBarWidth - 5) { slideDirection = -1; slidePointer.x = slideBar.x + slideBarWidth - 5; } } // 배경 진동 효과 const background = app.stage.children.find(child => child.zIndex === -1); if (background) { background.y = -5 + Math.sin(app.ticker.lastTime / 1000 * 5) * 2; } } // 게임 초기화 함수 async function resetGame() { //('Resetting game'); // 기존 게임 루프 제거 if (gameLoop && app && app.ticker) { try { app.ticker.remove(gameLoop); gameLoop = null; } catch (error) { //('Failed to remove game loop:', error); } } // 스테이지 초기화 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:', error); } }); app.stage.removeChildren(); } catch (error) { //('Failed to cleanup stage:', error); } } // 게임 상태 초기화 isGameOver = false; gameStarted = false; isStartingGame = false; isCharacterSelectScreen = false; waitingForNextTurn = false; enemyNameText = null; playerHPText = null; enemyHPText = null; totalAttackCount = 0; totalDamageDealt = 0; totalDamageTaken = 0; currentStage = 0; stageTransitioning = false; if (assetsLoaded) { setupEnemyCharacters(); } playerHP = MAX_HP; enemyHP = MAX_ENEMY_HP; isAttacking = false; currentPlayerAction = 'idle'; currentEnemyAction = 'idle'; slideSpeed = baseSlideSpeed; frameCount = 0; isSlideActive = false; slideDirection = 1; if (damageText) { app.stage.removeChild(damageText); damageText = null; damageTextTimer = 0; } if (assetsLoaded) { await createGameElements(); } //('Game reset complete'); } // 게임 시작 함수 async function startGame() { //('Starting Seoul Subway Villains 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 (!assetsLoaded) { //('Assets not loaded yet, loading now...'); await loadAssets(); } if (isGameOver) { await resetGame(); } showCharacterSelectScreen(); } catch (error) { //('Error starting game:', error); // 에러 발생해도 게임은 진행 showCharacterSelectScreen(); } } // 캐릭터 선택 화면 표시 function showCharacterSelectScreen() { //('Showing character select screen'); isCharacterSelectScreen = true; if (app && app.stage) { app.stage.removeChildren(); } // 타이틀 텍스트 - 2x 스케일링 const titleText = new PIXI.Text('Select Character', { fontFamily: 'Arial, sans-serif', fontSize: 48, // 2x (was 24) fontWeight: 'bold', fill: 0x000000, align: 'center' }); titleText.x = app.screen.width / 2 - titleText.width / 2; titleText.y = 80; // 2x (was 40) app.stage.addChild(titleText); // 캐릭터 선택 컨테이너 - 2x 위치 조정 const charactersContainer = new PIXI.Container(); charactersContainer.x = app.screen.width / 2; charactersContainer.y = app.screen.height / 2 - 160; // 2x (was 80) app.stage.addChild(charactersContainer); const spacing = 200; // 2x (was 100) const overallScale = SPRITE_SCALE * 0.5; const widthFactor = 0.8; // 각 캐릭터 옵션 생성 characterSprites.forEach((character, index) => { const charContainer = new PIXI.Container(); charContainer.x = (index - (characterSprites.length - 1) / 2) * spacing; charContainer.y = 0; charactersContainer.addChild(charContainer); const displayWidth = SPRITE_FRAME_WIDTH * overallScale * widthFactor; const displayHeight = SPRITE_FRAME_HEIGHT * overallScale; // 선택 표시 const selectionRect = new PIXI.Graphics(); selectionRect.lineStyle(4, 0x333333); selectionRect.beginFill(0x333333, 0.1); selectionRect.drawRect(-displayWidth / 2, -displayHeight / 2, displayWidth, displayHeight); selectionRect.endFill(); selectionRect.visible = index === selectedCharacterIndex; charContainer.addChild(selectionRect); // 캐릭터 스프라이트 const sprite = new PIXI.Sprite(character.actions.idle[0]); sprite.anchor.set(0.5); sprite.scale.set(overallScale); charContainer.addChild(sprite); // 스프라이트 마스크 const mask = new PIXI.Graphics(); mask.beginFill(0xFFFFFF); mask.drawRect(-displayWidth / 2, -displayHeight / 2, displayWidth, displayHeight); mask.endFill(); charContainer.addChild(mask); sprite.mask = mask; // 캐릭터 이름 - 2x 스케일링 const nameText = new PIXI.Text(character.name, { fontFamily: 'Arial, sans-serif', fontSize: 24, // 2x (was 12) fill: 0x000000, align: 'center' }); nameText.anchor.set(0.5, 0); nameText.y = displayHeight / 2 + 10; // 2x (was 5) charContainer.addChild(nameText); charContainer.eventMode = 'static'; charContainer.cursor = 'pointer'; charContainer.hitArea = new PIXI.Rectangle(-displayWidth / 2, -displayHeight / 2, displayWidth, displayHeight); // 클릭 이벤트 charContainer.on('pointertap', () => { selectedCharacterIndex = index; playCharacterSound('greeting', index); charactersContainer.children.filter(c => c instanceof PIXI.Container).forEach((container, i) => { container.getChildAt(0).visible = i === index; }); }); }); // 버튼 컨테이너 - 2x 스케일링 const buttonContainer = new PIXI.Container(); buttonContainer.x = app.screen.width / 2; buttonContainer.y = app.screen.height - 240; // 2x (was 120) app.stage.addChild(buttonContainer); // 버튼 배경 - 2x 스케일링 const buttonBackground = new PIXI.Graphics(); buttonBackground.beginFill(0x000000, 1.0); buttonBackground.drawRoundedRect(-150, 0, 300, 100, 20); // 2x (was -75, 0, 150, 50, 10) buttonBackground.endFill(); buttonContainer.addChild(buttonBackground); // 버튼 텍스트 - 2x 스케일링 const buttonText = new PIXI.Text('Ready to Fight', { fontFamily: 'Arial, sans-serif', fontSize: 36, // 2x (was 18) fill: 0xFFFFFF, align: 'center' }); buttonText.anchor.set(0.5); buttonText.x = 0; buttonText.y = 50; // 2x (was 25) buttonContainer.addChild(buttonText); buttonContainer.eventMode = 'static'; buttonContainer.cursor = 'pointer'; // 버튼 클릭 이벤트 buttonContainer.on('pointertap', () => { if (selectedCharacterIndex === -1) { // 캐릭터 선택 경고 메시지 표시 showCharacterSelectionWarning(buttonContainer); return; } isCharacterSelectScreen = false; prepareGameStart(); }); // 캐릭터 선택 BGM 재생 playSound('charSelect'); //('Character select screen shown'); } // 캐릭터 선택 경고 메시지 표시 function showCharacterSelectionWarning(buttonContainer) { // 기존 경고 메시지가 있다면 제거 const existingWarning = app.stage.getChildByName('character-warning'); if (existingWarning) { app.stage.removeChild(existingWarning); } // 경고 메시지 텍스트 생성 - 2x 스케일링 const warningText = new PIXI.Text('Please select a character first!', { fontFamily: 'Arial, sans-serif', fontSize: 32, // 2x (was 16) fill: 0xff4444, align: 'center', fontWeight: 'bold' }); warningText.name = 'character-warning'; warningText.anchor.set(0.5); warningText.x = buttonContainer.x; warningText.y = buttonContainer.y - 60; // 2x (was 30) - 버튼 위쪽에 위치 warningText.alpha = 0; app.stage.addChild(warningText); // 페이드 인 애니메이션 let alpha = 0; const fadeIn = setInterval(() => { alpha += 0.1; warningText.alpha = alpha; if (alpha >= 1) { clearInterval(fadeIn); // 2초 후 페이드 아웃 setTimeout(() => { const fadeOut = setInterval(() => { alpha -= 0.1; warningText.alpha = alpha; if (alpha <= 0) { clearInterval(fadeOut); if (warningText.parent) { app.stage.removeChild(warningText); } } }, 50); }, 2000); } }, 50); } // TAP TO START 안내 표시/숨김 함수 function updateTapToStart() { let tapGuide = document.getElementById('tap-to-start-guide-subway'); if (gameCanStart && !gameStarted && !isGameOver) { // 안내 메시지 표시 if (!tapGuide && window.gameContainer) { tapGuide = document.createElement('div'); tapGuide.id = 'tap-to-start-guide-subway'; tapGuide.style.cssText = ` position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.8); color: #ffff00; padding: 20px 30px; border-radius: 15px; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; text-align: center; z-index: 200; border: 4px solid #ffff00; // 적당한 크기로 조정 animation: pulse 1.5s ease-in-out infinite; cursor: pointer; user-select: none; `; tapGuide.innerHTML = ` 🚇 TAP TO START BATTLE!
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) { startGameWithSelectedCharacter(); } }); // 터치 이벤트 (모바일) tapGuide.addEventListener('touchstart', (e) => { e.preventDefault(); e.stopPropagation(); if (gameCanStart && !gameStarted && !isGameOver) { startGameWithSelectedCharacter(); } }); window.gameContainer.appendChild(tapGuide); } } else { // 안내 메시지 숨김 if (tapGuide) { tapGuide.remove(); } } } // 게임 시작 준비 (캐릭터 선택 후) async function prepareGameStart() { //('Preparing game start'); // 적 캐릭터 배열 설정 setupEnemyCharacters(); // 기존 게임 루프 제거 if (gameLoop) { //('Removing existing game loop'); app.ticker.remove(gameLoop); gameLoop = null; } // 스테이지 초기화 app.stage.removeChildren(); // 게임 요소 생성 await createGameElements(); // TAP TO START 모드 활성화 gameCanStart = true; updateTapToStart(); } // 선택한 캐릭터로 게임 시작 async function startGameWithSelectedCharacter() { if (!gameCanStart || gameStarted || isGameOver) return; //('Starting game with selected character:', selectedCharacterIndex); gameCanStart = false; // 중복 시작 방지 updateTapToStart(); // 안내 메시지 즉시 제거 try { if (selectedCharacterIndex === -1) { //('No character selected'); return; } // BGM 재생 setTimeout(() => { playSound('bgm'); }, 100); // 게임 시작 시간 기록 gameTime = 0; gameStartTime = Date.now(); lastTimestamp = 0; //('Game start time set to:', gameStartTime); // 게임 루프 설정 gameLoop = (delta) => update(delta); app.ticker.add(gameLoop); //('New game loop added'); // 게임 시작 상태로 설정 gameStarted = true; isGameOver = false; //(`Game started with character: ${characterSprites[selectedCharacterIndex].name}`); } catch (error) { //('Error starting game with selected character:', error); } isStartingGame = false; } // 다음 스테이지로 넘어가는 함수 async function nextStage() { if (stageTransitioning) return; stageTransitioning = true; //('Moving to next stage'); // 스테이지 전환 메시지 표시 - 2x 스케일링 const stageText = new PIXI.Text(`STAGE ${currentStage + 2}`, { fontFamily: 'Arial, sans-serif', fontSize: 96, // 2x (was 48) fontWeight: 'bold', fill: 0xFFFFFF, align: 'center', stroke: 0x000000, strokeThickness: 12 // 2x (was 6) }); stageText.anchor.set(0.5); stageText.x = app.screen.width / 2; stageText.y = app.screen.height / 2; stageText.zIndex = 20; stageText.alpha = 0; app.stage.addChild(stageText); // 페이드 인 애니메이션 let alpha = 0; const fadeIn = setInterval(() => { alpha += 0.05; stageText.alpha = alpha; if (alpha >= 1) { clearInterval(fadeIn); setTimeout(() => { const fadeOut = setInterval(() => { alpha -= 0.05; stageText.alpha = alpha; if (alpha <= 0) { clearInterval(fadeOut); app.stage.removeChild(stageText); setupNextStage(); } }, 30); }, 1000); } }, 30); } // 다음 스테이지 설정 함수 async function setupNextStage() { // 기존 적 이름 및 HP 텍스트 제거 if (enemyNameText && enemyNameText.parent) { //('Removing previous enemy name text:', enemyNameText.text); enemyNameText.parent.removeChild(enemyNameText); enemyNameText = null; } if (enemyHPText && enemyHPText.parent) { //('Removing previous enemy HP text'); enemyHPText.parent.removeChild(enemyHPText); enemyHPText = null; } currentStage++; //(`Setting up stage ${currentStage + 1}`); const currentOpponentGlobalIndex = enemyIndices[currentStage]; //(`Next enemy index: ${currentOpponentGlobalIndex}`); const enemyZIndex = (currentOpponentGlobalIndex === 2) ? 16 : 15; enemyHP = MAX_HP * 2; playerHP = Math.min(MAX_HP, playerHP + 20); slideSpeed = baseSlideSpeed * Math.pow(1.7, currentStage); //(`Stage ${currentStage + 1} slide speed: ${slideSpeed}`); isAttacking = false; currentPlayerAction = 'idle'; currentEnemyAction = 'idle'; waitingForNextTurn = false; frameCount = 0; // 기존 적 캐릭터 제거 if (enemy && enemy.parent) { //('Removing previous enemy sprite'); enemy.parent.removeChild(enemy); enemy.destroy(); enemy = null; } // 새 적 캐릭터 정보 가져오기 const selectedEnemy = characterSprites[currentOpponentGlobalIndex]; if (!selectedEnemy) { //(`Failed to get character data for index ${currentOpponentGlobalIndex}`); return; } //(`Selected new enemy: ${selectedEnemy.name}`); enemyActionFrames = selectedEnemy.actions; const nameHpTextStyle = { fontFamily: 'Arial, sans-serif', fontSize: 28, // 2x (was 14) fill: 0xFFFFFF, stroke: 0x000000, strokeThickness: 6 // 2x (was 3) }; // 새로운 적 이름 텍스트 생성 enemyNameText = new PIXI.Text(selectedEnemy.name, { ...nameHpTextStyle, align: 'right' }); enemyNameText.anchor.set(1, 0); enemyNameText.x = app.screen.width - 100; // 2x (was 50) enemyNameText.y = 40; // 2x (was 20) enemyNameText.zIndex = 5; app.stage.addChild(enemyNameText); //(`Added new enemy name text: ${enemyNameText.text}`); // 새로운 적 HP 텍스트 생성 enemyHPText = new PIXI.Text(`${enemyHP}/${MAX_ENEMY_HP}`, { ...nameHpTextStyle, align: 'right' }); enemyHPText.anchor.set(1, 0); enemyHPText.x = app.screen.width - 100; // 2x (was 50) enemyHPText.y = enemyHPBarBg.y + HP_BAR_HEIGHT; enemyHPText.zIndex = 5; app.stage.addChild(enemyHPText); //(`Added new enemy HP text: ${enemyHPText.text}`); // 적 스프라이트 생성 if (!enemyActionFrames || !enemyActionFrames.idle || enemyActionFrames.idle.length === 0) { //(`Missing idle frames for enemy: ${selectedEnemy.name}`); return; } enemy = new PIXI.AnimatedSprite(enemyActionFrames.idle); enemy.x = 720; // 2x (was 360) enemy.y = 300; // 2x (was 150) enemy.scale.set(-SPRITE_SCALE, SPRITE_SCALE); enemy.animationSpeed = 0.15; enemy.loop = true; enemy.play(); enemy.zIndex = enemyZIndex; app.stage.addChild(enemy); //(`Added new enemy sprite`); // 플레이어 애니메이션 속도 재설정 if (player) { player.animationSpeed = 0.15; player.textures = playerActionFrames.idle; player.loop = true; player.play(); } // 적 캐릭터 인사말 사운드 재생 playCharacterSound('greeting', currentOpponentGlobalIndex); // 체력 게이지 업데이트 updateHPBars(); // 슬라이드 포인터 초기화 slidePointer.x = slideBar.x; isSlideActive = true; slideDirection = 1; if (damageText && damageText.parent) { damageText.parent.removeChild(damageText); damageText = null; } damageTextTimer = 0; stageTransitioning = false; //(`Stage ${currentStage + 1} started with enemy: ${selectedEnemy.name}`); } // 게임 종료 async function endGame(playerWin = true) { if (isGameOver) return; isAttacking = false; if (!gameStarted) { //('Game not started, ignoring endGame call'); return; } //('Ending game...'); isGameOver = true; gameStarted = false; isStartingGame = false; isCharacterSelectScreen = false; gameEndTime = Date.now(); // UI 요소 숨기기 if (attackButton) { attackButton.visible = false; const attackButtonText = app.stage.children.find(child => child instanceof PIXI.Text && child.text === 'ATTACK' && child.x === attackButton.x ); if (attackButtonText) { attackButtonText.visible = false; } } if (slideBar) { slideBar.visible = false; } if (slidePointer) { slidePointer.visible = false; isSlideActive = false; } if (playerHPText) { playerHPText.visible = false; } if (enemyHPText) { enemyHPText.visible = false; } // 게임 종료 화면 - 2x 스케일링 const gameOverText = new PIXI.Text(playerWin ? 'You Win!' : 'You Lose!', { fontFamily: 'Arial, sans-serif', fontSize: 100, // 2x (was 50) fontWeight: 'bold', fill: 0xffffff, align: 'center', stroke: 0x000000, strokeThickness: 20 // 2x (was 10) }); gameOverText.anchor.set(0.5); gameOverText.x = app.screen.width / 2; gameOverText.y = 240; // 2x (was 120) gameOverText.zIndex = 20; app.stage.addChild(gameOverText); const gameTimeInSeconds = (gameEndTime - gameStartTime) / 1000; // 점수 계산 if (playerWin) { const defeatedEnemiesScore = (currentStage + 1) * 10000; const minAttacks = currentStage + 1; const attackEfficiencyScore = minAttacks / Math.max(totalAttackCount, minAttacks) * 10000; const damageDifference = totalDamageDealt - totalDamageTaken; gameScore = parseFloat((defeatedEnemiesScore + attackEfficiencyScore + damageDifference).toFixed(5)); } else { gameScore = 0; } // 통계 텍스트 표시 - 2x 스케일링 const statsText = new PIXI.Text( `Score: ${gameScore.toFixed(5)}\nDefeated Enemies: ${currentStage + 1}\nNumber of Attacks: ${totalAttackCount}\nDamage Dealt: ${totalDamageDealt.toFixed(3)}\nDamage Taken: ${totalDamageTaken.toFixed(3)}`, { fontFamily: 'Arial, sans-serif', fontSize: 28, // 2x (was 14) fill: '#ffffff', align: 'center', stroke: 0x000000, strokeThickness: 6 // 2x (was 3) } ); statsText.x = app.screen.width / 2 - statsText.width / 2; statsText.y = 660; // 2x (was 330) statsText.zIndex = 20; app.stage.addChild(statsText); // 점수 제출 //('Final score:', gameScore); // Get the call token from the global game session const gameCallToken = window.gameCallToken; // 게임 데이터 준비 const gameData = { playerWin: playerWin, stagesCompleted: currentStage + 1, totalAttackCount: totalAttackCount, totalDamageDealt: totalDamageDealt, totalDamageTaken: totalDamageTaken, gameTime: Math.round(gameTimeInSeconds * 1000) // 밀리초로 변환하여 숫자로 전달 }; // 암호화된 세션으로 점수 제출 시도 (항상) if (window.submitScore) { window.submitScore(gameScore, gameData, gameCallToken); } // 점수 제출 UI 표시 (항상 표시) if (window.showScoreSubmit) { window.showScoreSubmit(gameCallToken); } isStartingGame = false; // 게임 루프 제거 if (gameLoop) { //('Removing game loop on game end'); app.ticker.remove(gameLoop); gameLoop = null; } } // 전역 정리 함수 function destroyGame() { //('Destroying game completely'); // 게임 루프 제거 if (gameLoop && app && app.ticker) { try { app.ticker.remove(gameLoop); gameLoop = null; } catch (error) { //('Failed to remove game loop:', error); } } // PIXI 앱 완전 파괴 if (app) { try { app.destroy(true, { children: true, texture: false, baseTexture: false }); app = null; } catch (error) { //('Failed to destroy PIXI app:', error); } } // 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; player = null; enemy = null; playerFrames = []; playerActionFrames = {}; enemyFrames = []; enemyActionFrames = {}; characterSprites = []; // 강화된 AudioContext 사운드 시스템 정리 gameState.sounds = {}; // AudioBuffer들 정리 gameState.soundsLoaded = false; gameState.loadAttempts = 0; // 로드 시도 횟수 초기화 assetsLoaded = false; // TAP TO START 안내 메시지 제거 const tapGuide = document.getElementById('tap-to-start-guide-subway'); if (tapGuide && tapGuide.parentNode) { tapGuide.parentNode.removeChild(tapGuide); } } // PIXI 앱 초기화 및 게임 준비 - 2x 고해상도 지원 createPixiApp({ background: '#ffffff', 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 for Seoul Subway Villains:', app); // 키보드 및 터치 컨트롤 설정 function setupControls() { // 키보드 이벤트 document.addEventListener('keydown', (event) => { // TAP TO START 상태에서 스페이스바나 엔터로 게임 시작 if (gameCanStart && !gameStarted && !isGameOver && (event.code === 'Space' || event.code === 'Enter')) { startGameWithSelectedCharacter(); event.preventDefault(); return; } }); // 터치/클릭 이벤트 (캔버스에 적용) if (app && app.view) { app.view.addEventListener('touchstart', (event) => { event.preventDefault(); // TAP TO START 상태에서 터치로 게임 시작 if (gameCanStart && !gameStarted && !isGameOver) { startGameWithSelectedCharacter(); } }, { passive: false }); app.view.addEventListener('click', (event) => { event.preventDefault(); // TAP TO START 상태에서 클릭으로 게임 시작 if (gameCanStart && !gameStarted && !isGameOver) { startGameWithSelectedCharacter(); } }); } } // 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(); // 캐릭터 선택 화면 표시 showCharacterSelectScreen(); }; // 게임 완전 파괴 함수 window.destroyGameFromButton = () => { destroyGame(); }; //('Seoul Subway Villains game loaded, waiting for start button click'); }).catch(error => { //('Error initializing PIXI app:', error); });