(function () { "use strict"; var C = window.GameConfig; var E = window.Entities; function clamp(value, min, max) { return Math.max(min, Math.min(max, value)); } function pct(ratio) { return Math.round(ratio * 100) + "%"; } function loadImage(path) { var img = new Image(); img.loaded = false; img.onload = function () { img.loaded = true; }; img.src = encodeURI(path); return img; } function loadSound(path) { var audio = new Audio(encodeURI(path)); audio.preload = "auto"; return audio; } function playSound(audio) { if (!audio) return; try { audio.currentTime = 0; var p = audio.play(); if (p && p.catch) p.catch(function () {}); } catch (ignore) {} } function drawImageCover(ctx, img, x, y, w, h) { var imgRatio = img.width / img.height; var boxRatio = w / h; var sx, sy, sw, sh; if (imgRatio > boxRatio) { sh = img.height; sw = sh * boxRatio; sx = (img.width - sw) * 0.5; sy = 0; } else { sw = img.width; sh = sw / boxRatio; sx = 0; sy = (img.height - sh) * 0.5; } ctx.drawImage(img, sx, sy, sw, sh, x, y, w, h); } function drawPlayerSprite(ctx, player, img, x, y, time) { var bob = Math.sin(time * 3) * 3; var hurt = player.hit > 0 ? Math.sin(time * 55) * 4 : 0; var targetH = 148; var scale = targetH / img.height; var w = img.width * scale; var h = img.height * scale; ctx.save(); ctx.translate(x + hurt, y + bob); ctx.globalAlpha = player.invincible > 0 && Math.floor(time * 14) % 2 ? 0.35 : 1; ctx.fillStyle = "rgba(0,0,0,0.34)"; ctx.beginPath(); ctx.ellipse(0, h * 0.44, w * 0.32, 10, 0, 0, Math.PI * 2); ctx.fill(); if (player.shield > 0) { ctx.strokeStyle = "rgba(244,211,94,0.8)"; ctx.shadowColor = C.colors.gold; ctx.shadowBlur = 12; ctx.lineWidth = 4; ctx.beginPath(); ctx.arc(0, -h * 0.02, w * 0.44 + Math.sin(time * 5) * 2, 0, Math.PI * 2); ctx.stroke(); ctx.shadowBlur = 0; } ctx.drawImage(img, -w * 0.5, -h * 0.5, w, h); ctx.restore(); } function drawBurnOverlay(ctx, enemy, w, h, time) { if (!enemy.burnTurns || enemy.burnTurns <= 0) return; var count = Math.min(6, enemy.burnTurns); var topY = -h * 0.5 - 4; var spread = w * 0.55; for (var i = 0; i < count; i += 1) { var fx = count > 1 ? -spread * 0.5 + (i * spread / (count - 1)) : 0; var fy = topY - Math.sin(time * 8 + i) * 8; var fg = ctx.createLinearGradient(0, fy - 12, 0, fy + 8); fg.addColorStop(0, C.colors.gold); fg.addColorStop(1, C.colors.fire); ctx.fillStyle = fg; ctx.beginPath(); ctx.moveTo(fx - 8, fy - 10); ctx.quadraticCurveTo(fx + 1, fy, fx - 6, fy + 8); ctx.quadraticCurveTo(fx - 17, fy, fx - 8, fy - 10); ctx.fill(); } } function drawEnemySprite(ctx, enemy, img, x, y, time, isBoss) { var bob = Math.sin(time * 1.8) * 6; var hit = enemy.hit > 0 ? Math.sin(time * 60) * 5 : 0; var targetH = isBoss ? 210 : 168; var scale = targetH / img.height; var w = img.width * scale; var h = img.height * scale; ctx.save(); ctx.translate(x + hit, y + bob); ctx.fillStyle = "rgba(0,0,0,0.4)"; ctx.beginPath(); ctx.ellipse(0, h * 0.46, w * 0.36, 14, 0, 0, Math.PI * 2); ctx.fill(); ctx.drawImage(img, -w * 0.5, -h * 0.5, w, h); drawBurnOverlay(ctx, enemy, w, h, time); ctx.restore(); } function Game(canvas) { this.canvas = canvas; this.ctx = canvas.getContext("2d"); this.width = 0; this.height = 0; this.dpr = 1; this.time = 0; this.lastTime = 0; this.wave = 1; this.score = 0; this.player = E.createPlayer(); this.enemy = E.createEnemy(this.wave); this.board = E.createBoard(); this.path = []; this.preview = []; this.lastSkills = []; this.dragging = false; this.locked = false; this.phase = "combat"; this.resolveTimer = 0; this.message = "적 공격 " + this.enemy.intent.toFixed(1); this.controls = C.controls; this.upgrades = this.loadUpgrades(); this.rewardSkill = null; this.rewardOptions = []; this.maxChain = C.chainProgression.base; this.extraTurnPending = false; this.pendingNextTurnShield = 0; this.pendingNextTurnHeal = 0; this.shieldPersistNextDecay = false; this.pendingReflectRatio = 0; this.images = { bg: [loadImage(window.Assets.images["1stage_background.webp"]), loadImage(window.Assets.images["2stage_background.webp"]), loadImage(window.Assets.images["3stage_background.webp"])], monsters: [loadImage(window.Assets.images["1wave monster.png"]), loadImage(window.Assets.images["2wave monster.png"]), loadImage(window.Assets.images["3wave monster.png"]), loadImage(window.Assets.images["4wave monster.png"])], boss: loadImage(window.Assets.images["boss monster.png"]), player: loadImage(window.Assets.images["Player.png"]) }; this.sounds = { bgm: loadSound(window.Assets.sounds["BGM.mp3"]), fire: loadSound(window.Assets.sounds["fire sound.mp3"]), water: loadSound(window.Assets.sounds["water sound.mp3"]), grass: loadSound(window.Assets.sounds["grass sound.mp3"]), hit: loadSound(window.Assets.sounds["hit sound.mp3"]) }; this.sounds.bgm.loop = true; this.sounds.bgm.volume = 0.4; this.sounds.fire.volume = 0.6; this.sounds.water.volume = 0.6; this.sounds.grass.volume = 0.6; this.sounds.hit.volume = 0.7; this.bindEvents(); this.resize(); } Game.prototype.loadUpgrades = function () { try { return JSON.parse(localStorage.getItem(C.storageKey) || "{}") || {}; } catch (ignore) { return {}; } }; Game.prototype.saveUpgrades = function () { try { localStorage.setItem(C.storageKey, JSON.stringify(this.upgrades)); } catch (ignore) {} }; Game.prototype.resize = function () { var rect = this.canvas.getBoundingClientRect(); this.dpr = Math.min(2, window.devicePixelRatio || 1); this.width = Math.max(320, rect.width || window.innerWidth || 800); this.height = Math.max(520, rect.height || window.innerHeight || 720); this.canvas.width = Math.floor(this.width * this.dpr); this.canvas.height = Math.floor(this.height * this.dpr); this.layout = E.boardLayout(this.width, this.height); }; Game.prototype.pointerPosition = function (event) { var rect = this.canvas.getBoundingClientRect(); var source = event.touches && event.touches.length ? event.touches[0] : event.changedTouches && event.changedTouches.length ? event.changedTouches[0] : event; return { x: (source.clientX - rect.left) * this.width / rect.width, y: (source.clientY - rect.top) * this.height / rect.height }; }; Game.prototype.bindEvents = function () { var self = this; function down(event) { var p = self.pointerPosition(event); if (self.phase === "reward") { self.handleRewardClick(p.x, p.y); event.preventDefault(); return; } if (self.phase === "defeat") { self.restartBattle(); event.preventDefault(); return; } if (self.phase === "victory") { self.restartRun(); event.preventDefault(); return; } if (self.phase !== "combat" || self.locked) return; var index = E.tileAt(self.board, self.layout, p.x, p.y); if (index >= 0) { self.dragging = true; self.path = [index]; self.updatePreview(); event.preventDefault(); } } function move(event) { if (!self.dragging || self.locked || self.phase !== "combat") return; var p = self.pointerPosition(event); var index = E.tileAt(self.board, self.layout, p.x, p.y); if (index >= 0) self.tryAddTile(index); event.preventDefault(); } function up(event) { if (!self.dragging) return; self.dragging = false; self.commitPath(); event.preventDefault(); } this.canvas.addEventListener("mousedown", down); this.canvas.addEventListener("mousemove", move); window.addEventListener("mouseup", up); this.canvas.addEventListener("touchstart", down, { passive: false }); this.canvas.addEventListener("touchmove", move, { passive: false }); window.addEventListener("touchend", up, { passive: false }); window.addEventListener("resize", function () { self.resize(); }); }; Game.prototype.tryAddTile = function (index) { var last = this.path[this.path.length - 1]; var maxConnection = this.maxChain || C.chainProgression.base; if (index === last) return; if (this.path.length > 1 && index === this.path[this.path.length - 2]) { this.path.pop(); this.updatePreview(); return; } if (this.path.indexOf(index) !== -1 || !E.adjacent(this.board[last], this.board[index])) return; if (this.path.length >= maxConnection) return; this.path.push(index); this.updatePreview(); }; Game.prototype.countPathElements = function () { var counts = {}; var i; for (i = 0; i < this.path.length; i += 1) { var id = this.board[this.path[i]].element; counts[id] = (counts[id] || 0) + 1; } return counts; }; Game.prototype.skillDetail = function (element, count, branch) { var idx = Math.min(count, 4); var detail = { base: "", special: null }; if (element === "fire") { detail.base = "피해 " + (C.skills.fire.baseDamage * count).toFixed(1); if (branch === 1) { var burnTurns = C.skills.fire.burnTurnsByCount[idx]; if (count === 4) { detail.special = "연소 제거 후 제거 시점 남은 턴수만큼 피해 (연소 없으면 효과 없음)"; } else if (count === 3) { detail.special = "연소 " + burnTurns + "턴 부여(갱신 시 덮어쓰기) + 남은 연소 턴수만큼 즉시 피해"; } else { detail.special = "연소 " + burnTurns + "턴 부여 (갱신 시 " + burnTurns + "턴으로 덮어쓰기)"; } } else if (branch === 2) { if (count === 1) detail.special = "체력 소모 후 추가 피해"; else if (count === 2) detail.special = "체력 소모 없이 잃은 체력 비례 추가 피해"; else if (count === 3) detail.special = "체력 소모 + 잃은 체력 비례 추가 피해"; else detail.special = "체력 1까지 소모 + 방어도 999 획득 + 비례 추가 피해"; } else if (branch === 3) { if (count === 1 || count === 2) { detail.special = "물과 함께 사용 시 연소 " + C.skills.fire.burnTurnsByCount[idx] + "턴 부여"; } else if (count === 3) { detail.special = "물과 함께 사용 시 피해 " + pct(C.skills.fire.tier3DamageBoostRatio) + " 증가"; } else { detail.special = "물과 함께 사용 시 이번 턴 총 피해의 50%만큼 실드 획득"; } } } else if (element === "water") { detail.base = "방어도 " + (C.skills.water.heal * count).toFixed(1); if (branch === 1) { var boost = "방어막 " + pct(C.skills.water.tier1BoostRatio) + " 증가"; if (count === 3) detail.special = boost + " + 다음 턴 시작 시 추가 방어막"; else if (count === 4) detail.special = boost + " + 이번 턴 방어량 다음 턴에도 유지"; else detail.special = boost; } else if (branch === 2) { detail.special = "막은 피해량의 " + pct(C.skills.water.reflectRatioByCount[idx]) + " 반사"; } else if (branch === 3) { if (count === 4) detail.special = "풀과 함께 사용 시 이번 턴 총 실드량의 50%만큼 적에게 피해"; else detail.special = "풀과 함께 사용 시 회복량 비례 추가 실드"; } } else if (element === "grass") { detail.base = "회복 " + (C.skills.grass.shield * count).toFixed(1); if (branch === 1) { var gboost = "회복량 " + pct(C.skills.grass.tier1BoostRatio) + " 증가"; if (count === 3) detail.special = gboost + " + 다음 턴 시작 시 추가 회복"; else if (count === 4) detail.special = "회복 + 초과 회복량 실드 전환"; else detail.special = gboost; } else if (branch === 2) { if (count === 4) detail.special = "한 턴 더 플레이"; else detail.special = "회복량 감소 대신 이번 턴 공격력 " + pct(C.skills.grass.atkBoostByCount[idx]) + " 증가"; } else if (branch === 3) { detail.special = "불과 함께 사용 시 적 공격력 " + pct(C.skills.grass.enemyDebuffByCount[idx]) + " 약화"; } } return detail; }; Game.prototype.wrapLines = function (text, maxWidth) { var ctx = this.ctx; var words = text.split(" "); var lines = []; var current = ""; for (var i = 0; i < words.length; i += 1) { var test = current ? current + " " + words[i] : words[i]; if (current && ctx.measureText(test).width > maxWidth) { lines.push(current); current = words[i]; } else { current = test; } } if (current) lines.push(current); return lines; }; Game.prototype.updatePreview = function () { var counts = this.countPathElements(); this.preview = []; for (var i = 0; i < C.elements.length; i += 1) { var element = C.elements[i]; if (!counts[element.id]) continue; var key = element.id + ":" + counts[element.id]; var branch = this.upgrades[key] || 0; var detail = this.skillDetail(element.id, counts[element.id], branch); this.preview.push({ element: element.id, count: counts[element.id], key: key, branch: branch, base: detail.base, special: detail.special }); } }; Game.prototype.commitPath = function () { if (!this.path.length || this.locked || this.phase !== "combat") return; this.updatePreview(); var used = this.path.slice(); var skills = this.preview.slice(); this.path = []; this.preview = []; this.lastSkills = skills; this.locked = true; this.applySkillsSimultaneously(skills); E.replaceTiles(this.board, used); this.resolveTimer = C.enemy.attackDelay; }; Game.prototype.applySkillsSimultaneously = function (skills) { var damage = 0; var heal = 0; var shield = 0; var atkBoostTotal = 0; var enemyAtkDebuffTotal = 0; var selfHarmTotal = 0; var extraTurn = false; var fire4Branch2 = false; var fire4Tier3Active = false; var water4Tier3Active = false; var labels = []; var present = {}; for (var p = 0; p < skills.length; p += 1) present[skills[p].element] = true; for (var l = 0; l < skills.length; l += 1) labels.push(E.elementById(skills[l].element).name + skills[l].count); if (present.fire) playSound(this.sounds.fire); if (present.water) playSound(this.sounds.water); if (present.grass) playSound(this.sounds.grass); var grassHealBaseTotal = 0; for (var g0 = 0; g0 < skills.length; g0 += 1) { if (skills[g0].element !== "grass") continue; var g0heal = C.skills.grass.shield * skills[g0].count; if (skills[g0].branch === 1) g0heal *= (1 + C.skills.grass.tier1BoostRatio); if (skills[g0].branch === 2 && skills[g0].count !== 4) g0heal *= (1 - C.skills.grass.healPenaltyRatio); grassHealBaseTotal += g0heal; } for (var i = 0; i < skills.length; i += 1) { var skill = skills[i]; var idx = Math.min(skill.count, 4); if (skill.element === "fire") { var fireDamage = C.skills.fire.baseDamage * skill.count; if (skill.branch === 1) { var newBurnTurns = C.skills.fire.burnTurnsByCount[idx]; if (skill.count === 3) { fireDamage += (this.enemy.burnTurns > 0 ? this.enemy.burnTurns : newBurnTurns) * C.skills.fire.burnDamagePerTick; this.enemy.burnTurns = newBurnTurns; } else if (skill.count === 4) { if (this.enemy.burnTurns > 0) { fireDamage += this.enemy.burnTurns * C.skills.fire.burnDamagePerTick; this.enemy.burnTurns = 0; } } else { this.enemy.burnTurns = newBurnTurns; } } else if (skill.branch === 2) { var cost = C.skills.fire.selfHarmCostByCount[idx]; if (skill.count === 4) { selfHarmTotal += Math.max(0, this.player.hp - 1); fire4Branch2 = true; } else if (skill.count === 2) { var missingHealth = Math.max(0, this.player.maxHp - this.player.hp); fireDamage += missingHealth * C.skills.fire.missingHealthDamageRatio; } else { selfHarmTotal += Math.min(cost, Math.max(0, this.player.hp - 1)); } } else if (skill.branch === 3 && present.water) { if (skill.count === 1 || skill.count === 2) { this.enemy.burnTurns = C.skills.fire.burnTurnsByCount[idx]; } else if (skill.count === 3) { fireDamage *= (1 + C.skills.fire.tier3DamageBoostRatio); } } damage += fireDamage; if (skill.branch === 3 && present.water && skill.count === 4) fire4Tier3Active = true; } else if (skill.element === "water") { var waterShield = C.skills.water.heal * skill.count; if (skill.branch === 1) { waterShield *= (1 + C.skills.water.tier1BoostRatio); if (skill.count === 3) this.pendingNextTurnShield += waterShield; if (skill.count === 4) this.shieldPersistNextDecay = true; } else if (skill.branch === 2) { this.pendingReflectRatio = C.skills.water.reflectRatioByCount[idx]; } else if (skill.branch === 3 && present.grass) { if (skill.count === 4) { water4Tier3Active = true; } else { waterShield += grassHealBaseTotal * C.skills.water.tier3ShieldRatio; } } shield += waterShield; } else if (skill.element === "grass") { var grassHeal = C.skills.grass.shield * skill.count; if (skill.branch === 1) { grassHeal *= (1 + C.skills.grass.tier1BoostRatio); if (skill.count === 3) this.pendingNextTurnHeal += grassHeal; if (skill.count === 4) { var overflow = Math.max(0, (this.player.hp + grassHeal) - this.player.maxHp); if (overflow > 0) shield += overflow; } } else if (skill.branch === 2) { if (skill.count === 4) { extraTurn = true; } else { grassHeal *= (1 - C.skills.grass.healPenaltyRatio); atkBoostTotal += C.skills.grass.atkBoostByCount[idx]; } } else if (skill.branch === 3 && present.fire) { enemyAtkDebuffTotal += C.skills.grass.enemyDebuffByCount[idx]; } heal += grassHeal; } } if (atkBoostTotal > 0) damage *= (1 + atkBoostTotal); if (selfHarmTotal > 0) { this.player.hp = Math.max(1, this.player.hp - selfHarmTotal); damage += selfHarmTotal * C.skills.fire.selfHarmBonusRatio; } if (fire4Branch2) this.player.shield += 999; if (enemyAtkDebuffTotal > 0) { this.enemy.intent = Math.max(0, this.enemy.intent * (1 - Math.min(0.9, enemyAtkDebuffTotal))); } if (fire4Tier3Active) shield += damage * 0.5; if (water4Tier3Active) damage += shield * 0.5; this.enemy.hp = Math.max(0, this.enemy.hp - damage); this.player.hp = Math.min(this.player.maxHp, this.player.hp + heal); this.player.shield += shield; this.enemy.hit = 0.3; this.extraTurnPending = extraTurn; this.message = labels.join(" + ") + " 동시 발동"; }; Game.prototype.enemyTurn = function () { if (this.enemy.hp <= 0) { this.openReward(); return; } if (this.enemy.burnTurns > 0) { var burnDamage = C.skills.fire.burnDamagePerTick; this.enemy.hp = Math.max(0, this.enemy.hp - burnDamage); this.enemy.burnTurns -= 1; this.message = "연소 피해 " + burnDamage; if (this.enemy.hp <= 0) { this.openReward(); return; } } playSound(this.sounds.hit); var damage = this.enemy.intent; var blocked = Math.min(this.player.shield, damage); this.player.shield -= blocked; damage -= blocked; if (this.pendingReflectRatio > 0 && blocked > 0) { var reflectDamage = blocked * this.pendingReflectRatio; this.enemy.hp = Math.max(0, this.enemy.hp - reflectDamage); } this.pendingReflectRatio = 0; this.player.hp = Math.max(0, this.player.hp - damage); this.player.invincible = C.player.invincibility; this.player.hit = 0.35; this.message = blocked > 0 ? "적 공격 · 보호막 " + blocked.toFixed(1) + " 방어" : "적 공격 " + damage.toFixed(1); if (this.player.hp <= 0) { this.phase = "defeat"; this.locked = true; return; } if (this.shieldPersistNextDecay) { this.shieldPersistNextDecay = false; } else { this.player.shield = 0; } if (this.pendingNextTurnShield > 0) { this.player.shield += this.pendingNextTurnShield; this.pendingNextTurnShield = 0; } if (this.pendingNextTurnHeal > 0) { this.player.hp = Math.min(this.player.maxHp, this.player.hp + this.pendingNextTurnHeal); this.pendingNextTurnHeal = 0; } this.locked = false; }; Game.prototype.openReward = function () { this.score += C.difficulty.scorePerWave; if (this.wave === 15) { this.phase = "victory"; this.locked = true; this.message = "정상에 도달했다. 마법사는 이제 대마법사다."; return; } if (this.wave % 5 === 0) { this.message = "보스 처치! 최대 연결 수 증가"; this.startNextWave(); return; } this.phase = "reward"; this.locked = true; this.rewardSkill = null; this.rewardOptions = []; var seen = {}; for (var i = 0; i < this.lastSkills.length; i += 1) { var skill = this.lastSkills[i]; if (skill.count >= 5) continue; if (!this.upgrades[skill.key] && !seen[skill.key]) { seen[skill.key] = true; this.rewardOptions.push(skill); } } if (!this.rewardOptions.length) { for (i = 0; i < C.elements.length; i += 1) { var key = C.elements[i].id + ":1"; if (!this.upgrades[key]) this.rewardOptions.push({ element: C.elements[i].id, count: 1, key: key }); } } this.message = "승리 보상: 미강화 스킬을 선택하세요"; }; Game.prototype.rewardRects = function () { var source = this.rewardSkill ? [1, 2, 3] : this.rewardOptions; var count = Math.max(1, source.length); var width = Math.min(180, (this.width - 50) / count - 10); var isBranchStep = !!this.rewardSkill; var height = 92; var descLines = []; if (isBranchStep) { var ctx = this.ctx; ctx.font = "11px sans-serif"; var maxLines = 1; var b; for (b = 0; b < source.length; b += 1) { var detail = this.skillDetail(this.rewardSkill.element, this.rewardSkill.count, source[b]); var lines = detail.special ? this.wrapLines(detail.special, width - 20) : []; descLines.push(lines); if (lines.length > maxLines) maxLines = lines.length; } height = 54 + maxLines * 15 + 14; } var total = count * width + (count - 1) * 12; var y = isBranchStep ? Math.max(this.height * 0.44, this.height * 0.52 - (height - 92) * 0.5) : this.height * 0.52; var rects = []; for (var i = 0; i < source.length; i += 1) { rects.push({ x: (this.width - total) * 0.5 + i * (width + 12), y: y, w: width, h: height, value: source[i], descLines: descLines[i] || [] }); } return rects; }; Game.prototype.handleRewardClick = function (x, y) { var rects = this.rewardRects(); for (var i = 0; i < rects.length; i += 1) { var rect = rects[i]; if (x < rect.x || x > rect.x + rect.w || y < rect.y || y > rect.y + rect.h) continue; if (!this.rewardSkill) { this.rewardSkill = rect.value; this.message = "강화 계열을 한 번 선택하세요"; } else { this.upgrades[this.rewardSkill.key] = rect.value; this.saveUpgrades(); this.startNextWave(); } return; } }; Game.prototype.startNextWave = function () { this.wave += 1; var isStage1BossDone = this.wave === 6; var isStage2BossDone = this.wave === 11; if (isStage1BossDone) this.maxChain = C.chainProgression.afterStage1; if (isStage2BossDone) this.maxChain = C.chainProgression.afterStage2; this.enemy = E.createEnemy(this.wave); this.board = E.createBoard(); this.player.hp = this.player.maxHp; this.player.shield = 0; this.shieldPersistNextDecay = false; this.pendingNextTurnShield = 0; this.pendingNextTurnHeal = 0; this.pendingReflectRatio = 0; this.extraTurnPending = false; this.phase = "combat"; this.locked = false; this.rewardSkill = null; this.rewardOptions = []; if (this.wave === 6) { this.message = "조금씩 강해지고 있다. 정상이 가까워진다."; } else if (this.wave === 11) { this.message = "마지막 관문. 여기서 무너지면 아무것도 아니게 된다."; } else { this.message = "고정된 강화는 자동 적용됩니다"; } }; Game.prototype.restartBattle = function () { this.shieldPersistNextDecay = false; this.pendingNextTurnShield = 0; this.pendingNextTurnHeal = 0; this.pendingReflectRatio = 0; this.extraTurnPending = false; this.player = E.createPlayer(); this.enemy = E.createEnemy(this.wave); this.board = E.createBoard(); this.path = []; this.preview = []; this.phase = "combat"; this.locked = false; this.message = "다시 전투를 시작합니다"; }; Game.prototype.restartRun = function () { this.wave = 1; this.maxChain = C.chainProgression.base; this.shieldPersistNextDecay = false; this.pendingNextTurnShield = 0; this.pendingNextTurnHeal = 0; this.pendingReflectRatio = 0; this.extraTurnPending = false; this.player = E.createPlayer(); this.enemy = E.createEnemy(this.wave); this.board = E.createBoard(); this.path = []; this.preview = []; this.lastSkills = []; this.phase = "combat"; this.locked = false; this.message = "새로운 여정을 시작합니다"; }; Game.prototype.update = function (dt) { this.time += dt; this.player.invincible = Math.max(0, this.player.invincible - dt); this.player.hit = Math.max(0, this.player.hit - dt); this.enemy.hit = Math.max(0, this.enemy.hit - dt); for (var i = 0; i < this.board.length; i += 1) { this.board[i].pulse = Math.max(0, this.board[i].pulse - dt * 2.5); } if (this.phase === "combat" && this.locked && this.resolveTimer > 0) { this.resolveTimer -= dt; if (this.resolveTimer <= 0) { if (this.extraTurnPending) { this.extraTurnPending = false; this.message = "추가 턴! 적의 공격이 스킵됩니다"; this.locked = false; } else { this.enemyTurn(); } } } }; Game.prototype.drawBar = function (x, y, width, value, max, color, label) { var ctx = this.ctx; ctx.fillStyle = "rgba(7,16,39,0.9)"; E.roundedRect(ctx, x, y, width, 22, 11); ctx.fill(); var fillWidth = width * clamp(value / max, 0, 1); if (fillWidth > 1) { ctx.fillStyle = color; E.roundedRect(ctx, x, y, fillWidth, 22, 11); ctx.fill(); } ctx.fillStyle = C.colors.white; ctx.font = "bold 12px sans-serif"; ctx.textAlign = "center"; ctx.fillText(label + " " + Math.ceil(value) + "/" + max, x + width * 0.5, y + 16); }; Game.prototype.drawStageProgress = function () { var ctx = this.ctx; var stage = Math.min(3, Math.floor((this.wave - 1) / 5) + 1); var battle = (this.wave - 1) % 5 + 1; var center = this.width * 0.5; var spacing = Math.min(74, this.width * 0.16); var start = center - spacing; ctx.textAlign = "center"; ctx.fillStyle = C.colors.white; ctx.font = "bold 14px sans-serif"; ctx.fillText("스테이지 " + stage + "/3", center, 60); ctx.lineWidth = 4; ctx.strokeStyle = "rgba(248,250,255,0.22)"; ctx.beginPath(); ctx.moveTo(start, 78); ctx.lineTo(start + spacing * 2, 78); ctx.stroke(); for (var i = 1; i <= 3; i += 1) { ctx.fillStyle = i < stage ? C.colors.gold : i === stage ? C.colors.teal : "#33405d"; ctx.beginPath(); ctx.arc(start + (i - 1) * spacing, 78, i === stage ? 9 : 7, 0, Math.PI * 2); ctx.fill(); } var miniGap = 18; var miniStart = center - miniGap * 2; for (i = 1; i <= 5; i += 1) { ctx.fillStyle = i < battle ? C.colors.gold : i === battle ? C.colors.teal : "#33405d"; ctx.beginPath(); ctx.arc(miniStart + (i - 1) * miniGap, 98, i === battle ? 5 : 4, 0, Math.PI * 2); ctx.fill(); } }; Game.prototype.drawPath = function () { if (this.path.length < 2) return; var ctx = this.ctx; ctx.lineCap = "round"; ctx.lineJoin = "round"; for (var i = 1; i < this.path.length; i += 1) { var a = E.tileCenter(this.board[this.path[i - 1]], this.layout); var b = E.tileCenter(this.board[this.path[i]], this.layout); ctx.strokeStyle = C.colors.gold; ctx.lineWidth = Math.max(8, this.layout.size * 0.13); ctx.beginPath(); ctx.moveTo(a.x, a.y); ctx.lineTo(b.x, b.y); ctx.stroke(); } }; Game.prototype.drawPreview = function () { var ctx = this.ctx; var list = this.preview.length ? this.preview : this.lastSkills; var outerX = 20; var outerWidth = this.width - 40; var titleHeight = 30; if (!list.length) { var emptyHeight = 76; var emptyY = Math.max(225, this.layout.y - 92); ctx.fillStyle = "rgba(20,33,61,0.88)"; E.roundedRect(ctx, outerX, emptyY, outerWidth, emptyHeight, 14); ctx.fill(); ctx.fillStyle = C.colors.white; ctx.textAlign = "center"; ctx.font = "bold 13px sans-serif"; ctx.fillText("자동 발동 미리보기", this.width * 0.5, emptyY + 22); ctx.font = "12px sans-serif"; ctx.fillText("경로를 드래그하세요", this.width * 0.5, emptyY + 49); return; } var innerPadding = 14; var gap = 10; var maxSlots = C.elements.length; var boxCount = list.length; var boxWidth = (outerWidth - innerPadding * 2 - gap * (maxSlots - 1)) / maxSlots; var boxTextWidth = boxWidth - 14; var nameLineHeight = 15; var baseFont = "11px sans-serif"; var baseLineHeight = 14; var specialLineHeight = 13; var entries = []; var maxContentHeight = 0; var i; for (i = 0; i < list.length; i += 1) { var skill = list[i]; ctx.font = baseFont; var baseLines = this.wrapLines(skill.base, boxTextWidth); var specialLines = skill.special ? this.wrapLines("특수효과: " + skill.special, boxTextWidth) : []; var contentHeight = nameLineHeight + baseLines.length * baseLineHeight; if (specialLines.length) contentHeight += 8 + specialLines.length * specialLineHeight; if (contentHeight > maxContentHeight) maxContentHeight = contentHeight; entries.push({ skill: skill, baseLines: baseLines, specialLines: specialLines }); } var boxHeight = maxContentHeight + 18; var outerHeight = titleHeight + boxHeight + innerPadding; var y = Math.max(150, this.layout.y - outerHeight - 20); ctx.fillStyle = "rgba(20,33,61,0.88)"; E.roundedRect(ctx, outerX, y, outerWidth, outerHeight, 14); ctx.fill(); ctx.fillStyle = C.colors.white; ctx.textAlign = "center"; ctx.font = "bold 13px sans-serif"; ctx.fillText("자동 발동 미리보기", this.width * 0.5, y + 22); var boxTop = y + titleHeight; var rowWidth = boxCount * boxWidth + (boxCount - 1) * gap; var rowStartX = outerX + (outerWidth - rowWidth) * 0.5; for (i = 0; i < entries.length; i += 1) { var entry = entries[i]; var elementInfo = E.elementById(entry.skill.element); var bx = rowStartX + i * (boxWidth + gap); ctx.fillStyle = "rgba(7,16,39,0.55)"; E.roundedRect(ctx, bx, boxTop, boxWidth, boxHeight, 10); ctx.fill(); ctx.strokeStyle = elementInfo.color; ctx.lineWidth = 1.5; E.roundedRect(ctx, bx, boxTop, boxWidth, boxHeight, 10); ctx.stroke(); var cx = bx + boxWidth * 0.5; var cy = boxTop + 8; ctx.textAlign = "center"; ctx.fillStyle = elementInfo.color; ctx.font = "bold 12px sans-serif"; ctx.fillText(elementInfo.name + " " + entry.skill.count, cx, cy + 10); cy += nameLineHeight; ctx.fillStyle = C.colors.white; ctx.font = baseFont; var b; for (b = 0; b < entry.baseLines.length; b += 1) { cy += baseLineHeight; ctx.fillText(entry.baseLines[b], cx, cy); } if (entry.specialLines.length) { cy += 8; ctx.fillStyle = C.colors.gold; ctx.font = "10px sans-serif"; var s; for (s = 0; s < entry.specialLines.length; s += 1) { cy += specialLineHeight; ctx.fillText(entry.specialLines[s], cx, cy); } } } }; Game.prototype.drawReward = function () { var ctx = this.ctx; ctx.fillStyle = "rgba(4,9,24,0.9)"; ctx.fillRect(0, 0, this.width, this.height); ctx.fillStyle = C.colors.gold; ctx.textAlign = "center"; ctx.font = "bold 30px sans-serif"; ctx.fillText("전투 승리", this.width * 0.5, this.height * 0.32); ctx.fillStyle = C.colors.white; ctx.font = "15px sans-serif"; ctx.fillText(this.rewardSkill ? "영구 고정할 강화 계열을 선택하세요" : "미강화 스킬 하나를 선택하세요", this.width * 0.5, this.height * 0.39); var rects = this.rewardRects(); for (var i = 0; i < rects.length; i += 1) { var rect = rects[i]; ctx.fillStyle = C.colors.teal; E.roundedRect(ctx, rect.x, rect.y, rect.w, rect.h, 14); ctx.fill(); ctx.strokeStyle = C.colors.gold; ctx.lineWidth = 2; E.roundedRect(ctx, rect.x, rect.y, rect.w, rect.h, 14); ctx.stroke(); ctx.fillStyle = C.colors.white; if (this.rewardSkill) { var branchName = C.branchNames[rect.value] || (rect.value + "계열"); ctx.font = "bold 14px sans-serif"; ctx.fillText(branchName, rect.x + rect.w * 0.5, rect.y + 22); ctx.font = "11px sans-serif"; ctx.fillStyle = "rgba(255,255,255,0.7)"; ctx.fillText(rect.value + "계열", rect.x + rect.w * 0.5, rect.y + 38); ctx.fillStyle = "rgba(248,250,255,0.95)"; ctx.font = "11px sans-serif"; var descY = rect.y + 56; for (var d = 0; d < rect.descLines.length; d += 1) { ctx.fillText(rect.descLines[d], rect.x + rect.w * 0.5, descY); descY += 15; } } else { ctx.font = "bold 16px sans-serif"; ctx.fillText(E.elementById(rect.value.element).name + " " + rect.value.count + "연결", rect.x + rect.w * 0.5, rect.y + 51); } } }; Game.prototype.draw = function () { var ctx = this.ctx; ctx.setTransform(this.dpr, 0, 0, this.dpr, 0, 0); ctx.clearRect(0, 0, this.width, this.height); var stage = Math.min(3, Math.floor((this.wave - 1) / 5) + 1); var bgImg = this.images.bg[stage - 1]; if (bgImg && bgImg.loaded) { drawImageCover(ctx, bgImg, 0, 0, this.width, this.height); ctx.fillStyle = "rgba(5,9,22,0.34)"; ctx.fillRect(0, 0, this.width, this.height); } else { E.drawBackground(ctx, this.width, this.height, this.time); } var playerX = this.width * 0.25; var enemyX = this.width * 0.75; var combatY = Math.max(165, Math.min(this.height * 0.36, this.layout.y - 125)); var playerY = combatY; var enemyY = combatY; var battleInStage = (this.wave - 1) % 5 + 1; var isBoss = battleInStage === 5; var enemyImg = isBoss ? this.images.boss : this.images.monsters[battleInStage - 1]; if (enemyImg && enemyImg.loaded) { drawEnemySprite(ctx, this.enemy, enemyImg, enemyX, enemyY, this.time, isBoss); } else { E.drawObstacle(ctx, this.enemy, enemyX, enemyY, this.time); } var playerImg = this.images.player; if (playerImg && playerImg.loaded) { drawPlayerSprite(ctx, this.player, playerImg, playerX, playerY, this.time); } else { E.drawPlayer(ctx, this.player, playerX, playerY, this.time); } var barWidth = Math.min(210, this.width * 0.36); var playerBarY = playerY + 82; var enemyBarY = enemyY + 82; this.drawBar(playerX - barWidth * 0.5, playerBarY, barWidth, this.player.hp, this.player.maxHp, C.colors.water, "플레이어"); this.drawBar(enemyX - barWidth * 0.5, enemyBarY, barWidth, this.enemy.hp, this.enemy.maxHp, C.colors.fire, "적"); ctx.fillStyle = C.colors.white; ctx.font = "bold 16px sans-serif"; ctx.textAlign = "center"; ctx.fillText(C.title, this.width * 0.5, 27); this.drawStageProgress(); ctx.fillStyle = "rgba(248,250,255,0.82)"; ctx.font = "13px sans-serif"; ctx.textAlign = "center"; ctx.fillText(this.message, this.width * 0.5, 118); ctx.fillText("다음 공격력 " + this.enemy.intent.toFixed(1), enemyX, enemyBarY + 42); if (this.enemy.burnTurns > 0) { ctx.fillStyle = C.colors.fire; ctx.fillText("연소 " + this.enemy.burnTurns + "턴 남음", enemyX, enemyBarY + 60); } ctx.fillStyle = "rgba(248,250,255,0.82)"; ctx.fillText(this.player.shield > 0 ? "보호막 " + this.player.shield.toFixed(1) : "보호막 없음", playerX, playerBarY + 42); this.drawPreview(); var selected = {}; for (var p = 0; p < this.path.length; p += 1) selected[this.path[p]] = true; for (var i = 0; i < this.board.length; i += 1) { var tile = this.board[i]; var x = this.layout.x + tile.col * (this.layout.size + this.layout.gap); var y = this.layout.y + tile.row * (this.layout.size + this.layout.gap); E.drawCollectible(ctx, tile, x, y, this.layout.size, !!selected[i], this.time); } this.drawPath(); if (this.phase === "reward") this.drawReward(); if (this.phase === "defeat") { ctx.fillStyle = "rgba(7,16,39,0.86)"; ctx.fillRect(0, 0, this.width, this.height); ctx.fillStyle = C.colors.fire; ctx.font = "bold 34px sans-serif"; ctx.textAlign = "center"; ctx.fillText("패배", this.width * 0.5, this.height * 0.45); ctx.fillStyle = C.colors.white; ctx.font = "16px sans-serif"; ctx.fillText("화면을 눌러 다시 시작", this.width * 0.5, this.height * 0.52); } if (this.phase === "victory") { ctx.fillStyle = "rgba(7,16,39,0.9)"; ctx.fillRect(0, 0, this.width, this.height); ctx.fillStyle = C.colors.gold; ctx.font = "bold 34px sans-serif"; ctx.textAlign = "center"; ctx.fillText("게임 클리어!", this.width * 0.5, this.height * 0.45); ctx.fillStyle = C.colors.white; ctx.font = "16px sans-serif"; ctx.fillText("화면을 눌러 다시 시작", this.width * 0.5, this.height * 0.52); } }; Game.prototype.frame = function (timestamp) { var dt = this.lastTime ? (timestamp - this.lastTime) / 1000 : 0; this.lastTime = timestamp; this.update(Math.min(C.timing.maxDelta, dt)); this.draw(); var self = this; requestAnimationFrame(function (time) { self.frame(time); }); }; Game.prototype.start = function () { var self = this; playSound(this.sounds.bgm); requestAnimationFrame(function (time) { self.frame(time); }); }; Game.editorMode = "edit"; Game.editScope = "javascript"; window.Game = Game; }());