(function () { 'use strict'; var C = window.GameConfig; var E = window.Entities; function Game(canvas) { this.canvas = canvas; this.ctx = canvas.getContext('2d'); this.keys = Object.create(null); this.pointer = { x: 0, y: 0, down: false }; this.world = null; this.state = 'ready'; this.elapsed = 0; this.patternClock = 1.2; this.sequence = 0; this.shake = 0; this.whiteFlash = 0; this.lastTime = 0; this.running = false; this.storyIndex = 0; this.storyTime = 0; this.storyDuration = 3.4; this.gameOverTime = 0; this.endingTime = 0; this.endingStage = 0; this.deathX = 0; this.deathY = 0; this.storyScenes = [ { title: '지워진 원고의 끝에서', text: '마지막 문장만이 아직 희미하게 뛰고 있었다.' }, { title: '첨삭관이 붉은 펜을 들었다', text: '“후회는 오류다. 남김없이 교정하겠다.”' }, { title: '당신은 잉크의 심장을 깨웠다', text: '선을 그어 공격을 되돌리고, 사라질 기록을 지켜라.' } ]; this.resize(); this.bindInput(); this.prepare(); } Game.prototype.resize = function () { var rect = this.canvas.getBoundingClientRect(); var width = Math.max(640, Math.floor(rect.width || window.innerWidth || 960)); var height = Math.max(480, Math.floor(rect.height || window.innerHeight || 640)); var dpr = Math.min(2, window.devicePixelRatio || 1); this.canvas.width = Math.floor(width * dpr); this.canvas.height = Math.floor(height * dpr); this.dpr = dpr; this.width = width; this.height = height; if (this.world) { this.world.w = width; this.world.h = height; this.world.boss.x = width * 0.5; this.world.player.x = E.clamp(this.world.player.x, C.arenaPadding + C.playerRadius, width - C.arenaPadding - C.playerRadius); this.world.player.y = E.clamp(this.world.player.y, C.arenaPadding + C.playerRadius, height - C.arenaPadding - C.playerRadius); this.render(); } }; Game.prototype.createWorld = function () { var world = E.createWorld(this.width, this.height); world.lasers = []; world.blocked = 0; return world; }; Game.prototype.prepare = function () { this.world = this.createWorld(); this.state = 'ready'; this.elapsed = 0; this.patternClock = 1.2; this.sequence = 0; this.shake = 0; this.whiteFlash = 0; this.lastTime = 0; this.storyIndex = 0; this.storyTime = 0; this.gameOverTime = 0; this.endingTime = 0; this.endingStage = 0; }; Game.prototype.reset = function () { this.world = this.createWorld(); this.state = 'playing'; this.elapsed = 0; this.patternClock = 1.2; this.sequence = 0; this.shake = 0; this.whiteFlash = 0; this.lastTime = 0; this.storyIndex = 0; this.storyTime = 0; this.gameOverTime = 0; this.endingTime = 0; this.endingStage = 0; }; Game.prototype.beginStory = function () { this.world = this.createWorld(); this.state = 'story'; this.elapsed = 0; this.patternClock = 1.2; this.sequence = 0; this.shake = 0; this.whiteFlash = 0; this.lastTime = 0; this.storyIndex = 0; this.storyTime = 0; this.gameOverTime = 0; this.endingTime = 0; this.endingStage = 0; }; Game.prototype.advanceStory = function () { if (this.state !== 'story') return; this.storyIndex += 1; this.storyTime = 0; if (this.storyIndex >= this.storyScenes.length) { this.state = 'playing'; this.elapsed = 0; this.patternClock = 1.2; this.lastTime = 0; } }; Game.prototype.canRestart = function () { return this.state === 'lost' || (this.state === 'won' && this.endingTime >= 5.2); }; Game.prototype.setKey = function (code, down) { this.keys[code] = down; if (down && this.state === 'story' && (code === 'Space' || code === 'Enter')) this.advanceStory(); if (code === 'KeyR' && down && this.canRestart()) this.reset(); }; Game.prototype.pointerPosition = function (event) { var rect = this.canvas.getBoundingClientRect(); return { x: (event.clientX - rect.left) * this.width / rect.width, y: (event.clientY - rect.top) * this.height / rect.height }; }; Game.prototype.validWallPoint = function (x, y) { var player = this.world.player; var boss = this.world.boss; var pad = C.arenaPadding; return x >= pad && y >= pad && x <= this.width - pad && y <= this.height - pad && E.distance(x, y, player.x, player.y) <= C.wallDrawRadius && E.distance(x, y, boss.x, boss.y) >= C.bossExclusionRadius; }; Game.prototype.beginWall = function (x, y) { if (this.state !== 'playing' || !this.validWallPoint(x, y) || this.world.player.ink < 1) return; this.pointer.down = true; this.pointerDown = true; this.world.wall = { points: [{ x: x, y: y }], length: 0, life: C.wallLife, maxLife: C.wallLife, drawing: true }; }; Game.prototype.extendWall = function (x, y) { var wall = this.world.wall; if (!wall || !wall.drawing || !this.validWallPoint(x, y)) return; var last = wall.points[wall.points.length - 1]; var dx = x - last.x; var dy = y - last.y; var segment = Math.hypot(dx, dy); if (segment < 4) return; var available = this.world.player.ink * 100 / C.inkCostPer100; var remaining = Math.min(C.wallMaxLength - wall.length, available); if (remaining <= 0) { this.finishWall(); return; } if (segment > remaining) { x = last.x + dx / segment * remaining; y = last.y + dy / segment * remaining; segment = remaining; } wall.points.push({ x: x, y: y }); wall.length += segment; this.world.player.ink = Math.max(0, this.world.player.ink - segment / 100 * C.inkCostPer100); if (wall.length >= C.wallMaxLength || this.world.player.ink <= 0.01) this.finishWall(); }; Game.prototype.finishWall = function () { var wall = this.world.wall; this.pointer.down = false; this.pointerDown = false; if (!wall || !wall.drawing) return; wall.drawing = false; wall.life = C.wallLife; if (wall.points.length < 2 || wall.length < 5) this.world.wall = null; }; Game.prototype.bindInput = function () { var self = this; window.addEventListener('keydown', function (event) { self.keys[event.code] = true; if (['KeyW', 'KeyA', 'KeyS', 'KeyD', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'ShiftLeft', 'ShiftRight', 'KeyR', 'Space'].indexOf(event.code) >= 0) event.preventDefault(); if (event.code === 'KeyR' && self.canRestart()) self.reset(); }); window.addEventListener('keyup', function (event) { self.keys[event.code] = false; }); this.canvas.addEventListener('pointerdown', function (event) { if (self.state !== 'playing') return; var point = self.pointerPosition(event); self.pointer.x = point.x; self.pointer.y = point.y; self.pointer.down = true; self.pointerDown = true; self.canvas.setPointerCapture(event.pointerId); self.beginWall(point.x, point.y); event.preventDefault(); }); this.canvas.addEventListener('pointermove', function (event) { var point = self.pointerPosition(event); self.pointer.x = point.x; self.pointer.y = point.y; if (self.pointer.down) self.extendWall(point.x, point.y); }); function release(event) { self.pointer.down = false; self.pointerDown = false; self.finishWall(); if (event) event.preventDefault(); } this.canvas.addEventListener('pointerup', release); this.canvas.addEventListener('pointercancel', release); window.addEventListener('blur', function () { self.keys = Object.create(null); release(); }); window.addEventListener('resize', function () { self.resize(); }); }; Game.prototype.phase = function () { var ratio = this.world.boss.health / this.world.boss.maxHealth; if (ratio > 3 / 4) return 0; if (ratio > 1 / 2) return 1; return 2; }; Game.prototype.updatePlayer = function (dt) { var player = this.world.player; var x = 0; var y = 0; if (this.keys.KeyA || this.keys.ArrowLeft) x -= 1; if (this.keys.KeyD || this.keys.ArrowRight) x += 1; if (this.keys.KeyW || this.keys.ArrowUp) y -= 1; if (this.keys.KeyS || this.keys.ArrowDown) y += 1; var length = Math.hypot(x, y) || 1; var focus = this.keys.ShiftLeft || this.keys.ShiftRight; var speed = focus ? C.focusSpeed : C.playerSpeed; player.moving = x !== 0 || y !== 0; if (player.moving) { player.x += x / length * speed * dt; player.y += y / length * speed * dt; player.run += dt * (focus ? 6 : 10); } else { player.run += dt * 2; } player.x = E.clamp(player.x, C.arenaPadding + player.radius, this.width - C.arenaPadding - player.radius); player.y = E.clamp(player.y, C.arenaPadding + player.radius, this.height - C.arenaPadding - player.radius); }; Game.prototype.updateEnding = function (dt) { this.world.time += dt; this.shake *= Math.pow(0.008, dt); this.whiteFlash = Math.max(0, this.whiteFlash - dt); if (this.state === 'lost') { this.gameOverTime += dt; } else if (this.state === 'won') { this.endingTime += dt; var boss = this.world.boss; var player = this.world.player; if (this.endingStage === 0 && this.endingTime >= 0.72) { this.endingStage = 1; this.shake = C.shakeHit * 1.35; this.whiteFlash = 0.2; E.burst(this.world, boss.x, boss.y, C.palette.danger, C.particleCount * 4, 260); E.burst(this.world, boss.x, boss.y, C.palette.paper, C.particleCount * 3, 185); } if (this.endingStage === 1 && this.endingTime >= 1.65) { this.endingStage = 2; this.shake = C.shakeBlock * 1.5; this.whiteFlash = 0.13; E.burst(this.world, boss.x, boss.y, C.palette.sky, C.particleCount * 6, 225); } if (this.endingStage === 2 && this.endingTime >= 3.05) { this.endingStage = 3; this.whiteFlash = 0.1; E.burst(this.world, player.x, player.y, C.palette.ink, C.particleCount * 3, 125); E.burst(this.world, player.x, player.y, C.palette.sky, C.particleCount * 2, 90); } } for (var i = this.world.particles.length - 1; i >= 0; i -= 1) { var particle = this.world.particles[i]; particle.life -= dt; particle.x += particle.vx * dt; particle.y += particle.vy * dt; particle.vx *= Math.pow(0.045, dt); particle.vy *= Math.pow(0.045, dt); if (particle.life <= 0) this.world.particles.splice(i, 1); } }; Game.prototype.update = function (dt) { if (this.state === 'story') { this.world.time += dt; this.storyTime += dt; if (this.storyTime >= this.storyDuration) this.advanceStory(); return; } if (this.state === 'lost' || this.state === 'won') { this.updateEnding(dt); return; } if (this.state !== 'playing') return; this.shake *= Math.pow(0.015, dt); this.whiteFlash = Math.max(0, this.whiteFlash - dt); this.world.scroll += dt; this.world.time += dt; this.elapsed += dt; this.updatePlayer(dt); var phase = this.phase(); this.patternClock -= dt; if (this.patternClock <= 0) { var laserPattern = this.sequence % C.blasterPatternEvery === C.blasterPatternEvery - 1; if (laserPattern) E.spawnBlasters(this.world, phase); else { E.spawnPattern(this.world, phase, this.sequence); if (phase === 2) E.spawnPattern(this.world, phase, this.sequence + 2); } this.sequence += 1; this.patternClock = C.difficulty[phase].interval + (laserPattern ? 1.45 : 0); } var activeWall = this.world.wall; var events = E.update(dt, this.world); if (events.wallBroken && activeWall) { this.world.wall = activeWall; events.wallBroken = false; } if (events.hit) { this.shake = Math.max(this.shake, C.shakeHit); this.whiteFlash = 0.1; } if (events.bossDamage) { this.shake = Math.max(this.shake, C.shakeBlock); this.whiteFlash = Math.max(this.whiteFlash, 0.055); } if (events.blocked) this.shake = Math.max(this.shake, C.shakeBlock); if (events.wallBroken) this.shake = Math.max(this.shake, C.shakeHit * 0.75); if (this.world.player.health <= 0) { this.deathX = this.world.player.x; this.deathY = this.world.player.y; this.gameOverTime = 0; this.state = 'lost'; this.shake = C.shakeHit * 1.8; this.whiteFlash = 0.22; this.world.bullets.length = 0; this.world.telegraphs.length = 0; this.world.lasers.length = 0; E.burst(this.world, this.deathX, this.deathY, C.palette.danger, C.particleCount * 4, 245); E.burst(this.world, this.deathX, this.deathY, C.palette.paper, C.particleCount * 2, 145); this.finishWall(); } else if (this.world.boss.health <= 0) { this.state = 'won'; this.endingTime = 0; this.endingStage = 0; this.shake = C.shakeHit; this.whiteFlash = 0.18; this.world.bullets.length = 0; this.world.telegraphs.length = 0; this.world.lasers.length = 0; E.burst(this.world, this.world.boss.x, this.world.boss.y, C.palette.sky, C.particleCount * 5, 230); this.finishWall(); } }; Game.prototype.drawWall = function () { var wall = this.world.wall; if (!wall || wall.points.length < 1) return; var ctx = this.ctx; var alpha = wall.drawing ? 0.95 : E.clamp(wall.life / wall.maxLife, 0, 1); ctx.save(); ctx.globalAlpha = alpha; ctx.lineCap = 'round'; ctx.lineJoin = 'round'; ctx.strokeStyle = C.palette.sky; ctx.lineWidth = C.wallWidth; ctx.shadowColor = C.palette.sky; ctx.shadowBlur = 9; ctx.beginPath(); ctx.moveTo(wall.points[0].x, wall.points[0].y); for (var i = 1; i < wall.points.length; i += 1) ctx.lineTo(wall.points[i].x, wall.points[i].y); ctx.stroke(); ctx.restore(); }; Game.prototype.drawPlayerGauges = function () { var ctx = this.ctx; var player = this.world.player; var width = 50; var height = 6; var left = player.x - width * 0.5; var healthTop = player.y - 29; var inkTop = player.y + 25; ctx.save(); ctx.fillStyle = 'rgba(3,5,13,0.82)'; ctx.fillRect(left - 1, healthTop - 1, width + 2, height + 2); ctx.fillRect(left - 1, inkTop - 1, width + 2, height + 2); ctx.fillStyle = C.palette.danger; ctx.fillRect(left, healthTop, width * E.clamp(player.health / C.maxHealth, 0, 1), height); ctx.fillStyle = C.palette.ink; ctx.fillRect(left, inkTop, width * E.clamp(player.ink / C.maxInk, 0, 1), height); ctx.strokeStyle = C.palette.paper; ctx.lineWidth = 1; ctx.strokeRect(left - 0.5, healthTop - 0.5, width + 1, height + 1); ctx.strokeRect(left - 0.5, inkTop - 0.5, width + 1, height + 1); ctx.restore(); }; Game.prototype.drawHUD = function () { var ctx = this.ctx; var boss = this.world.boss; var phaseIndex = this.phase(); var phase = C.difficulty[phaseIndex]; var ratio = E.clamp(boss.health / boss.maxHealth, 0, 1); var barWidth = Math.min(520, this.width - 96); var barHeight = 18; var left = (this.width - barWidth) * 0.5; var top = 42; ctx.save(); ctx.textAlign = 'center'; ctx.fillStyle = C.palette.paper; ctx.font = '700 16px monospace'; ctx.fillText(C.bossName, this.width * 0.5, 27); ctx.fillStyle = 'rgba(3,5,13,0.9)'; ctx.fillRect(left - 3, top - 3, barWidth + 6, barHeight + 6); ctx.fillStyle = 'rgba(102,115,143,0.32)'; ctx.fillRect(left, top, barWidth, barHeight); if (ratio > 0) { var gradient = ctx.createLinearGradient(left, top, left + barWidth, top); gradient.addColorStop(0, C.palette.danger); gradient.addColorStop(1, C.palette.ink); ctx.fillStyle = gradient; ctx.shadowColor = C.palette.danger; ctx.shadowBlur = boss.flash > 0 ? 16 : 7; ctx.fillRect(left, top, barWidth * ratio, barHeight); } ctx.shadowBlur = 0; ctx.strokeStyle = C.palette.paper; ctx.lineWidth = 2; ctx.strokeRect(left - 1, top - 1, barWidth + 2, barHeight + 2); ctx.fillStyle = C.palette.paper; ctx.font = '700 12px monospace'; ctx.fillText(Math.ceil(boss.health) + ' / ' + boss.maxHealth, this.width * 0.5, top + 14); ctx.fillStyle = C.palette.muted; ctx.font = '12px monospace'; ctx.fillText('PHASE ' + (phaseIndex + 1) + ' · ' + phase.name, this.width * 0.5, top + 38); ctx.restore(); }; Game.prototype.drawStory = function () { var scene = this.storyScenes[this.storyIndex]; if (!scene) return; var ctx = this.ctx; var fadeTime = 0.55; var remaining = this.storyDuration - this.storyTime; var alpha = Math.min(1, this.storyTime / fadeTime, remaining / fadeTime); alpha = E.clamp(alpha, 0, 1); var centerX = this.width * 0.5; var centerY = this.height * 0.5; var lineWidth = Math.min(560, this.width - 80); ctx.save(); ctx.fillStyle = 'rgba(3,5,13,0.72)'; ctx.fillRect(0, 0, this.width, this.height); ctx.globalAlpha = alpha; ctx.textAlign = 'center'; ctx.shadowColor = this.storyIndex === 1 ? C.palette.danger : C.palette.sky; ctx.shadowBlur = 18; ctx.fillStyle = this.storyIndex === 1 ? C.palette.danger : C.palette.paper; ctx.font = '700 25px monospace'; ctx.fillText(scene.title, centerX, centerY - 28); ctx.shadowBlur = 0; ctx.fillStyle = C.palette.paper; ctx.font = '16px monospace'; ctx.fillText(scene.text, centerX, centerY + 18, lineWidth); ctx.globalAlpha = 0.75; ctx.fillStyle = C.palette.muted; ctx.font = '12px monospace'; ctx.fillText('SPACE / ENTER · 다음', centerX, this.height - 48); var progress = (this.storyIndex + E.clamp(this.storyTime / this.storyDuration, 0, 1)) / this.storyScenes.length; ctx.fillStyle = 'rgba(102,115,143,0.3)'; ctx.fillRect(centerX - 90, this.height - 30, 180, 2); ctx.fillStyle = C.palette.sky; ctx.fillRect(centerX - 90, this.height - 30, 180 * progress, 2); ctx.restore(); }; Game.prototype.drawGameOver = function () { var ctx = this.ctx; var t = this.gameOverTime; var centerX = this.width * 0.5; var centerY = this.height * 0.5; var dark = E.clamp(t / 1.15, 0, 1); var titleAlpha = E.clamp((t - 0.58) / 0.55, 0, 1); var textAlpha = E.clamp((t - 1.18) / 0.5, 0, 1); var promptAlpha = E.clamp((t - 1.85) / 0.55, 0, 1); var impactAlpha = E.clamp(1 - t / 0.72, 0, 1); ctx.save(); ctx.fillStyle = 'rgba(3,5,13,' + (0.25 + dark * 0.62) + ')'; ctx.fillRect(0, 0, this.width, this.height); var vignette = ctx.createRadialGradient(this.deathX, this.deathY, 8, this.deathX, this.deathY, Math.max(this.width, this.height) * 0.72); vignette.addColorStop(0, 'rgba(255,73,108,' + (impactAlpha * 0.34) + ')'); vignette.addColorStop(0.34, 'rgba(32,5,15,' + (0.18 + dark * 0.25) + ')'); vignette.addColorStop(1, 'rgba(0,0,0,' + (0.52 + dark * 0.38) + ')'); ctx.fillStyle = vignette; ctx.fillRect(0, 0, this.width, this.height); if (impactAlpha > 0) { ctx.globalAlpha = impactAlpha; ctx.strokeStyle = C.palette.danger; ctx.shadowColor = C.palette.danger; ctx.shadowBlur = 18; ctx.lineWidth = 3; ctx.beginPath(); ctx.arc(this.deathX, this.deathY, 18 + t * 190, 0, Math.PI * 2); ctx.stroke(); ctx.lineWidth = 2; ctx.beginPath(); ctx.moveTo(this.deathX - 45 - t * 160, this.deathY); ctx.lineTo(this.deathX + 45 + t * 160, this.deathY); ctx.stroke(); } ctx.globalAlpha = titleAlpha; ctx.textAlign = 'center'; ctx.font = '700 46px monospace'; ctx.shadowColor = C.palette.danger; ctx.shadowBlur = 22; ctx.fillStyle = C.palette.danger; var titleY = centerY - 42 + (1 - titleAlpha) * 16; if (t < 1.05) { ctx.fillStyle = 'rgba(167,139,250,0.55)'; ctx.fillText('GAME OVER', centerX - 4, titleY + 2); ctx.fillStyle = 'rgba(125,211,252,0.45)'; ctx.fillText('GAME OVER', centerX + 4, titleY - 2); } ctx.fillStyle = C.palette.danger; ctx.fillText('GAME OVER', centerX, titleY); ctx.shadowBlur = 0; ctx.globalAlpha = textAlpha; ctx.fillStyle = C.palette.paper; ctx.font = '700 18px monospace'; ctx.fillText('잉크의 심장이 교정되었다', centerX, centerY + 14); ctx.fillStyle = C.palette.muted; ctx.font = '13px monospace'; ctx.fillText('그러나 지워진 문장은 다시 쓰일 수 있다.', centerX, centerY + 44); ctx.globalAlpha = promptAlpha * (0.72 + Math.sin(t * 4) * 0.18); ctx.fillStyle = C.palette.paper; ctx.font = '700 14px monospace'; ctx.fillText('R 키로 다시 기록하기', centerX, centerY + 94); ctx.restore(); }; Game.prototype.drawVictoryEnding = function () { var ctx = this.ctx; var t = this.endingTime; var centerX = this.width * 0.5; var centerY = this.height * 0.5; var boss = this.world.boss; var player = this.world.player; var dark = E.clamp((t - 0.25) / 2.6, 0, 0.92); var breakAlpha = E.clamp(1 - Math.abs(t - 0.9) / 0.9, 0, 1); var lineProgress = E.clamp((t - 1.65) / 1.35, 0, 1); var firstText = E.clamp((t - 0.35) / 0.45, 0, 1) * E.clamp((2.05 - t) / 0.45, 0, 1); var secondText = E.clamp((t - 2.05) / 0.55, 0, 1) * E.clamp((3.65 - t) / 0.55, 0, 1); var titleAlpha = E.clamp((t - 3.45) / 0.9, 0, 1); var promptAlpha = E.clamp((t - 5.15) / 0.65, 0, 1); ctx.save(); ctx.fillStyle = 'rgba(3,5,13,' + (0.18 + dark * 0.78) + ')'; ctx.fillRect(0, 0, this.width, this.height); if (breakAlpha > 0) { var glow = ctx.createRadialGradient(boss.x, boss.y, 6, boss.x, boss.y, 210 + t * 45); glow.addColorStop(0, 'rgba(238,246,255,' + (breakAlpha * 0.48) + ')'); glow.addColorStop(0.18, 'rgba(125,211,252,' + (breakAlpha * 0.28) + ')'); glow.addColorStop(1, 'rgba(125,211,252,0)'); ctx.fillStyle = glow; ctx.fillRect(0, 0, this.width, this.height); ctx.globalAlpha = breakAlpha; ctx.strokeStyle = C.palette.sky; ctx.shadowColor = C.palette.sky; ctx.shadowBlur = 18; ctx.lineWidth = 2; for (var i = 0; i < 9; i += 1) { var angle = i * Math.PI * 2 / 9 + 0.18; var inner = 18 + t * 14; var outer = 54 + t * (82 + i * 3); ctx.beginPath(); ctx.moveTo(boss.x + Math.cos(angle) * inner, boss.y + Math.sin(angle) * inner); ctx.lineTo(boss.x + Math.cos(angle + 0.08) * outer, boss.y + Math.sin(angle + 0.08) * outer); ctx.stroke(); } ctx.beginPath(); ctx.arc(boss.x, boss.y, 38 + t * 95, 0, Math.PI * 2); ctx.stroke(); ctx.shadowBlur = 0; } if (lineProgress > 0) { var targetX = centerX; var targetY = centerY + 42; var startX = boss.x; var startY = boss.y; var controlX = centerX + Math.sin(t * 2.1) * 55; var controlY = centerY - 20; var endX = startX + (targetX - startX) * lineProgress; var endY = startY + (targetY - startY) * lineProgress; ctx.globalAlpha = E.clamp(lineProgress * 1.4, 0, 1); ctx.strokeStyle = C.palette.sky; ctx.shadowColor = C.palette.sky; ctx.shadowBlur = 16; ctx.lineWidth = 3; ctx.beginPath(); ctx.moveTo(startX, startY); ctx.quadraticCurveTo(controlX, controlY, endX, endY); ctx.stroke(); ctx.strokeStyle = C.palette.ink; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(startX + 5, startY); ctx.quadraticCurveTo(controlX - 18, controlY + 14, endX, endY); ctx.stroke(); ctx.shadowBlur = 0; } if (t >= 2.7) { var heartAlpha = E.clamp((t - 2.7) / 0.65, 0, 1); var pulse = 1 + Math.sin(t * 4.2) * 0.06; ctx.save(); ctx.globalAlpha = heartAlpha; ctx.translate(centerX, centerY + 42); ctx.scale(pulse, pulse); ctx.fillStyle = C.palette.sky; ctx.shadowColor = C.palette.sky; ctx.shadowBlur = 22; ctx.beginPath(); ctx.moveTo(0, 18); ctx.bezierCurveTo(-28, 2, -24, -22, 0, -10); ctx.bezierCurveTo(24, -22, 28, 2, 0, 18); ctx.fill(); ctx.restore(); } ctx.textAlign = 'center'; ctx.shadowBlur = 0; ctx.globalAlpha = firstText; ctx.fillStyle = C.palette.danger; ctx.font = '700 20px monospace'; ctx.fillText('“교정은 끝났다.”', centerX, centerY - 48); ctx.globalAlpha = secondText; ctx.fillStyle = C.palette.paper; ctx.font = '700 20px monospace'; ctx.fillText('아니, 마지막 문장은 스스로 이어졌다.', centerX, centerY - 48); ctx.globalAlpha = titleAlpha; ctx.shadowColor = C.palette.sky; ctx.shadowBlur = 24; ctx.fillStyle = C.palette.sky; ctx.font = '700 40px monospace'; ctx.fillText('기록은 지워지지 않았다', centerX, centerY - 44); ctx.shadowBlur = 0; ctx.fillStyle = C.palette.paper; ctx.font = '15px monospace'; ctx.fillText('당신이 남긴 선은 새로운 문장의 첫 획이 되었다.', centerX, centerY + 96); ctx.globalAlpha = promptAlpha * (0.74 + Math.sin(t * 4) * 0.18); ctx.fillStyle = C.palette.paper; ctx.font = '700 14px monospace'; ctx.fillText('R 키로 다시 기록하기', centerX, centerY + 142); ctx.globalAlpha = E.clamp((t - 4.1) / 1.1, 0, 0.7); ctx.fillStyle = C.palette.muted; ctx.font = '11px monospace'; ctx.fillText('THE END · INK HEART', centerX, this.height - 34); if (t > 3.1) { ctx.globalAlpha = E.clamp((t - 3.1) / 0.8, 0, 0.32); ctx.strokeStyle = C.palette.ink; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(player.x, player.y - 18); ctx.lineTo(centerX, centerY + 64); ctx.stroke(); } ctx.restore(); }; Game.prototype.drawResult = function () { if (this.state === 'lost') { this.drawGameOver(); return; } if (this.state === 'won') this.drawVictoryEnding(); }; Game.prototype.render = function () { var ctx = this.ctx; ctx.setTransform(this.dpr, 0, 0, this.dpr, 0, 0); ctx.clearRect(0, 0, this.width, this.height); E.drawBackground(ctx, this.world); if (this.state === 'story') { ctx.save(); ctx.globalAlpha = 0.25 + this.storyIndex * 0.15; E.drawBoss(ctx, this.world.boss, this.world.time); E.drawPlayer(ctx, this.world.player); ctx.restore(); this.drawStory(); return; } ctx.save(); if (this.shake > 0.1) ctx.translate((Math.random() * 2 - 1) * this.shake, (Math.random() * 2 - 1) * this.shake); if (this.state !== 'won' || this.endingTime < 1.72) { ctx.save(); if (this.state === 'won') ctx.globalAlpha = E.clamp(1 - (this.endingTime - 0.65) / 1.05, 0, 1); E.drawBoss(ctx, this.world.boss, this.world.time); ctx.restore(); } E.drawTelegraphs(ctx, this.world); E.drawLasers(ctx, this.world); this.drawWall(); for (var i = 0; i < this.world.bullets.length; i += 1) E.drawObstacle(ctx, this.world.bullets[i]); E.drawParticles(ctx, this.world.particles); ctx.save(); if (this.state === 'lost') ctx.globalAlpha = E.clamp(1 - this.gameOverTime / 0.42, 0, 1); if (this.state === 'won') ctx.globalAlpha = E.clamp(1 - (this.endingTime - 3.1) / 1.2, 0.18, 1); E.drawPlayer(ctx, this.world.player); ctx.restore(); if (this.state !== 'lost' && this.state !== 'won') this.drawPlayerGauges(); ctx.restore(); if (this.state !== 'won' || this.endingTime < 0.8) this.drawHUD(); this.drawResult(); if (this.whiteFlash > 0) { ctx.save(); ctx.globalAlpha = E.clamp(this.whiteFlash / 0.22, 0, 1) * 0.45; ctx.fillStyle = this.state === 'lost' ? C.palette.danger : C.palette.paper; ctx.fillRect(0, 0, this.width, this.height); ctx.restore(); } }; Game.prototype.start = function () { if (this.state === 'ready') this.beginStory(); if (this.running) return; this.running = true; var self = this; function frame(time) { if (!self.lastTime) self.lastTime = time; var dt = Math.min(0.033, (time - self.lastTime) / 1000); self.lastTime = time; self.update(dt); self.render(); window.requestAnimationFrame(frame); } window.requestAnimationFrame(frame); }; window.Game = Game; }());