import { gameConfig } from "./gameConfig.js"; import { makeTiles, tileCenter, tileAt, GOLD_CARDS } from "./board.js"; import { draw } from "./render.js"; let ctx, tiles, state, ui, lastT = 0; function cur() { return state.players[state.turn]; } function opp() { return state.players[1 - state.turn]; } function pawnXY(idx, pi) { const c = tileCenter(tiles[idx]); return { x: c.x + (pi === 0 ? -12 : 12), y: c.y }; } function snapPawn(p) { const xy = pawnXY(p.pos, state.players.indexOf(p)); p.px = xy.x; p.py = xy.y; } function addLog(m) { state.log.unshift(m); state.log = state.log.slice(0, 4); ui.log.innerHTML = state.log.join("
"); } function setMsg(m) { ui.msg.textContent = m; } export function startGame() { const cv = document.getElementById("board"); ctx = cv.getContext("2d"); if (!ctx) return; ui = { msg: document.getElementById("msg"), dice: document.getElementById("dicebox"), log: document.getElementById("log"), roll: document.getElementById("btnRoll"), buy: document.getElementById("btnBuy"), pass: document.getElementById("btnPass"), p0: document.getElementById("p0panel"), p1: document.getElementById("p1panel"), over: document.getElementById("overlay"), overText: document.getElementById("overText") }; ui.roll.addEventListener("pointerdown", function () { if (state.turn === 0) rollDice(); }); ui.buy.addEventListener("pointerdown", function () { if (state.turn === 0 && state.phase === "decision") doBuy(); }); ui.pass.addEventListener("pointerdown", function () { if (state.turn === 0 && state.phase === "decision") { addLog("나: 패스"); finishTurn(); } }); document.getElementById("btnRestart").addEventListener("pointerdown", reset); cv.addEventListener("pointerdown", function (e) { if (state.phase !== "space" || state.turn !== 0) return; const r = cv.getBoundingClientRect(); const t = tileAt(tiles, (e.clientX - r.left) * cv.width / r.width, (e.clientY - r.top) * cv.height / r.height); if (t && t.i !== cur().pos && t.type !== "space") teleport(cur(), t); }); window.addEventListener("keydown", function (e) { if (e.code === "Space") { e.preventDefault(); if (state.turn === 0 && state.phase === "roll") rollDice(); } if (e.code === "KeyB" && state.turn === 0 && state.phase === "decision") doBuy(); if (e.code === "KeyP" && state.turn === 0 && state.phase === "decision") { addLog("나: 패스"); finishTurn(); } if (e.code === "KeyR" && state.phase === "gameover") reset(); }); reset(); requestAnimationFrame(loop); setInterval(aiTick, 120); } function aiTick() { if (!state || state.turn !== 1 || state.phase === "gameover") return; if (state.move || state.rolling || state.aiBusy) return; if (state.phase !== "roll" && state.phase !== "decision" && state.phase !== "space") return; state.aiBusy = true; setTimeout(function () { state.aiBusy = false; if (state.turn !== 1 || state.move || state.rolling) return; if (state.phase === "roll") { rollDice(); return; } if (state.phase === "decision") { const t = state.pending; const price = t && t.price ? t.price : 50; if (cur().money >= price + gameConfig.aiBuyReserve) { doBuy(); } else { addLog("AI: 패스"); finishTurn(); } return; } if (state.phase === "space") { const opts = tiles.filter(function (tt) { return tt.type !== "space" && tt.i !== cur().pos; }); teleport(cur(), opts[Math.floor(Math.random() * opts.length)]); } }, gameConfig.aiDelayMs); } function reset() { tiles = makeTiles(); state = { players: [ { name: "나", money: gameConfig.startMoney, pos: 0, islandTurns: 0, ticket: false, color: "#ff6b6b", px: 0, py: 0 }, { name: "AI", money: gameConfig.startMoney, pos: 0, islandTurns: 0, ticket: false, color: "#4dabf7", px: 0, py: 0 } ], turn: 0, phase: "roll", dice: [0, 0], extra: false, move: null, pending: null, mode: "", pot: 0, log: [], time: 0, aiTimer: 0, winner: -1 }; snapPawn(state.players[0]); snapPawn(state.players[1]); ui.over.classList.add("hidden"); addLog("게임 시작! 상대를 파산시키세요."); setMsg("Space 키나 버튼으로 주사위를 굴리세요!"); } const DIE_ROT = { 1: [0, 0], 2: [-90, 0], 3: [0, -90], 4: [0, 90], 5: [90, 0], 6: [0, 180] }; function animateDice(d1, d2, done) { const box = document.getElementById("diceRoll"); const dies = [document.getElementById("die0"), document.getElementById("die1")]; box.classList.remove("hidden"); dies.forEach(function (d) { d.classList.remove("spin"); d.style.transform = ""; void d.offsetWidth; d.classList.add("spin"); }); setTimeout(function () { dies[0].classList.remove("spin"); dies[1].classList.remove("spin"); dies[0].style.transform = "rotateX(" + DIE_ROT[d1][0] + "deg) rotateY(" + DIE_ROT[d1][1] + "deg)"; dies[1].style.transform = "rotateX(" + DIE_ROT[d2][0] + "deg) rotateY(" + DIE_ROT[d2][1] + "deg)"; setTimeout(function () { box.classList.add("hidden"); done(); }, 450); }, 650); } function rollDice() { if (state.phase !== "roll" || state.rolling) return; state.rolling = true; const d1 = 1 + Math.floor(Math.random() * 6), d2 = 1 + Math.floor(Math.random() * 6); ui.dice.textContent = "🎲 굴리는 중..."; animateDice(d1, d2, function () { state.rolling = false; if (state.phase !== "roll") return; resolveDice(d1, d2); }); } function resolveDice(d1, d2) { const p = cur(); state.dice = [d1, d2]; ui.dice.textContent = "🎲 " + d1 + " + " + d2 + " = " + (d1 + d2); const dbl = d1 === d2; if (p.islandTurns > 0) { if (p.ticket) { p.ticket = false; p.islandTurns = 0; addLog(p.name + ": 탈출권으로 무인도 탈출!"); } else if (dbl) { p.islandTurns = 0; addLog(p.name + ": 더블로 무인도 탈출!"); } else { p.islandTurns--; addLog(p.name + ": 무인도 대기 (" + p.islandTurns + "턴 남음)"); finishTurn(); return; } } if (dbl) { state.extra = true; p.money += gameConfig.doubleBonus; addLog(p.name + ": 더블! 보너스 +" + gameConfig.doubleBonus + "만"); } startMove(p, d1 + d2); } function startMove(p, steps) { const path = []; let pos = p.pos; for (let s = 0; s < steps; s++) { pos = (pos + 1) % tiles.length; path.push(pos); } state.move = { path: path, idx: 0, t: 0 }; state.phase = "moving"; } function updateMove(dt) { const p = cur(), m = state.move, step = gameConfig.moveStepMs; m.t += dt; while (m.t >= step) { m.t -= step; p.pos = m.path[m.idx]; if (p.pos === 0) { p.money += gameConfig.salary; addLog(p.name + ": 월급 +" + gameConfig.salary + "만"); } m.idx++; if (m.idx >= m.path.length) { state.move = null; snapPawn(p); resolveTile(p, tiles[p.pos]); return; } } const a = pawnXY(p.pos, state.turn), b = pawnXY(m.path[m.idx], state.turn), k = m.t / step; p.px = a.x + (b.x - a.x) * k; p.py = a.y + (b.y - a.y) * k - Math.sin(k * Math.PI) * 18; } function resolveTile(p, t) { if (t.type === "city") { if (t.owner === -1) { if (p.money < t.price) { addLog(p.name + ": " + t.name + " 자금 부족"); finishTurn(); return; } state.pending = t; state.mode = "buy"; state.phase = "decision"; if (state.turn === 0) { ui.buy.textContent = t.name + " 구매 " + t.price + "만 (B)"; setMsg("도시를 구매할까요?"); } } else if (t.owner === state.turn) { const cost = Math.round(t.price * gameConfig.upgradeRate); if (t.level >= gameConfig.maxLevel || p.money < cost) { finishTurn(); return; } state.pending = t; state.mode = "up"; state.phase = "decision"; if (state.turn === 0) { ui.buy.textContent = t.name + " 업그레이드 " + cost + "만 (B)"; setMsg("건물을 업그레이드할까요?"); } } else { const toll = Math.round(t.price * gameConfig.tollRate * t.level); addLog(p.name + ": " + t.name + " 통행료 -" + toll + "만"); pay(p, toll, 1 - state.turn); if (state.phase !== "gameover") finishTurn(); } } else if (t.type === "tax") { state.pot += gameConfig.taxAmount; addLog(p.name + ": 세금 -" + gameConfig.taxAmount + "만 (축제 기금 적립)"); pay(p, gameConfig.taxAmount, -1); if (state.phase !== "gameover") finishTurn(); } else if (t.type === "festival") { const gain = state.pot + gameConfig.festivalBonus; p.money += gain; state.pot = 0; addLog(p.name + ": 축제! +" + gain + "만"); finishTurn(); } else if (t.type === "island") { p.islandTurns = gameConfig.islandSkipTurns; state.extra = false; addLog(p.name + ": 무인도 도착!"); finishTurn(); } else if (t.type === "space") { state.phase = "space"; if (state.turn === 0) setMsg("🛸 우주여행! 이동할 칸을 클릭하세요!"); } else if (t.type === "key") { applyCard(p, GOLD_CARDS[Math.floor(Math.random() * GOLD_CARDS.length)]); } else finishTurn(); } function applyCard(p, card) { addLog("황금열쇠: " + card.text); if (card.money) { p.money += card.money; if (p.money < 0) { bankrupt(p); return; } } if (card.perBuilding) { let n = 0; tiles.forEach(function (t) { if (t.owner === state.turn) n += t.level; }); p.money += card.perBuilding * n; if (p.money < 0) { bankrupt(p); return; } } if (card.ticket) p.ticket = true; if (card.pot) { p.money += state.pot; state.pot = 0; } if (card.goto === "start") { p.pos = 0; p.money += gameConfig.salary; snapPawn(p); } if (card.goto === "island") { p.pos = 6; p.islandTurns = gameConfig.islandSkipTurns; state.extra = false; snapPawn(p); } if (card.goto === "space") { p.pos = 18; snapPawn(p); state.phase = "space"; if (state.turn === 0) setMsg("🛸 이동할 칸을 클릭하세요!"); return; } finishTurn(); } function teleport(p, t) { p.pos = t.i; snapPawn(p); addLog(p.name + ": " + t.name + "(으)로 우주여행!"); resolveTile(p, t); } function doBuy() { const t = state.pending, p = cur(); if (state.mode === "buy") { p.money -= t.price; t.owner = state.turn; t.level = 1; addLog(p.name + ": " + t.name + " 구매!"); } else { p.money -= Math.round(t.price * gameConfig.upgradeRate); t.level++; addLog(p.name + ": " + t.name + " Lv." + t.level + " 업그레이드!"); } finishTurn(); } function pay(p, amount, toIdx) { p.money -= amount; if (toIdx >= 0) state.players[toIdx].money += amount; if (p.money < 0) bankrupt(p); } function bankrupt(p) { state.winner = 1 - state.players.indexOf(p); state.phase = "gameover"; ui.overText.innerHTML = (state.winner === 0 ? "🏆 승리!" : "💸 패배...") + "
" + p.name + " 파산!"; ui.over.classList.remove("hidden"); } function finishTurn() { if (state.phase === "gameover") return; state.pending = null; if (state.extra && cur().islandTurns === 0) { state.extra = false; state.phase = "roll"; } else { state.extra = false; state.turn = 1 - state.turn; state.phase = "roll"; } state.aiTimer = 0; setMsg(state.turn === 0 ? "내 차례! 주사위를 굴리세요." : "AI가 생각 중..."); } function aiAct() { const p = cur(); if (state.phase === "roll") rollDice(); else if (state.phase === "decision") { const t = state.pending; const cost = state.mode === "buy" ? t.price : Math.round(t.price * gameConfig.upgradeRate); if (p.money - cost >= gameConfig.aiBuyReserve) doBuy(); else { addLog("AI: 패스"); finishTurn(); } } else if (state.phase === "space") { const targets = tiles.filter(function (t) { return t.type === "city" && t.owner === -1 && t.price <= p.money; }); const pick = targets.length ? targets[targets.length - 1] : tiles[0]; teleport(p, pick); } } function updateHud() { for (let i = 0; i < 2; i++) { const p = state.players[i], el = i === 0 ? ui.p0 : ui.p1; let owned = 0; tiles.forEach(function (t) { if (t.owner === i) owned++; }); el.innerHTML = "" + (i === 0 ? "🔴 나" : "🔵 AI") + "
💰 " + p.money + "만원
🏙️ 도시 " + owned + "개" + (p.islandTurns > 0 ? "
🏝️ 무인도 " + p.islandTurns + "턴" : "") + (p.ticket ? "
🎫 탈출권 보유" : ""); el.classList.toggle("active", state.turn === i && state.phase !== "gameover"); } ui.dice.textContent = state.dice[0] ? "🎲 " + state.dice[0] + " + " + state.dice[1] + " = " + (state.dice[0] + state.dice[1]) : "🎲 준비"; ui.roll.classList.toggle("hidden", !(state.phase === "roll" && state.turn === 0)); const dec = state.phase === "decision" && state.turn === 0; ui.buy.classList.toggle("hidden", !dec); ui.pass.classList.toggle("hidden", !dec); } function loop(t) { const dt = Math.min(50, t - lastT); lastT = t; state.time += dt; if (state.phase === "moving") updateMove(dt); if (state.turn === 1 && (state.phase === "roll" || state.phase === "decision" || state.phase === "space")) { state.aiTimer += dt; if (state.aiTimer >= gameConfig.aiDelayMs) { state.aiTimer = -9999; aiAct(); } } draw(ctx, state, tiles); updateHud(); requestAnimationFrame(loop); }