TAB을 눌러서 단축키 확인

`; } function toggleShortcutHelp() { const details = $("shortcut-help-details"); const card = document.querySelector(".action-card"); if (!details || !card) return; const opening = details.classList.contains("hidden"); details.classList.toggle("hidden", !opening); card.classList.toggle("shortcut-open", opening); } function setupStartScreenAssets() { const startScreen = $("start-screen"); const startButton = $("start-btn"); if (!startScreen || !startButton) return; installAssetUiStyles(); const bg = assetUrl("startBackground"); if (bg) { startScreen.classList.add("asset-start-screen"); startScreen.style.backgroundImage = `url("${bg}")`; } // 원래 HTML에 들어 있던 제목/설명 패널이 asset_8 위에서 검은 바로 보일 수 있으므로 // 예전의 정상 타이틀 방식처럼 시작 버튼만 남긴다. startButton.remove(); startScreen.replaceChildren(); const menu = document.createElement("div"); menu.className = "asset-start-menu"; startButton.textContent = "1학년 시작"; menu.appendChild(startButton); startScreen.appendChild(menu); // body에 따로 존재하는 게임 설명 버튼 위치를 새 start-btn 기준으로 다시 맞춘다. requestAnimationFrame(syncFloatingHowToButton); setTimeout(syncFloatingHowToButton, 80); } const CONFIG = { startGpa: 3.0, maxGpa: 4.5, playerSpeed: 178, playerRadius: 15, playerHitInvuln: 0.7, rollSpeed: 570, rollDuration: 0.28, rollInvuln: 0.31, rollCooldown: 1.05, // 패링은 플레이어 앞의 짧은 "가드 바"에 보스가 닿으면 성공 parryReach: 48, parryLength: 72, parryThickness: 18, parryWindow: 0.19, parryCooldown: 0.36, meleeRange: 96, meleeArc: Math.PI * 0.62, bookSpeed: 680, bookLife: 1.25, hitStop: 0.14, slowMoTime: 0.3, slowMoScale: 0.28, parryPushTime: 0.42, parryPushSpeed: 680, postParryAttackLock: 0.78, downBurstDelay: 0.28, downAttackDelay: 0.68, downBurstStartRadius: 72, shieldRecharge: 10, normalDamage: 0.24, heavyDamage: 0.34, councilDamage: 0.18, goddessDamage: 0.30, goddessEntryCost: 0.50, bulletPhaseTime: 6.2, chaseTime: 1.65, telegraphTime: 0.68, dashSpeed: 665, dashTime: 0.76, // 친구 1:1 결투: 탄막 대신 3연속 근접 휘두르기 friendApproachSpeed: 205, friendEngageDistance: 94, friendSlashRange: 112, friendSlashArc: Math.PI * 0.78, friendFirstWindup: 0.48, friendNextWindup: 0.18, friendSlashTime: 0.14, friendSlashGap: 0.20, friendRecoverTime: 0.52, friendSlashDamage: 0.28, friendParryPadding: 28, // 팀플 빌런: 핑계 문장 → 3연속 쿵 → 혼자 졸기 teamTextPhaseTime: 2.6, teamTextInterval: 0.92, teamTextSpeed: 175, teamStompWindup: 0.78, teamStompLeapTime: 0.50, teamStompGap: 0.42, teamStompRadius: 72, teamStompDamage: 0.30, teamSleepTime: 3.2, // 총학생회장: 접근 → 찌르기 2회 → 사물 투척 councilApproachSpeed: 225, councilStabDistance: 145, councilStabWindup: 0.42, councilStabTime: 0.36, councilStabSpeed: 760, councilStabDamage: 0.31, councilRetreatTime: 0.46, councilRetreatSpeed: 390, councilThrowTime: 5.2, councilThrowInterval: 0.28, councilObjectSpeed: 285, // 졸업전시: 교수님이 지금까지 배운 대표 패링 기술을 전부 사용한다. graduationPatternIntro: 0.68, graduationOpenTime: 1.85, graduationRecoverTime: 0.62, graduationStabDistance: 150, graduationStabWindup: 0.46, graduationStabTime: 0.38, graduationStabSpeed: 790, graduationDashWindup: 0.74, graduationDashTime: 0.80, graduationDashSpeed: 710, // 연애 후 각 보스전 중 랜덤한 시점에 한 번 전화가 온다. phoneMinDelay: 4.2, phoneMaxDelay: 8.2, downTime: 2.7, wakeTime: 0.55, }; // ===== 턴별 배경 이미지 ===== // index.html 기준 경로입니다. 이미지 파일만 아래 경로에 넣으면 각 턴마다 자동으로 바뀝니다. // 키 형식: "학년-학기-턴인덱스" (턴인덱스 0 = 첫 번째 턴, 1 = 두 번째 턴) // 예: 1학년 1학기 첫 턴 -> ./assets/backgrounds/y1_s1_t1.png const TURN_BACKGROUNDS = { "1-1-0": "./assets/backgrounds/y1_s1_t1.png", "1-1-1": "./assets/backgrounds/y1_s1_t2.png", "1-2-0": "./assets/backgrounds/y1_s2_t1.png", "1-2-1": "./assets/backgrounds/y1_s2_t2.png", "2-1-0": "./assets/backgrounds/y2_s1_t1.png", "2-1-1": "./assets/backgrounds/y2_s1_t2.png", "2-2-0": "./assets/backgrounds/y2_s2_t1.png", "2-2-1": "./assets/backgrounds/y2_s2_t2.png", "3-1-0": "./assets/backgrounds/y3_s1_t1.png", "3-1-1": "./assets/backgrounds/y3_s1_t2.png", "3-2-0": "./assets/backgrounds/y3_s2_t1.png", "3-2-1": "./assets/backgrounds/y3_s2_t2.png", }; // 이미지 위에 얹는 어두운 막. 전투 오브젝트가 잘 안 보이면 값을 올리면 됩니다. // 0 = 원본 그대로, 1 = 완전히 검게. const TURN_BACKGROUND_DIM = 0.28; const turnBackgroundCache = new Map(); function backgroundTurnIndex() { if (!run) return 0; // 이벤트 결과/종료 대화 중에는 "방금 플레이한 턴"의 배경을 유지한다. // 다음 선택 화면으로 넘어갈 때 비로소 다음 턴 배경으로 바뀐다. if (["result", "turnEndDialogue"].includes(state) && run.turnsUsed > 0 && run.lastEventId) { return clamp(run.turnsUsed - 1, 0, 1); } // 시험은 두 번째 턴이 끝난 뒤 진행되므로 마지막 턴 배경을 유지한다. return clamp(run.turnsUsed, 0, 1); } function currentTurnBackgroundKey() { if (!run) return null; return `${run.year}-${run.semester}-${backgroundTurnIndex()}`; } function getTurnBackgroundImage() { const key = currentTurnBackgroundKey(); if (!key) return null; const src = TURN_BACKGROUNDS[key]; if (!src) return null; let entry = turnBackgroundCache.get(src); if (!entry) { const img = new Image(); entry = { img, loaded: false, failed: false }; turnBackgroundCache.set(src, entry); img.onload = () => { entry.loaded = true; }; img.onerror = () => { entry.failed = true; console.warn(`[배경 이미지 없음] ${key}: ${src}`); }; img.src = src; } return entry.loaded && !entry.failed ? entry.img : null; } function drawImageCover(img) { const iw = img.naturalWidth || img.width; const ih = img.naturalHeight || img.height; if (!iw || !ih) return false; const scale = Math.max(W / iw, H / ih); const dw = iw * scale; const dh = ih * scale; const dx = (W - dw) * 0.5; const dy = (H - dh) * 0.5; ctx.drawImage(img, dx, dy, dw, dh); return true; } const FRIENDS = [ { id: "minsik", name: "김민식", short: "민식", face: "🙂", faceAsset: "dialogueMinsik" }, { id: "taeil", name: "김태일", short: "태일", face: "😎", faceAsset: "dialogueTaeil" }, { id: "minjin", name: "강민진", short: "민진", face: "😁", faceAsset: "dialogueMinjin" }, ]; const EVENT_DEFS = [ { id: "council", icon: "⭐", name: "학생회 신청", quest: "학생회에 들어오지 않겠나?", opponent: "총학생회장", desc: "가까이 와 두 번 찌르고, 거리를 벌려 의자와 사물을 던진다.", reward: "10초마다 학점 피해 1회 방어", slots: 3, pattern: "council", color: "#fbbf24", firstSemesterOnly: true, }, { id: "goddess", icon: "💗", name: "과탑 여신", quest: "공부보다 어려운 것", opponent: "과탑 여신", desc: "고난도 탄막을 버텨야 한다. 선택하는 순간 학점도 희생한다.", reward: "연애 플래그 · 학점 -0.5", goddess: true, color: "#f472b6", }, { id: "study", icon: "✏️", name: "공부하기", quest: "시험은 준비한 만큼", desc: "1턴을 공부에 사용해 다음 시험 보상을 올린다. 한 학년 최대 2회.", reward: "다음 시험 학점 +0.5", study: true, color: "#22c55e", }, { id: "team", icon: "👥", name: "팀플 과제 I", quest: "우리 조 한 명 어디 갔어?", opponent: "팀플 빌런", desc: "핑계 문장을 피하고, 방방 뛰어오는 3연속 쿵을 받아낸다.", reward: "학점 +1", slots: 3, pattern: "team", color: "#fb7185", semester: 1, maxYear: 3, yearly: true, }, { id: "team2", icon: "🧑‍🤝‍🧑", name: "팀플 과제 II", quest: "PPT는 누가 만들죠?", opponent: "팀플 빌런", desc: "더 끈질긴 핑계를 피하고, 3연속 쿵 뒤 졸아버린 틈을 노린다.", reward: "학점 +1", slots: 3, pattern: "team2", color: "#f43f5e", semester: 2, maxYear: 3, yearly: true, }, { id: "professor", icon: "📚", name: "교수 과제 I", quest: "교수님, 이게 과제였나요?", opponent: "김문철 교수님", desc: "1학기 교수 과제. 묵직한 과제 공세를 돌파한다.", reward: "책 던지기 해금", slots: 3, pattern: "professor", color: "#a78bfa", semester: 1, maxYear: 3, yearly: true, }, { id: "professor2", icon: "📑", name: "교수 과제 II", quest: "제출 형식 다시 확인하세요", opponent: "김문철 교수님", desc: "2학기 교수 과제. 더 촘촘해진 과제 폭탄을 버티고 제출한다.", reward: "학점 +0.5", slots: 3, pattern: "professor2", color: "#8b5cf6", semester: 2, maxYear: 3, yearly: true, }, { id: "graduation", icon: "🎓", name: "졸업전시", quest: "이걸 끝내야 졸업한다", opponent: "졸전 마감", desc: "3학년 전용 최종 과제. 지금까지 쌓은 실력으로 졸업전시를 완성한다.", reward: "학점 +1 · 졸전 클리어", slots: 3, pattern: "professor2", color: "#f59e0b", minYear: 3, maxYear: 3, }, { id: "minsik", icon: "🙂", name: "김민식", quest: "한 판 할래?", opponent: "김민식", desc: "탄막 없이 정면 승부. 3연속 휘두르기를 읽고 받아친다.", reward: "공격권 슬롯 +1", slots: 3, pattern: "duel", color: "#60a5fa", friendId: "minsik", }, { id: "taeil", icon: "😎", name: "김태일", quest: "이거 왜 안 되지?", opponent: "김태일", desc: "탄막 없이 정면 승부. 싹, 싹, 싹 3연격을 패링한다.", reward: "공격권 슬롯 +1", slots: 3, pattern: "duel", color: "#38bdf8", friendId: "taeil", }, { id: "minjin", icon: "😁", name: "강민진", quest: "사람 좀 만나보자", opponent: "강민진", desc: "탄막 없이 정면 승부. 빠른 3연속 휘두르기를 버틴다.", reward: "공격권 슬롯 +1", slots: 3, pattern: "duel", color: "#34d399", friendId: "minjin", }, ]; let state = "menu"; let run = null; // 현재 학기 시작 시점 체크포인트. 휴학 후 복학하면 여기로 돌아온다. let semesterCheckpoint = null; let player = null; let boss = null; let runtime = null; let bullets = []; let playerBullets = []; let particles = []; let slashes = []; let examOrb = null; let currentEvent = null; let last = performance.now(); let toastTimer = 0; let bannerTimer = 0; let gpaDeltaTimer = 0; // ===== 턴 시작 / 종료 대화 시스템 ===== // 같은 턴에 학생회 사이드 이벤트 등으로 선택 화면에 다시 돌아와도 // 시작/종료 대화가 반복되지 않도록 각각의 턴 키를 기억한다. let lastTurnDialogueKey = null; let lastTurnEndDialogueKey = null; let dialogueContinue = null; const TURN_START_DIALOGUES = { "1-1-0": { speaker: "김민식", mood: "🙂", portraitAsset: "dialogueMinsik", text: "드디어 대학생활 시작이네. 한 학기에는 두 번의 선택이 있어. 무엇을 할지는 네가 정하면 돼." }, "1-1-1": { speaker: "김민식", mood: "👀", portraitAsset: "dialogueMinsik", text: "첫 선택은 끝났어. 이제 이번 학기에 남은 건 한 턴. 지금 필요한 경험이 뭔지 잘 골라봐." }, "1-2-0": { speaker: "김민식", mood: "🍂", portraitAsset: "dialogueMinsik", text: "1학년 2학기 시작이야. 경험은 이어지지만 선택할 수 있는 시간은 여전히 두 번뿐이야." }, "1-2-1": { speaker: "김민식", mood: "✏️", portraitAsset: "dialogueMinsik", text: "이번 학기도 마지막 한 턴이네. 시험을 생각하면 공부도 좋은 선택이 될 수 있어." }, "2-1-0": { speaker: "김민식", mood: "🔥", portraitAsset: "dialogueMinsik", text: "2학년이 됐네. 이제 패턴도 조금씩 거칠어질 거야. 그래도 지금까지 얻은 힘은 그대로야." }, "2-1-1": { speaker: "김민식", mood: "🤝", portraitAsset: "dialogueMinsik", text: "혼자서 버티는 것만이 답은 아니야. 친구와 경험이 쌓일수록 선택지도 넓어질 거야." }, "2-2-0": { speaker: "김민식", mood: "📚", portraitAsset: "dialogueMinsik", text: "2학년 2학기. 과제도 시험도 더 만만하지 않아. 이번 두 턴을 어디에 쓸지 생각해봐." }, "2-2-1": { speaker: "김민식", mood: "⚡", portraitAsset: "dialogueMinsik", text: "남은 한 턴이야. 학점을 챙길지, 새로운 인연을 만들지, 끝까지 네 선택이야." }, "3-1-0": { speaker: "김민식", mood: "🎓", portraitAsset: "dialogueMinsik", text: "3학년이 시작됐어. 이제 졸업전시도 선택지에 들어와. 평소 과제와 함께 마지막 해를 준비해야 해." }, "3-1-1": { speaker: "김민식", mood: "🛠️", portraitAsset: "dialogueMinsik", text: "마지막 해는 한 턴도 아깝지. 지금의 선택이 졸업 직전의 모습을 만들 거야." }, "3-2-0": { speaker: "김민식", mood: "🌆", portraitAsset: "dialogueMinsik", text: "마지막 학기다. 여기까지 쌓은 친구, 능력, 학점이 전부 네 대학생활의 결과야." }, "3-2-1": { speaker: "김민식", mood: "✨", portraitAsset: "dialogueMinsik", text: "정말 마지막 선택이야. 이 턴이 끝나면 마지막 시험, 그리고 졸업이 기다리고 있어." }, }; // ===== 이벤트 선택 직후 시작 대화 ===== // 이벤트 카드를 누르면 바로 전투로 들어가지 않고, 해당 이벤트의 인물이 먼저 한마디 한다. // portrait를 추가하면 mood 이모지 대신 실제 캐릭터 이미지를 표시할 수 있다. const EVENT_START_DIALOGUES = { council: { speaker: "총학생회장", mood: "⭐", portraitAsset: "dialogueCouncil", text: "학생회에 들어오고 싶다고? 말보다 행동이 빠르지. 어디 한번 네가 얼마나 버틸 수 있는지 보자." }, goddess: { speaker: "과탑 여신", mood: "💗", portraitAsset: "dialogueGoddess", text: "저기… 잠깐 시간 있어? 공부만큼 쉬운 얘기는 아닐 것 같은데." }, study: { speaker: "나", mood: "📚", portraitAsset: "dialoguePlayer", text: "이번 시험은 그냥 들어가면 위험하겠는데… 오늘 한 턴은 제대로 공부해두자." }, team: { speaker: "팀플 빌런", mood: "😅", portraitAsset: "dialogueTeamVillain", text: "아… 저 오늘은 참여가 조금 어려울 것 같은데요. 자료는… 나중에 보내드릴게요." }, team2: { speaker: "팀플 빌런", mood: "💻", portraitAsset: "dialogueTeamVillain", text: "PPT는 누가 만들죠? 저는 자료조사 조금 해놨는데… 발표까지 부탁드려도 될까요?" }, professor: { speaker: "김문철 교수님", mood: "📝", portraitAsset: "dialogueProfessor", text: "과제 공지는 분명히 했습니다. 이 정도는 여러분이 직접 해결할 수 있어야겠죠." }, professor2: { speaker: "김문철 교수님", mood: "📑", portraitAsset: "dialogueProfessor", text: "제출 형식 다시 확인하세요. 내용만 맞는다고 끝난 과제가 아닙니다." }, minsik: { speaker: "김민식", mood: "🙂", portraitAsset: "dialogueMinsik", text: "야, 한 판 할래? 어렵게 생각하지 말고 제대로 붙어보자." }, taeil: { speaker: "김태일", mood: "😎", portraitAsset: "dialogueTaeil", text: "이거 왜 안 되지… 너도 한번 해볼래? 대신 대충은 없다." }, minjin: { speaker: "강민진", mood: "🤓", portraitAsset: "dialogueMinjin", text: "계속 혼자 다닐 거야? 사람 좀 만나보자. 일단 나부터 상대해봐." }, graduation: { speaker: "김문철 교수님", mood: "🎓", portraitAsset: "dialogueProfessor", text: "이제 졸업전시입니다. 3년 동안 무엇을 배웠는지 결과물로 증명해보세요." }, pass: { speaker: "나", mood: "🕒", portraitAsset: "dialoguePlayer", text: "이번 턴은 그냥 흘려보낼까… 선택하지 않는 것도 결국 선택이니까." }, }; function getEventStartDialogue(def) { if (!def) return null; return EVENT_START_DIALOGUES[def.id] || null; } // 턴 종료 대사는 방금 끝낸 이벤트를 기준으로 잡는다. // 나중에 캐릭터 PNG가 준비되면 각 항목에 portrait 경로만 추가하면 된다. const TURN_END_DIALOGUES = { study: { speaker: "김민식", mood: "📚", portraitAsset: "dialogueMinsik", text: "오늘은 공부에 시간을 썼네. 당장은 조용해 보여도, 이 선택은 다음 시험에서 확실히 돌아올 거야." }, team: { speaker: "김민식", mood: "👥", portraitAsset: "dialogueMinsik", text: "첫 팀플을 끝냈네. 혼자였다면 힘들었겠지만, 결국 같이 움직여서 한 턴을 버텨냈어." }, team2: { speaker: "김민식", mood: "💻", portraitAsset: "dialogueMinsik", text: "PPT 전쟁도 끝. 이번에도 어떻게든 마감을 넘겼네. 대학생활은 이런 식으로 조금씩 쌓이는 거야." }, professor: { speaker: "김민식", mood: "📖", portraitAsset: "dialogueMinsik", text: "교수님 과제까지 끝냈어. 이제 책도 공격 수단이 됐으니 다음 선택부터는 조금 더 여유가 생기겠네." }, professor2: { speaker: "김민식", mood: "📝", portraitAsset: "dialogueMinsik", text: "제출 형식까지 버텨냈네. 까다로운 요구를 하나씩 넘기는 것도 결국 실력이야." }, minsik: { speaker: "김민식", mood: "🙂", portraitAsset: "dialogueMinsik", text: "민식이와 한 판 제대로 했네. 이제부터는 혼자 쌓던 공격권에 친구 한 명의 힘이 더해져." }, taeil: { speaker: "김민식", mood: "😎", portraitAsset: "dialogueMinsik", text: "태일이까지 합류했네. 함께할 사람이 늘수록 네가 한 번에 만들어낼 수 있는 기회도 많아질 거야." }, minjin: { speaker: "김민식", mood: "🤓", portraitAsset: "dialogueMinsik", text: "민진이와도 친해졌네. 결국 대학생활에서 남는 건 학점만이 아니라 같이 버틴 사람들이기도 해." }, council: { speaker: "김민식", mood: "⭐", portraitAsset: "dialogueMinsik", text: "학생회까지 들어갔네. 일이 늘어난 만큼, 앞으로 한 번쯤은 네 학점을 지켜줄 경험도 생겼어." }, goddess: { speaker: "김민식", mood: "💗", portraitAsset: "dialogueMinsik", text: "큰 학점까지 걸고 선택했지만 결국 마음을 얻었네. 이 선택도 마지막에는 네 대학생활의 한 장면으로 남을 거야." }, graduation: { speaker: "김민식", mood: "🎓", portraitAsset: "dialogueMinsik", text: "졸업전시를 끝냈어. 지금까지 쌓아온 걸 보여주는 가장 큰 고비 하나를 넘긴 거야." }, pass: { speaker: "김민식", mood: "🕒", portraitAsset: "dialogueMinsik", text: "아무것도 하지 않는 것도 하나의 선택이야. 대신 지나간 한 턴은 다시 돌아오지 않아." }, default: { speaker: "김민식", mood: "✅", portraitAsset: "dialogueMinsik", text: "이번 턴도 끝났어. 무엇을 얻었든, 무엇을 포기했든 그 선택은 네 대학생활에 그대로 남아." }, }; const keys = {}; const mouse = { x: W / 2, y: H / 2 }; // ===== 대화 / 컷씬 공통 SPACE 스킵 ===== // 대화창이나 앞으로 만들 컷씬이 열려 있을 때는 Space가 구르기보다 먼저 처리된다. // 컷씬을 만들 때 setSpaceSkipHandler(() => 컷씬종료함수())만 연결하면 같은 방식으로 스킵 가능. let spaceSkipHandler = null; function setSpaceSkipHandler(handler) { spaceSkipHandler = typeof handler === "function" ? handler : null; } function clearSpaceSkipHandler(handler = null) { // 특정 핸들러를 넘긴 경우 현재 등록된 것과 같을 때만 해제한다. if (handler && spaceSkipHandler !== handler) return; spaceSkipHandler = null; } function trySpaceSkip() { if (typeof spaceSkipHandler !== "function") return false; const skip = spaceSkipHandler; // 연타 시 같은 대화/컷씬이 중복 종료되지 않도록 먼저 비운다. spaceSkipHandler = null; skip(); return true; } window.addEventListener("mousemove", (e) => { mouse.x = e.clientX; mouse.y = e.clientY; }); window.addEventListener("keydown", (e) => { const k = e.key.toLowerCase(); if (["w", "a", "s", "d", "arrowup", "arrowdown", "arrowleft", "arrowright", " ", "e", "tab"].includes(k)) { e.preventDefault(); } if (k === "escape" && $("howto-overlay")?.classList.contains("open")) { closeHowToPlay(); return; } // 인게임 왼쪽 아래 단축키 창은 TAB으로 펼치고 접는다. if (k === "tab" && !e.repeat && state !== "menu") { toggleShortcutHelp(); return; } // 대화/컷씬 중 Space는 구르기가 아니라 '다음/스킵'으로 사용한다. if (k === " " && !e.repeat && trySpaceSkip()) { keys[k] = false; return; } keys[k] = true; if (e.repeat) return; if (k === " ") tryRoll(); if (k === "e") toggleAttackMode(); }); window.addEventListener("keyup", (e) => { keys[e.key.toLowerCase()] = false; }); window.addEventListener("contextmenu", (e) => { if (["select", "combat", "council", "exam", "goddess"].includes(state)) e.preventDefault(); }); window.addEventListener("mousedown", (e) => { if (e.target instanceof HTMLElement && e.target.closest("button")) return; if (e.button === 2) { e.preventDefault(); tryParry(); } else if (e.button === 0) { fireAttack(); } }); $("start-btn").addEventListener("click", startNewRun); $("retry-btn").addEventListener("click", resumeFromLeave); // 엔딩 결과 화면에서는 바로 새 게임을 시작하지 않고 타이틀 화면으로 돌아간다. if ($("ending-retry-btn")) { $("ending-retry-btn").textContent = "타이틀 화면으로"; $("ending-retry-btn").addEventListener("click", returnToTitle); } $("melee-btn").addEventListener("click", () => setAttackMode("melee")); $("book-btn").addEventListener("click", () => setAttackMode("book")); // ===== 노트 / 스크랩북 UI 테마 ===== // 참고 이미지처럼 어두운 네온 패널 대신 크림색 종이 + 갈색 잉크 + 은은한 금색 포인트를 사용한다. // 게임 배경 이미지는 그대로 두고 HUD/이벤트 패널/버튼/안내 UI 색만 바꾼다. function installNotebookThemeStyles() { if ($("notebook-ui-theme-style")) return; const style = document.createElement("style"); style.id = "notebook-ui-theme-style"; style.textContent = ` :root { --paper: #f7f0df; --paper-strong: #fffaf0; --paper-soft: #eee2ca; --paper-muted: #dfd0b5; --ink: #30271f; --ink-soft: #6f6254; --line: #a99172; --line-soft: rgba(117, 91, 61, .24); --gold: #c99a2e; --gold-soft: #e5c36a; --rose: #b85f67; --sage: #70865d; --lavender: #8570a3; --orange: #c47b35; } /* 공통 HUD 카드 */ .glass { background: linear-gradient(160deg, rgba(255,250,240,.96), rgba(239,227,204,.94)) !important; border: 1.5px solid rgba(116, 89, 60, .42) !important; box-shadow: 0 10px 28px rgba(53, 39, 25, .18), inset 0 1px 0 rgba(255,255,255,.78) !important; backdrop-filter: blur(10px) saturate(.86) !important; -webkit-backdrop-filter: blur(10px) saturate(.86) !important; color: var(--ink) !important; } /* 학점 */ .gpa-card { border-radius: 18px !important; } .gpa-label { color: var(--ink-soft) !important; letter-spacing: .04em !important; } #gpa-number { color: var(--ink) !important; text-shadow: none !important; } #gpa-number.elite { color: #a44b4f !important; text-shadow: none !important; } .gpa-row span { color: #8a7b69 !important; } .gpa-delta { color: #b34f52 !important; } .gpa-delta.plus { color: #a87818 !important; } /* 학기 / 챕터 */ .chapter-card { border-radius: 18px !important; } .chapter-title { color: #9b741c !important; letter-spacing: .18em !important; } .semester-title { color: var(--ink) !important; } .chapter-card small { color: var(--ink-soft) !important; } .turn-dot { background: #d0a33b !important; border: 1px solid #ad7e1e !important; box-shadow: none !important; } .turn-dot.used { background: rgba(119,101,79,.10) !important; border-color: rgba(104,84,61,.28) !important; } /* 보스 카드 */ .boss-card { border-radius: 18px !important; } .boss-card small { color: #8e6c39 !important; } .boss-card b { color: var(--ink) !important; } .boss-card em { color: var(--ink-soft) !important; } /* 보스 체력 3칸이 테마 CSS에 묻혀 사라지지 않도록 크기까지 명시한다. */ #boss-hp { display: flex !important; align-items: center; justify-content: center; gap: 7px; min-height: 13px; margin-top: 8px; } #boss-hp .hp-slot { display: block !important; flex: 0 0 42px !important; width: 42px !important; height: 11px !important; min-width: 42px !important; min-height: 11px !important; border-radius: 999px !important; opacity: 1 !important; visibility: visible !important; background: linear-gradient(90deg, #b85f67, #d87d78) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.24) !important; border: 1px solid rgba(121,63,57,.24) !important; } #boss-hp .hp-slot.empty { background: rgba(122,100,75,.10) !important; border-color: rgba(103,80,57,.18) !important; box-shadow: none !important; } /* 이벤트 선택 패널 */ .events-panel { background: linear-gradient(rgba(249,243,228,.96), rgba(237,226,204,.96)) !important; border: 1.5px solid rgba(112,84,55,.48) !important; box-shadow: 0 18px 42px rgba(52,37,22,.23) !important; backdrop-filter: blur(10px) saturate(.85) !important; -webkit-backdrop-filter: blur(10px) saturate(.85) !important; border-radius: 20px !important; color: var(--ink) !important; } .events-head { border-bottom: 1px dashed rgba(115,91,62,.28); margin-bottom: 10px; padding-bottom: 12px !important; } .events-head span { color: #9b741c !important; } .events-head b { color: var(--ink) !important; } .events-turns { color: #b68b25 !important; } .events-note { color: #776957 !important; } #event-list.event-list { scrollbar-color: rgba(151,119,73,.58) rgba(120,96,65,.08) !important; } #event-list.event-list::-webkit-scrollbar { width: 8px; } #event-list.event-list::-webkit-scrollbar-track { background: rgba(116,91,62,.08); border-radius: 999px; } #event-list.event-list::-webkit-scrollbar-thumb { background: rgba(151,119,73,.56); border-radius: 999px; } /* 이미지 자체가 버튼인 이벤트 카드 */ .event-card.asset-image-button { /* PNG 투명 여백은 이벤트 패널이 그대로 비치게 한다. 버튼 배경색 때문에 흰색/검정색 사각형이 생기지 않도록 완전 투명 처리. */ border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; appearance: none; -webkit-appearance: none; } .event-card.asset-image-button:hover:not(:disabled) { box-shadow: none !important; border-color: transparent !important; } .event-card.asset-image-button .event-card-button-image { background: transparent !important; /* 사각 버튼이 아니라 실제 PNG의 불투명 영역을 따라 은은한 그림자만 준다. */ filter: drop-shadow(0 5px 7px rgba(66,47,28,.16)); } .event-card.asset-image-button:hover:not(:disabled) .event-card-button-image { filter: drop-shadow(0 7px 10px rgba(66,47,28,.22)); } /* 시험은 이미지가 없으므로 스크립트로 만든 전용 종이 카드 버튼을 사용한다. */ .event-card.exam-script-button { width: 100% !important; min-height: 112px !important; flex: 0 0 auto !important; display: grid !important; grid-template-columns: 64px 1fr auto; align-items: center; gap: 14px; padding: 16px 18px !important; border-radius: 14px !important; border: 1.5px solid rgba(167,122,37,.42) !important; color: var(--ink) !important; background: linear-gradient(145deg, rgba(255,250,236,.99), rgba(241,226,190,.98)) !important; box-shadow: 0 5px 13px rgba(72,50,27,.14) !important; text-align: left; cursor: pointer; line-height: 1.25; position: relative; overflow: hidden; transition: transform .16s ease, box-shadow .16s ease; } .event-card.exam-script-button::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient( 0deg, transparent 0, transparent 23px, rgba(125,96,61,.055) 24px ); } .event-card.exam-script-button:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(72,50,27,.20) !important; } .exam-script-icon { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 12px; background: rgba(209,165,62,.15); border: 1px solid rgba(167,122,37,.25); font-size: 30px; position: relative; z-index: 1; } .exam-script-copy { min-width: 0; position: relative; z-index: 1; } .exam-script-copy b { display: block; color: #3a2c1f !important; font-size: 18px; margin-bottom: 5px; } .exam-script-copy em { display: block; font-style: normal; color: #946e24 !important; font-size: 13px; margin-bottom: 4px; } .exam-script-copy small { display: block; color: #746554 !important; font-size: 11px; line-height: 1.4; } .exam-script-reward { min-width: 112px; padding-left: 14px; border-left: 1px dashed rgba(124,91,49,.25); text-align: right; position: relative; z-index: 1; } .exam-script-reward span { display: inline-block; margin-bottom: 6px; padding: 4px 8px; border-radius: 999px; background: #d8b45c; color: #3f2d13 !important; font-size: 10px; font-weight: 900; } .exam-script-reward b { display: block; color: #8b671e !important; font-size: 12px; white-space: normal; } @media (max-width: 720px) { .event-card.exam-script-button { grid-template-columns: 48px 1fr; min-height: 104px !important; padding: 13px 14px !important; } .exam-script-icon { width: 44px; height: 44px; font-size: 24px; } .exam-script-reward { grid-column: 1 / -1; border-left: 0; border-top: 1px dashed rgba(124,91,49,.22); padding: 8px 0 0; text-align: left; } .exam-script-reward span, .exam-script-reward b { display: inline-block; margin-right: 8px; } } /* 이미지 로드 실패 시 나오는 텍스트형 카드도 같은 분위기 */ .event-card:not(.asset-image-button) { color: var(--ink) !important; background: linear-gradient(145deg, #fffaf0, #eee2ca) !important; border-color: rgba(112,85,56,.28) !important; box-shadow: none !important; } .event-icon { background: rgba(201,154,46,.12) !important; } .event-copy em { color: #92702f !important; } .event-copy small, .event-reward span { color: var(--ink-soft) !important; } .event-reward { border-left-color: rgba(112,85,56,.20) !important; } .event-reward b { color: #8b6725 !important; } /* 공격권 */ .charge-card { border-radius: 17px !important; } .charge-title b { color: var(--ink) !important; } .charge-title small, .mode-hint { color: var(--ink-soft) !important; } .charge-slot { background: rgba(123,101,75,.07) !important; border: 1px solid rgba(104,81,58,.20) !important; color: #8e806f !important; } .charge-slot .name { color: #8a7b69 !important; } .charge-slot.filled { background: linear-gradient(145deg, #f5e5b8, #ead4a2) !important; border-color: rgba(173,126,30,.52) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.68) !important; } .charge-slot.filled .name { color: #76591f !important; } .mode-btn { color: #756858 !important; background: rgba(121,98,69,.08) !important; border-color: rgba(104,81,58,.22) !important; } .mode-btn:hover:not(.locked) { background: #efe0bd !important; } .mode-btn.active { color: #3c2d1e !important; background: #e2c174 !important; border-color: #b8892e !important; box-shadow: none !important; } /* 조작법 / 학생회 보호막 */ .shortcut-help-card { min-width: 205px; padding: 11px 13px !important; cursor: default; } .shortcut-help-hint { color: #5f5142; font-size: 11px; font-weight: 900; white-space: nowrap; text-align: center; letter-spacing: -.01em; } .shortcut-help-details { margin-top: 10px; padding-top: 9px; border-top: 1px solid rgba(104,81,58,.15); display: grid; gap: 7px; } .shortcut-help-details.hidden { display: none !important; } .shortcut-help-row { display: grid; grid-template-columns: 58px 1fr; align-items: center; gap: 8px; color: #55483a; font-size: 10.5px; } .shortcut-help-row kbd { min-width: 0; text-align: center; font-size: 9px; padding: 4px 5px; } .shortcut-help-row small { margin-left: 5px; color: #8a755d; font-size: 9px; font-weight: 800; } .shortcut-help-row small.ready { color: #85701f !important; } .action-card, .shield-card { border-radius: 17px !important; } .action-item b { color: var(--ink) !important; } .action-item small { color: var(--ink-soft) !important; } .action-item small.ready { color: #7a652b !important; } kbd { color: #544431 !important; background: #ead8b5 !important; border-color: rgba(128,94,49,.30) !important; box-shadow: inset 0 -1px 0 rgba(112,82,43,.13); } .shield-icon { filter: none !important; } .shield-card small { color: var(--ink-soft) !important; } .shield-card b { color: #6b7d52 !important; } /* 중앙 배너 / 토스트 / 가이드 */ .center-banner, .toast, .exam-guide, .special-guide { background: rgba(255,249,236,.96) !important; color: var(--ink) !important; border: 1px solid rgba(115,88,57,.35) !important; box-shadow: 0 9px 24px rgba(57,40,24,.17) !important; backdrop-filter: blur(8px) !important; } .center-banner small { color: var(--ink-soft) !important; } .exam-guide { color: #8a671d !important; border-color: rgba(176,132,37,.38) !important; } .special-guide { color: #9c6330 !important; border-color: rgba(174,103,45,.36) !important; } /* 연애 전화 UI */ .phone-overlay { background: rgba(255,243,239,.97) !important; color: var(--ink) !important; border-color: rgba(174,95,99,.42) !important; box-shadow: 0 12px 34px rgba(71,45,38,.18) !important; } .phone-overlay small { color: #a05a62 !important; } /* 휴학 / 엔딩 결과 카드 */ .result-card { background: rgba(255,249,236,.97) !important; color: var(--ink) !important; border: 1.5px solid rgba(114,87,58,.40) !important; box-shadow: 0 26px 60px rgba(45,31,19,.25) !important; } .result-card p:not(.eyebrow) { color: var(--ink-soft) !important; } .eyebrow { color: #9b741c !important; } .primary-btn { color: #fffaf0 !important; background: linear-gradient(180deg, #b68b2e, #966d1e) !important; box-shadow: 0 8px 18px rgba(106,76,26,.20) !important; border: 1px solid rgba(91,62,20,.20) !important; } .primary-btn:hover { background: linear-gradient(180deg, #c79c3e, #a77b27) !important; } /* 대화창도 같은 종이 계열로 통일 */ .turn-dialogue-box { background: rgba(255,249,237,.98) !important; color: var(--ink) !important; border-color: rgba(113,86,57,.36) !important; box-shadow: 0 18px 42px rgba(48,34,21,.22) !important; } .turn-dialogue-box::before { background: rgba(255,249,237,.98) !important; } .turn-dialogue-name { background: #d8b45c !important; color: #3b2b18 !important; } .turn-dialogue-text { color: #342b23 !important; } .turn-dialogue-next { background: #765b32 !important; color: #fffaf0 !important; } .turn-dialogue-next:hover { background: #8a6a3b !important; } .turn-dialogue-hint { color: #817260 !important; } /* ========================================================= UI 정리 패치 - 모든 HUD의 투명도 / 모서리 / 테두리 강도를 통일 - 그림자를 줄여 화면 위에 떠 있는 박스 느낌 완화 - 배경이 은은하게 비치도록 반투명 종이 질감 ========================================================= */ .glass { background: rgba(248, 241, 226, .84) !important; border: 1px solid rgba(94, 72, 49, .28) !important; border-radius: 14px !important; box-shadow: 0 6px 18px rgba(36, 26, 17, .13), inset 0 1px 0 rgba(255,255,255,.48) !important; backdrop-filter: blur(12px) saturate(.78) !important; -webkit-backdrop-filter: blur(12px) saturate(.78) !important; } .gpa-card, .chapter-card, .boss-card, .charge-card, .action-card, .shield-card { border-radius: 14px !important; } /* 좌우 상단 정보창은 내부 여백과 글자 간격을 조금 정돈 */ .gpa-card, .chapter-card { padding: 14px 16px !important; } .gpa-label, .chapter-title { opacity: .78; } #gpa-number { letter-spacing: -.04em; } .chapter-card { text-align: center; } /* ========================================================= 상단 핵심 정보 강조 ========================================================= */ /* 학점: 작게 떠 있는 숫자보다 '현재 학점'이라는 정보 카드처럼 보이게 */ .gpa-card { width: 230px !important; min-width: 230px !important; height: 112px !important; min-height: 112px !important; padding: 14px 17px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .gpa-label { margin-bottom: 3px !important; color: #6b5844 !important; opacity: 1 !important; font-size: 12px !important; font-weight: 1000 !important; letter-spacing: .05em !important; } .gpa-row { display: flex !important; align-items: baseline !important; gap: 7px !important; } #gpa-number { font-weight: 1000 !important; line-height: .95 !important; letter-spacing: -.055em !important; } .gpa-row span { font-size: 11px !important; font-weight: 800 !important; color: #8a7966 !important; } .gpa-meaning { margin-top: 7px; color: #8a735b; font-size: 9.5px; font-weight: 800; letter-spacing: .01em; } .gpa-meter { width: 100%; height: 5px; margin-top: 6px; overflow: hidden; border-radius: 999px; background: rgba(100,77,53,.11); border: 1px solid rgba(100,77,53,.10); box-sizing: border-box; } .gpa-meter-fill { width: 0%; height: 100%; border-radius: inherit; background: #bd8c31; transition: width .20s ease, background .20s ease; } /* 현재 학기: 아래 EVENT SELECT 패널과 정확히 같은 폭으로 맞춘다. */ .chapter-card, .events-panel { width: 360px !important; box-sizing: border-box !important; } .chapter-card { height: 112px !important; min-height: 112px !important; padding: 13px 18px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; } .chapter-title { margin-bottom: 3px !important; color: #9b741c !important; opacity: 1 !important; font-size: 10px !important; font-weight: 1000 !important; letter-spacing: .16em !important; } .semester-title { color: #30271f !important; font-size: 23px !important; font-weight: 1000 !important; line-height: 1.08 !important; letter-spacing: -.035em !important; } .chapter-card small, #turn-label { margin-top: 5px !important; color: #756451 !important; font-size: 10px !important; font-weight: 800 !important; } #turn-dots { margin-top: 5px !important; } @media (max-width: 900px) { .chapter-card, .events-panel { width: min(360px, calc(100vw - 24px)) !important; } .gpa-card { width: 205px !important; min-width: 205px !important; } .semester-title { font-size: 20px !important; } } /* 보스창은 너무 무겁지 않게 */ .boss-card { background: rgba(248, 241, 226, .82) !important; border-color: rgba(94, 72, 49, .25) !important; box-shadow: 0 5px 16px rgba(36,26,17,.12) !important; } /* 이벤트 선택창: 전체 HUD 중 조금 더 선명하게, 대신 여전히 반투명 */ .events-panel { background: rgba(248, 241, 226, .89) !important; border: 1px solid rgba(94, 72, 49, .30) !important; border-radius: 16px !important; box-shadow: 0 10px 28px rgba(35,25,16,.16) !important; backdrop-filter: blur(14px) saturate(.80) !important; -webkit-backdrop-filter: blur(14px) saturate(.80) !important; } .events-head { margin-bottom: 8px !important; padding-bottom: 10px !important; border-bottom: 1px solid rgba(109, 84, 57, .18) !important; } .events-head span { opacity: .80; letter-spacing: .12em !important; } .events-note { opacity: .72; } #event-list.event-list { gap: 10px !important; padding-right: 5px !important; padding-bottom: 8px !important; } /* 턴 카드 자체도 아주 살짝 투명하게 해서 패널과 자연스럽게 섞이게 */ .event-card.asset-image-button { opacity: .96; } .event-card.asset-image-button .event-card-button-image { opacity: .97; filter: drop-shadow(0 3px 5px rgba(54,39,24,.11)) !important; } .event-card.asset-image-button:hover:not(:disabled) { opacity: 1; } .event-card.asset-image-button:hover:not(:disabled) .event-card-button-image { filter: drop-shadow(0 5px 8px rgba(54,39,24,.16)) !important; } /* 시험 버튼도 턴 이미지 카드들과 같은 밀도로 */ .event-card.exam-script-button { background: rgba(252, 246, 232, .91) !important; border: 1px solid rgba(151, 111, 37, .30) !important; box-shadow: 0 3px 8px rgba(54,39,24,.10) !important; } /* 하단 HUD를 동일한 밀도로 맞춤 */ .charge-card, .action-card, .shield-card { background: rgba(248, 241, 226, .84) !important; border: 1px solid rgba(94, 72, 49, .27) !important; box-shadow: 0 6px 18px rgba(36,26,17,.12) !important; } .charge-card { padding: 14px 18px !important; } .action-card, .shield-card { padding: 12px 14px !important; } .charge-title { padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid rgba(104,81,58,.14); } .charge-slot { border-radius: 10px !important; box-shadow: none !important; } .mode-btn { border-radius: 9px !important; box-shadow: none !important; } kbd { border-radius: 7px !important; } /* 안내/토스트도 화면을 가리지 않도록 더 투명하게 */ .center-banner, .toast, .exam-guide, .special-guide { background: rgba(250, 244, 229, .86) !important; border-color: rgba(101,77,51,.24) !important; box-shadow: 0 5px 16px rgba(40,28,17,.12) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } /* 대화창은 읽기 편해야 해서 HUD보다 조금 더 불투명 */ .turn-dialogue-box { background: rgba(253, 247, 234, .93) !important; border: 1px solid rgba(101,77,51,.28) !important; box-shadow: 0 10px 28px rgba(42,29,18,.16) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .turn-dialogue-box::before { background: rgba(253, 247, 234, .93) !important; } `; document.head.appendChild(style); } // DOM 준비 후 시작 화면과 Zeroad 이미지를 한 번에 연결한다. setupStartScreenAssets(); installAssetUiStyles(); installNotebookThemeStyles(); setupShortcutHelpUi(); installFloatingHowToButton(); preloadZeroadAssets(); setOverlayAssetBackground("gameover", "room", 0.48); setOverlayAssetBackground("ending", "universitySurvival", 0.34); // ===== 턴 시작 / 종료 대화 UI ===== function installTurnDialogueUi() { if ($("turn-dialogue-overlay")) return; const style = document.createElement("style"); style.id = "turn-dialogue-style"; style.textContent = ` #turn-dialogue-overlay { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: flex-end; justify-content: center; background: rgba(3, 6, 16, 0.74); backdrop-filter: blur(2px) brightness(0.58); -webkit-backdrop-filter: blur(2px) brightness(0.58); opacity: 0; pointer-events: none; transition: opacity .22s ease; overflow: hidden; } #turn-dialogue-overlay.open { opacity: 1; pointer-events: auto; } .turn-dialogue-stage { width: min(1080px, 94vw); height: 94vh; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; position: relative; padding: 24px 0 28px; box-sizing: border-box; } .turn-dialogue-character { width: min(520px, 78vw); height: min(66vh, 680px); display: flex; align-items: flex-end; justify-content: center; position: relative; margin-bottom: -54px; filter: drop-shadow(0 18px 24px rgba(0,0,0,.42)); transform: translateY(24px) scale(.96); opacity: 0; transition: transform .32s cubic-bezier(.2,.8,.2,1), opacity .25s ease; } #turn-dialogue-overlay.open .turn-dialogue-character { transform: translateY(0) scale(1); opacity: 1; } .turn-dialogue-character img { width: 100%; height: 100%; object-fit: contain; object-position: center bottom; user-select: none; -webkit-user-drag: none; /* 대화 캐릭터를 기존보다 훨씬 크게 표시 */ transform: translateY(420px) scale(1.85); transform-origin: center bottom; } .turn-dialogue-placeholder { width: 330px; height: 470px; border-radius: 42% 42% 20% 20%; display: flex; align-items: center; justify-content: center; font-size: 112px; background: linear-gradient(180deg, rgba(82,96,142,.92), rgba(30,38,67,.96)); border: 2px solid rgba(255,255,255,.18); box-shadow: inset 0 0 50px rgba(255,255,255,.06); } .turn-dialogue-box { width: min(920px, 92vw); min-height: 150px; position: relative; z-index: 2; box-sizing: border-box; padding: 34px 42px 30px; border-radius: 24px; background: rgba(251, 248, 239, .98); color: #171923; border: 3px solid rgba(79, 70, 51, .22); box-shadow: 0 22px 55px rgba(0,0,0,.42), inset 0 1px 0 #fff; transform: translateY(18px); opacity: 0; transition: transform .28s .08s ease, opacity .25s .08s ease; } #turn-dialogue-overlay.open .turn-dialogue-box { transform: translateY(0); opacity: 1; } .turn-dialogue-box::before { content: ""; position: absolute; top: -19px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 34px; height: 34px; background: rgba(251,248,239,.98); border-left: 3px solid rgba(79,70,51,.22); border-top: 3px solid rgba(79,70,51,.22); } .turn-dialogue-name { position: absolute; left: 30px; top: -24px; padding: 9px 22px; border-radius: 999px; background: #252b45; color: #fff; font-size: 17px; font-weight: 900; letter-spacing: .02em; box-shadow: 0 7px 18px rgba(0,0,0,.24); } .turn-dialogue-text { font-size: clamp(18px, 2vw, 26px); line-height: 1.62; font-weight: 700; word-break: keep-all; padding-right: 88px; } .turn-dialogue-next { position: absolute; right: 24px; bottom: 22px; width: 58px; height: 58px; border: 0; border-radius: 50%; background: #252b45; color: #fff; cursor: pointer; font-size: 24px; font-weight: 900; box-shadow: 0 8px 18px rgba(0,0,0,.22); transition: transform .12s ease, background .12s ease; } .turn-dialogue-next:hover { transform: translateY(-2px) scale(1.04); background: #394266; } .turn-dialogue-hint { position: absolute; right: 98px; bottom: 34px; font-size: 12px; color: #77756f; font-weight: 700; } @media (max-width: 660px) { .turn-dialogue-stage { height: 92vh; } .turn-dialogue-character { width: 80vw; height: 58vh; margin-bottom: -34px; } .turn-dialogue-character img { transform: translateY(300px) scale(1.65); } .turn-dialogue-placeholder { width: 250px; height: 360px; font-size: 96px; } .turn-dialogue-box { min-height: 145px; padding: 32px 24px 72px; border-radius: 20px; } .turn-dialogue-text { padding-right: 0; font-size: 18px; } .turn-dialogue-next { right: 18px; bottom: 14px; width: 50px; height: 50px; } .turn-dialogue-hint { right: 82px; bottom: 29px; } } `; document.head.appendChild(style); const overlay = document.createElement("div"); overlay.id = "turn-dialogue-overlay"; overlay.innerHTML = `

김민식

클릭 / SPACE

`; document.body.appendChild(overlay); $("turn-dialogue-next").addEventListener("click", closeTurnDialogue); overlay.addEventListener("click", (e) => { if (e.target === overlay || e.target.classList.contains("turn-dialogue-stage")) closeTurnDialogue(); }); } function turnDialogueKey() { if (!run) return null; return `${run.year}-${run.semester}-${run.turnsUsed}`; } function getTurnDialogueData() { const key = turnDialogueKey(); const preset = TURN_START_DIALOGUES[key]; if (preset) return preset; return { speaker: "김민식", mood: "🙂", portraitAsset: "dialogueMinsik", text: `${run.year}학년 ${run.semester}학기, ${run.turnsUsed + 1}번째 선택이야. 이번 턴을 어떻게 보낼지 정해보자.`, }; } function turnEndDialogueKey() { if (!run || run.turnsUsed <= 0) return null; // turnsUsed는 이미 1 증가한 뒤이므로 방금 끝난 턴 번호는 -1이다. return `${run.year}-${run.semester}-${run.turnsUsed - 1}`; } function getTurnEndDialogueData() { const id = run?.lastEventId || ""; let preset = null; if (id.startsWith("study-")) preset = TURN_END_DIALOGUES.study; else preset = TURN_END_DIALOGUES[id]; return preset || TURN_END_DIALOGUES.default; } function showTurnDialogue(data, onClose) { installTurnDialogueUi(); dialogueContinue = typeof onClose === "function" ? onClose : null; const overlay = $("turn-dialogue-overlay"); const character = $("turn-dialogue-character"); $("turn-dialogue-name").textContent = data.speaker || "김민식"; $("turn-dialogue-text").textContent = data.text || ""; character.innerHTML = ""; const portraitSrc = data.portrait || (data.portraitAsset ? assetUrl(data.portraitAsset) : ""); if (portraitSrc) { const img = document.createElement("img"); img.src = portraitSrc; img.alt = data.speaker || "김민식"; character.appendChild(img); } else { const placeholder = document.createElement("div"); placeholder.className = "turn-dialogue-placeholder"; placeholder.textContent = data.mood || "🧑‍🎓"; character.appendChild(placeholder); } overlay.classList.add("open"); // 대화가 떠 있는 동안 Space를 누르면 다음으로 진행한다. setSpaceSkipHandler(closeTurnDialogue); } function closeTurnDialogue() { const overlay = $("turn-dialogue-overlay"); if (!overlay?.classList.contains("open")) return; playGameSfx("dialogue"); clearSpaceSkipHandler(closeTurnDialogue); overlay.classList.remove("open"); const next = dialogueContinue; dialogueContinue = null; setTimeout(() => { if (next) next(); }, 180); } function maybeShowTurnDialogue(onClose) { // 시험 선택 화면(turnsUsed === 2)에는 턴 시작 대화를 띄우지 않는다. if (!run || run.turnsUsed >= 2) return false; const key = turnDialogueKey(); if (!key || lastTurnDialogueKey === key) return false; lastTurnDialogueKey = key; showTurnDialogue(getTurnDialogueData(), onClose); return true; } function maybeShowTurnEndDialogue(onClose) { // 시험/학생회 사이드 이벤트는 일반 턴 종료 대화 대상이 아니다. if (!run || state !== "result") return false; const key = turnEndDialogueKey(); if (!key || lastTurnEndDialogueKey === key) return false; lastTurnEndDialogueKey = key; showTurnDialogue(getTurnEndDialogueData(), onClose); return true; } installTurnDialogueUi(); // ===== 엔딩 회상 컷씬 ===== // 마지막 시험이 끝나면 플레이 중 실제로 달성한 경험만 한 장씩 천천히 보여준다. // 각 장면은 자동으로 넘어가며, SPACE 또는 화면 클릭으로 현재 장면을 바로 넘길 수 있다. let endingCutsceneScenes = []; let endingCutsceneIndex = 0; let endingCutsceneTimer = null; let endingCutsceneLocked = false; function installEndingCutsceneUi() { if ($("ending-cutscene-overlay")) return; const style = document.createElement("style"); style.id = "ending-cutscene-style"; style.textContent = ` #ending-cutscene-overlay { position: fixed; inset: 0; z-index: 12000; display: flex; align-items: stretch; justify-content: stretch; background: #17120e; opacity: 0; pointer-events: none; transition: opacity .7s ease; overflow: hidden; } #ending-cutscene-overlay.open { opacity: 1; pointer-events: auto; } .ending-cutscene-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0; transform: scale(1.025); transition: opacity .85s ease, transform 6.2s cubic-bezier(.18,.72,.28,1); user-select: none; -webkit-user-drag: none; } #ending-cutscene-overlay.scene-visible .ending-cutscene-image { opacity: 1; transform: scale(1); } .ending-cutscene-vignette { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(24,17,12,.06) 0%, rgba(24,17,12,0) 38%, rgba(24,17,12,.12) 63%, rgba(24,17,12,.54) 100%); } .ending-cutscene-progress { position: absolute; top: 24px; left: 50%; transform: translateX(-50%); display: flex; gap: 7px; padding: 8px 12px; border-radius: 999px; background: rgba(249,242,226,.76); border: 1px solid rgba(104,80,54,.20); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 3; } .ending-cutscene-dot { width: 7px; height: 7px; border-radius: 999px; background: rgba(91,72,51,.22); transition: width .25s ease, background .25s ease; } .ending-cutscene-dot.done { background: rgba(156,115,35,.46); } .ending-cutscene-dot.current { width: 22px; background: #b88a2d; } .ending-cutscene-caption-wrap { position: absolute; left: 50%; bottom: clamp(28px, 5vh, 58px); transform: translate(-50%, 28px); width: min(900px, calc(100vw - 48px)); opacity: 0; z-index: 4; transition: opacity .55s ease .20s, transform .55s ease .20s; } #ending-cutscene-overlay.scene-visible .ending-cutscene-caption-wrap { opacity: 1; transform: translate(-50%, 0); } .ending-cutscene-caption { padding: 21px 28px 20px; border-radius: 14px; background: rgba(250,244,230,.88); color: #30271f; border: 1px solid rgba(102,78,52,.28); box-shadow: 0 12px 32px rgba(22,15,10,.22); backdrop-filter: blur(12px) saturate(.84); -webkit-backdrop-filter: blur(12px) saturate(.84); text-align: center; } .ending-cutscene-kicker { margin-bottom: 7px; color: #9d7525; font-size: 11px; font-weight: 900; letter-spacing: .18em; } .ending-cutscene-title { margin-bottom: 9px; color: #2d251e; font-size: clamp(20px, 2.3vw, 28px); font-weight: 900; letter-spacing: -.03em; } .ending-cutscene-text { margin: 0 auto; max-width: 790px; color: #55483b; font-size: clamp(14px, 1.55vw, 17px); line-height: 1.72; word-break: keep-all; } .ending-cutscene-hint { position: absolute; right: 18px; bottom: -27px; color: rgba(255,250,240,.78); font-size: 11px; letter-spacing: .04em; text-shadow: 0 2px 5px rgba(0,0,0,.45); } @media (max-width: 720px) { .ending-cutscene-caption-wrap { width: calc(100vw - 26px); bottom: 28px; } .ending-cutscene-caption { padding: 17px 17px 16px; border-radius: 12px; } .ending-cutscene-text { font-size: 13px; line-height: 1.62; } .ending-cutscene-progress { top: 14px; } .ending-cutscene-hint { right: 5px; bottom: -25px; } } `; document.head.appendChild(style); const overlay = document.createElement("div"); overlay.id = "ending-cutscene-overlay"; overlay.className = "hidden"; overlay.innerHTML = `

MEMORY

자동 진행 · SPACE / 클릭으로 넘기기

`; document.body.appendChild(overlay); // 마우스로도 현재 컷을 넘길 수 있다. overlay.addEventListener("click", () => { if (state !== "endingCutscene" || endingCutsceneLocked) return; advanceEndingCutscene(true); }); } function hasAnySecondAssignmentClear() { if (!run?.yearlyCompleted) return false; for (const key of run.yearlyCompleted) { if (key.endsWith(":team2") || key.endsWith(":professor2")) return true; } return false; } function hasAllThreeFriends() { if (!run) return false; return ["minsik", "taeil", "minjin"].every((id) => run.friends.includes(id)); } function hasGraduationExhibitionClear() { return !!run?.completed?.has("graduation"); } function qualifiesForHiddenEnding() { // 히든은 엔딩 회상으로 보여주는 모든 핵심 경험을 달성했을 때만 등장한다. return ( hasAnySecondAssignmentClear() && hasAllThreeFriends() && !!run?.councilJoined && (run?.gpa ?? 0) >= 4.0 && !!run?.romance && hasGraduationExhibitionClear() ); } function buildEndingCutsceneScenes() { const scenes = []; // 과제 회상: 팀플 과제 II 또는 교수 과제 II를 한 번이라도 클리어했을 때. if (hasAnySecondAssignmentClear()) { scenes.push({ id: "assignment", asset: "endingAssignment", kicker: "그때의 밤", title: "끝나지 않을 것 같던 과제", text: "그때는 정말 끝이 안 보였다. 서로 지치고, 실수하고, 가끔은 원망도 했지만 결국 마지막 파일을 함께 제출했다. " + "돌아보면 힘들기만 한 기억은 아니다. 그 밤 덕분에 나는 혼자서는 못 했을 일을 함께 끝내는 법을 배웠다." }); } // 친구: 민식, 태일, 민진 세 명을 모두 만났을 때. if (hasAllThreeFriends()) { scenes.push({ id: "friends", asset: "endingFriends", kicker: "함께였던 사람들", title: "별것 아닌 시간이 오래 남았다", text: "수업보다 편의점 앞에서 나눈 이야기가 더 선명하게 기억나는 날도 있다. " + "별것 아닌 말로 웃고, 힘든 날에는 아무렇지 않은 척 옆에 있어 줬다. 대학에서 얻은 건 학점만이 아니었다." }); } // 학생회 if (run?.councilJoined) { scenes.push({ id: "council", asset: "endingCouncil", kicker: "정신없었던 하루", title: "왜 이렇게까지 뛰었을까", text: "행사 전날엔 내가 왜 이걸 시작했나 싶을 만큼 정신없이 뛰어다녔다. " + "그래도 모든 게 끝난 뒤 사람들의 웃는 얼굴을 보니, 그 소란스러운 한가운데에 내가 있었다는 게 조금 자랑스러웠다." }); } // 공부: 최종 학점 4.0 이상 if ((run?.gpa ?? 0) >= 4.0) { scenes.push({ id: "study", asset: "endingStudy", kicker: "혼자 남았던 밤", title: "조금씩, 버틸 수 있는 사람이 됐다", text: "아무도 알아주지 않는 밤에 혼자 책을 펼친 적도 많았다. 처음엔 그저 버티는 것뿐이었는데, " + "어느 순간 나는 어제보다 조금 더 오래 집중하고, 조금 더 멀리 갈 수 있는 사람이 되어 있었다." }); } // 연애 if (run?.romance) { scenes.push({ id: "romance", asset: "endingRomance", kicker: "나란히 걷던 길", title: "공부보다 어려웠던 마음", text: "처음엔 학점보다 더 어려운 일이라고 생각했다. 그런데 같은 길을 천천히 걷는 시간이 생기고 나서야 알았다. " + "누군가와 속도를 맞춰 걷는 것도, 내 대학생활을 채운 소중한 경험이었다." }); } // 졸업전시 if (hasGraduationExhibitionClear()) { scenes.push({ id: "exhibition", asset: "endingExhibition", kicker: "마지막 고비", title: "내가 만든 것을 한참 바라봤다", text: "끝까지 고치고, 다시 만들고, 또 고쳤다. 도망치고 싶은 순간도 많았지만 결국 내 이름이 붙은 결과물이 그 자리에 남았다. " + "그 앞에 서서야 처음으로, 정말 여기까지 왔다는 생각이 들었다." }); } // 졸업은 모든 플레이에서 마지막에 반드시 보여준다. scenes.push({ id: "graduation", asset: "endingGraduation", kicker: "마지막 페이지", title: "졸업했습니다.", text: "잘한 선택도 있었고, 돌아보면 아쉬운 선택도 있었다. 그래도 그 모든 순간이 결국 내 대학생활이 되었다. " + "혼자였다면 넘지 못했을 한계를, 우리는 결국 넘어섰다." }); // 모든 핵심 경험 달성 시 졸업 장면 뒤에 히든 에필로그. if (qualifiesForHiddenEnding()) { scenes.push({ id: "hidden", asset: "endingHidden", kicker: "HIDDEN MEMORY", title: "죽을 만큼 성장했다", text: "죽을 만큼 바빴고, 죽을 만큼 고민했고, 정말 많이 성장했다. 모든 게 끝난 뒤 침대에 누워 보니 이제야 웃음이 났다. " + "…그리고 솔직히, 다음 학기가 없다는 사실이 제일 기뻤다." }); } return scenes; } function startEndingCutscene() { installEndingCutsceneUi(); endingCutsceneScenes = buildEndingCutsceneScenes(); endingCutsceneIndex = 0; endingCutsceneLocked = false; if (endingCutsceneTimer) { clearTimeout(endingCutsceneTimer); endingCutsceneTimer = null; } const overlay = $("ending-cutscene-overlay"); overlay.classList.remove("hidden"); overlay.classList.remove("scene-visible"); state = "endingCutscene"; requestAnimationFrame(() => { overlay.classList.add("open"); showEndingCutsceneScene(); }); } function renderEndingCutsceneProgress() { const progress = $("ending-cutscene-progress"); if (!progress) return; progress.innerHTML = ""; endingCutsceneScenes.forEach((_, index) => { const dot = document.createElement("span"); dot.className = "ending-cutscene-dot"; if (index < endingCutsceneIndex) dot.classList.add("done"); if (index === endingCutsceneIndex) dot.classList.add("current"); progress.appendChild(dot); }); } function showEndingCutsceneScene() { if (state !== "endingCutscene") return; const scene = endingCutsceneScenes[endingCutsceneIndex]; if (!scene) { finishEndingCutscene(); return; } const overlay = $("ending-cutscene-overlay"); const image = $("ending-cutscene-image"); const src = assetUrl(scene.asset); overlay.classList.remove("scene-visible"); image.alt = scene.title || "대학생활 회상"; image.src = src || ""; $("ending-cutscene-kicker").textContent = scene.kicker || "MEMORY"; $("ending-cutscene-title").textContent = scene.title || ""; $("ending-cutscene-text").textContent = scene.text || ""; renderEndingCutsceneProgress(); // 이미지가 없더라도 자막은 정상적으로 보여준다. requestAnimationFrame(() => { requestAnimationFrame(() => overlay.classList.add("scene-visible")); }); endingCutsceneLocked = false; // SPACE는 현재 장면을 바로 다음 장면으로 넘긴다. beginCutsceneSpaceSkip(() => advanceEndingCutscene(true)); // 한 장면을 충분히 볼 수 있도록 약 6초 동안 보여준다. endingCutsceneTimer = setTimeout(() => { advanceEndingCutscene(false); }, 6200); } function advanceEndingCutscene(manual = false) { if (state !== "endingCutscene" || endingCutsceneLocked) return; endingCutsceneLocked = true; if (endingCutsceneTimer) { clearTimeout(endingCutsceneTimer); endingCutsceneTimer = null; } endCutsceneSpaceSkip(); const overlay = $("ending-cutscene-overlay"); overlay.classList.remove("scene-visible"); // 서두르지 않고 한 번 천천히 암전한 뒤 다음 장면으로. setTimeout(() => { if (state !== "endingCutscene") return; endingCutsceneIndex++; endingCutsceneLocked = false; if (endingCutsceneIndex >= endingCutsceneScenes.length) { finishEndingCutscene(); } else { showEndingCutsceneScene(); } }, manual ? 420 : 700); } function finishEndingCutscene() { if (endingCutsceneTimer) { clearTimeout(endingCutsceneTimer); endingCutsceneTimer = null; } endCutsceneSpaceSkip(); const overlay = $("ending-cutscene-overlay"); if (!overlay) { showEndingSummary(); return; } overlay.classList.remove("scene-visible"); overlay.classList.remove("open"); setTimeout(() => { overlay.classList.add("hidden"); showEndingSummary(); }, 720); } function showEndingSummary() { state = "ending"; const friendNames = run.friends .map((id) => FRIENDS.find((f) => f.id === id)?.name) .filter(Boolean); const romanceLine = run.romance ? "과탑 여신과의 인연도 졸업까지 이어졌습니다." : "연애보다 졸업을 먼저 챙겼습니다."; const hiddenLine = qualifiesForHiddenEnding() ? "\n모든 대학생활의 추억을 완성했습니다. · HIDDEN MEMORY" : ""; $("ending-copy").textContent = `최종 학점 ${run.gpa.toFixed(2)} / 4.50\n` + `친구 ${friendNames.length}명${friendNames.length ? ` · ${friendNames.join(", ")}` : ""}\n` + `${run.bookUnlocked ? "책 던지기 습득 · " : ""}` + `${run.councilJoined ? "학생회 경험 보유\n" : "\n"}` + `${romanceLine}${hiddenLine}`; if ($("ending-retry-btn")) { $("ending-retry-btn").textContent = "타이틀 화면으로"; } show("ending"); } // ===== 앞으로 만들 컷씬용 SPACE 스킵 연결 함수 ===== // 예: // beginCutsceneSpaceSkip(() => finishCutscene()); // 컷씬이 정상 종료될 때: // endCutsceneSpaceSkip(); // // 이 함수 덕분에 이후 엔딩 컷씬/회상 씬도 동일하게 Space 한 번으로 넘길 수 있다. function beginCutsceneSpaceSkip(skipFn) { setSpaceSkipHandler(skipFn); } function endCutsceneSpaceSkip() { clearSpaceSkipHandler(); } // ===== DEV 전용 즉시 클리어 ===== // 배포 전에 installDevTools() 호출만 지우면 버튼과 F8 단축키가 사라진다. function installDevTools() { if ($("dev-kill-btn")) return; const btn = document.createElement("button"); btn.id = "dev-kill-btn"; btn.type = "button"; btn.textContent = "DEV · 즉시 클리어 [F8]"; Object.assign(btn.style, { position: "fixed", right: "18px", bottom: "18px", zIndex: "9999", padding: "9px 13px", borderRadius: "10px", border: "1px solid rgba(250, 204, 21, 0.9)", background: "rgba(20, 16, 8, 0.88)", color: "#fde047", fontSize: "12px", fontWeight: "900", cursor: "pointer", boxShadow: "0 6px 22px rgba(0,0,0,0.38)", display: "none", }); btn.addEventListener("click", devInstantClear); document.body.appendChild(btn); window.addEventListener("keydown", (e) => { if (e.key === "F8") { e.preventDefault(); devInstantClear(); } }); } function renderDevTools() { const btn = $("dev-kill-btn"); if (!btn) return; btn.style.display = ["combat", "council", "exam", "goddess"].includes(state) ? "block" : "none"; } function devInstantClear() { if (!run || !runtime) return; if (state === "combat" && boss && currentEvent) { boss.slots = 0; boss.phase = "defeated"; bullets = []; playerBullets = []; runtime.clearTimer = 0.08; runtime.shake = Math.max(runtime.shake, 12); spawnParticles(boss.x, boss.y, "#fde047", 38, 260); showToast("DEV KILL · 보스 즉시 처치", 0.7); renderBossHud(); return; } if (state === "council") { bullets = []; runtime.specialTimer = 0; showToast("DEV SKIP · 학생회 행사 종료", 0.7); return; } if (state === "exam") { const reward = examRewardValue(); bullets = []; examOrb = null; changeGpa(+reward, `DEV 시험 +${formatPoint(reward)}`); run.examStudyBonus = 0; if (state === "gameover") return; hide("exam-guide"); showBanner(`DEV · 시험 클리어학점 +${formatPoint(reward)} · 다음 학기로 이동`, 0.8); state = "examResult"; runtime.resultTimer = 0.35; return; } if (state === "goddess") { bullets = []; runtime.goddessTimer = 0; showToast("DEV SKIP · 과탑 여신 생존 완료", 0.7); } } installDevTools(); function show(id) { $(id).classList.remove("hidden"); } function hide(id) { $(id).classList.add("hidden"); } function showHud(on) { $("top-hud").classList.toggle("hidden", !on); $("bottom-hud").classList.toggle("hidden", !on); } function cloneRunState(source) { if (!source) return null; return { year: source.year, semester: source.semester, turnsUsed: source.turnsUsed, gpa: source.gpa, completed: new Set(source.completed || []), yearlyCompleted: new Set(source.yearlyCompleted || []), studyUsedByYear: { ...(source.studyUsedByYear || { 1: 0, 2: 0, 3: 0 }) }, examStudyBonus: source.examStudyBonus || 0, friends: [...(source.friends || [])], bookUnlocked: !!source.bookUnlocked, councilJoined: !!source.councilJoined, romance: !!source.romance, councilEventDialogueSeen: !!source.councilEventDialogueSeen, phoneDialogueSeen: !!source.phoneDialogueSeen, councilEventsDone: new Set(source.councilEventsDone || []), lastEventId: source.lastEventId ?? null, }; } function saveSemesterCheckpoint() { if (!run) return; semesterCheckpoint = cloneRunState(run); semesterCheckpoint.turnsUsed = 0; semesterCheckpoint.lastEventId = null; } function resumeFromLeave() { // 복학하면 해당 학기의 시작/종료 대화를 다시 볼 수 있게 초기화한다. lastTurnDialogueKey = null; lastTurnEndDialogueKey = null; if (!semesterCheckpoint) { startNewRun(); return; } run = cloneRunState(semesterCheckpoint); lastTurnDialogueKey = null; lastTurnEndDialogueKey = null; hide("start-screen"); hide("gameover"); hide("ending"); hide("phone-overlay"); hide("exam-guide"); hide("special-guide"); showHud(true); state = "select"; resetCombatState(); renderAllUi(); openEventSelection(); showBanner( `🏫 복학했습니다${run.year}학년 · ${run.semester}학기 처음부터 다시 시작`, 1.9 ); } function returnToTitle() { // 엔딩 컷씬 자동 진행이 남아 있으면 완전히 정리한다. if (endingCutsceneTimer) { clearTimeout(endingCutsceneTimer); endingCutsceneTimer = null; } endCutsceneSpaceSkip(); clearSpaceSkipHandler(); const cutsceneOverlay = $("ending-cutscene-overlay"); if (cutsceneOverlay) { cutsceneOverlay.classList.remove("open", "scene-visible"); cutsceneOverlay.classList.add("hidden"); } // 게임 관련 화면 전부 닫기. hide("ending"); hide("gameover"); hide("events-panel"); hide("boss-hud"); hide("phone-overlay"); hide("exam-guide"); hide("special-guide"); showHud(false); // 현재 플레이 데이터를 비우고 완전히 메뉴 상태로 복귀. state = "menu"; run = null; semesterCheckpoint = null; currentEvent = null; player = null; boss = null; runtime = null; bullets = []; playerBullets = []; particles = []; slashes = []; examOrb = null; lastTurnDialogueKey = null; lastTurnEndDialogueKey = null; dialogueContinue = null; const shortcutDetails = $("shortcut-help-details"); const shortcutCard = document.querySelector(".action-card"); if (shortcutDetails) shortcutDetails.classList.add("hidden"); if (shortcutCard) shortcutCard.classList.remove("shortcut-open"); // 혹시 열려 있던 대화창도 닫는다. const dialogueOverlay = $("turn-dialogue-overlay"); if (dialogueOverlay) dialogueOverlay.classList.remove("open"); // 타이틀 화면으로 돌아갈 때 설명창이 열려 있으면 닫는다. closeHowToPlay(); // 타이틀 화면 에셋/버튼 상태를 다시 맞추고 표시. setupStartScreenAssets(); requestAnimationFrame(syncFloatingHowToButton); if ($("start-btn")) { $("start-btn").textContent = "1학년 시작"; } show("start-screen"); } function startNewRun() { const titleHelp = $("title-howto-floating"); if (titleHelp) titleHelp.style.setProperty("display", "none", "important"); lastTurnDialogueKey = null; lastTurnEndDialogueKey = null; // 엔딩 컷씬에서 다시 시작하는 경우 남아 있는 자동 진행 타이머/오버레이 정리. if (endingCutsceneTimer) { clearTimeout(endingCutsceneTimer); endingCutsceneTimer = null; } endCutsceneSpaceSkip(); if ($("ending-cutscene-overlay")) { $("ending-cutscene-overlay").classList.remove("open", "scene-visible"); $("ending-cutscene-overlay").classList.add("hidden"); } run = { year: 1, semester: 1, turnsUsed: 0, gpa: CONFIG.startGpa, completed: new Set(), yearlyCompleted: new Set(), studyUsedByYear: { 1: 0, 2: 0, 3: 0 }, examStudyBonus: 0, friends: [], bookUnlocked: false, councilJoined: false, romance: false, // 특수 연출은 전체 플레이에서 처음 한 번만 대화창을 띄운다. councilEventDialogueSeen: false, phoneDialogueSeen: false, councilEventsDone: new Set(), lastEventId: null, }; saveSemesterCheckpoint(); hide("start-screen"); hide("gameover"); hide("ending"); hide("phone-overlay"); hide("exam-guide"); hide("special-guide"); showHud(true); state = "select"; resetCombatState(); renderAllUi(); openEventSelection(); showBanner("CHAPTER 11학년 · 1학기", 1.8); } function resetCombatState() { player = { x: W * 0.43, y: H * 0.7, r: CONFIG.playerRadius, facing: -Math.PI / 2, charges: 0, attackMode: run?.bookUnlocked ? "book" : "melee", parryTimer: 0, parryCooldown: 0, rollTimer: 0, rollCooldown: 0, rollDirX: 0, rollDirY: -1, invuln: 0, hurtFlash: 0, attackLock: 0, shieldReady: !!run?.councilJoined, shieldTimer: 0, }; boss = null; bullets = []; playerBullets = []; particles = []; slashes = []; examOrb = null; runtime = { hitStop: 0, slowMo: 0, shake: 0, phoneTimer: 0, phoneUsed: false, phonePending: !!run?.romance, phoneDelay: run?.romance ? rand(CONFIG.phoneMinDelay, CONFIG.phoneMaxDelay) : Infinity, clearTimer: 0, specialTimer: 0, specialSpawn: 0, examSpawn: 0, examOrbSpawn: 0, goddessSpawn: 0, goddessTimer: 0, goddessStep: 0, resultTimer: 0, parryFx: null, screenFlash: 0, }; } function openEventSelection() { if (state === "gameover" || state === "ending" || state === "endingCutscene") return; resetCombatState(); state = "select"; currentEvent = null; boss = null; bullets = []; playerBullets = []; hide("boss-hud"); hide("exam-guide"); hide("special-guide"); hide("phone-overlay"); hide("events-panel"); renderAllUi(); renderEventList(); const openSelectionAfterDialogue = () => { if (state !== "select") return; show("events-panel"); const key = semesterKey(); if (run.councilJoined && !run.councilEventsDone.has(key) && run.turnsUsed >= 1 && run.turnsUsed < 2) { hide("events-panel"); setTimeout(() => { if (state === "select") startCouncilEvent(); }, 650); } }; // 각 일반 턴이 시작되기 직전에 한 번만 대화를 보여준다. if (maybeShowTurnDialogue(openSelectionAfterDialogue)) return; openSelectionAfterDialogue(); } function semesterKey() { return `${run.year}-${run.semester}`; } function remainingTurns() { return Math.max(0, 2 - run.turnsUsed); } function yearlyEventKey(def) { return `${run.year}:${def.id}`; } function isEventCompleted(def) { return def.yearly ? run.yearlyCompleted.has(yearlyEventKey(def)) : run.completed.has(def.id); } function studyUsedThisYear() { return run.studyUsedByYear?.[run.year] || 0; } function examRewardValue() { return 1 + (run.examStudyBonus || 0); } function formatPoint(v) { return Number.isInteger(v) ? v.toFixed(0) : v.toFixed(1); } // 1학년 1학기 = 0, 3학년 2학기 = 5. // 학기가 지날수록 탄속/탄수/패턴 빈도가 조금씩 상승한다. function difficultyTier() { if (!run) return 0; return (run.year - 1) * 2 + (run.semester - 1); } function difficultySpeed(base, extra = 0) { return base * (1 + difficultyTier() * 0.07 + extra); } function difficultyCount(base) { return base + Math.floor((difficultyTier() + 1) / 2); } function difficultyInterval(base, min = 0.28) { return Math.max(min, base / (1 + difficultyTier() * 0.085)); } function renderEventList() { const list = $("event-list"); list.innerHTML = ""; $("events-semester").textContent = `${run.year}학년 · ${run.semester}학기`; $("events-turns").textContent = `${run.turnsUsed < 1 ? "●" : "○"} ${run.turnsUsed < 2 ? "●" : "○"}`; if (run.turnsUsed >= 2) { const reward = examRewardValue(); const bonus = run.examStudyBonus || 0; list.appendChild(makeEventCard({ id: "exam", icon: "📝", name: "시험", quest: `${run.semester}학기 마무리`, desc: bonus > 0 ? `공부 보너스 +${formatPoint(bonus)} 적용 · 노란 +${formatPoint(reward)} 학점을 직접 받아라.` : "+1 학점 탄을 직접 받아 학기를 끝낸다.", reward: `학점 +${formatPoint(reward)} · 학기 종료`, exam: true, })); return; } let selectable = 0; for (const def of EVENT_DEFS) { // 학생회는 1학기에만 노출. 가입 후에는 목록에서 제거. if (def.id === "council" && (run.semester !== 1 || run.councilJoined)) continue; // 과제 I / II는 각각 1학기 / 2학기에만 보인다. // 1~3학년 모두 학기별 과제/팀플이 생기고, 3학년에는 졸전이 추가로 등장한다. if (def.semester && def.semester !== run.semester) continue; if (def.minYear && run.year < def.minYear) continue; if (def.maxYear && run.year > def.maxYear) continue; if (def.study) { const used = studyUsedThisYear(); const disabled = used >= 2; if (!disabled) selectable++; list.appendChild(makeEventCard({ ...def, disabled, studyLimit: true, desc: `다음 시험 학점 +0.5 · 이번 학년 ${used}/2회 사용`, reward: disabled ? "이번 학년 공부 완료" : "다음 시험 학점 +0.5", })); continue; } const completed = isEventCompleted(def); const semesterLocked = def.firstSemesterOnly && run.semester !== 1; const requirementLocked = def.requires && !run.completed.has(def.requires); const disabled = completed || semesterLocked || requirementLocked; if (!disabled) selectable++; list.appendChild(makeEventCard({ ...def, disabled, completed, semesterLocked, requirementLocked, })); } if (selectable === 0) { list.appendChild(makeEventCard({ id: "pass", icon: "🕒", name: "다음 일정으로", quest: "남은 시간을 보낸다", desc: "현재 선택할 수 있는 이벤트를 모두 경험했습니다.", reward: "1턴 사용", instant: true, pass: true, })); } } function makeEventCard(def) { const btn = document.createElement("button"); btn.type = "button"; btn.className = `event-card${def.exam ? " exam" : ""}${def.id === "council" ? " council" : ""}${def.id === "goddess" ? " goddess" : ""}`; btn.disabled = !!def.disabled; // 시험은 턴 카드 이미지가 따로 없으므로 이미지 에셋을 사용하지 않는다. // 다른 턴 카드와 어울리는 크림색 노트 스타일 버튼을 스크립트로 직접 만든다. if (def.id === "exam") { btn.classList.add("exam-script-button"); btn.setAttribute("aria-label", `${def.name || "시험"} 선택`); btn.innerHTML = `

📝

${def.name || "시험"} 「${def.quest || "학기 마무리"}」 ${def.desc || "시험을 통과해 이번 학기를 마무리한다."}

필수 ${def.reward || "학기 종료"}

`; } else { // 나머지 턴 리스트 이미지는 이미지 자체가 버튼 전체가 된다. const cardAssetName = eventAssetName(def); const artSrc = assetUrl(cardAssetName); if (artSrc) { btn.classList.add("asset-image-button"); btn.setAttribute("aria-label", def.name || "이벤트 선택"); btn.title = def.name || ""; const art = document.createElement("img"); art.className = "event-card-button-image"; art.src = artSrc; art.alt = def.name || "이벤트"; art.draggable = false; btn.appendChild(art); } else { // Zeroad 에셋이 없는 환경에서는 기존 텍스트 카드가 fallback. const restriction = def.firstSemesterOnly ? `※ 1학기에만 신청 가능` : ""; const status = def.studyLimit && def.disabled ? "2/2" : def.completed ? "완료" : def.semesterLocked ? "신청 기간 종료" : def.requirementLocked ? "선행 과제 필요" : "1턴"; btn.innerHTML = `

${def.icon || "•"}

${def.name} 「${def.quest || "이벤트"}」 ${def.desc || ""} ${restriction}

${status}${def.reward || ""}

`; } } if (!def.disabled) btn.addEventListener("click", () => selectEvent(def)); return btn; } function selectEvent(def) { if (state !== "select") return; playGameSfx("select"); hide("events-panel"); // 시험은 일반 턴 이벤트가 아니므로 기존처럼 바로 시작한다. if (def.id === "exam") { startExam(); return; } // 핵심: 이벤트 카드를 눌렀을 때 해당 캐릭터의 시작 대화를 먼저 보여준다. // 대화를 닫기 전에는 전투/공부/연애 이벤트가 절대 시작되지 않는다. const intro = getEventStartDialogue(def); if (intro) { state = "eventStartDialogue"; showTurnDialogue(intro, () => { if (state !== "eventStartDialogue") return; state = "select"; launchSelectedEvent(def); }); return; } launchSelectedEvent(def); } function launchSelectedEvent(def) { // 대화가 끝난 뒤 실제 이벤트를 시작하는 공통 진입점. if (def.study) { completeStudyTurn(); return; } if (def.goddess) { startGoddessEvent(def); return; } if (def.id === "pass") { run.turnsUsed++; run.lastEventId = "pass"; showBanner("시간이 흘렀습니다1턴 사용", 1.2); state = "result"; runtime.resultTimer = 1.25; return; } if (def.instant) { run.completed.add(def.id); run.turnsUsed++; run.lastEventId = def.id; if (def.id === "goddess") run.romance = true; showBanner(`💗 과탑 여신연애가 시작되었습니다 · 엔딩 플래그 활성화`, 1.8); state = "result"; runtime.resultTimer = 1.9; renderAllUi(); return; } startQuest(def); } function completeStudyTurn() { const used = studyUsedThisYear(); if (used >= 2 || state !== "select") return; playGameSfx("study"); run.studyUsedByYear[run.year] = used + 1; run.examStudyBonus = Math.round(((run.examStudyBonus || 0) + 0.5) * 10) / 10; run.turnsUsed++; run.lastEventId = `study-${run.year}-${run.studyUsedByYear[run.year]}`; showBanner( `✏️ 공부 완료다음 시험 +0.5 · 현재 시험 보너스 +${formatPoint(run.examStudyBonus)} · 1턴 사용`, 1.55 ); state = "result"; runtime.resultTimer = 1.6; renderAllUi(); } function startQuest(def) { resetCombatState(); currentEvent = def; state = "combat"; player.x = W * 0.45; player.y = H * 0.72; const isTeamBoss = def.id === "team" || def.id === "team2"; const isCouncilBoss = def.id === "council"; const isGraduationBoss = def.id === "graduation"; const questHp = isTeamBoss ? 4 : 3; boss = { x: W * 0.5, y: H * 0.31, r: 30, color: def.color, slots: questHp, maxSlots: questHp, phase: def.friendId ? "friendChase" : isGraduationBoss ? "gradSelect" : isCouncilBoss ? "councilApproach" : isTeamBoss ? "teamText" : "return", phaseTimer: def.friendId ? 1.2 : isGraduationBoss ? CONFIG.graduationPatternIntro : isTeamBoss ? CONFIG.teamTextPhaseTime : 0.8, bulletTimer: 0.35, patternStep: 0, attackDir: 0, comboIndex: 0, friendSlashDone: false, dashHit: false, pushVx: 0, pushVy: 0, bodyLean: 0, downBurstTimer: 0, downBurstDone: false, punishTimer: 0, canPunish: false, // 팀플 빌런 전용 teamTargetX: 0, teamTargetY: 0, teamLeapStartX: 0, teamLeapStartY: 0, teamStompParried: false, // 총학생회장 전용 councilStabCount: 0, councilStabTarget: Math.floor(rand(1, 4)), // 졸업전시 전용 gradPatternQueue: [], gradCurrentPattern: "", gradParrySuccess: false, }; if (isTeamBoss) { boss.bulletTimer = 0.45; boss.patternStep = 0; } show("boss-hud"); hide("events-panel"); normalizeBossHp(); renderAllUi(); renderBossHud(); showBanner(`QUEST START「${def.quest}」 · ${def.opponent}`, 1.8); } function startExam() { resetCombatState(); state = "exam"; hide("events-panel"); hide("boss-hud"); show("exam-guide"); player.x = W * 0.5; player.y = H * 0.72; runtime.examSpawn = 0.25; runtime.examOrbSpawn = 1.45; examOrb = null; const reward = examRewardValue(); $("exam-guide").textContent = `시험 · 위험 탄막을 피하고 노란 +${formatPoint(reward)} 학점을 받아라`; showBanner( `📝 ${run.semester}학기 시험기본 +1${run.examStudyBonus > 0 ? ` · 공부 보너스 +${formatPoint(run.examStudyBonus)}` : ""}`, 1.5 ); } function startCouncilEvent() { // 학생회에 가입한 뒤 처음 맞는 '행사'에서만 회장이 직접 호출한다. // 이후 학기의 학생회 행사는 대화 없이 바로 시작한다. if (!run.councilEventDialogueSeen) { run.councilEventDialogueSeen = true; hide("events-panel"); hide("boss-hud"); hide("special-guide"); state = "councilEventIntroDialogue"; showTurnDialogue({ speaker: "총학생회장", mood: "⭐", portraitAsset: "dialogueCouncil", text: "야, 잠깐 와봐. 행사 쪽에 일이 터졌어. 학생회 들어왔으면 이제 같이 버텨야지. 바로 가자." }, () => { if (state !== "councilEventIntroDialogue") return; beginCouncilEvent(); }); return; } beginCouncilEvent(); } function beginCouncilEvent() { resetCombatState(); state = "council"; run.councilEventsDone.add(semesterKey()); hide("events-panel"); hide("boss-hud"); show("special-guide"); player.x = W * 0.5; player.y = H * 0.72; runtime.specialTimer = 13.5 + difficultyTier() * 0.8; runtime.specialSpawn = 0.22; showBanner(`🚨 학생회 긴급 일정축제 D-1 · ${Math.round(runtime.specialTimer)}초 생존`, 1.6); renderAllUi(); } function startGoddessEvent(def) { resetCombatState(); currentEvent = def; state = "goddess"; hide("events-panel"); hide("boss-hud"); show("special-guide"); player.x = W * 0.5; player.y = H * 0.74; boss = { x: W * 0.5, y: H * 0.29, r: 30, color: def.color }; // 연애 선택 자체가 대학생활의 큰 기회비용. 보호막으로 막을 수 없는 고정 비용이다. changeGpa(-CONFIG.goddessEntryCost, "연애에 쏟은 시간", true); if (state === "gameover") return; runtime.goddessTimer = 16.5 + difficultyTier() * 0.65; runtime.goddessSpawn = 0.45; runtime.goddessStep = 0; $("special-guide").textContent = `과탑 여신 · ${runtime.goddessTimer.toFixed(1)}초 버티기 · 피격당 학점 -${CONFIG.goddessDamage.toFixed(2)}`; showBanner("💗 공부보다 어려운 것학점 -0.50 · 살아남으면 연애 시작", 1.8); renderAllUi(); } function consumeQuestReward(def) { if (def.yearly) run.yearlyCompleted.add(yearlyEventKey(def)); else run.completed.add(def.id); run.turnsUsed++; run.lastEventId = def.id; let rewardText = def.reward; if (def.id === "team" || def.id === "team2") changeGpa(+1, "팀플 과제 클리어"); if (def.id === "professor") run.bookUnlocked = true; if (def.id === "professor2") changeGpa(+0.5, "교수 과제 클리어"); if (def.id === "graduation") changeGpa(+1, "졸업전시 클리어"); if (def.friendId && !run.friends.includes(def.friendId)) run.friends.push(def.friendId); if (def.id === "council") { run.councilJoined = true; player.shieldReady = true; player.shieldTimer = 0; } renderAllUi(); showBanner(`QUEST CLEAR${rewardText} · 1턴 사용`, 1.7); state = "result"; runtime.resultTimer = 1.8; } function advanceSemester() { playGameSfx("semester"); hide("exam-guide"); if (run.semester === 1) { run.semester = 2; run.turnsUsed = 0; saveSemesterCheckpoint(); showBanner(`${run.year}학년 · 2학기새 학기가 시작됩니다`, 1.7); state = "result"; runtime.resultTimer = 1.8; return; } if (run.year < 3) { run.year++; run.semester = 1; run.turnsUsed = 0; saveSemesterCheckpoint(); showBanner(`CHAPTER ${run.year}${run.year}학년으로 진급했습니다 · 능력 유지`, 2.0); state = "result"; runtime.resultTimer = 2.05; return; } finishRun(); } function finishRun() { // 마지막 시험 뒤에는 바로 결과창으로 가지 않고, // 플레이어가 실제로 달성한 대학생활의 장면들을 천천히 회상한다. hide("events-panel"); hide("boss-hud"); hide("exam-guide"); hide("special-guide"); hide("phone-overlay"); hide("ending"); showHud(false); startEndingCutscene(); } function gameOver() { if (state === "gameover" || state === "ending" || state === "endingCutscene") return; playGameSfx("fail"); state = "gameover"; hide("events-panel"); hide("boss-hud"); hide("exam-guide"); hide("special-guide"); hide("phone-overlay"); showHud(false); $("gameover-copy").textContent = `${run.year}학년 ${run.semester}학기 · 학점 ${run.gpa.toFixed(2)}\n휴학했습니다. 복학하면 이 학기의 시작 시점부터 다시 도전합니다.`; if ($("retry-btn")) $("retry-btn").textContent = "복학하기 · 이번 학기 다시"; show("gameover"); } function changeGpa(amount, reason = "", ignoreShield = false) { if (!run) return; if (amount < 0 && !ignoreShield && run.councilJoined && player?.shieldReady) { player.shieldReady = false; player.shieldTimer = CONFIG.shieldRecharge; playGameSfx("shield"); showToast("🛡️ 학생회 보호막 BLOCK!", 1.0); spawnParticles(player.x, player.y, "#93c5fd", 22, 180); runtime.shake = Math.max(runtime.shake, 6); renderShield(); return; } const before = run.gpa; run.gpa = clamp(run.gpa + amount, 0, CONFIG.maxGpa); const actual = run.gpa - before; if (Math.abs(actual) > 0.0001) { const el = $("gpa-delta"); el.textContent = `${actual > 0 ? "+" : ""}${actual.toFixed(2)}${reason ? ` · ${reason}` : ""}`; el.classList.toggle("plus", actual > 0); el.classList.add("show"); gpaDeltaTimer = 1.1; $("gpa-number").classList.add("bump"); setTimeout(() => $("gpa-number")?.classList.remove("bump"), 160); } renderGpa(); if (run.gpa <= 0) gameOver(); } function damagePlayer(amount = CONFIG.normalDamage) { if (!player || state === "gameover") return; if (player.invuln > 0) return; playGameSfx("damage"); changeGpa(-amount, "피격"); if (state === "gameover") return; player.invuln = CONFIG.playerHitInvuln; player.hurtFlash = 0.25; runtime.shake = Math.max(runtime.shake, 8); spawnParticles(player.x, player.y, "#fb7185", 15, 150); } function maxCharges() { return 1 + run.friends.length; } function addCharge(count = 1) { player.charges = clamp(player.charges + count, 0, maxCharges()); renderCharges(); } function useCharge() { if (!player || player.charges <= 0) { showToast("공격권이 없습니다 · 근접 공격을 패링하세요", 0.8); return false; } player.charges--; renderCharges(); return true; } function setAttackMode(mode) { if (!player) return; if (mode === "book" && !run.bookUnlocked) return; player.attackMode = mode; renderAttackMode(); } function toggleAttackMode() { if (!run?.bookUnlocked || !player) return; setAttackMode(player.attackMode === "melee" ? "book" : "melee"); } function tryRoll() { if (!["select", "combat", "council", "exam", "goddess"].includes(state) || !player || runtime.phoneTimer > 0) return; if (player.rollCooldown > 0 || player.rollTimer > 0) return; let dx = (keys.d || keys.arrowright ? 1 : 0) - (keys.a || keys.arrowleft ? 1 : 0); let dy = (keys.s || keys.arrowdown ? 1 : 0) - (keys.w || keys.arrowup ? 1 : 0); const len = Math.hypot(dx, dy); if (len > 0.01) { dx /= len; dy /= len; } else { dx = Math.cos(player.facing); dy = Math.sin(player.facing); } player.rollDirX = dx; player.rollDirY = dy; player.rollTimer = CONFIG.rollDuration; player.rollCooldown = CONFIG.rollCooldown; player.invuln = Math.max(player.invuln, CONFIG.rollInvuln); playGameSfx("roll"); spawnParticles(player.x, player.y, "#c4b5fd", 7, 80); } function tryParry() { if (!["select", "combat"].includes(state) || !player || runtime.phoneTimer > 0) return; if (player.parryCooldown > 0 || player.rollTimer > 0) return; player.parryTimer = CONFIG.parryWindow; player.parryCooldown = CONFIG.parryCooldown; playGameSfx("guard"); spawnParticles( player.x + Math.cos(player.facing) * 35, player.y + Math.sin(player.facing) * 35, "#93c5fd", 5, 80 ); } function getBossMaxHp() { if (currentEvent?.id === "team" || currentEvent?.id === "team2") return 4; return 3; } function normalizeBossHp() { if (!boss) return; const maxHp = getBossMaxHp(); boss.maxSlots = maxHp; const hp = Number(boss.slots); if (!Number.isFinite(hp)) { boss.slots = maxHp; } else { boss.slots = clamp(Math.round(hp), 0, maxHp); } } function defeatBossNow() { if (!boss || boss.phase === "defeated") return; const maxHp = getBossMaxHp(); boss.slots = 0; boss.maxSlots = maxHp; bullets = []; playerBullets = []; boss.phase = "defeated"; boss.canPunish = false; runtime.clearTimer = 0.65; playGameSfx("clear"); spawnParticles(boss.x, boss.y, boss.color || "#fde68a", 45, 260); showToast(`CLEAR! · 체력 0 / ${maxHp}`, 0.9); renderBossHud(); } function fireAttack() { if (state !== "combat" || !player || runtime.phoneTimer > 0) return; if (!boss || boss.phase === "defeated") return; normalizeBossHp(); if (boss.slots <= 0) { defeatBossNow(); return; } // 패링 직후에는 즉시 보스를 두들길 수 없게 한다. // 탄막 페이즈 또는 다운 탄막을 피한 뒤의 빈틈에서만 공격 가능. if (player.attackLock > 0) { showToast("충격이 가라앉는 중…", 0.45); return; } const isTeamBoss = currentEvent?.id === "team" || currentEvent?.id === "team2"; const isCouncilBoss = currentEvent?.id === "council"; const isGraduationBoss = currentEvent?.id === "graduation"; const teamAttackWindow = isTeamBoss && [ "teamStompWindup", "teamStompJump", "teamStompGap", "teamSleep", ].includes(boss.phase); const canAttack = boss.phase === "bullet" || (boss.phase === "down" && boss.canPunish) || teamAttackWindow || (isCouncilBoss && boss.phase === "councilThrow") || (isGraduationBoss && boss.phase === "gradOpen"); if (!canAttack) { let message = "아직 공격할 틈이 아닙니다"; if (boss.phase === "down") message = "탄막을 먼저 피하세요"; if (isTeamBoss) message = "핑계는 피하고, 쿵 패턴부터 공격할 수 있습니다"; if (isCouncilBoss) message = "찌르기를 받아내고, 사물을 던질 때 노리세요"; if (isGraduationBoss) message = "교수님의 기술을 패링해서 빈틈을 만드세요"; showToast(message, 0.55); return; } if (!useCharge()) return; if (player.attackMode === "book" && run.bookUnlocked) fireBook(); else meleeAttack(); } function meleeAttack() { playGameSfx("attack"); const ang = player.facing; slashes.push({ x: player.x, y: player.y, ang, life: 0.16, maxLife: 0.16, r: CONFIG.meleeRange }); const d = Math.hypot(boss.x - player.x, boss.y - player.y); const a = Math.atan2(boss.y - player.y, boss.x - player.x); // 스프라이트가 실제 원형 collider보다 크게 보이므로 체감에 맞게 약간 여유를 준다. const meleeHitRange = CONFIG.meleeRange + boss.r + 18; const meleeHitArc = CONFIG.meleeArc / 2 + 0.12; if (d <= meleeHitRange && Math.abs(angleDiff(a, ang)) <= meleeHitArc) { hitBoss(); } else { showToast("공격이 빗나갔습니다", 0.55); } } function fireBook() { playGameSfx("book"); playerBullets.push({ x: player.x + Math.cos(player.facing) * 22, y: player.y + Math.sin(player.facing) * 22, vx: Math.cos(player.facing) * CONFIG.bookSpeed, vy: Math.sin(player.facing) * CONFIG.bookSpeed, r: 8, life: CONFIG.bookLife, }); } function hitBoss() { if (!boss || boss.phase === "defeated") return; normalizeBossHp(); if (boss.slots <= 0) { defeatBossNow(); return; } // 공격 한 번 = 정확히 체력 1칸. const maxHp = getBossMaxHp(); boss.slots = Math.max(0, boss.slots - 1); playGameSfx("bossHit"); runtime.shake = Math.max(runtime.shake, 7); runtime.screenFlash = Math.max(runtime.screenFlash, 0.06); spawnParticles(boss.x, boss.y, "#fde68a", 18, 180); // 실제로 데미지가 들어갔는지 플레이 중 바로 확인할 수 있게 표시. if (boss.slots > 0) { showToast(`HIT! · 체력 ${boss.slots} / ${maxHp}`, 0.55); renderBossHud(); // 졸업전시는 한 패링 빈틈에서 한 번만 맞게 해서 // 찌르기 / 쿵쿵쿵 / 돌진 세 기술을 모두 보게 만든다. if (currentEvent?.id === "graduation" && boss.phase === "gradOpen") { startGraduationRecover(); player.attackLock = Math.max(player.attackLock, 0.24); } } else { defeatBossNow(); } } function successfulParry() { if (!boss || !["charge", "friendSlash"].includes(boss.phase)) return; const impactX = player.x + Math.cos(player.facing) * CONFIG.parryReach; const impactY = player.y + Math.sin(player.facing) * CONFIG.parryReach; boss.phase = "parryPush"; boss.phaseTimer = CONFIG.parryPushTime; boss.pushVx = -Math.cos(boss.attackDir) * CONFIG.parryPushSpeed; boss.pushVy = -Math.sin(boss.attackDir) * CONFIG.parryPushSpeed; boss.downBurstDone = false; boss.canPunish = false; // 이전 탄막/투사체가 패링 연출 직후 억울하게 닿는 상황 제거 bullets = []; playerBullets = []; player.attackLock = Math.max(player.attackLock, CONFIG.postParryAttackLock); player.invuln = Math.max(player.invuln, 0.22); runtime.hitStop = CONFIG.hitStop; runtime.slowMo = CONFIG.slowMoTime; runtime.shake = 25; runtime.screenFlash = 0.18; runtime.parryFx = { x: impactX, y: impactY, ang: player.facing, life: 0.52, maxLife: 0.52, }; addCharge(1); playGameSfx("parry"); showToast("PARRY! + 공격권 1", 1.0); spawnParticles(impactX, impactY, "#ffffff", 38, 380); spawnParticles(impactX, impactY, "#7dd3fc", 34, 320); } // 팀플 빌런 / 총학생회장처럼 패링을 맞아도 자기 패턴을 끝까지 밀어붙이는 공격. // 공격권과 패링 연출은 정상적으로 주되, 보스를 다운 상태로 보내지 않는다. function successfulPersistentParry(message = "PARRY! + 공격권 1") { if (!boss || !player) return; const impactX = player.x + Math.cos(player.facing) * CONFIG.parryReach; const impactY = player.y + Math.sin(player.facing) * CONFIG.parryReach; player.attackLock = Math.max(player.attackLock, 0.18); player.invuln = Math.max(player.invuln, 0.22); runtime.hitStop = Math.max(runtime.hitStop, 0.09); runtime.slowMo = Math.max(runtime.slowMo, 0.18); runtime.shake = Math.max(runtime.shake, 17); runtime.screenFlash = Math.max(runtime.screenFlash, 0.12); runtime.parryFx = { x: impactX, y: impactY, ang: player.facing, life: 0.42, maxLife: 0.42, }; addCharge(1); playGameSfx("parry"); if (currentEvent?.id === "graduation") { boss.gradParrySuccess = true; } showToast(message, 0.9); spawnParticles(impactX, impactY, "#ffffff", 24, 300); spawnParticles(impactX, impactY, "#7dd3fc", 20, 250); } function angleDiff(a, b) { let d = (a - b + Math.PI) % TAU - Math.PI; if (d < -Math.PI) d += TAU; return d; } function getParryBar() { const fx = Math.cos(player.facing); const fy = Math.sin(player.facing); const tx = -fy; const ty = fx; const cx = player.x + fx * CONFIG.parryReach; const cy = player.y + fy * CONFIG.parryReach; const half = CONFIG.parryLength * 0.5; return { cx, cy, ax: cx - tx * half, ay: cy - ty * half, bx: cx + tx * half, by: cy + ty * half, }; } function pointSegmentDistance(px, py, ax, ay, bx, by) { const vx = bx - ax; const vy = by - ay; const wx = px - ax; const wy = py - ay; const len2 = vx * vx + vy * vy || 1; const t = clamp((wx * vx + wy * vy) / len2, 0, 1); const qx = ax + vx * t; const qy = ay + vy * t; return Math.hypot(px - qx, py - qy); } function isBossTouchingParryBar(extraPadding = 0) { if (!boss || !player) return false; const bar = getParryBar(); return pointSegmentDistance(boss.x, boss.y, bar.ax, bar.ay, bar.bx, bar.by) <= boss.r + CONFIG.parryThickness * 0.5 + extraPadding; } function updatePlayer(dt) { if (!player) return; player.facing = Math.atan2(mouse.y - player.y, mouse.x - player.x); player.invuln = Math.max(0, player.invuln - dt); player.hurtFlash = Math.max(0, player.hurtFlash - dt); player.attackLock = Math.max(0, player.attackLock - dt); player.parryTimer = Math.max(0, player.parryTimer - dt); player.parryCooldown = Math.max(0, player.parryCooldown - dt); player.rollCooldown = Math.max(0, player.rollCooldown - dt); if (run.councilJoined && !player.shieldReady) { player.shieldTimer -= dt; if (player.shieldTimer <= 0) { player.shieldTimer = 0; player.shieldReady = true; showToast("🛡️ 보호막 재생성", 0.8); } } if (runtime.phoneTimer > 0) return; if (player.rollTimer > 0) { player.rollTimer -= dt; player.x += player.rollDirX * CONFIG.rollSpeed * dt; player.y += player.rollDirY * CONFIG.rollSpeed * dt; } else { let dx = (keys.d || keys.arrowright ? 1 : 0) - (keys.a || keys.arrowleft ? 1 : 0); let dy = (keys.s || keys.arrowdown ? 1 : 0) - (keys.w || keys.arrowup ? 1 : 0); const len = Math.hypot(dx, dy); if (len > 0.01) { dx /= len; dy /= len; } player.x += dx * CONFIG.playerSpeed * dt; player.y += dy * CONFIG.playerSpeed * dt; } const rightPad = state === "select" ? 390 : 20; player.x = clamp(player.x, 28, W - rightPad - 28); player.y = clamp(player.y, 145, H - 128); } function startBulletPhase() { boss.phase = "bullet"; const extra = currentEvent?.id === "team2" || currentEvent?.id === "professor2" ? 0.65 : 0; boss.phaseTimer = CONFIG.bulletPhaseTime + difficultyTier() * 0.38 + extra; boss.bulletTimer = 0.25; boss.patternStep = 0; } function updateRandomPhoneEvent(dt) { if (!run?.romance || !runtime || runtime.phoneUsed || !runtime.phonePending) return; if (state !== "combat" || !boss || boss.phase === "defeated") return; if (runtime.phoneTimer > 0) return; runtime.phoneDelay -= dt; if (runtime.phoneDelay > 0) return; // 이 보스전에서는 딱 한 번만. runtime.phoneUsed = true; runtime.phonePending = false; playGameSfx("phone"); // 첫 전화에서만 짧은 대화 컷을 보여주고, // 이후 전투부터는 바로 3초 전화 방해가 발생한다. if (!run.phoneDialogueSeen) { run.phoneDialogueSeen = true; state = "phoneIntroDialogue"; showTurnDialogue({ speaker: "여자친구", mood: "💗", portraitAsset: "dialogueGoddess", text: "오빠.. 나 무서운 꿈 꿨어.. 잠깐만 같이 있어주면 안 돼?" }, () => { if (state !== "phoneIntroDialogue") return; state = "combat"; beginPhoneInterruption(); }); return; } beginPhoneInterruption(); } function beginPhoneInterruption() { runtime.phoneTimer = 3; $("phone-count").textContent = "3.0"; show("phone-overlay"); } function updatePhone(rawDt) { if (!runtime || runtime.phoneTimer <= 0) return; runtime.phoneTimer = Math.max(0, runtime.phoneTimer - rawDt); $("phone-count").textContent = runtime.phoneTimer.toFixed(1); if (runtime.phoneTimer <= 0) { hide("phone-overlay"); if (boss?.phase === "bullet") boss.bulletTimer = Math.max(boss.bulletTimer, 0.25); } } function beginFriendWindup(index, first = false) { boss.comboIndex = index; boss.phase = "friendWindup"; boss.phaseTimer = first ? CONFIG.friendFirstWindup : CONFIG.friendNextWindup; boss.attackDir = Math.atan2(player.y - boss.y, player.x - boss.x); boss.friendSlashDone = false; } function performFriendSlash() { if (!boss || boss.friendSlashDone) return; boss.friendSlashDone = true; boss.attackDir = Math.atan2(player.y - boss.y, player.x - boss.x); const flip = boss.comboIndex % 2 === 1; slashes.push({ x: boss.x, y: boss.y, ang: boss.attackDir, life: 0.22, maxLife: 0.22, r: CONFIG.friendSlashRange, enemy: true, flip, }); boss.x += Math.cos(boss.attackDir) * 15; boss.y += Math.sin(boss.attackDir) * 15; runtime.shake = Math.max(runtime.shake, 5); if (player.parryTimer > 0 && isBossTouchingParryBar(CONFIG.friendParryPadding)) { successfulParry(); return; } const dx = player.x - boss.x; const dy = player.y - boss.y; const d = Math.hypot(dx, dy); const toPlayer = Math.atan2(dy, dx); const inArc = Math.abs(angleDiff(toPlayer, boss.attackDir)) <= CONFIG.friendSlashArc / 2; if (d <= CONFIG.friendSlashRange + player.r && inArc && player.invuln <= 0) { damagePlayer(CONFIG.friendSlashDamage); } } function updateFriendCombat(dt) { const d = Math.hypot(player.x - boss.x, player.y - boss.y); if (boss.phase === "friendChase") { const ang = Math.atan2(player.y - boss.y, player.x - boss.x); const speedBonus = currentEvent.id === "minjin" ? 18 : currentEvent.id === "taeil" ? 8 : 0; const speed = CONFIG.friendApproachSpeed + difficultyTier() * 7 + speedBonus; if (d > CONFIG.friendEngageDistance) { boss.x += Math.cos(ang) * speed * dt; boss.y += Math.sin(ang) * speed * dt; } if (d <= CONFIG.friendEngageDistance + 8) beginFriendWindup(0, true); } else if (boss.phase === "friendWindup") { boss.phaseTimer -= dt; if (boss.phaseTimer <= 0) { boss.phase = "friendSlash"; boss.phaseTimer = CONFIG.friendSlashTime; boss.friendSlashDone = false; } } else if (boss.phase === "friendSlash") { performFriendSlash(); if (boss.phase !== "friendSlash") return; boss.phaseTimer -= dt; if (boss.phaseTimer <= 0) { if (boss.comboIndex < 2) { boss.comboIndex++; boss.phase = "friendGap"; boss.phaseTimer = CONFIG.friendSlashGap; } else { boss.phase = "friendRecover"; boss.phaseTimer = CONFIG.friendRecoverTime; } } } else if (boss.phase === "friendGap") { boss.phaseTimer -= dt; const ang = Math.atan2(player.y - boss.y, player.x - boss.x); if (d > CONFIG.friendEngageDistance - 8) { boss.x += Math.cos(ang) * 72 * dt; boss.y += Math.sin(ang) * 72 * dt; } if (boss.phaseTimer <= 0) beginFriendWindup(boss.comboIndex, false); } else if (boss.phase === "friendRecover") { boss.phaseTimer -= dt; if (boss.phaseTimer <= 0) { boss.phase = "friendChase"; boss.comboIndex = 0; } } else if (boss.phase === "parryPush") { boss.phaseTimer -= dt; boss.x += boss.pushVx * dt; boss.y += boss.pushVy * dt; boss.pushVx *= Math.pow(0.035, dt); boss.pushVy *= Math.pow(0.035, dt); if (boss.phaseTimer <= 0) { boss.phase = "down"; boss.phaseTimer = CONFIG.downTime; boss.downBurstDone = true; boss.punishTimer = 0.30; boss.canPunish = false; } } else if (boss.phase === "down") { boss.phaseTimer -= dt; if (!boss.canPunish) { boss.punishTimer -= dt; if (boss.punishTimer <= 0) { boss.canPunish = true; showToast("빈틈! 1:1 반격 기회", 0.65); } } if (boss.phaseTimer <= 0) { boss.phase = "wake"; boss.phaseTimer = CONFIG.wakeTime; } } else if (boss.phase === "wake") { boss.phaseTimer -= dt; if (boss.phaseTimer <= 0) { if (Math.hypot(player.x - boss.x, player.y - boss.y) < 96 && player.invuln <= 0) { damagePlayer(CONFIG.normalDamage); } boss.phase = "friendChase"; boss.comboIndex = 0; } } boss.x = clamp(boss.x, 38, W - 38); boss.y = clamp(boss.y, 150, H - 130); } const TEAM_EXCUSE_LINES = [ "제가 급한 일정이 있어서ㅠ", "이제 확인했네요ㅠ", "약속이 있어서요ㅠ", "아 졸리다..", ]; const COUNCIL_THROW_OBJECTS = [ "🪑", "📦", "📚", "📋", ]; function spawnTeamExcuseText() { if (!boss || !player) return; const text = TEAM_EXCUSE_LINES[boss.patternStep % TEAM_EXCUSE_LINES.length]; boss.patternStep++; const base = Math.atan2(player.y - boss.y, player.x - boss.x); const wobble = rand(-0.10, 0.10); const speed = CONFIG.teamTextSpeed * (1 + difficultyTier() * 0.025); spawnBullet( boss.x, boss.y, base + wobble, speed, "#fb7185", 4.3, 17, "teamExcuse", { text, // 글자 탄은 화면에서 가로로 긴 말풍선이므로 원형 판정이 아니라 // 보이는 말풍선 전체를 맞는 판정으로 사용한다. textHitHalfWidth: clamp(text.length * 7.2 + 18, 64, 115), textHitHalfHeight: 19, damage: CONFIG.normalDamage * 0.82, } ); } function startTeamStomp(index = 0) { if (!boss || !player) return; boss.comboIndex = index; boss.teamStompParried = false; boss.phase = "teamStompWindup"; boss.phaseTimer = CONFIG.teamStompWindup; // 빨간 원은 예고 순간의 플레이어 위치를 기억한다. // 움직이면 피할 수 있고, 정면에서 가드 바를 맞추면 패링도 가능하다. boss.teamTargetX = clamp(player.x, 45, W - 45); boss.teamTargetY = clamp(player.y, 155, H - 135); boss.attackDir = Math.atan2(boss.teamTargetY - boss.y, boss.teamTargetX - boss.x); } function performTeamStompLanding() { if (!boss || !player) return; playGameSfx("stomp"); boss.x = boss.teamTargetX; boss.y = boss.teamTargetY; runtime.shake = Math.max(runtime.shake, 13); spawnParticles(boss.x, boss.y, "#fb7185", 22, 235); // 시각적인 '쿵' 충격파. 실제 데미지는 아래 원형 판정으로 한 번만 처리한다. slashes.push({ x: boss.x, y: boss.y, ang: 0, life: 0.34, maxLife: 0.34, r: CONFIG.teamStompRadius, stomp: true, stompIndex: boss.comboIndex, }); const landingParry = !boss.teamStompParried && player.parryTimer > 0 && isBossTouchingParryBar(14); if (landingParry) { boss.teamStompParried = true; successfulPersistentParry("PARRY! + 공격권 1 · 그래도 계속 온다"); } // 이번 쿵을 패링했다면 착지 충격 데미지는 받지 않는다. if (!boss.teamStompParried) { const d = Math.hypot(player.x - boss.x, player.y - boss.y); if (d <= CONFIG.teamStompRadius + player.r && player.invuln <= 0) { damagePlayer(CONFIG.teamStompDamage); } } if (boss.comboIndex < 2) { boss.phase = "teamStompGap"; boss.phaseTimer = CONFIG.teamStompGap; } else if (currentEvent?.id === "graduation") { // 졸업전시에서는 3연속 쿵 중 하나라도 패링했을 때만 공격 찬스. if (boss.gradParrySuccess) { openGraduationPunish("3연속 쿵 패링 성공"); } else { startGraduationRecover(); } } else { // 팀플 빌런은 세 번 다 뛰고 나면 본인이 먼저 지쳐서 잠든다. boss.phase = "teamSleep"; boss.phaseTimer = CONFIG.teamSleepTime; boss.canPunish = true; showToast(`…본인이 먼저 졸았다. ${CONFIG.teamSleepTime.toFixed(1)}초 공격 기회!`, 1.0); } } function updateTeamBoss(dt) { if (!boss) return; if (boss.phase === "teamText") { boss.phaseTimer -= dt; boss.bulletTimer -= dt; if (boss.bulletTimer <= 0) { spawnTeamExcuseText(); boss.bulletTimer = CONFIG.teamTextInterval + rand(-0.10, 0.13); } if (boss.phaseTimer <= 0) { // 쿵 패턴 전에 기존 핑계 문장들을 정리해서 화면을 읽기 쉽게 만든다. bullets = []; startTeamStomp(0); } } else if (boss.phase === "teamStompWindup") { boss.phaseTimer -= dt; boss.attackDir = Math.atan2( boss.teamTargetY - boss.y, boss.teamTargetX - boss.x ); if (boss.phaseTimer <= 0) { boss.teamLeapStartX = boss.x; boss.teamLeapStartY = boss.y; boss.phase = "teamStompJump"; boss.phaseTimer = CONFIG.teamStompLeapTime; } } else if (boss.phase === "teamStompJump") { boss.phaseTimer -= dt; const p = clamp( 1 - boss.phaseTimer / CONFIG.teamStompLeapTime, 0, 1 ); const ease = 1 - Math.pow(1 - p, 2); boss.x = boss.teamLeapStartX + (boss.teamTargetX - boss.teamLeapStartX) * ease; boss.y = boss.teamLeapStartY + (boss.teamTargetY - boss.teamLeapStartY) * ease - Math.sin(p * Math.PI) * 36; // 착지 딱 한 프레임만 맞추는 것보다 조금 여유 있게: // 점프 중 가드 바를 스치기만 해도 이번 쿵은 패링 성공으로 처리한다. if ( !boss.teamStompParried && player.parryTimer > 0 && isBossTouchingParryBar(16) ) { boss.teamStompParried = true; successfulPersistentParry("PARRY! + 공격권 1 · 그래도 계속 온다"); } if (boss.phaseTimer <= 0) { performTeamStompLanding(); } } else if (boss.phase === "teamStompGap") { boss.phaseTimer -= dt; if (boss.phaseTimer <= 0) { startTeamStomp(boss.comboIndex + 1); } } else if (boss.phase === "teamSleep") { boss.phaseTimer -= dt; boss.canPunish = true; if (boss.phaseTimer <= 0) { boss.canPunish = false; boss.phase = "teamText"; boss.phaseTimer = CONFIG.teamTextPhaseTime; boss.bulletTimer = 0.35; boss.patternStep = 0; showToast("벌떡… 다시 핑계를 대기 시작했다", 0.7); } } boss.x = clamp(boss.x, 38, W - 38); boss.y = clamp(boss.y, 150, H - 130); } function beginCouncilStab() { if (!boss || !player) return; boss.phase = "councilStabWindup"; boss.phaseTimer = CONFIG.councilStabWindup; boss.attackDir = Math.atan2(player.y - boss.y, player.x - boss.x); boss.dashHit = false; } function beginCouncilRetreat() { if (!boss || boss.phase === "councilRetreat") return; boss.phase = "councilRetreat"; boss.phaseTimer = CONFIG.councilRetreatTime; boss.councilStabCount++; } function spawnCouncilThrownObject() { if (!boss || !player) return; playGameSfx("throw"); const emoji = COUNCIL_THROW_OBJECTS[ Math.floor(Math.random() * COUNCIL_THROW_OBJECTS.length) ]; const base = Math.atan2(player.y - boss.y, player.x - boss.x); const tier = difficultyTier(); // 우다다다 던지는 느낌: 기본 2개, 일정 확률로 3개를 부채꼴로 던진다. const tripleChance = 0.28 + Math.min(0.22, tier * 0.055); const count = Math.random() < tripleChance ? 3 : 2; const spread = count === 3 ? 0.17 : 0.13; for (let i = 0; i < count; i++) { const offset = count === 2 ? (i === 0 ? -spread : spread) : (i - 1) * spread; spawnBullet( boss.x, boss.y, base + offset, CONFIG.councilObjectSpeed * (1 + tier * 0.025), "#d39b42", 4.5, 17, "councilObject", { emoji, hitRadius: 17, damage: CONFIG.councilDamage + tier * 0.006, rotation: rand(-0.35, 0.35), spin: rand(-2.5, 2.5), } ); } } function updateCouncilBoss(dt) { if (!boss) return; const d = Math.hypot(player.x - boss.x, player.y - boss.y); if (boss.phase === "councilApproach") { boss.canPunish = false; const ang = Math.atan2(player.y - boss.y, player.x - boss.x); boss.attackDir = ang; if (d > CONFIG.councilStabDistance) { const speed = CONFIG.councilApproachSpeed + difficultyTier() * 7; boss.x += Math.cos(ang) * speed * dt; boss.y += Math.sin(ang) * speed * dt; } else { beginCouncilStab(); } } else if (boss.phase === "councilStabWindup") { boss.phaseTimer -= dt; // 찌르기 시작 직전까지 아주 조금 플레이어를 읽는다. const targetAng = Math.atan2(player.y - boss.y, player.x - boss.x); boss.attackDir += angleDiff(targetAng, boss.attackDir) * Math.min(1, dt * 3.5); if (boss.phaseTimer <= 0) { boss.phase = "councilStab"; boss.phaseTimer = CONFIG.councilStabTime; boss.dashHit = false; } } else if (boss.phase === "councilStab") { boss.phaseTimer -= dt; boss.x += Math.cos(boss.attackDir) * CONFIG.councilStabSpeed * dt; boss.y += Math.sin(boss.attackDir) * CONFIG.councilStabSpeed * dt; if (player.parryTimer > 0 && isBossTouchingParryBar(4)) { successfulPersistentParry("PARRY! + 공격권 1 · 회장이 바로 빠진다"); beginCouncilRetreat(); } else if ( !boss.dashHit && Math.hypot(player.x - boss.x, player.y - boss.y) < player.r + boss.r + 7 ) { boss.dashHit = true; if (player.invuln <= 0) damagePlayer(CONFIG.councilStabDamage); beginCouncilRetreat(); } else if (boss.phaseTimer <= 0) { beginCouncilRetreat(); } } else if (boss.phase === "councilRetreat") { boss.phaseTimer -= dt; boss.x -= Math.cos(boss.attackDir) * CONFIG.councilRetreatSpeed * dt; boss.y -= Math.sin(boss.attackDir) * CONFIG.councilRetreatSpeed * dt; if (boss.phaseTimer <= 0) { if (boss.councilStabCount < boss.councilStabTarget) { boss.phase = "councilApproach"; } else { boss.phase = "councilReturnThrow"; } } } else if (boss.phase === "councilReturnThrow") { const cx = W * 0.5; const cy = H * 0.29; const dx = cx - boss.x; const dy = cy - boss.y; const dist = Math.hypot(dx, dy); if (dist > 7) { boss.x += (dx / dist) * 250 * dt; boss.y += (dy / dist) * 250 * dt; } else { boss.x = cx; boss.y = cy; boss.phase = "councilThrow"; boss.phaseTimer = CONFIG.councilThrowTime; boss.bulletTimer = 0.22; boss.canPunish = true; showToast("사물을 던지는 동안 빈틈! 지금 공격 가능", 0.9); } } else if (boss.phase === "councilThrow") { boss.phaseTimer -= dt; boss.bulletTimer -= dt; boss.canPunish = true; boss.attackDir = Math.atan2(player.y - boss.y, player.x - boss.x); if (boss.bulletTimer <= 0) { spawnCouncilThrownObject(); boss.bulletTimer = CONFIG.councilThrowInterval + rand(-0.045, 0.055); } if (boss.phaseTimer <= 0) { boss.canPunish = false; boss.councilStabCount = 0; boss.councilStabTarget = Math.floor(rand(1, 4)); // 매 사이클 1~3회 랜덤 boss.phase = "councilApproach"; } } boss.x = clamp(boss.x, 38, W - 38); boss.y = clamp(boss.y, 150, H - 130); } function makeGraduationPatternCycle() { const list = ["dash", "stab", "stomp"]; // 한 사이클 안에서는 반드시 세 종류를 모두 한 번씩 사용하되 순서만 랜덤. for (let i = list.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [list[i], list[j]] = [list[j], list[i]]; } return list; } function beginGraduationPattern() { if (!boss || !player) return; if (!Array.isArray(boss.gradPatternQueue) || boss.gradPatternQueue.length === 0) { boss.gradPatternQueue = makeGraduationPatternCycle(); } const next = boss.gradPatternQueue.shift(); boss.gradCurrentPattern = next; boss.gradParrySuccess = false; boss.canPunish = false; if (next === "dash") { boss.phase = "telegraph"; boss.phaseTimer = CONFIG.graduationDashWindup; boss.attackDir = Math.atan2(player.y - boss.y, player.x - boss.x); boss.dashHit = false; showToast("졸업전시 · 돌진 패링", 0.7); return; } if (next === "stab") { boss.phase = "councilApproach"; boss.councilStabCount = 0; boss.councilStabTarget = 1; boss.dashHit = false; showToast("졸업전시 · 찌르기 패링", 0.7); return; } // stomp boss.gradParrySuccess = false; startTeamStomp(0); showToast("졸업전시 · 쿵쿵쿵 패링", 0.7); } function openGraduationPunish(label = "패링 성공") { if (!boss || boss.phase === "defeated") return; boss.phase = "gradOpen"; boss.phaseTimer = CONFIG.graduationOpenTime; boss.canPunish = true; boss.gradParrySuccess = true; player.attackLock = Math.min(player.attackLock, 0.20); showToast(`${label} · 지금 공격!`, 0.85); } function startGraduationRecover() { if (!boss || boss.phase === "defeated") return; boss.phase = "gradRecovery"; boss.phaseTimer = CONFIG.graduationRecoverTime; boss.canPunish = false; } function clampGraduationBossPosition() { if (!boss) return; // 찌르기/돌진 후 화면 밖으로 빠져서 교수님이 사라져 보이지 않도록 // 졸업전시에서는 항상 플레이 영역 안에 유지한다. boss.x = clamp(boss.x, 42, W - 42); boss.y = clamp(boss.y, 150, H - 132); } function updateGraduationBoss(dt) { if (!boss || !player) return; const cx = W * 0.5; const cy = H * 0.31; // 이전 일반 보스 로직의 bullet/chase/return 같은 상태가 섞여 들어오더라도 // 졸업전시는 전용 패턴으로 즉시 복구한다. if (["return", "bullet", "chase", "down", "wake", "parryPush"].includes(boss.phase)) { bullets = []; boss.phase = "gradSelect"; boss.phaseTimer = 0.28; boss.canPunish = false; clampGraduationBossPosition(); } if (boss.phase === "gradSelect") { boss.phaseTimer -= dt; if (boss.phaseTimer <= 0) beginGraduationPattern(); return; } // 기존 팀플의 3연속 쿵 이동/판정을 그대로 재사용. if ( boss.phase === "teamStompWindup" || boss.phase === "teamStompJump" || boss.phase === "teamStompGap" ) { updateTeamBoss(dt); return; } // 찌르기 접근 if (boss.phase === "councilApproach") { const d = Math.hypot(player.x - boss.x, player.y - boss.y); const ang = Math.atan2(player.y - boss.y, player.x - boss.x); boss.attackDir = ang; if (d > CONFIG.graduationStabDistance) { boss.x += Math.cos(ang) * CONFIG.councilApproachSpeed * dt; boss.y += Math.sin(ang) * CONFIG.councilApproachSpeed * dt; clampGraduationBossPosition(); } else { boss.phase = "councilStabWindup"; boss.phaseTimer = CONFIG.graduationStabWindup; boss.dashHit = false; } return; } if (boss.phase === "councilStabWindup") { boss.phaseTimer -= dt; const targetAng = Math.atan2(player.y - boss.y, player.x - boss.x); boss.attackDir += angleDiff(targetAng, boss.attackDir) * Math.min(1, dt * 3.2); if (boss.phaseTimer <= 0) { boss.phase = "councilStab"; boss.phaseTimer = CONFIG.graduationStabTime; boss.dashHit = false; } return; } if (boss.phase === "councilStab") { boss.phaseTimer -= dt; boss.x += Math.cos(boss.attackDir) * CONFIG.graduationStabSpeed * dt; boss.y += Math.sin(boss.attackDir) * CONFIG.graduationStabSpeed * dt; clampGraduationBossPosition(); if (player.parryTimer > 0 && isBossTouchingParryBar(6)) { successfulPersistentParry("PARRY! + 공격권 1 · 찌르기"); openGraduationPunish("찌르기 패링 성공"); return; } if ( !boss.dashHit && Math.hypot(player.x - boss.x, player.y - boss.y) < player.r + boss.r + 8 ) { boss.dashHit = true; if (player.invuln <= 0) damagePlayer(CONFIG.councilStabDamage); startGraduationRecover(); return; } if (boss.phaseTimer <= 0) { startGraduationRecover(); } return; } // 기존 빨간 긴 예고선을 사용하는 돌진. if (boss.phase === "telegraph") { boss.phaseTimer -= dt; boss.bodyLean = 1 - boss.phaseTimer / CONFIG.graduationDashWindup; if (boss.phaseTimer <= 0) { boss.phase = "charge"; boss.phaseTimer = CONFIG.graduationDashTime; boss.dashHit = false; } return; } if (boss.phase === "charge") { boss.phaseTimer -= dt; boss.x += Math.cos(boss.attackDir) * CONFIG.graduationDashSpeed * dt; boss.y += Math.sin(boss.attackDir) * CONFIG.graduationDashSpeed * dt; clampGraduationBossPosition(); if (player.parryTimer > 0 && isBossTouchingParryBar()) { successfulPersistentParry("PARRY! + 공격권 1 · 돌진"); openGraduationPunish("돌진 패링 성공"); return; } if ( !boss.dashHit && Math.hypot(player.x - boss.x, player.y - boss.y) < player.r + boss.r + 8 ) { boss.dashHit = true; if (player.invuln <= 0) damagePlayer(CONFIG.heavyDamage); startGraduationRecover(); return; } if (boss.phaseTimer <= 0) { startGraduationRecover(); } return; } if (boss.phase === "gradOpen") { boss.phaseTimer -= dt; boss.canPunish = true; if (boss.phaseTimer <= 0) { startGraduationRecover(); } return; } if (boss.phase === "gradRecovery") { boss.phaseTimer = Math.max(0, boss.phaseTimer - dt); // 반드시 중앙으로 돌아온 뒤에만 다음 기술을 시작한다. // 기존에는 recovery 시간이 먼저 끝나면 화면 끝에서도 다음 패턴이 시작되어 // 교수님이 사라진 것처럼 보일 수 있었다. const dx = cx - boss.x; const dy = cy - boss.y; const d = Math.hypot(dx, dy); if (d > 6) { const speed = 360; boss.x += (dx / d) * speed * dt; boss.y += (dy / d) * speed * dt; clampGraduationBossPosition(); } if (d <= 10 && boss.phaseTimer <= 0) { boss.x = cx; boss.y = cy; boss.phase = "gradSelect"; boss.phaseTimer = 0.38; boss.canPunish = false; } return; } // 알 수 없는 졸업전시 상태가 생겨도 교수님을 잃지 않고 안전하게 복구. clampGraduationBossPosition(); boss.phase = "gradSelect"; boss.phaseTimer = 0.30; boss.canPunish = false; } function updateCombat(dt) { // 연애 성공 이후에는 전투 시작이 아니라, 전투 도중 랜덤한 순간에 한 번 전화가 온다. updateRandomPhoneEvent(dt); if (state !== "combat") return; updatePlayer(dt); updateParticles(dt); updateSlashes(dt); updatePlayerBullets(dt); updateBullets(dt, CONFIG.normalDamage); if (!boss || boss.phase === "defeated") { if (runtime.clearTimer > 0) { runtime.clearTimer -= dt; if (runtime.clearTimer <= 0 && currentEvent) consumeQuestReward(currentEvent); } return; } if (runtime.phoneTimer > 0) return; if (currentEvent?.friendId) { updateFriendCombat(dt); return; } if (currentEvent?.id === "graduation") { updateGraduationBoss(dt); return; } if (currentEvent?.id === "council") { updateCouncilBoss(dt); return; } if (currentEvent?.id === "team" || currentEvent?.id === "team2") { updateTeamBoss(dt); return; } const cx = W * 0.5; const cy = H * 0.31; if (boss.phase === "return") { const dx = cx - boss.x; const dy = cy - boss.y; const d = Math.hypot(dx, dy); if (d > 6) { boss.x += (dx / d) * 240 * dt; boss.y += (dy / d) * 240 * dt; } else { boss.x = cx; boss.y = cy; startBulletPhase(); } } else if (boss.phase === "bullet") { boss.phaseTimer -= dt; boss.bulletTimer -= dt; if (boss.bulletTimer <= 0) { fireBossPattern(currentEvent.pattern, boss.patternStep++); boss.bulletTimer = patternInterval(currentEvent.pattern); } if (boss.phaseTimer <= 0) { boss.phase = "chase"; boss.phaseTimer = CONFIG.chaseTime; bullets = bullets.filter((b) => b.life > 0.35); } } else if (boss.phase === "chase") { boss.phaseTimer -= dt; const ang = Math.atan2(player.y - boss.y, player.x - boss.x); const baseSpeed = currentEvent.id === "council" ? 200 : currentEvent.friendId ? 185 : 172; const hardBonus = currentEvent.id === "team2" || currentEvent.id === "professor2" ? 18 : 0; const speed = baseSpeed + difficultyTier() * 11 + hardBonus; boss.x += Math.cos(ang) * speed * dt; boss.y += Math.sin(ang) * speed * dt; if (boss.phaseTimer <= 0 || Math.hypot(player.x - boss.x, player.y - boss.y) < 150) { boss.phase = "telegraph"; const profReadability = currentEvent.id === "professor" ? 0.10 : 0; boss.phaseTimer = Math.max(0.46, CONFIG.telegraphTime - difficultyTier() * 0.025 + profReadability); boss.attackDir = Math.atan2(player.y - boss.y, player.x - boss.x); } } else if (boss.phase === "telegraph") { boss.phaseTimer -= dt; boss.bodyLean = 1 - boss.phaseTimer / CONFIG.telegraphTime; if (boss.phaseTimer <= 0) { boss.phase = "charge"; boss.phaseTimer = CONFIG.dashTime; boss.dashHit = false; } } else if (boss.phase === "charge") { boss.phaseTimer -= dt; const hardBonus = currentEvent.id === "team2" || currentEvent.id === "professor2" ? 0.045 : 0; const speed = CONFIG.dashSpeed * (1 + difficultyTier() * 0.035 + hardBonus) * (currentEvent.id === "council" ? 1.08 : 1); boss.x += Math.cos(boss.attackDir) * speed * dt; boss.y += Math.sin(boss.attackDir) * speed * dt; // 플레이어 몸이 아니라, 앞에 짧게 나타난 가드 바에 보스가 닿는 순간 패링. // 몸에 닿기 전에 잡히기 때문에 기존보다 판정이 훨씬 읽기 쉽다. if (player.parryTimer > 0 && isBossTouchingParryBar()) { successfulParry(); return; } if (!boss.dashHit && Math.hypot(player.x - boss.x, player.y - boss.y) < player.r + boss.r + 8) { boss.dashHit = true; if (player.invuln <= 0) damagePlayer(CONFIG.heavyDamage); boss.phase = "recover"; boss.phaseTimer = 0.48; } if (boss.phase === "charge" && boss.phaseTimer <= 0) { boss.phase = "recover"; boss.phaseTimer = 0.42; } } else if (boss.phase === "recover") { boss.phaseTimer -= dt; if (boss.phaseTimer <= 0) boss.phase = "return"; } else if (boss.phase === "parryPush") { boss.phaseTimer -= dt; boss.x += boss.pushVx * dt; boss.y += boss.pushVy * dt; boss.pushVx *= Math.pow(0.035, dt); boss.pushVy *= Math.pow(0.035, dt); if (boss.phaseTimer <= 0) { boss.phase = "down"; boss.phaseTimer = CONFIG.downTime; boss.downBurstTimer = CONFIG.downBurstDelay; boss.punishTimer = CONFIG.downAttackDelay; boss.downBurstDone = false; boss.canPunish = false; } } else if (boss.phase === "down") { boss.phaseTimer -= dt; // 넘어지자마자 탄이 몸 위에서 생성되지 않도록 약간의 착지 텀을 둔다. if (!boss.downBurstDone) { boss.downBurstTimer -= dt; if (boss.downBurstTimer <= 0) { boss.downBurstDone = true; spawnDownBurst(); } } // 탄막이 보스 주변에서 충분히 빠져나간 뒤에만 딜 타임 개방. if (!boss.canPunish) { boss.punishTimer -= dt; if (boss.punishTimer <= 0) { boss.canPunish = true; showToast("빈틈! 지금 공격하세요", 0.65); } } if (boss.phaseTimer <= 0) { boss.phase = "wake"; boss.phaseTimer = CONFIG.wakeTime; } } else if (boss.phase === "wake") { boss.phaseTimer -= dt; if (boss.phaseTimer <= 0) { if (Math.hypot(player.x - boss.x, player.y - boss.y) < 108) damagePlayer(CONFIG.heavyDamage); spawnRing(boss.x, boss.y, 12, 180, "#ff6b6b", 0.78, 5); boss.phase = "return"; } } boss.x = clamp(boss.x, 38, W - 38); boss.y = clamp(boss.y, 150, H - 130); } function patternInterval(pattern) { let base = 0.66; if (pattern === "professor") base = 0.80; if (pattern === "professor2") base = 0.62; if (pattern === "team2") base = 0.54; if (pattern === "spiral") base = 0.46; if (pattern === "council") base = 0.52; return difficultyInterval(base, 0.30); } function fireBossPattern(pattern, step) { if (!boss) return; const tier = difficultyTier(); if (pattern === "team") { if (step % 3 === 2) fireAimedFan(difficultyCount(6), 0.145, 285); else spawnRing(boss.x, boss.y, difficultyCount(13), difficultySpeed(225), "#ff7685", 3.5, 6, step * 0.15); } else if (pattern === "team2") { // 2학년 팀플: 회전 링 + 조준탄이 겹쳐 들어온다. spawnRing(boss.x, boss.y, difficultyCount(14), difficultySpeed(245, 0.03), "#fb7185", 3.5, 6, step * 0.18); if (step % 2 === 0) fireAimedFan(difficultyCount(5), 0.13, 320); } else if (pattern === "professor") { if (step % 2 === 0) fireAimedFan(difficultyCount(8), 0.105, 260); else spawnRing(boss.x, boss.y, difficultyCount(16), difficultySpeed(205), "#c084fc", 3.9, 6, step * 0.075); } else if (pattern === "professor2") { // 제출 직전 과제 폭탄: 방사형과 조준 부채꼴이 동시에 들어온다. spawnRing(boss.x, boss.y, difficultyCount(17), difficultySpeed(220, 0.035), "#a78bfa", 3.9, 6, step * 0.10); fireAimedFan(difficultyCount(6), 0.115, 300); } else if (pattern === "aim") { fireAimedFan(difficultyCount(4), 0.19, 325); } else if (pattern === "spiral") { const base = step * 0.43; const arms = tier >= 3 ? 6 : 5; for (let i = 0; i < arms; i++) spawnBullet(boss.x, boss.y, base + i * TAU / arms, difficultySpeed(238), "#38bdf8", 3.7, 5); } else if (pattern === "cross") { const rot = step % 2 ? Math.PI / 8 : 0; const count = difficultyCount(10); for (let i = 0; i < count; i++) spawnBullet(boss.x, boss.y, rot + i * TAU / count, difficultySpeed(250), "#34d399", 3.5, 6); } else if (pattern === "council") { spawnRing(boss.x, boss.y, difficultyCount(15), difficultySpeed(245), "#fbbf24", 3.4, 6, step * 0.10); if (step % 2 === 1) fireAimedFan(difficultyCount(6), 0.12, 310); } } function fireAimedFan(count, spread, speed) { const base = Math.atan2(player.y - boss.y, player.x - boss.x); const mid = (count - 1) / 2; const actualSpeed = difficultySpeed(speed); for (let i = 0; i < count; i++) spawnBullet(boss.x, boss.y, base + (i - mid) * spread, actualSpeed, boss.color, 3.2, 6); } function spawnDownBurst() { spawnParticles(boss.x, boss.y, "#e0f2fe", 30, 250); const count = difficultyCount(12); const offset = Math.PI / count; for (let i = 0; i < count; i++) { const ang = offset + i * TAU / count; const sx = boss.x + Math.cos(ang) * CONFIG.downBurstStartRadius; const sy = boss.y + Math.sin(ang) * CONFIG.downBurstStartRadius; spawnBullet(sx, sy, ang, difficultySpeed(230), "#f8fafc", 2.8, 6); } } function spawnRing(x, y, count, speed, color, life = 3, r = 6, offset = 0) { for (let i = 0; i < count; i++) spawnBullet(x, y, offset + i * TAU / count, speed, color, life, r); } function spawnBullet(x, y, ang, speed, color, life = 3, r = 6, tag = "normal", meta = null) { bullets.push({ x, y, vx: Math.cos(ang) * speed, vy: Math.sin(ang) * speed, r, life, color, tag, ...(meta || {}), }); } function updateBullets(dt, damage) { for (let i = bullets.length - 1; i >= 0; i--) { const b = bullets[i]; b.x += b.vx * dt; b.y += b.vy * dt; if (typeof b.spin === "number") { b.rotation = (b.rotation || 0) + b.spin * dt; } b.life -= dt; if (b.life <= 0 || b.x < -80 || b.x > W + 80 || b.y < 80 || b.y > H + 80) { bullets.splice(i, 1); continue; } let hitPlayer = false; if ( b.text && Number.isFinite(b.textHitHalfWidth) && Number.isFinite(b.textHitHalfHeight) ) { // 말풍선은 화면에서 회전하지 않고 가로로 그려지므로 AABB 판정이 가장 자연스럽다. // 플레이어 원의 중심에서 말풍선 사각형에 가장 가까운 점을 구해 충돌 체크. const closestX = clamp( player.x, b.x - b.textHitHalfWidth, b.x + b.textHitHalfWidth ); const closestY = clamp( player.y, b.y - b.textHitHalfHeight, b.y + b.textHitHalfHeight ); const dx = player.x - closestX; const dy = player.y - closestY; hitPlayer = dx * dx + dy * dy <= player.r * player.r; } else { const hitRadius = b.hitRadius ?? b.r; hitPlayer = Math.hypot(b.x - player.x, b.y - player.y) < hitRadius + player.r; } if (hitPlayer) { bullets.splice(i, 1); damagePlayer(b.damage ?? damage); } } } function updatePlayerBullets(dt) { for (let i = playerBullets.length - 1; i >= 0; i--) { const b = playerBullets[i]; b.x += b.vx * dt; b.y += b.vy * dt; b.life -= dt; if ( boss && boss.phase !== "defeated" && Math.hypot(b.x - boss.x, b.y - boss.y) < b.r + boss.r + 12 ) { playerBullets.splice(i, 1); hitBoss(); continue; } if (b.life <= 0 || b.x < -50 || b.x > W + 50 || b.y < 80 || b.y > H + 50) playerBullets.splice(i, 1); } } function updateCouncil(dt) { updatePlayer(dt); updateParticles(dt); updateBullets(dt, CONFIG.councilDamage + difficultyTier() * 0.008); runtime.specialTimer -= dt; runtime.specialSpawn -= dt; $("special-guide").textContent = `학생회 행사 · ${Math.max(0, runtime.specialTimer).toFixed(1)}초 · 턴 소모 없음`; if (runtime.specialSpawn <= 0) { spawnCouncilWave(); runtime.specialSpawn = rand(0.52, 0.72) / (1 + difficultyTier() * 0.045); } if (runtime.specialTimer <= 0) { bullets = []; hide("special-guide"); showBanner("행사 종료턴을 사용하지 않고 대학생활로 복귀합니다", 1.4); state = "result"; runtime.resultTimer = 1.5; } } function spawnCouncilWave() { const tier = difficultyTier(); const pattern = Math.floor(Math.random() * 4); const speed = difficultySpeed(rand(245, 305)); if (pattern === 0) { // 한쪽 벽 전체가 밀려오되 한두 칸만 비어 있다. const fromLeft = Math.random() < 0.5; const lanes = 8 + Math.floor(tier / 2); const gap = Math.floor(Math.random() * lanes); const gap2 = tier < 3 ? (gap + 1) % lanes : -1; for (let i = 0; i < lanes; i++) { if (i === gap || i === gap2) continue; const y = 175 + i * ((H - 350) / Math.max(1, lanes - 1)); const x = fromLeft ? -18 : W + 18; const ang = fromLeft ? 0 : Math.PI; spawnBullet(x, y, ang, speed, "#fb923c", 4.5, 9, i % 2 ? "서류" : "박스"); } } else if (pattern === 1) { // 양쪽에서 플레이어를 향한 교차 업무 폭탄. for (const side of [-1, 1]) { const x = side < 0 ? -20 : W + 20; const y = rand(180, H - 180); const base = Math.atan2(player.y - y, player.x - x); const count = 5 + Math.floor(tier / 2); for (let i = 0; i < count; i++) { const mid = (count - 1) / 2; spawnBullet(x, y, base + (i - mid) * 0.12, speed, "#f97316", 4.2, 8, "마이크"); } } } else if (pattern === 2) { // 위/아래에서 동시에 떨어지는 행사 물품. const count = 5 + tier; for (let i = 0; i < count; i++) { const x = rand(45, W - 45); spawnBullet(x, 132, Math.PI / 2 + rand(-0.15, 0.15), speed, "#fdba74", 4.0, 8, "현수막"); if (i % 2 === 0) spawnBullet(W - x, H + 15, -Math.PI / 2 + rand(-0.12, 0.12), speed * 0.92, "#fb923c", 4.0, 8, "박스"); } } else { // 네 모서리에서 중앙으로 쏟아지는 혼합 탄막. const corners = [[0,145],[W,145],[0,H],[W,H]]; for (const [x,y] of corners) { const base = Math.atan2(player.y - y, player.x - x); for (let i = -1; i <= 1; i++) spawnBullet(x, y, base + i * 0.16, speed * 0.95, "#f59e0b", 4.2, 8, "업무"); } } } function updateExam(dt) { updatePlayer(dt); updateParticles(dt); updateBullets(dt, 0.20 + difficultyTier() * 0.012); runtime.examSpawn -= dt; runtime.examOrbSpawn -= dt; if (runtime.examSpawn <= 0) { spawnExamHazardWave(); runtime.examSpawn = rand(0.34, 0.49) / (1 + difficultyTier() * 0.06); } if (!examOrb) { if (runtime.examOrbSpawn <= 0) { spawnExamOrb(); runtime.examOrbSpawn = 1.0; } return; } examOrb.x += examOrb.vx * dt; examOrb.y += examOrb.vy * dt; if (examOrb.x < 25 || examOrb.x > W - 25) examOrb.vx *= -1; if (Math.hypot(examOrb.x - player.x, examOrb.y - player.y) < examOrb.r + player.r) { const reward = examOrb.value || examRewardValue(); playGameSfx("collect"); spawnParticles(player.x, player.y, "#fde047", 38, 230); changeGpa(+reward, `시험 +${formatPoint(reward)}`); run.examStudyBonus = 0; examOrb = null; bullets = []; hide("exam-guide"); showBanner(`+${formatPoint(reward)} 학점 획득!시험 종료 · 공부 보너스 소모`, 1.25); state = "examResult"; runtime.resultTimer = 1.3; return; } // 놓치면 다시 +1이 출제된다. if (examOrb.y > H + 45) { examOrb = null; runtime.examOrbSpawn = 0.7; } } function spawnExamHazardWave() { const tier = difficultyTier(); const pattern = Math.floor(Math.random() * 3); const speed = difficultySpeed(230); if (pattern === 0) { // 시험지 비: 위에서 여러 발이 서로 다른 각도로 내려온다. const count = 5 + tier; for (let i = 0; i < count; i++) { const x = rand(35, W - 35); spawnBullet(x, 132, Math.PI / 2 + rand(-0.28, 0.28), speed * rand(0.88, 1.12), "#fb7185", 4.2, 7, "오답"); } } else if (pattern === 1) { // 좌우에서 플레이어 위치를 읽고 조준. for (const x of [-15, W + 15]) { const y = rand(190, H - 170); const base = Math.atan2(player.y - y, player.x - x); const count = 4 + Math.floor(tier / 2); for (let i = 0; i < count; i++) { const mid = (count - 1) / 2; spawnBullet(x, y, base + (i - mid) * 0.14, speed * 1.08, "#f43f5e", 4.2, 7, "F"); } } } else { // 위쪽 두 지점에서 교차 부채꼴. for (const x of [W * 0.28, W * 0.72]) { const y = 140; const base = Math.atan2(player.y - y, player.x - x); for (let i = -2; i <= 2; i++) spawnBullet(x, y, base + i * 0.18, speed * 0.96, "#ef4444", 4.0, 7, "시험"); } } } function spawnExamOrb() { const tier = difficultyTier(); const fromLeft = Math.random() < 0.5; examOrb = { x: fromLeft ? rand(80, W * 0.45) : rand(W * 0.55, W - 80), y: 145, vx: rand(-55, 55), vy: 165 + tier * 14, r: 21, value: examRewardValue(), }; } function updateGoddess(dt) { updatePlayer(dt); updateParticles(dt); updateBullets(dt, CONFIG.goddessDamage); runtime.goddessTimer -= dt; runtime.goddessSpawn -= dt; $("special-guide").textContent = `과탑 여신 · ${Math.max(0, runtime.goddessTimer).toFixed(1)}초 · 피격당 학점 -${CONFIG.goddessDamage.toFixed(2)}`; if (runtime.goddessSpawn <= 0) { spawnGoddessWave(runtime.goddessStep++); runtime.goddessSpawn = Math.max(0.30, 0.48 - difficultyTier() * 0.018); } if (runtime.goddessTimer <= 0) { bullets = []; run.completed.add("goddess"); run.romance = true; run.turnsUsed++; run.lastEventId = "goddess"; hide("special-guide"); showBanner("💗 연애 시작과탑 여신과의 인연을 얻었습니다 · 1턴 사용", 1.8); state = "result"; runtime.resultTimer = 1.9; renderAllUi(); } } function spawnGoddessWave(step) { if (!boss) return; const tier = difficultyTier(); const speed = difficultySpeed(245, 0.05); if (step % 4 === 0) { // 빠르게 회전하는 하트 링. spawnRing(boss.x, boss.y, 18 + tier, speed, "#f472b6", 4.2, 7, step * 0.19); } else if (step % 4 === 1) { // 플레이어를 겨냥한 촘촘한 부채꼴. const base = Math.atan2(player.y - boss.y, player.x - boss.x); const count = 8 + Math.floor(tier / 2); const mid = (count - 1) / 2; for (let i = 0; i < count; i++) spawnBullet(boss.x, boss.y, base + (i - mid) * 0.105, speed * 1.12, "#fb7185", 4.0, 7, "♥"); } else if (step % 4 === 2) { // 양옆에서 벽이 좁혀온다. 한쪽에만 작은 틈. const lanes = 9 + Math.floor(tier / 2); const gap = Math.floor(Math.random() * lanes); for (let i = 0; i < lanes; i++) { if (i === gap) continue; const y = 175 + i * ((H - 350) / Math.max(1, lanes - 1)); spawnBullet(-15, y, 0, speed * 0.9, "#ec4899", 4.5, 8, "♥"); if (i !== (gap + 1) % lanes) spawnBullet(W + 15, y + 12, Math.PI, speed * 0.9, "#f9a8d4", 4.5, 8, "♥"); } } else { // 중앙 스파이럴 + 위에서 추가 낙하탄. const arms = 7; const base = step * 0.31; for (let i = 0; i < arms; i++) spawnBullet(boss.x, boss.y, base + i * TAU / arms, speed, "#db2777", 4.0, 7, "♥"); for (let i = 0; i < 4 + tier; i++) spawnBullet(rand(30, W - 30), 132, Math.PI / 2 + rand(-0.2, 0.2), speed * 0.88, "#fbcfe8", 4.0, 6, "♥"); } } function updateResult(dt) { runtime.resultTimer -= dt; updateParticles(dt); if (runtime.resultTimer > 0) return; if (state === "examResult") { advanceSemester(); return; } // 일반 턴의 결과 연출이 끝난 뒤, 다음 턴 선택 화면으로 넘어가기 전에 // 이번 턴의 종료 대화를 한 번 보여준다. if (maybeShowTurnEndDialogue(() => openEventSelection())) { state = "turnEndDialogue"; return; } openEventSelection(); } function updateParticles(dt) { for (let i = particles.length - 1; i >= 0; i--) { const p = particles[i]; p.x += p.vx * dt; p.y += p.vy * dt; p.vx *= Math.pow(0.04, dt); p.vy *= Math.pow(0.04, dt); p.life -= dt; if (p.life <= 0) particles.splice(i, 1); } } function updateSlashes(dt) { for (let i = slashes.length - 1; i >= 0; i--) { slashes[i].life -= dt; if (slashes[i].life <= 0) slashes.splice(i, 1); } } function spawnParticles(x, y, color, count, speed = 160) { for (let i = 0; i < count; i++) { const a = Math.random() * TAU; const s = rand(speed * 0.35, speed); particles.push({ x, y, vx: Math.cos(a) * s, vy: Math.sin(a) * s, life: rand(0.25, 0.52), maxLife: 0.52, color, r: rand(1.5, 4.2) }); } } function update(rawDt) { if (!run) return; if (toastTimer > 0) { toastTimer -= rawDt; if (toastTimer <= 0) hide("toast"); } if (bannerTimer > 0) { bannerTimer -= rawDt; if (bannerTimer <= 0) hide("event-banner"); } if (gpaDeltaTimer > 0) { gpaDeltaTimer -= rawDt; if (gpaDeltaTimer <= 0) $("gpa-delta").classList.remove("show"); } if (runtime?.shake > 0) runtime.shake = Math.max(0, runtime.shake - rawDt * 30); if (runtime?.screenFlash > 0) runtime.screenFlash = Math.max(0, runtime.screenFlash - rawDt); if (runtime?.parryFx) { runtime.parryFx.life -= rawDt; if (runtime.parryFx.life <= 0) runtime.parryFx = null; } updatePhone(rawDt); if (runtime?.hitStop > 0 && state === "combat") { runtime.hitStop = Math.max(0, runtime.hitStop - rawDt); renderAllUi(); return; } let dt = rawDt; if (runtime?.slowMo > 0 && state === "combat") { runtime.slowMo = Math.max(0, runtime.slowMo - rawDt); dt *= CONFIG.slowMoScale; } if (state === "select") { // 집/이벤트 선택 화면에서도 전투와 동일한 이동 감각을 연습할 수 있다. // WASD 이동 + SPACE 구르기 + RMB 패링 가능. updatePlayer(dt); } else if (state === "combat") updateCombat(dt); else if (state === "council") updateCouncil(dt); else if (state === "exam") updateExam(dt); else if (state === "goddess") updateGoddess(dt); else if (state === "result" || state === "examResult") updateResult(dt); renderAllUi(); } function showToast(text, duration = 1.1) { $("toast").textContent = text; show("toast"); toastTimer = duration; } function showBanner(html, duration = 1.6) { $("event-banner").innerHTML = html; show("event-banner"); bannerTimer = duration; } function renderAllUi() { if (!run) return; renderGpa(); renderChapter(); renderCharges(); renderAttackMode(); renderShield(); renderActionStatus(); renderBossHud(); renderDevTools(); } function renderGpa() { const el = $("gpa-number"); if (!el) return; const card = document.querySelector(".gpa-card"); const label = document.querySelector(".gpa-label"); if (label) { label.textContent = "🎓 현재 학점"; } // 숫자는 커지더라도 카드 안에서 안정적으로 유지한다. el.textContent = run.gpa.toFixed(2); el.classList.toggle("elite", run.gpa >= 4.0); const t = clamp((run.gpa - 1.5) / 3.0, 0, 1); el.style.fontSize = `${40 + t * 12}px`; if (card) { let meaning = card.querySelector(".gpa-meaning"); if (!meaning) { meaning = document.createElement("div"); meaning.className = "gpa-meaning"; meaning.textContent = "학점 = 생존 체력 · 0.00이면 휴학"; card.appendChild(meaning); } let meter = card.querySelector(".gpa-meter"); if (!meter) { meter = document.createElement("div"); meter.className = "gpa-meter"; meter.innerHTML = `

`; card.appendChild(meter); } const fill = meter.querySelector(".gpa-meter-fill"); if (fill) { const ratio = clamp(run.gpa / CONFIG.maxGpa, 0, 1); fill.style.width = `${ratio * 100}%`; fill.style.background = run.gpa >= 4.0 ? "#a55a55" : run.gpa <= 1.5 ? "#b46161" : "#bd8c31"; } } } function renderChapter() { $("chapter-title").textContent = `현재 학기 · CHAPTER ${run.year}`; $("semester-title").textContent = `${run.year}학년 · ${run.semester}학기`; $("turn-label").textContent = run.turnsUsed >= 2 ? "2턴 완료 · 이제 시험" : `이번 학기 남은 선택 ${remainingTurns()}회`; const dots = $("turn-dots"); dots.innerHTML = ""; for (let i = 0; i < 2; i++) { const d = document.createElement("span"); d.className = `turn-dot${i < run.turnsUsed ? " used" : ""}`; dots.appendChild(d); } } function renderCharges() { if (!player || !run) return; const list = [ { id: "me", short: "나", face: "👤", faceAsset: "dialoguePlayer" }, ...run.friends.map((id) => FRIENDS.find((f) => f.id === id)).filter(Boolean), ]; const root = $("charge-slots"); root.innerHTML = ""; list.forEach((f, i) => { const slot = document.createElement("div"); slot.className = `charge-slot${i < player.charges ? " filled" : ""}`; const portrait = f.faceAsset ? assetUrl(f.faceAsset) : ""; if (portrait) { slot.innerHTML = `

${f.short}`; } else { slot.innerHTML = `${f.face}${f.short}`; } root.appendChild(slot); }); } function renderAttackMode() { if (!player || !run) return; $("melee-btn").classList.toggle("active", player.attackMode === "melee"); $("book-btn").classList.toggle("active", player.attackMode === "book"); $("book-btn").classList.toggle("locked", !run.bookUnlocked); $("book-btn").disabled = !run.bookUnlocked; } function renderShield() { if (!run) return; $("shield-card").classList.toggle("hidden", !run.councilJoined); if (!run.councilJoined || !player) return; $("shield-status").textContent = player.shieldReady ? "READY" : `${Math.ceil(player.shieldTimer)}초`; } function renderActionStatus() { if (!player) return; const roll = $("roll-status"); const parry = $("parry-status"); if (roll) { roll.textContent = player.rollCooldown <= 0 ? "READY" : `${player.rollCooldown.toFixed(1)}s`; roll.classList.toggle("ready", player.rollCooldown <= 0); } if (parry) { parry.textContent = player.parryCooldown <= 0 ? "READY" : `${player.parryCooldown.toFixed(1)}s`; parry.classList.toggle("ready", player.parryCooldown <= 0); } } function renderBossHud() { if (!boss || !currentEvent || state !== "combat") { hide("boss-hud"); return; } show("boss-hud"); $("boss-quest").textContent = `「${currentEvent.quest}」`; $("boss-name").textContent = currentEvent.opponent; normalizeBossHp(); const hp = $("boss-hp"); hp.innerHTML = ""; // 외부 CSS가 어떤 상태여도 체력 3칸이 반드시 보이도록 inline style로 직접 그린다. hp.style.display = "flex"; hp.style.alignItems = "center"; hp.style.justifyContent = "center"; hp.style.gap = "7px"; hp.style.minHeight = "15px"; hp.style.marginTop = "8px"; hp.style.opacity = "1"; hp.style.visibility = "visible"; const maxHp = getBossMaxHp(); for (let i = 0; i < maxHp; i++) { const slot = document.createElement("span"); const filled = i < boss.slots; slot.className = `hp-slot${filled ? "" : " empty"}`; slot.style.display = "block"; slot.style.flex = "0 0 42px"; slot.style.width = "42px"; slot.style.height = "11px"; slot.style.minWidth = "42px"; slot.style.minHeight = "11px"; slot.style.borderRadius = "999px"; slot.style.opacity = "1"; slot.style.visibility = "visible"; slot.style.boxSizing = "border-box"; if (filled) { slot.style.background = "linear-gradient(90deg, #b85f67, #d87d78)"; slot.style.border = "1px solid rgba(121,63,57,.35)"; slot.style.boxShadow = "inset 0 1px 0 rgba(255,255,255,.25)"; } else { slot.style.background = "rgba(97,77,58,.12)"; slot.style.border = "1px solid rgba(97,77,58,.22)"; slot.style.boxShadow = "none"; } hp.appendChild(slot); } // 숫자도 같이 표시해서 체력이 줄었는지 즉시 확인 가능. let hpText = $("boss-hp-text"); if (!hpText) { hpText = document.createElement("div"); hpText.id = "boss-hp-text"; hp.parentElement?.appendChild(hpText); } if (hpText) { hpText.textContent = `HP ${boss.slots} / ${maxHp}`; hpText.style.marginTop = "5px"; hpText.style.textAlign = "center"; hpText.style.fontSize = "10px"; hpText.style.fontWeight = "900"; hpText.style.letterSpacing = ".08em"; hpText.style.color = "#8d665f"; hpText.style.opacity = ".86"; } const friendDuel = !!currentEvent.friendId; const label = boss.phase === "down" ? (boss.canPunish ? "다운 · 공격 기회!" : friendDuel ? "패링 성공 · 반격 준비" : "다운 충격 · 탄막을 먼저 피하기") : ({ return: "중앙 복귀", bullet: "탄막 · 패링 불가", chase: "추격", telegraph: "공격 예고 · 빨간 범위 확인", charge: "돌진 · 가드 바에 닿으면 패링", friendChase: "1:1 결투 · 거리 좁히는 중", friendWindup: `휘두르기 ${Math.min(3, (boss.comboIndex || 0) + 1)}/3 · 패링 준비`, friendSlash: `싹! ${Math.min(3, (boss.comboIndex || 0) + 1)}/3 · 패링 가능`, friendGap: `다음 휘두르기 준비 · ${Math.min(3, (boss.comboIndex || 0) + 1)}/3`, friendRecover: "3연격 종료 · 다시 거리 잡기", teamText: "핑계 문장 · 피하기", teamStompWindup: currentEvent.id === "graduation" ? `졸업전시 · 쿵 ${Math.min(3, (boss.comboIndex || 0) + 1)}/3 · 패링 가능` : `쿵 ${Math.min(3, (boss.comboIndex || 0) + 1)}/3 · 공격/패링 가능`, teamStompJump: currentEvent.id === "graduation" ? `졸업전시 · 쿵! ${Math.min(3, (boss.comboIndex || 0) + 1)}/3 · 패링` : `방방! ${Math.min(3, (boss.comboIndex || 0) + 1)}/3 · 공격/패링 가능`, teamStompGap: currentEvent.id === "graduation" ? "졸업전시 · 다음 쿵 준비" : "다음 쿵 준비 · 공격 가능", teamSleep: `졸았다… · ${Math.max(0, boss.phaseTimer).toFixed(1)}초 공격 기회`, councilApproach: "접근 · 찌르기 거리 좁히는 중", councilStabWindup: `찌르기 ${Math.min(boss.councilStabTarget || 1, (boss.councilStabCount || 0) + 1)}/${boss.councilStabTarget || 1} · 패링 준비`, councilStab: `찌르기! ${Math.min(boss.councilStabTarget || 1, (boss.councilStabCount || 0) + 1)}/${boss.councilStabTarget || 1}`, councilRetreat: "찌르고 빠지는 중", councilReturnThrow: "거리 확보 · 사물 집는 중", councilThrow: "🪑 사물 투척 · 지금 공격 가능!", gradSelect: "졸업전시 · 다음 기술 준비", gradOpen: `패링 성공 · ${Math.max(0, boss.phaseTimer).toFixed(1)}초 공격 기회`, gradRecovery: "교수님이 다음 기술을 준비하는 중", parryPush: "PARRY! · 밀어내는 중", wake: friendDuel ? "기상 · 다시 결투" : "기상 경고 · 빠져나가라", recover: "공격 종료", defeated: "CLEAR", }[boss.phase] || boss.phase); $("boss-phase").textContent = label; } function draw() { ctx.clearRect(0, 0, W, H); drawBackground(); if (!run || state === "menu") return; const shake = runtime?.shake || 0; const sx = shake > 0 ? rand(-shake, shake) : 0; const sy = shake > 0 ? rand(-shake, shake) : 0; ctx.save(); ctx.translate(sx, sy); drawArena(); if (state === "combat") drawCombat(); if (state === "council") drawCouncil(); if (state === "exam") drawExam(); if (state === "goddess") drawGoddess(); if (["select", "result", "examResult"].includes(state)) drawIdle(); drawParticles(); ctx.restore(); if (runtime?.screenFlash > 0) { const a = clamp(runtime.screenFlash / 0.18, 0, 1) * 0.22; ctx.fillStyle = `rgba(224, 242, 254, ${a})`; ctx.fillRect(0, 0, W, H); } } function drawBackground() { // Zeroad 이벤트/장면 이미지를 우선 사용하고, 없을 때만 기존 턴 배경/그라데이션으로 폴백한다. const bg = getSceneBackgroundImage() || getTurnBackgroundImage(); const drewImage = bg ? drawImageCover(bg) : false; if (!drewImage) { // 해당 턴의 이미지가 아직 없거나 로딩 중이면 기존 배경을 그대로 사용한다. const grad = ctx.createRadialGradient(W * 0.5, H * 0.38, 40, W * 0.5, H * 0.45, Math.max(W, H) * 0.72); grad.addColorStop(0, "#15112c"); grad.addColorStop(0.55, "#090b1c"); grad.addColorStop(1, "#050611"); ctx.fillStyle = grad; ctx.fillRect(0, 0, W, H); } else if (TURN_BACKGROUND_DIM > 0) { // 배경이 너무 밝아 탄막/캐릭터가 묻히지 않도록 살짝 어둡게 한다. ctx.fillStyle = `rgba(3, 6, 16, ${TURN_BACKGROUND_DIM})`; ctx.fillRect(0, 0, W, H); } // 기존 게임의 공간감은 아주 약하게 유지한다. ctx.strokeStyle = drewImage ? "rgba(255,255,255,.028)" : "rgba(167,139,250,.045)"; ctx.lineWidth = 1; const grid = 64; for (let x = 0; x < W; x += grid) { ctx.beginPath(); ctx.moveTo(x, 120); ctx.lineTo(x, H); ctx.stroke(); } for (let y = 120; y < H; y += grid) { ctx.beginPath(); ctx.moveTo(0, y); ctx.lineTo(W, y); ctx.stroke(); } } function drawArena() { ctx.save(); ctx.strokeStyle = "rgba(196,181,253,.09)"; ctx.lineWidth = 2; ctx.strokeRect(22, 136, W - 44, H - 260); ctx.restore(); } function drawIdle() { drawPlayer(); } function drawCombat() { if (boss) { drawTelegraph(); drawBoss(); drawCustomBossFx(); } drawBullets(); drawPlayerBullets(); drawSlashes(); drawPlayer(); drawParryImpact(); } function drawCustomBossFx() { if (!boss || !currentEvent) return; if ( (currentEvent.id === "team" || currentEvent.id === "team2") && boss.phase === "teamSleep" ) { ctx.save(); ctx.translate(boss.x, boss.y); const bob = Math.sin(performance.now() * 0.006) * 4; ctx.textAlign = "center"; ctx.textBaseline = "middle"; ctx.shadowBlur = 10; ctx.shadowColor = "rgba(30,41,59,.25)"; ctx.fillStyle = "rgba(255,255,255,.92)"; ctx.font = "900 24px sans-serif"; ctx.fillText("Z", 42, -58 + bob); ctx.globalAlpha = 0.72; ctx.font = "900 18px sans-serif"; ctx.fillText("z", 57, -76 + bob); ctx.globalAlpha = 0.52; ctx.font = "900 14px sans-serif"; ctx.fillText("z", 69, -91 + bob); ctx.globalAlpha = 1; ctx.shadowBlur = 0; ctx.fillStyle = "rgba(255,248,235,.92)"; ctx.font = "800 12px sans-serif"; ctx.fillText(`졸음 ${Math.max(0, boss.phaseTimer).toFixed(1)}s`, 0, 66); ctx.restore(); } } function drawCouncil() { drawBullets(true); drawPlayer(); } function drawGoddess() { if (boss) drawBoss(); drawBullets(); drawPlayer(); } function drawExam() { // 시험 위험 탄막도 반드시 화면에 그린다. drawBullets(true); if (examOrb) { ctx.save(); const glow = 12 + Math.sin(performance.now() * 0.01) * 3; ctx.shadowBlur = 24; ctx.shadowColor = "#fde047"; ctx.fillStyle = "#fef08a"; ctx.beginPath(); ctx.arc(examOrb.x, examOrb.y, examOrb.r + 5, 0, TAU); ctx.fill(); ctx.shadowBlur = 0; ctx.fillStyle = "#422006"; ctx.font = "900 17px sans-serif"; ctx.textAlign = "center"; ctx.textBaseline = "middle"; ctx.fillText(`+${formatPoint(examOrb.value || 1)}`, examOrb.x, examOrb.y + 1); ctx.strokeStyle = `rgba(250,204,21,${0.3 + glow / 100})`; ctx.lineWidth = 3; ctx.beginPath(); ctx.arc(examOrb.x, examOrb.y, examOrb.r + 12, 0, TAU); ctx.stroke(); ctx.restore(); } drawPlayer(); } function drawTelegraph() { if (!boss) return; // 팀플 빌런: 착지 지점을 빨간 원으로 명확하게 예고. if ( ( currentEvent?.id === "team" || currentEvent?.id === "team2" || currentEvent?.id === "graduation" ) && (boss.phase === "teamStompWindup" || boss.phase === "teamStompJump") ) { const pulse = 0.56 + Math.sin(performance.now() * 0.025) * 0.16; const index = Math.min(3, (boss.comboIndex || 0) + 1); ctx.save(); ctx.translate(boss.teamTargetX, boss.teamTargetY); ctx.fillStyle = `rgba(239,68,68,${0.10 + pulse * 0.08})`; ctx.strokeStyle = `rgba(239,68,68,${pulse})`; ctx.lineWidth = 4; ctx.shadowBlur = 14; ctx.shadowColor = "#ef4444"; ctx.beginPath(); ctx.arc(0, 0, CONFIG.teamStompRadius, 0, TAU); ctx.fill(); ctx.stroke(); ctx.shadowBlur = 0; ctx.fillStyle = `rgba(255,244,244,${0.72 + pulse * 0.22})`; ctx.font = "900 17px sans-serif"; ctx.textAlign = "center"; ctx.textBaseline = "middle"; ctx.fillText(`쿵 ${index}/3`, 0, 1); ctx.restore(); return; } // 총학생회장: 넓은 돌진 범위가 아니라 짧고 날카로운 찌르기 선만 보여준다. if ( (currentEvent?.id === "council" || currentEvent?.id === "graduation") && boss.phase === "councilStabWindup" ) { const pulse = 0.60 + Math.sin(performance.now() * 0.03) * 0.18; const length = 225; ctx.save(); ctx.translate(boss.x, boss.y); ctx.rotate(boss.attackDir); ctx.lineCap = "round"; ctx.shadowBlur = 14; ctx.shadowColor = "#ef4444"; ctx.strokeStyle = `rgba(239,68,68,${pulse})`; ctx.lineWidth = 8; ctx.beginPath(); ctx.moveTo(26, 0); ctx.lineTo(length, 0); ctx.stroke(); ctx.shadowBlur = 0; ctx.strokeStyle = "rgba(255,245,245,.85)"; ctx.lineWidth = 2; ctx.beginPath(); ctx.moveTo(32, 0); ctx.lineTo(length - 5, 0); ctx.stroke(); ctx.fillStyle = `rgba(239,68,68,${pulse})`; ctx.beginPath(); ctx.moveTo(length + 8, 0); ctx.lineTo(length - 12, -11); ctx.lineTo(length - 12, 11); ctx.closePath(); ctx.fill(); ctx.restore(); return; } if (currentEvent?.friendId && boss.phase === "friendWindup") { // 친구전은 부채꼴/마름모 같은 큰 경고 범위를 없애고, // 실제로 휘두를 자리만 짧은 빨간 베기선으로 보여준다. const radius = CONFIG.friendSlashRange * 0.70; const combo = boss.comboIndex || 0; const pulse = 0.72 + Math.sin(performance.now() * 0.028) * 0.18; const flip = combo % 2 === 1; const from = flip ? -0.38 : -0.78; const to = flip ? 0.78 : 0.38; ctx.save(); ctx.translate(boss.x, boss.y); ctx.rotate(boss.attackDir); ctx.lineCap = "round"; ctx.shadowBlur = 16; ctx.shadowColor = "#ef4444"; ctx.strokeStyle = `rgba(255,72,86,${pulse})`; ctx.lineWidth = 7; ctx.beginPath(); ctx.arc(0, 0, radius, from, to); ctx.stroke(); // 흰 중심선은 공격 타이밍을 읽기 위한 최소 표시만 남긴다. ctx.shadowBlur = 0; ctx.strokeStyle = `rgba(255,255,255,${0.55 + pulse * 0.25})`; ctx.lineWidth = 2; ctx.beginPath(); ctx.arc(0, 0, radius, from, to); ctx.stroke(); ctx.restore(); return; } if (boss.phase !== "telegraph") return; const length = Math.max(W, H) * 0.9; const width = 66; ctx.save(); ctx.translate(boss.x, boss.y); ctx.rotate(boss.attackDir); const pulse = 0.26 + Math.sin(performance.now() * 0.018) * 0.08; ctx.fillStyle = `rgba(255, 54, 72, ${pulse})`; ctx.strokeStyle = "rgba(255, 92, 104, .72)"; ctx.lineWidth = 2; ctx.fillRect(0, -width / 2, length, width); ctx.strokeRect(0, -width / 2, length, width); ctx.fillStyle = "rgba(255,255,255,.68)"; ctx.beginPath(); ctx.moveTo(35, -9); ctx.lineTo(53, 0); ctx.lineTo(35, 9); ctx.closePath(); ctx.fill(); ctx.restore(); } function drawSpriteImage(img, targetHeight, maxWidth) { const iw = img?.naturalWidth || img?.width || 1; const ih = img?.naturalHeight || img?.height || 1; let h = targetHeight; let w = h * (iw / ih); if (w > maxWidth) { const s = maxWidth / w; w *= s; h *= s; } // 캐릭터 좌표를 몸의 중심에 가깝게 유지하면서 발이 너무 아래로 내려가지 않게 배치. ctx.drawImage(img, -w * 0.5, -h * 0.58, w, h); } let lastGraduationProfessorSprite = null; function drawBoss() { const aimingPhase = [ "charge", "telegraph", "friendWindup", "friendSlash", "friendGap", "teamStompWindup", "teamStompJump", "councilStabWindup", "councilStab", "councilRetreat", "councilThrow", ].includes(boss.phase); const ang = aimingPhase ? boss.attackDir : Math.atan2(player.y - boss.y, player.x - boss.x); const down = boss.phase === "down" || boss.phase === "wake"; const spriteName = bossAssetName(); let sprite = spriteName ? getAssetImage(spriteName) : null; // 졸업전시 교수님은 에셋 캐시가 한 프레임 흔들려도 사라지지 않게 // 마지막으로 정상 로드된 교수님 이미지를 유지한다. if (currentEvent?.id === "graduation") { if (sprite) lastGraduationProfessorSprite = sprite; else if (lastGraduationProfessorSprite) sprite = lastGraduationProfessorSprite; } // 등록된 인게임 캐릭터가 있으면 도형 대신 실제 스프라이트를 그린다. if (sprite) { ctx.save(); ctx.translate(boss.x, boss.y); if (boss.phase === "wake") { const t = 1 - boss.phaseTimer / CONFIG.wakeTime; ctx.save(); ctx.strokeStyle = `rgba(255,64,80,${0.45 + t * 0.4})`; ctx.lineWidth = 4; ctx.beginPath(); ctx.arc(0, 0, 72 + t * 35, 0, TAU); ctx.stroke(); ctx.restore(); } if (down) { ctx.rotate(Math.PI / 2.35); } else { // 인게임 스프라이트는 '이미지 아래쪽 = 정면' 기준. // 현재 보스가 바라보는 방향(플레이어/공격 방향)으로 실제 이미지를 회전한다. // 아래쪽(+Y)의 기본 각도는 PI/2이므로 목표 각도에서 PI/2를 빼준다. ctx.rotate(ang - Math.PI / 2); if (boss.phase === "friendSlash") { const swingTilt = boss.comboIndex % 2 ? -0.12 : 0.12; ctx.rotate(swingTilt); } } const pulseScale = boss.phase === "charge" || boss.phase === "friendSlash" || boss.phase === "councilStab" || boss.phase === "teamStompJump" ? 1.12 : boss.phase === "telegraph" || boss.phase === "friendWindup" || boss.phase === "councilStabWindup" || boss.phase === "teamStompWindup" ? 1.06 : 1; ctx.scale(pulseScale, pulseScale); ctx.shadowBlur = 18; ctx.shadowColor = boss.color; if (boss.phase === "defeated") ctx.globalAlpha = 0.55; drawSpriteImage(sprite, currentEvent?.id === "goddess" ? 122 : 112, 104); ctx.restore(); return; } // 이미지가 없거나 로딩 전이면 기존 도형 캐릭터가 그대로 폴백된다. ctx.save(); ctx.translate(boss.x, boss.y); if (down) ctx.rotate(Math.PI / 2.35); else ctx.rotate(ang + Math.PI / 2); if (boss.phase === "wake") { const t = 1 - boss.phaseTimer / CONFIG.wakeTime; ctx.save(); ctx.rotate(-(ang + Math.PI / 2)); ctx.strokeStyle = `rgba(255,64,80,${0.45 + t * 0.4})`; ctx.lineWidth = 4; ctx.beginPath(); ctx.arc(0, 0, 72 + t * 35, 0, TAU); ctx.stroke(); ctx.restore(); } if (boss.phase === "friendSlash") { const swingTilt = boss.comboIndex % 2 ? -0.16 : 0.16; ctx.rotate(swingTilt); } const lean = boss.phase === "telegraph" || boss.phase === "friendWindup" ? 1.12 : boss.phase === "charge" || boss.phase === "friendSlash" ? 1.18 : 1; ctx.scale(1, lean); ctx.shadowBlur = 18; ctx.shadowColor = boss.color; ctx.fillStyle = boss.color; ctx.beginPath(); ctx.arc(0, -16, 13, 0, TAU); ctx.fill(); ctx.shadowBlur = 0; ctx.fillStyle = "rgba(244,244,255,.94)"; roundRect(ctx, -16, -4, 32, 41, 9); ctx.fill(); ctx.strokeStyle = boss.color; ctx.lineWidth = 6; ctx.beginPath(); ctx.moveTo(-12, 8); ctx.lineTo(-28, 23); ctx.moveTo(12, 8); ctx.lineTo(30, 21); ctx.stroke(); ctx.strokeStyle = "#cbd5e1"; ctx.lineWidth = 7; ctx.beginPath(); ctx.moveTo(-8, 32); ctx.lineTo(-13, 52); ctx.moveTo(8, 32); ctx.lineTo(14, 52); ctx.stroke(); ctx.restore(); } function drawPlayer() { if (!player) return; if (player.hurtFlash > 0 && Math.floor(performance.now() / 45) % 2 === 0) return; // 보호막은 캐릭터 스프라이트와 별개로 월드 좌표에 그린다. if (run.councilJoined && player.shieldReady) { ctx.save(); ctx.translate(player.x, player.y); ctx.strokeStyle = "rgba(147,197,253,.72)"; ctx.lineWidth = 3; ctx.shadowBlur = 15; ctx.shadowColor = "#60a5fa"; ctx.beginPath(); ctx.arc(0, 0, 31, 0, TAU); ctx.stroke(); ctx.restore(); } const sprite = getAssetImage("gamePlayer"); if (sprite) { ctx.save(); ctx.translate(player.x, player.y); // 플레이어 스프라이트도 '이미지 아래쪽 = 정면' 기준으로 회전한다. // 마우스를 향하는 player.facing과 공격/패링 방향이 그대로 이미지 방향이 된다. ctx.rotate(player.facing - Math.PI / 2); if (player.rollTimer > 0) { const tilt = Math.sin(performance.now() * 0.03) * 0.10; ctx.rotate(tilt); } if (player.invuln > 0) ctx.globalAlpha = 0.78; ctx.shadowBlur = 12; ctx.shadowColor = "rgba(124,58,237,.45)"; drawSpriteImage(sprite, 88, 74); ctx.restore(); } else { // 이미지가 로딩 중이거나 Zeroad 에셋을 쓸 수 없는 환경에서는 기존 도형 유지. ctx.save(); ctx.translate(player.x, player.y); ctx.rotate(player.facing + Math.PI / 2); if (player.invuln > 0) ctx.globalAlpha = 0.78; ctx.fillStyle = "#f8fafc"; ctx.beginPath(); ctx.arc(0, -11, 9, 0, TAU); ctx.fill(); ctx.fillStyle = "#7c3aed"; roundRect(ctx, -10, -1, 20, 27, 7); ctx.fill(); ctx.strokeStyle = "#ddd6fe"; ctx.lineWidth = 5; ctx.beginPath(); ctx.moveTo(-7, 24); ctx.lineTo(-10, 38); ctx.moveTo(7, 24); ctx.lineTo(10, 38); ctx.stroke(); ctx.restore(); } if (player.parryTimer > 0) drawParryCone(); } function drawParryCone() { const bar = getParryBar(); const alpha = clamp(player.parryTimer / CONFIG.parryWindow, 0, 1); ctx.save(); ctx.lineCap = "round"; // 짧고 확실한 가드 바: 보스가 이 선에 닿으면 패링 성공 ctx.shadowBlur = 24; ctx.shadowColor = "#7dd3fc"; ctx.strokeStyle = `rgba(224,242,254,${0.72 + alpha * 0.28})`; ctx.lineWidth = CONFIG.parryThickness; ctx.beginPath(); ctx.moveTo(bar.ax, bar.ay); ctx.lineTo(bar.bx, bar.by); ctx.stroke(); ctx.shadowBlur = 0; ctx.strokeStyle = "rgba(255,255,255,.95)"; ctx.lineWidth = 3; ctx.beginPath(); ctx.moveTo(bar.ax, bar.ay); ctx.lineTo(bar.bx, bar.by); ctx.stroke(); ctx.restore(); } function drawParryImpact() { const fx = runtime?.parryFx; if (!fx) return; const t = clamp(fx.life / fx.maxLife, 0, 1); const p = 1 - t; ctx.save(); ctx.translate(fx.x, fx.y); ctx.rotate(fx.ang); // 충돌점에서 크게 퍼지는 링 ctx.strokeStyle = `rgba(224,242,254,${t * 0.95})`; ctx.lineWidth = 7 * t + 2; ctx.shadowBlur = 28; ctx.shadowColor = "#7dd3fc"; ctx.beginPath(); ctx.arc(0, 0, 18 + p * 92, 0, TAU); ctx.stroke(); // 타격 방향을 보여주는 강한 십자 플래시 ctx.lineCap = "round"; ctx.strokeStyle = `rgba(255,255,255,${t})`; ctx.lineWidth = 8 * t + 2; ctx.beginPath(); ctx.moveTo(-18 - p * 15, 0); ctx.lineTo(72 + p * 35, 0); ctx.moveTo(0, -48 - p * 20); ctx.lineTo(0, 48 + p * 20); ctx.stroke(); ctx.restore(); // 플레이어가 성공 여부를 놓치지 않도록 텍스트도 크게 한 번 찍는다. ctx.save(); ctx.globalAlpha = Math.min(1, t * 1.35); ctx.textAlign = "center"; ctx.textBaseline = "middle"; ctx.font = `900 ${Math.round(31 + p * 15)}px sans-serif`; ctx.shadowBlur = 22; ctx.shadowColor = "#38bdf8"; ctx.fillStyle = "#f8fafc"; ctx.fillText("PARRY!", fx.x, fx.y - 78 - p * 16); ctx.restore(); } function drawBullets(showLabels = false) { for (const b of bullets) { ctx.save(); ctx.translate(b.x, b.y); // 팀플 빌런의 핑계는 '탄' 대신 실제 문장 말풍선이 날아온다. if (b.text) { ctx.font = "800 14px sans-serif"; ctx.textAlign = "center"; ctx.textBaseline = "middle"; const measured = ctx.measureText(b.text).width; const w = b.textHitHalfWidth ? b.textHitHalfWidth * 2 : clamp(measured + 28, 128, 230); const h = b.textHitHalfHeight ? b.textHitHalfHeight * 2 : 38; ctx.shadowBlur = 12; ctx.shadowColor = "rgba(251,113,133,.34)"; ctx.fillStyle = "rgba(255,248,244,.96)"; ctx.strokeStyle = "rgba(225,92,117,.78)"; ctx.lineWidth = 2; roundRect(ctx, -w / 2, -h / 2, w, h, 12); ctx.fill(); ctx.stroke(); ctx.shadowBlur = 0; ctx.fillStyle = "#713846"; ctx.fillText(b.text, 0, 1); ctx.restore(); continue; } // 총학생회장은 탄막 대신 의자/박스/책/서류 같은 실제 사물을 던진다. if (b.emoji) { // 브라우저/이모지 렌더러에 따라 흐릿해 보이지 않도록 // 알파를 강제로 1로 두고, 밝은 받침 + 진한 테두리 위에 크게 그린다. ctx.globalAlpha = 1; ctx.rotate(b.rotation || 0); ctx.shadowBlur = 12; ctx.shadowColor = "rgba(54,36,18,.38)"; ctx.fillStyle = "rgba(255,248,232,.98)"; ctx.strokeStyle = "rgba(91,63,34,.72)"; ctx.lineWidth = 2; ctx.beginPath(); ctx.arc(0, 0, 23, 0, TAU); ctx.fill(); ctx.stroke(); ctx.shadowBlur = 0; ctx.font = "40px 'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif"; ctx.textAlign = "center"; ctx.textBaseline = "middle"; ctx.fillText(b.emoji, 0, 2); ctx.restore(); continue; } ctx.shadowBlur = 10; ctx.shadowColor = b.color; ctx.fillStyle = b.color; ctx.beginPath(); ctx.arc(0, 0, b.r, 0, TAU); ctx.fill(); ctx.shadowBlur = 0; if (showLabels && b.tag && b.tag !== "normal") { ctx.fillStyle = "#111827"; ctx.font = "900 7px sans-serif"; ctx.textAlign = "center"; ctx.textBaseline = "middle"; ctx.fillText(b.tag[0], 0, 0.5); } ctx.restore(); } } function drawPlayerBullets() { for (const b of playerBullets) { ctx.save(); ctx.translate(b.x, b.y); ctx.rotate(Math.atan2(b.vy, b.vx)); ctx.fillStyle = "#fef3c7"; ctx.strokeStyle = "#a78bfa"; ctx.lineWidth = 2; ctx.fillRect(-10, -7, 20, 14); ctx.strokeRect(-10, -7, 20, 14); ctx.beginPath(); ctx.moveTo(0, -7); ctx.lineTo(0, 7); ctx.stroke(); ctx.restore(); } } function drawSlashes() { for (const s of slashes) { const alpha = clamp(s.life / s.maxLife, 0, 1); ctx.save(); ctx.translate(s.x, s.y); ctx.rotate(s.ang); ctx.lineCap = "round"; if (s.stomp) { const p = 1 - alpha; const rr = s.r * (0.72 + p * 0.42); ctx.rotate(-s.ang); ctx.shadowBlur = 18; ctx.shadowColor = "#ef4444"; ctx.strokeStyle = `rgba(248,80,96,${alpha * 0.88})`; ctx.lineWidth = 7 * alpha + 2; ctx.beginPath(); ctx.arc(0, 0, rr, 0, TAU); ctx.stroke(); ctx.shadowBlur = 0; ctx.fillStyle = `rgba(255,245,245,${alpha})`; ctx.font = "900 19px sans-serif"; ctx.textAlign = "center"; ctx.textBaseline = "middle"; ctx.fillText("쿵!", 0, -rr - 16); } else if (s.enemy) { ctx.shadowBlur = 18; ctx.shadowColor = "#fb7185"; ctx.strokeStyle = `rgba(255,110,130,${alpha})`; ctx.lineWidth = 12; const from = s.flip ? -0.42 : -0.92; const to = s.flip ? 0.92 : 0.42; ctx.beginPath(); ctx.arc(0, 0, s.r * 0.78, from, to); ctx.stroke(); ctx.shadowBlur = 0; ctx.strokeStyle = `rgba(255,255,255,${alpha * 0.92})`; ctx.lineWidth = 3; ctx.beginPath(); ctx.arc(0, 0, s.r * 0.78, from, to); ctx.stroke(); ctx.fillStyle = `rgba(255,255,255,${alpha})`; ctx.font = "900 17px sans-serif"; ctx.textAlign = "center"; ctx.fillText("싹!", s.r * 0.70, -18); } else { ctx.strokeStyle = `rgba(248,250,252,${alpha})`; ctx.lineWidth = 8; ctx.beginPath(); ctx.arc(0, 0, s.r * 0.72, -0.65, 0.65); ctx.stroke(); } ctx.restore(); } } function drawParticles() { for (const p of particles) { ctx.globalAlpha = clamp(p.life / p.maxLife, 0, 1); ctx.fillStyle = p.color; ctx.beginPath(); ctx.arc(p.x, p.y, p.r, 0, TAU); ctx.fill(); } ctx.globalAlpha = 1; } function roundRect(g, x, y, w, h, r) { r = Math.min(r, Math.abs(w) / 2, Math.abs(h) / 2); g.beginPath(); g.moveTo(x + r, y); g.arcTo(x + w, y, x + w, y + h, r); g.arcTo(x + w, y + h, x, y + h, r); g.arcTo(x, y + h, x, y, r); g.arcTo(x, y, x + w, y, r); g.closePath(); } function loop(now) { const rawDt = Math.min(0.045, Math.max(0, (now - last) / 1000)); last = now; // 타이틀 설명 버튼은 게임 화면 DOM과 완전히 독립된 body overlay. // Zeroad가 타이틀을 늦게 배치해도 위치를 계속 맞춘다. syncFloatingHowToButton(); update(rawDt); draw(); requestAnimationFrame(loop); } requestAnimationFrame(loop);