// edubox-mem:utils.js var TAU = Math.PI * 2; function clamp(v, lo, hi) { return v < lo ? lo : v > hi ? hi : v; } function rand(min, max) { return min + Math.random() * (max - min); } function choice(arr) { return arr[Math.floor(Math.random() * arr.length)]; } function shuffle(arr) { const a = arr.slice(); var _ebxloop_1 = Date.now(); for (let i = a.length - 1; i > 0; i--) { if (Date.now() - _ebxloop_1 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const j = Math.floor(Math.random() * (i + 1)); [a[i], a[j]] = [a[j], a[i]]; } return a; } function weighted(entries) { let total = 0; for (const e of entries) total += e[1]; let r = Math.random() * total; var _ebxloop_2 = Date.now(); for (const e of entries) { if (Date.now() - _ebxloop_2 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } r -= e[1]; if (r <= 0) return e[0]; } return entries[entries.length - 1][0]; } function formatTime(sec) { const m = Math.floor(sec / 60); const s = Math.floor(sec % 60); return String(m).padStart(2, "0") + ":" + String(s).padStart(2, "0"); } function damp(value, factorPerSecond, dt) { return value * Math.pow(factorPerSecond, dt); } var SpatialGrid = class { constructor(cell = 70) { this.cell = cell; this.map = /* @__PURE__ */ new Map(); this._out = []; } key(x, y) { return Math.floor(x / this.cell) + "," + Math.floor(y / this.cell); } build(items) { this.map.clear(); var _ebxloop_3 = Date.now(); for (const it of items) { if (Date.now() - _ebxloop_3 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const k = this.key(it.x, it.y); let bucket = this.map.get(k); if (!bucket) { bucket = []; this.map.set(k, bucket); } bucket.push(it); } } query(x, y, r) { const out = this._out; out.length = 0; const c = this.cell; const x0 = Math.floor((x - r) / c), x1 = Math.floor((x + r) / c); const y0 = Math.floor((y - r) / c), y1 = Math.floor((y + r) / c); var _ebxloop_5 = Date.now(); for (let i = x0; i <= x1; i++) { if (Date.now() - _ebxloop_5 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } var _ebxloop_4 = Date.now(); for (let j = y0; j <= y1; j++) { if (Date.now() - _ebxloop_4 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const bucket = this.map.get(i + "," + j); if (bucket) for (const it of bucket) out.push(it); } } return out; } }; // edubox-mem:theme.js var KEYS = [ "bg", "bg2", "grid", "fg", "muted", "accent", "player", "xp", "hp", "enemyA", "enemyB", "enemyC", "enemyD", "boss", "proj", "aura", "heal" ]; var FALLBACK = { light: { bg: "#ece5d8", bg2: "#e2d9c8", grid: "#d3c8b2", fg: "#241f1a", muted: "#6d6355", accent: "#9c1f2e", player: "#1b4f5e", xp: "#2b7a9b", hp: "#9c1f2e", enemyA: "#6b4a2f", enemyB: "#3f6b3a", enemyC: "#5c5a86", enemyD: "#7a3b22", boss: "#7d1220", proj: "#b8621b", aura: "#2b7a9b", heal: "#2f7a4d" }, dark: { bg: "#12131c", bg2: "#0c0d14", grid: "#1e2030", fg: "#ece7dc", muted: "#8b8697", accent: "#e04257", player: "#57d4e8", xp: "#46b6e0", hp: "#e04257", enemyA: "#b98a5e", enemyB: "#6fbf6a", enemyC: "#9a95d8", enemyD: "#e08a4a", boss: "#ff5c6e", proj: "#ffc25c", aura: "#46b6e0", heal: "#62d99a" } }; var colors = {}; var themeInfo = { source: "eingebaut", theme: "light" }; var listeners = []; var VALID = /^(#[0-9a-f]{3,8}|rgba?\(|hsla?\()/i; function currentTheme() { return document.documentElement.dataset.theme === "dark" ? "dark" : "light"; } function refreshColors() { const theme = currentTheme(); const base = FALLBACK[theme]; themeInfo.theme = theme; let cs = null; try { cs = getComputedStyle(document.documentElement); } catch (e) { cs = null; } let fromCss = 0; const read = {}; var _ebxloop_6 = Date.now(); for (const k of KEYS) { if (Date.now() - _ebxloop_6 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const raw = cs ? (cs.getPropertyValue("--game-" + k) || "").trim() : ""; if (VALID.test(raw)) { read[k] = raw; fromCss++; } } const complete = fromCss === KEYS.length && read.bg !== read.fg && read.bg !== read.player; for (const k of KEYS) colors[k] = complete ? read[k] : base[k]; themeInfo.source = complete ? "Stilblatt" : "eingebaut (" + fromCss + "/" + KEYS.length + " gelesen)"; } function onThemeChange(fn) { listeners.push(fn); } function handleChange(theme) { refreshColors(); for (const fn of listeners) fn(theme || currentTheme()); } window.addEventListener("edubox:themechange", (e) => { handleChange(e && e.detail ? e.detail.theme : void 0); }); new MutationObserver(() => handleChange()).observe(document.documentElement, { attributes: true, attributeFilter: ["data-theme"] }); window.addEventListener("load", () => handleChange()); refreshColors(); // edubox-mem:input.js var KEY_MAP = { KeyW: "up", ArrowUp: "up", KeyS: "down", ArrowDown: "down", KeyA: "left", ArrowLeft: "left", KeyD: "right", ArrowRight: "right" }; var Input = class { constructor(canvas2, stickEl, knobEl) { this.dir = { x: 0, y: 0 }; this.keys = /* @__PURE__ */ new Set(); this.onPause = null; this.canvas = canvas2; this.stickEl = stickEl; this.knobEl = knobEl; this.pointerId = null; this.origin = { x: 0, y: 0 }; this.radius = 52; window.addEventListener("keydown", (e) => { if (KEY_MAP[e.code]) { this.keys.add(KEY_MAP[e.code]); e.preventDefault(); } if (e.code === "KeyP" || e.code === "Escape") { if (this.onPause) this.onPause(); } }); window.addEventListener("keyup", (e) => { if (KEY_MAP[e.code]) { this.keys.delete(KEY_MAP[e.code]); e.preventDefault(); } }); window.addEventListener("blur", () => this.keys.clear()); canvas2.addEventListener("pointerdown", (e) => this.startStick(e)); canvas2.addEventListener("pointermove", (e) => this.moveStick(e)); canvas2.addEventListener("pointerup", (e) => this.endStick(e)); canvas2.addEventListener("pointercancel", (e) => this.endStick(e)); canvas2.addEventListener("contextmenu", (e) => e.preventDefault()); } startStick(e) { if (this.pointerId !== null) return; this.pointerId = e.pointerId; this.canvas.setPointerCapture(e.pointerId); this.origin.x = e.clientX; this.origin.y = e.clientY; this.stickEl.hidden = false; this.stickEl.style.left = e.clientX + "px"; this.stickEl.style.top = e.clientY + "px"; this.knobEl.style.transform = "translate(0px, 0px)"; this.stick = { x: 0, y: 0 }; } moveStick(e) { if (e.pointerId !== this.pointerId) return; let dx = e.clientX - this.origin.x; let dy = e.clientY - this.origin.y; const len = Math.hypot(dx, dy); const max = this.radius; if (len > max) { dx = dx / len * max; dy = dy / len * max; } this.knobEl.style.transform = `translate(${dx}px, ${dy}px)`; const dead = 8; if (len < dead) { this.stick = { x: 0, y: 0 }; return; } const n = Math.max(len, 1); const scale = clamp(len / max, 0, 1); this.stick = { x: dx / Math.min(n, max) * scale, y: dy / Math.min(n, max) * scale }; } endStick(e) { if (e.pointerId !== this.pointerId) return; this.pointerId = null; this.stick = null; this.stickEl.hidden = true; } /** Normierter Richtungsvektor, Länge maximal 1. */ vector() { let x = 0, y = 0; if (this.keys.has("left")) x -= 1; if (this.keys.has("right")) x += 1; if (this.keys.has("up")) y -= 1; if (this.keys.has("down")) y += 1; if (x === 0 && y === 0 && this.stick) { x = this.stick.x; y = this.stick.y; } const len = Math.hypot(x, y); if (len > 1) { x /= len; y /= len; } this.dir.x = x; this.dir.y = y; return this.dir; } release() { this.keys.clear(); this.stick = null; this.pointerId = null; this.stickEl.hidden = true; } }; // edubox-mem:audio.js var ctx = null; var enabled = true; function ensure() { if (!enabled) return null; if (!ctx) { const AC = window.AudioContext || window.webkitAudioContext; if (!AC) { enabled = false; return null; } ctx = new AC(); } if (ctx.state === "suspended") ctx.resume(); return ctx; } function unlock() { ensure(); } function isEnabled() { return enabled; } function setEnabled(v) { enabled = v; if (v) ensure(); } function blip(freq, dur, type, gain, slideTo) { const ac = ensure(); if (!ac) return; const osc = ac.createOscillator(); const amp = ac.createGain(); const t = ac.currentTime; osc.type = type || "square"; osc.frequency.setValueAtTime(freq, t); if (slideTo) osc.frequency.exponentialRampToValueAtTime(Math.max(30, slideTo), t + dur); amp.gain.setValueAtTime(1e-4, t); amp.gain.exponentialRampToValueAtTime(gain, t + 8e-3); amp.gain.exponentialRampToValueAtTime(1e-4, t + dur); osc.connect(amp).connect(ac.destination); osc.start(t); osc.stop(t + dur + 0.02); } var sfx = { shoot() { blip(660, 0.06, "square", 0.035, 420); }, hit() { blip(200, 0.05, "triangle", 0.05, 120); }, kill() { blip(150, 0.11, "sawtooth", 0.045, 60); }, pickup() { blip(880, 0.06, "sine", 0.05, 1240); }, heal() { blip(520, 0.16, "sine", 0.06, 900); }, hurt() { blip(140, 0.2, "sawtooth", 0.09, 60); }, levelup() { blip(523, 0.1, "square", 0.05); setTimeout(() => blip(659, 0.1, "square", 0.05), 90); setTimeout(() => blip(880, 0.18, "square", 0.05), 180); }, boss() { blip(90, 0.6, "sawtooth", 0.08, 55); setTimeout(() => blip(70, 0.7, "sawtooth", 0.07, 45), 220); }, dead() { blip(320, 0.5, "sawtooth", 0.09, 60); setTimeout(() => blip(180, 0.8, "triangle", 0.08, 40), 260); } }; // edubox-mem:entities.js var Player = class { constructor(x, y) { this.x = x; this.y = y; this.r = 14; this.facing = { x: 1, y: 0 }; this.level = 1; this.xp = 0; this.xpNeeded = 5; this.iFrames = 0; this.hurtFlash = 0; this.walkPhase = 0; this.weapons = []; this.passives = {}; this.mods = { speed: 178, maxHp: 120, damageMul: 1, cooldownMul: 1, areaMul: 1, magnetMul: 1, regen: 0, armor: 0, luck: 0 }; this.hp = this.mods.maxHp; } get magnetRadius() { return 108 * this.mods.magnetMul; } addXp(amount) { this.xp += amount; let levels = 0; var _ebxloop_7 = Date.now(); while (this.xp >= this.xpNeeded) { if (Date.now() - _ebxloop_7 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } this.xp -= this.xpNeeded; this.level++; levels++; this.xpNeeded = Math.floor(5 + this.level * 4 + Math.pow(this.level, 1.5)); } return levels; } weapon(key) { return this.weapons.find((w) => w.key === key); } }; var ENEMY_TYPES = { bat: { name: "Fledermaus", hp: 8, speed: 112, dmg: 5, r: 10, xp: 1, color: "enemyA" }, slime: { name: "Moderklumpen", hp: 24, speed: 78, dmg: 8, r: 15, xp: 2, color: "enemyB" }, wraith: { name: "Irrlicht", hp: 16, speed: 98, dmg: 7, r: 12, xp: 3, color: "enemyC" }, brute: { name: "Grabw\xE4chter", hp: 80, speed: 64, dmg: 13, r: 21, xp: 7, color: "enemyD" }, boss: { name: "Blutmondbestie", hp: 800, speed: 88, dmg: 22, r: 36, xp: 70, color: "boss", boss: true } }; var Enemy = class { constructor(type, x, y, hpMul, dmgMul) { const t = ENEMY_TYPES[type]; this.type = type; this.def = t; this.x = x; this.y = y; this.r = t.r; this.maxHp = Math.round(t.hp * hpMul); this.hp = this.maxHp; this.speed = t.speed; this.dmg = t.dmg * dmgMul; this.xp = t.xp; this.boss = !!t.boss; this.kx = 0; this.ky = 0; this.flash = 0; this.phase = Math.random() * TAU; this.hitTimers = /* @__PURE__ */ Object.create(null); this.dead = false; } /** Verhindert, dass Dauerschaden jeden Bild erneut trifft. */ canHit(key, now, interval) { const last = this.hitTimers[key]; if (last === void 0 || now - last >= interval) { this.hitTimers[key] = now; return true; } return false; } }; var Pickup = class { constructor(kind, x, y, value) { this.kind = kind; this.x = x; this.y = y; this.value = value; this.r = kind === "xp" ? value >= 20 ? 9 : value >= 5 ? 7 : 5 : 10; this.vx = 0; this.vy = 0; this.pulled = false; this.life = 0; } }; function makeText(x, y, text, color, size) { return { x, y, text, color, size: size || 14, life: 0.75, max: 0.75, vy: -34 }; } function makeParticle(x, y, vx, vy, color, r, life) { return { x, y, vx, vy, color, r, life, max: life }; } function drawPlayer(ctx2, p, time) { const c = colors; ctx2.save(); ctx2.translate(p.x, p.y); ctx2.globalAlpha = 0.18; ctx2.fillStyle = c.fg; ctx2.beginPath(); ctx2.ellipse(0, p.r * 0.85, p.r * 0.9, p.r * 0.36, 0, 0, TAU); ctx2.fill(); ctx2.globalAlpha = 1; const bob = Math.sin(p.walkPhase) * 1.6; ctx2.translate(0, bob); const hurt = p.hurtFlash > 0; const body = hurt ? c.hp : c.player; ctx2.fillStyle = body; ctx2.strokeStyle = c.fg; ctx2.lineWidth = 2; ctx2.beginPath(); ctx2.moveTo(0, -p.r - 3); ctx2.lineTo(p.r, p.r); ctx2.lineTo(0, p.r * 0.6); ctx2.lineTo(-p.r, p.r); ctx2.closePath(); ctx2.fill(); ctx2.stroke(); ctx2.beginPath(); ctx2.arc(0, -p.r * 0.55, p.r * 0.52, 0, TAU); ctx2.fill(); ctx2.stroke(); ctx2.strokeStyle = c.bg; ctx2.lineWidth = 2.4; ctx2.beginPath(); ctx2.moveTo(p.facing.x * 3, -p.r * 0.55 + p.facing.y * 3); ctx2.lineTo(p.facing.x * 9, -p.r * 0.55 + p.facing.y * 9); ctx2.stroke(); if (p.iFrames > 0) { ctx2.globalAlpha = 0.55 + 0.35 * Math.sin(time * 26); ctx2.strokeStyle = c.hp; ctx2.lineWidth = 2; ctx2.beginPath(); ctx2.arc(0, 0, p.r + 5, 0, TAU); ctx2.stroke(); ctx2.globalAlpha = 1; } ctx2.restore(); drawPlayerHealth(ctx2, p, time); } function drawPlayerHealth(ctx2, p, time) { const c = colors; const max = p.mods.maxHp || 1; const ratio = clamp(p.hp / max, 0, 1); const w = 52, h = 6; const x = p.x - w / 2; const y = p.y - p.r - 20; if (ratio <= 0.25) ctx2.globalAlpha = 0.55 + 0.45 * Math.abs(Math.sin(time * 5)); ctx2.fillStyle = c.grid; ctx2.fillRect(x, y, w, h); ctx2.fillStyle = ratio > 0.6 ? c.heal : ratio > 0.3 ? c.proj : c.hp; ctx2.fillRect(x, y, w * ratio, h); ctx2.strokeStyle = c.fg; ctx2.lineWidth = 1; ctx2.strokeRect(x + 0.5, y + 0.5, w - 1, h - 1); const step = 25; if (max > step) { ctx2.globalAlpha *= 0.45; ctx2.beginPath(); var _ebxloop_8 = Date.now(); for (let v = step; v < max; v += step) { if (Date.now() - _ebxloop_8 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const px = Math.round(x + v / max * w) + 0.5; ctx2.moveTo(px, y + 1); ctx2.lineTo(px, y + h - 1); } ctx2.stroke(); } ctx2.globalAlpha = 1; if (ratio <= 0.35) { ctx2.textAlign = "center"; ctx2.fillStyle = c.hp; ctx2.font = "600 11px ui-monospace, Menlo, Consolas, monospace"; ctx2.fillText(Math.ceil(p.hp) + " / " + Math.round(max), p.x, y - 4); } } function drawEnemy(ctx2, e, time) { const c = colors; const col = e.flash > 0 ? c.fg : c[e.def.color]; const wob = Math.sin(time * 6 + e.phase); ctx2.save(); ctx2.translate(e.x, e.y); ctx2.globalAlpha = 0.15; ctx2.fillStyle = c.fg; ctx2.beginPath(); ctx2.ellipse(0, e.r * 0.8, e.r * 0.85, e.r * 0.3, 0, 0, TAU); ctx2.fill(); ctx2.globalAlpha = 1; ctx2.fillStyle = col; ctx2.strokeStyle = c.fg; ctx2.lineWidth = 1.5; switch (e.type) { case "bat": { const w = e.r * (1.5 + wob * 0.25); ctx2.beginPath(); ctx2.moveTo(-w, -e.r * 0.4); ctx2.lineTo(0, e.r * 0.2); ctx2.lineTo(w, -e.r * 0.4); ctx2.lineTo(0, e.r * 0.9); ctx2.closePath(); ctx2.fill(); ctx2.stroke(); ctx2.beginPath(); ctx2.arc(0, 0, e.r * 0.5, 0, TAU); ctx2.fill(); ctx2.stroke(); break; } case "slime": { const sq = 1 + wob * 0.12; ctx2.beginPath(); ctx2.ellipse(0, e.r * 0.15, e.r / sq, e.r * sq, 0, 0, TAU); ctx2.fill(); ctx2.stroke(); break; } case "wraith": { ctx2.beginPath(); ctx2.arc(0, -e.r * 0.2, e.r * 0.75, Math.PI, 0); ctx2.lineTo(e.r * 0.75, e.r * 0.7 + wob * 2); ctx2.lineTo(0, e.r * 0.35); ctx2.lineTo(-e.r * 0.75, e.r * 0.7 - wob * 2); ctx2.closePath(); ctx2.fill(); ctx2.stroke(); break; } case "brute": { ctx2.fillRect(-e.r * 0.8, -e.r * 0.8, e.r * 1.6, e.r * 1.6); ctx2.strokeRect(-e.r * 0.8, -e.r * 0.8, e.r * 1.6, e.r * 1.6); ctx2.fillStyle = c.bg; ctx2.fillRect(-e.r * 0.45, -e.r * 0.35, e.r * 0.3, e.r * 0.22); ctx2.fillRect(e.r * 0.15, -e.r * 0.35, e.r * 0.3, e.r * 0.22); break; } default: { ctx2.beginPath(); var _ebxloop_9 = Date.now(); for (let i = 0; i < 9; i++) { if (Date.now() - _ebxloop_9 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const a = i / 9 * TAU; const rr = e.r * (i % 2 === 0 ? 1 : 0.72) + wob * 1.5; const px = Math.cos(a) * rr, py = Math.sin(a) * rr; if (i === 0) ctx2.moveTo(px, py); else ctx2.lineTo(px, py); } ctx2.closePath(); ctx2.fill(); ctx2.stroke(); ctx2.fillStyle = c.bg; ctx2.beginPath(); ctx2.arc(-e.r * 0.3, -e.r * 0.15, e.r * 0.14, 0, TAU); ctx2.arc(e.r * 0.3, -e.r * 0.15, e.r * 0.14, 0, TAU); ctx2.fill(); break; } } ctx2.globalAlpha = 1; ctx2.restore(); if (e.boss || e.hp < e.maxHp && e.maxHp > 60) { const w = e.r * 2.2; const hpRatio = clamp(e.hp / e.maxHp, 0, 1); ctx2.fillStyle = c.grid; ctx2.fillRect(e.x - w / 2, e.y - e.r - 12, w, 4); ctx2.fillStyle = c.hp; ctx2.fillRect(e.x - w / 2, e.y - e.r - 12, w * hpRatio, 4); } } function drawPickup(ctx2, g, time) { const c = colors; const bob = Math.sin(time * 3.4 + g.x * 0.05) * 2; ctx2.save(); ctx2.translate(g.x, g.y + bob); if (g.kind === "xp") { ctx2.fillStyle = c.xp; ctx2.beginPath(); ctx2.moveTo(0, -g.r * 1.5); ctx2.lineTo(g.r, 0); ctx2.lineTo(0, g.r * 1.5); ctx2.lineTo(-g.r, 0); ctx2.closePath(); ctx2.fill(); } else if (g.kind === "heart") { ctx2.fillStyle = c.heal; ctx2.beginPath(); ctx2.arc(-4, -2, 5, 0, TAU); ctx2.arc(4, -2, 5, 0, TAU); ctx2.moveTo(-8.6, 0.4); ctx2.lineTo(0, 10); ctx2.lineTo(8.6, 0.4); ctx2.closePath(); ctx2.fill(); } else { ctx2.fillStyle = c.accent; ctx2.beginPath(); var _ebxloop_10 = Date.now(); for (let i = 0; i < 8; i++) { if (Date.now() - _ebxloop_10 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const a = i / 8 * TAU + time; const rr = i % 2 === 0 ? 11 : 5; const px = Math.cos(a) * rr, py = Math.sin(a) * rr; if (i === 0) ctx2.moveTo(px, py); else ctx2.lineTo(px, py); } ctx2.closePath(); ctx2.fill(); } ctx2.restore(); } // edubox-mem:weapons.js var WEAPONS = { blade: { name: "Wurfklinge", glyph: "\u{1F5E1}", kind: "weapon", short: "Fliegt zum n\xE4chsten Gegner und durchschl\xE4gt ihn.", levels: [ { cooldown: 0.78, damage: 17, count: 1, pierce: 2, speed: 500, spread: 0.1, desc: "Wirft eine Klinge auf den n\xE4chsten Gegner." }, { cooldown: 0.78, damage: 17, count: 2, pierce: 2, speed: 500, spread: 0.17, desc: "Zwei Klingen pro Wurf." }, { cooldown: 0.68, damage: 23, count: 2, pierce: 3, speed: 520, spread: 0.17, desc: "+6 Schaden, durchschl\xE4gt 3 Gegner." }, { cooldown: 0.6, damage: 23, count: 3, pierce: 3, speed: 540, spread: 0.25, desc: "Drei Klingen, schnellerer Wurf." }, { cooldown: 0.5, damage: 32, count: 4, pierce: 4, speed: 580, spread: 0.32, desc: "Vier Klingen, +9 Schaden." } ] }, spark: { name: "Aschefunke", glyph: "\u2728", kind: "weapon", short: "Sucht sich selbst das n\xE4chste Ziel.", levels: [ { cooldown: 1.25, damage: 16, count: 1, pierce: 1, speed: 300, turn: 5.5, desc: "Ein Funke jagt den n\xE4chsten Gegner." }, { cooldown: 1.15, damage: 16, count: 2, pierce: 1, speed: 310, turn: 5.5, desc: "Zwei Funken pro Salve." }, { cooldown: 1.05, damage: 22, count: 2, pierce: 1, speed: 330, turn: 6.5, desc: "+6 Schaden, wendiger." }, { cooldown: 0.9, damage: 22, count: 3, pierce: 2, speed: 350, turn: 7, desc: "Drei Funken, durchschl\xE4gt 2 Gegner." }, { cooldown: 0.75, damage: 30, count: 4, pierce: 2, speed: 380, turn: 8, desc: "Vier Funken, +8 Schaden." } ] }, aura: { name: "Weihkreis", glyph: "\u2B55", kind: "weapon", short: "Verletzt dauerhaft alles in deiner N\xE4he.", levels: [ { radius: 68, damage: 7, tick: 0.55, desc: "Ein heiliger Ring verbrennt Gegner in Reichweite." }, { radius: 80, damage: 9, tick: 0.55, desc: "Gr\xF6\xDFerer Ring, +2 Schaden." }, { radius: 92, damage: 12, tick: 0.45, desc: "Trifft h\xE4ufiger, +3 Schaden." }, { radius: 106, damage: 15, tick: 0.4, desc: "Deutlich gr\xF6\xDFerer Ring." }, { radius: 122, damage: 20, tick: 0.34, desc: "Weit ausgreifend, +5 Schaden." } ] }, orbit: { name: "Schutzsph\xE4ren", glyph: "\u{1F52E}", kind: "weapon", short: "Kugeln kreisen um dich und sto\xDFen Gegner ab.", levels: [ { count: 2, radius: 62, damage: 14, rot: 2.2, tick: 0.5, size: 8, desc: "Zwei Kugeln kreisen um dich." }, { count: 3, radius: 66, damage: 14, rot: 2.4, tick: 0.5, size: 8, desc: "Eine Kugel mehr." }, { count: 3, radius: 74, damage: 20, rot: 2.6, tick: 0.45, size: 9, desc: "Gr\xF6\xDFerer Kreis, +6 Schaden." }, { count: 4, radius: 80, damage: 20, rot: 2.9, tick: 0.4, size: 10, desc: "Vier Kugeln, schneller." }, { count: 5, radius: 88, damage: 28, rot: 3.2, tick: 0.36, size: 11, desc: "F\xFCnf Kugeln, +8 Schaden." } ] }, bolt: { name: "Blitzschlag", glyph: "\u26A1", kind: "weapon", short: "Schl\xE4gt bei zuf\xE4lligen Gegnern in der N\xE4he ein.", levels: [ { cooldown: 2.4, damage: 30, count: 1, radius: 46, desc: "Ein Blitz sucht sich ein Ziel." }, { cooldown: 2.2, damage: 30, count: 2, radius: 48, desc: "Zwei Einschl\xE4ge." }, { cooldown: 2, damage: 42, count: 2, radius: 54, desc: "+12 Schaden, gr\xF6\xDFerer Krater." }, { cooldown: 1.8, damage: 42, count: 3, radius: 58, desc: "Drei Einschl\xE4ge." }, { cooldown: 1.5, damage: 58, count: 4, radius: 66, desc: "Vier Einschl\xE4ge, +16 Schaden." } ] }, flask: { name: "Weihwasser", glyph: "\u{1F9EA}", kind: "weapon", short: "Zerschellt und hinterl\xE4sst eine brennende Lache.", levels: [ { cooldown: 3, count: 1, damage: 10, radius: 56, duration: 3.5, tick: 0.45, desc: "Eine Flasche zerschellt in der N\xE4he." }, { cooldown: 2.8, count: 2, damage: 10, radius: 58, duration: 3.5, tick: 0.45, desc: "Zwei Flaschen pro Wurf." }, { cooldown: 2.6, count: 2, damage: 14, radius: 66, duration: 4, tick: 0.4, desc: "Gr\xF6\xDFere Lachen, +4 Schaden." }, { cooldown: 2.3, count: 3, damage: 14, radius: 72, duration: 4.5, tick: 0.36, desc: "Drei Flaschen, l\xE4ngere Wirkung." }, { cooldown: 2, count: 4, damage: 20, radius: 80, duration: 5, tick: 0.32, desc: "Vier Flaschen, +6 Schaden." } ] } }; var WEAPON_KEYS = Object.keys(WEAPONS); var MAX_WEAPON_SLOTS = 5; function weaponStats(w) { return WEAPONS[w.key].levels[w.level - 1]; } var Projectile = class { constructor(opts) { Object.assign(this, { x: 0, y: 0, vx: 0, vy: 0, r: 6, dmg: 10, life: 1.2, pierce: 1, style: "blade", homing: 0, target: null, spin: 0, angle: 0 }, opts); this.hits = /* @__PURE__ */ new Set(); } }; function nearestEnemies(game2, x, y, n, maxDist) { const list = []; const max2 = maxDist * maxDist; var _ebxloop_11 = Date.now(); for (const e of game2.enemies) { if (Date.now() - _ebxloop_11 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } if (e.dead) continue; const dx = e.x - x, dy = e.y - y; const d2 = dx * dx + dy * dy; if (d2 <= max2) list.push({ e, d2 }); } list.sort((a, b) => a.d2 - b.d2); return list.slice(0, n).map((o) => o.e); } function fire(game2, w) { const p = game2.player; const st = weaponStats(w); const dmgMul = p.mods.damageMul; const area = p.mods.areaMul; if (w.key === "blade") { const lock = nearestEnemies(game2, p.x, p.y, 1, 460)[0]; const base = lock ? Math.atan2(lock.y - p.y, lock.x - p.x) : Math.atan2(p.facing.y, p.facing.x); var _ebxloop_12 = Date.now(); for (let i = 0; i < st.count; i++) { if (Date.now() - _ebxloop_12 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const off = (i - (st.count - 1) / 2) * st.spread; const a = base + off; game2.projectiles.push(new Projectile({ x: p.x, y: p.y, vx: Math.cos(a) * st.speed, vy: Math.sin(a) * st.speed, r: 7, dmg: st.damage * dmgMul, life: 1.15, pierce: st.pierce, style: "blade", angle: a, spin: 16 })); } sfx.shoot(); } else if (w.key === "spark") { const targets = nearestEnemies(game2, p.x, p.y, st.count, 620); var _ebxloop_13 = Date.now(); for (let i = 0; i < st.count; i++) { if (Date.now() - _ebxloop_13 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const t = targets[i % Math.max(targets.length, 1)] || null; const a = t ? Math.atan2(t.y - p.y, t.x - p.x) : rand(0, TAU); game2.projectiles.push(new Projectile({ x: p.x, y: p.y, vx: Math.cos(a) * st.speed, vy: Math.sin(a) * st.speed, r: 6, dmg: st.damage * dmgMul, life: 2.6, pierce: st.pierce, style: "spark", homing: st.turn, target: t, angle: a })); } sfx.shoot(); } else if (w.key === "bolt") { const pool = nearestEnemies(game2, p.x, p.y, 14, 480); if (!pool.length) { w.cd = 0.25; return; } var _ebxloop_14 = Date.now(); for (let i = 0; i < st.count; i++) { if (Date.now() - _ebxloop_14 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const target = choice(pool); const r = st.radius * area; game2.effects.push({ type: "bolt", x: target.x, y: target.y, r, life: 0.35, max: 0.35 }); game2.damageArea(target.x, target.y, r, st.damage * dmgMul, "bolt" + game2.frame + "_" + i); } sfx.hit(); } else if (w.key === "flask") { var _ebxloop_15 = Date.now(); for (let i = 0; i < st.count; i++) { if (Date.now() - _ebxloop_15 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const a = rand(0, TAU); const d = rand(60, 150); game2.pools.push({ x: p.x + Math.cos(a) * d, y: p.y + Math.sin(a) * d, r: st.radius * area, dmg: st.damage * dmgMul, tick: st.tick, life: st.duration, max: st.duration, id: "pool" + game2.poolId++ }); } sfx.shoot(); } } function updateWeapons(game2, dt) { const p = game2.player; const now = game2.time; var _ebxloop_19 = Date.now(); for (const w of p.weapons) { if (Date.now() - _ebxloop_19 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const st = weaponStats(w); if (w.key === "aura") { const radius = st.radius * p.mods.areaMul; w.radius = radius; const near = game2.grid.query(p.x, p.y, radius + 30); var _ebxloop_16 = Date.now(); for (const e of near) { if (Date.now() - _ebxloop_16 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } if (e.dead) continue; const rr = radius + e.r; if ((e.x - p.x) ** 2 + (e.y - p.y) ** 2 <= rr * rr && e.canHit("aura", now, st.tick)) { game2.damageEnemy(e, st.damage * p.mods.damageMul); } } } else if (w.key === "orbit") { w.angle = (w.angle || 0) + st.rot * dt; const radius = st.radius * p.mods.areaMul; var _ebxloop_18 = Date.now(); for (let i = 0; i < st.count; i++) { if (Date.now() - _ebxloop_18 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const a = w.angle + i / st.count * TAU; const ox = p.x + Math.cos(a) * radius; const oy = p.y + Math.sin(a) * radius; const near = game2.grid.query(ox, oy, st.size + 26); var _ebxloop_17 = Date.now(); for (const e of near) { if (Date.now() - _ebxloop_17 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } if (e.dead) continue; const rr = st.size + e.r; if ((e.x - ox) ** 2 + (e.y - oy) ** 2 <= rr * rr && e.canHit("orbit" + i, now, st.tick)) { game2.damageEnemy(e, st.damage * p.mods.damageMul); e.kx += (e.x - ox) * 3.5; e.ky += (e.y - oy) * 3.5; } } } } else { w.cd -= dt; if (w.cd <= 0) { fire(game2, w); w.cd += Math.max(0.12, st.cooldown * p.mods.cooldownMul); } } } var _ebxloop_21 = Date.now(); for (let i = game2.pools.length - 1; i >= 0; i--) { if (Date.now() - _ebxloop_21 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const pool = game2.pools[i]; pool.life -= dt; if (pool.life <= 0) { game2.pools.splice(i, 1); continue; } const near = game2.grid.query(pool.x, pool.y, pool.r + 30); var _ebxloop_20 = Date.now(); for (const e of near) { if (Date.now() - _ebxloop_20 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } if (e.dead) continue; const rr = pool.r + e.r; if ((e.x - pool.x) ** 2 + (e.y - pool.y) ** 2 <= rr * rr && e.canHit(pool.id, now, pool.tick)) { game2.damageEnemy(e, pool.dmg); } } } } function updateProjectiles(game2, dt) { const list = game2.projectiles; var _ebxloop_23 = Date.now(); for (let i = list.length - 1; i >= 0; i--) { if (Date.now() - _ebxloop_23 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const pr = list[i]; pr.life -= dt; if (pr.life <= 0) { list.splice(i, 1); continue; } if (pr.homing) { if (!pr.target || pr.target.dead) { pr.target = nearestEnemies(game2, pr.x, pr.y, 1, 520)[0] || null; } if (pr.target) { const want = Math.atan2(pr.target.y - pr.y, pr.target.x - pr.x); const cur = Math.atan2(pr.vy, pr.vx); let diff = want - cur; while (diff > Math.PI) diff -= TAU; while (diff < -Math.PI) diff += TAU; const step = Math.max(-pr.homing * dt, Math.min(pr.homing * dt, diff)); const a = cur + step; const sp = Math.hypot(pr.vx, pr.vy); pr.vx = Math.cos(a) * sp; pr.vy = Math.sin(a) * sp; } } pr.x += pr.vx * dt; pr.y += pr.vy * dt; pr.angle += pr.spin * dt; const near = game2.grid.query(pr.x, pr.y, pr.r + 30); var _ebxloop_22 = Date.now(); for (const e of near) { if (Date.now() - _ebxloop_22 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } if (e.dead || pr.hits.has(e)) continue; const rr = pr.r + e.r; if ((e.x - pr.x) ** 2 + (e.y - pr.y) ** 2 <= rr * rr) { pr.hits.add(e); game2.damageEnemy(e, pr.dmg); e.kx += pr.vx * 0.35; e.ky += pr.vy * 0.35; pr.pierce--; if (pr.pierce <= 0) { list.splice(i, 1); break; } } } } } function drawWeaponEffects(ctx2, game2, time) { const c = colors; const p = game2.player; var _ebxloop_24 = Date.now(); for (const pool of game2.pools) { if (Date.now() - _ebxloop_24 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const fade = Math.min(1, pool.life / 0.6); ctx2.globalAlpha = 0.2 * fade; ctx2.fillStyle = c.proj; ctx2.beginPath(); ctx2.arc(pool.x, pool.y, pool.r, 0, TAU); ctx2.fill(); ctx2.globalAlpha = 0.5 * fade; ctx2.strokeStyle = c.proj; ctx2.lineWidth = 2; ctx2.beginPath(); ctx2.arc(pool.x, pool.y, pool.r * (0.9 + 0.05 * Math.sin(time * 5)), 0, TAU); ctx2.stroke(); ctx2.globalAlpha = 1; } const aura = p.weapons.find((w) => w.key === "aura"); if (aura && aura.radius) { ctx2.globalAlpha = 0.13; ctx2.fillStyle = c.aura; ctx2.beginPath(); ctx2.arc(p.x, p.y, aura.radius, 0, TAU); ctx2.fill(); ctx2.globalAlpha = 0.45; ctx2.strokeStyle = c.aura; ctx2.lineWidth = 2; ctx2.beginPath(); ctx2.arc(p.x, p.y, aura.radius * (0.98 + 0.02 * Math.sin(time * 4)), 0, TAU); ctx2.stroke(); ctx2.globalAlpha = 1; } var _ebxloop_25 = Date.now(); for (const fx of game2.effects) { if (Date.now() - _ebxloop_25 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const t = fx.life / fx.max; ctx2.globalAlpha = t; if (fx.type === "bolt") { ctx2.strokeStyle = c.proj; ctx2.lineWidth = 3; ctx2.beginPath(); ctx2.arc(fx.x, fx.y, fx.r * (1.15 - t * 0.35), 0, TAU); ctx2.stroke(); ctx2.beginPath(); ctx2.moveTo(fx.x - 6, fx.y - 90); ctx2.lineTo(fx.x + 5, fx.y - 40); ctx2.lineTo(fx.x - 4, fx.y - 22); ctx2.lineTo(fx.x + 3, fx.y); ctx2.stroke(); } else if (fx.type === "ring") { ctx2.strokeStyle = fx.color || c.accent; ctx2.lineWidth = 3; ctx2.beginPath(); ctx2.arc(fx.x, fx.y, fx.r * (1 - t) + 8, 0, TAU); ctx2.stroke(); } ctx2.globalAlpha = 1; } var _ebxloop_26 = Date.now(); for (const pr of game2.projectiles) { if (Date.now() - _ebxloop_26 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } ctx2.save(); ctx2.translate(pr.x, pr.y); ctx2.rotate(pr.angle); if (pr.style === "blade") { ctx2.fillStyle = c.proj; ctx2.beginPath(); ctx2.moveTo(-pr.r * 1.6, 0); ctx2.lineTo(0, -pr.r * 0.7); ctx2.lineTo(pr.r * 1.6, 0); ctx2.lineTo(0, pr.r * 0.7); ctx2.closePath(); ctx2.fill(); } else { ctx2.fillStyle = c.aura; ctx2.globalAlpha = 0.35; ctx2.beginPath(); ctx2.arc(0, 0, pr.r * 1.9, 0, TAU); ctx2.fill(); ctx2.globalAlpha = 1; ctx2.beginPath(); ctx2.arc(0, 0, pr.r * 0.8, 0, TAU); ctx2.fill(); } ctx2.restore(); } const orb = p.weapons.find((w) => w.key === "orbit"); if (orb) { const st = weaponStats(orb); const radius = st.radius * p.mods.areaMul; ctx2.fillStyle = c.player; var _ebxloop_27 = Date.now(); for (let i = 0; i < st.count; i++) { if (Date.now() - _ebxloop_27 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const a = orb.angle + i / st.count * TAU; const ox = p.x + Math.cos(a) * radius; const oy = p.y + Math.sin(a) * radius; ctx2.globalAlpha = 0.3; ctx2.beginPath(); ctx2.arc(ox, oy, st.size * 1.7, 0, TAU); ctx2.fill(); ctx2.globalAlpha = 1; ctx2.beginPath(); ctx2.arc(ox, oy, st.size, 0, TAU); ctx2.fill(); } } } // edubox-mem:upgrades.js var PASSIVES = { swift: { name: "Windschritt", glyph: "\u{1F45F}", kind: "passive", max: 5, desc: "Du l\xE4ufst 8 % schneller.", value: (p) => Math.round(p.mods.speed) + " Tempo", apply: (p) => { p.mods.speed += 14; } }, wrath: { name: "Zorn", glyph: "\u{1F525}", kind: "passive", max: 5, desc: "Alle Waffen verursachen 12 % mehr Schaden.", value: (p) => "\xD7" + p.mods.damageMul.toFixed(2).replace(".", ",") + " Schaden", apply: (p) => { p.mods.damageMul += 0.12; } }, focus: { name: "Fokus", glyph: "\u23F3", kind: "passive", max: 5, desc: "Waffen laden 10 % schneller nach.", value: (p) => "\xD7" + p.mods.cooldownMul.toFixed(2).replace(".", ",") + " Ladezeit", apply: (p) => { p.mods.cooldownMul *= 0.9; } }, vigor: { name: "Z\xE4higkeit", glyph: "\u2764\uFE0F", kind: "passive", max: 5, desc: "+25 Lebenspunkte, sofort geheilt.", value: (p) => Math.round(p.mods.maxHp) + " Leben", apply: (p) => { p.mods.maxHp += 25; p.hp = Math.min(p.mods.maxHp, p.hp + 25); } }, magnet: { name: "Magnetstein", glyph: "\u{1F9F2}", kind: "passive", max: 5, desc: "Kristalle fliegen aus gr\xF6\xDFerer Entfernung zu dir.", value: (p) => Math.round(p.magnetRadius) + " px Sog", apply: (p) => { p.mods.magnetMul += 0.4; } }, reach: { name: "Weite", glyph: "\u{1F300}", kind: "passive", max: 5, desc: "Fl\xE4chenwirkung aller Waffen +12 %.", value: (p) => "\xD7" + p.mods.areaMul.toFixed(2).replace(".", ",") + " Fl\xE4che", apply: (p) => { p.mods.areaMul += 0.12; } }, mend: { name: "Genesung", glyph: "\u{1F33F}", kind: "passive", max: 5, desc: "Du heilst 0,5 Lebenspunkte je Sekunde.", value: (p) => p.mods.regen.toFixed(1).replace(".", ",") + " Leben je s", apply: (p) => { p.mods.regen += 0.5; } }, guard: { name: "Panzerung", glyph: "\u{1F6E1}", kind: "passive", max: 5, desc: "Jeder Treffer richtet 1,5 Schaden weniger an.", value: (p) => p.mods.armor.toFixed(1).replace(".", ",") + " Abwehr", apply: (p) => { p.mods.armor += 1.5; } } }; function rollUpgrades(player, count = 3) { const options = []; var _ebxloop_28 = Date.now(); for (const w of player.weapons) { if (Date.now() - _ebxloop_28 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const def = WEAPONS[w.key]; if (w.level < def.levels.length) { options.push({ kind: "weapon", key: w.key, name: def.name, glyph: def.glyph, level: w.level + 1, desc: def.levels[w.level].desc, meta: "Stufe " + (w.level + 1) }); } } if (player.weapons.length < MAX_WEAPON_SLOTS) { var _ebxloop_29 = Date.now(); for (const key of WEAPON_KEYS) { if (Date.now() - _ebxloop_29 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } if (player.weapon(key)) continue; const def = WEAPONS[key]; options.push({ kind: "weapon", key, name: def.name, glyph: def.glyph, level: 1, desc: def.short, meta: "Neue Waffe" }); } } var _ebxloop_30 = Date.now(); for (const key of Object.keys(PASSIVES)) { if (Date.now() - _ebxloop_30 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const def = PASSIVES[key]; const lv = player.passives[key] || 0; if (lv < def.max) { options.push({ kind: "passive", key, name: def.name, glyph: def.glyph, level: lv + 1, desc: def.desc, meta: lv === 0 ? "Neue Kraft" : "Stufe " + (lv + 1) }); } } if (!options.length) { return [{ kind: "heal", key: "heal", name: "Aderlass", glyph: "\u{1FA78}", level: 1, desc: "Stellt 40 Lebenspunkte wieder her.", meta: "Vorrat" }]; } return shuffle(options).slice(0, count); } function applyUpgrade(game2, up) { const p = game2.player; if (up.kind === "weapon") { const owned = p.weapon(up.key); if (owned) owned.level++; else p.weapons.push({ key: up.key, level: 1, cd: 0.25, angle: 0 }); } else if (up.kind === "passive") { p.passives[up.key] = (p.passives[up.key] || 0) + 1; PASSIVES[up.key].apply(p); } else { p.hp = Math.min(p.mods.maxHp, p.hp + 40); } } function describeItem(player, kind, key) { const rows = []; const num = (v, d) => v.toFixed(d).replace(".", ","); if (kind === "weapon") { const w = player.weapon(key); const def2 = WEAPONS[key]; if (!w) return null; const st = weaponStats(w); const m = player.mods; const top = w.level >= def2.levels.length; if (st.damage != null) rows.push(["Schaden", Math.round(st.damage * m.damageMul)]); if (st.cooldown != null) rows.push(["Alle", num(st.cooldown * m.cooldownMul, 2) + " s"]); if (st.tick != null) rows.push(["Trefferfolge", num(st.tick, 2) + " s"]); if (st.count != null) rows.push(["Anzahl", st.count]); if (st.pierce != null) rows.push(["Durchschl\xE4gt", st.pierce]); if (st.radius != null) rows.push(["Reichweite", Math.round(st.radius * m.areaMul) + " px"]); if (st.duration != null) rows.push(["Dauer", num(st.duration, 1) + " s"]); return { glyph: def2.glyph, title: def2.name, sub: "Stufe " + w.level + " von " + def2.levels.length, text: def2.short, rows, next: top ? "H\xF6chste Stufe erreicht." : "N\xE4chste Stufe: " + def2.levels[w.level].desc }; } const def = PASSIVES[key]; const lv = player.passives[key] || 0; if (!def || !lv) return null; if (def.value) rows.push(["Jetzt", def.value(player)]); return { glyph: def.glyph, title: def.name, sub: "Stufe " + lv + " von " + def.max, text: def.desc, rows, next: lv >= def.max ? "H\xF6chste Stufe erreicht." : "" }; } // edubox-mem:ui.js var el = (id) => document.getElementById(id); var dom = { xpFill: el("xp-fill"), xpLabel: el("xp-label"), hpFill: el("hp-fill"), hpLabel: el("hp-label"), clock: el("clock"), kills: el("kills"), gold: el("gold"), loadout: el("loadout"), choices: el("choices"), levelupLevel: el("levelup-level"), pauseStats: el("pause-stats"), overStats: el("over-stats"), btnSound: el("btn-sound"), btnPause: el("btn-pause"), debug: el("debug"), tip: el("tip"), fps: el("fps"), screens: { start: el("screen-start"), levelup: el("screen-levelup"), pause: el("screen-pause"), over: el("screen-over") } }; var loadoutSignature = ""; function showScreen(name) { var _ebxloop_31 = Date.now(); for (const key of Object.keys(dom.screens)) { if (Date.now() - _ebxloop_31 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } dom.screens[key].classList.toggle("is-open", key === name); } } function updateHud(game2) { const p = game2.player; const xpRatio = clamp(p.xp / p.xpNeeded, 0, 1); dom.xpFill.style.width = xpRatio * 100 + "%"; dom.xpLabel.textContent = "Stufe " + p.level; const hpRatio = clamp(p.hp / p.mods.maxHp, 0, 1); dom.hpFill.style.width = hpRatio * 100 + "%"; dom.hpLabel.textContent = Math.max(0, Math.ceil(p.hp)) + " / " + Math.round(p.mods.maxHp); dom.clock.textContent = formatTime(game2.time); dom.kills.textContent = game2.kills; dom.gold.textContent = game2.crystals; renderLoadout(p); } function renderLoadout(p) { const sig = p.weapons.map((w) => w.key + w.level).join("|") + "#" + Object.keys(p.passives).map((k) => k + p.passives[k]).join("|"); if (sig === loadoutSignature) return; loadoutSignature = sig; const parts = []; var _ebxloop_32 = Date.now(); for (const w of p.weapons) { if (Date.now() - _ebxloop_32 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } parts.push(``); } var _ebxloop_33 = Date.now(); for (const key of Object.keys(p.passives)) { if (Date.now() - _ebxloop_33 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } parts.push(``); } dom.loadout.innerHTML = parts.join(""); if (openTip) showTip(openTip.kind, openTip.key, openTip.sticky); } function resetLoadoutCache() { loadoutSignature = ""; } function renderChoices(level, options, onPick) { dom.levelupLevel.textContent = level; dom.choices.innerHTML = ""; options.forEach((up) => { const btn = document.createElement("button"); btn.type = "button"; btn.className = "choice"; btn.innerHTML = `${up.glyph}${up.name}${up.meta}${up.desc}`; btn.addEventListener("click", () => onPick(up)); dom.choices.appendChild(btn); }); showScreen("levelup"); const first = dom.choices.querySelector(".choice"); if (first) first.focus(); } function statRows(target, rows) { target.innerHTML = rows.map((r) => `

${r[0]}${r[1]}

`).join(""); } function showPause(game2) { statRows(dom.pauseStats, [ ["\xDCberlebt", formatTime(game2.time)], ["Stufe", game2.player.level], ["Besiegt", game2.kills], ["Kristalle", game2.crystals] ]); showScreen("pause"); } function showGameOver(game2) { statRows(dom.overStats, [ ["\xDCberlebt", formatTime(game2.time)], ["Stufe", game2.player.level], ["Besiegt", game2.kills], ["Kristalle", game2.crystals], ["Beste Zeit", formatTime(game2.bestTime)] ]); showScreen("over"); } var tipGame = null; var openTip = null; var tipTimer = 0; function markActive(key) { var _ebxloop_34 = Date.now(); for (const btn of dom.loadout.querySelectorAll(".slot")) { if (Date.now() - _ebxloop_34 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } btn.classList.toggle("is-active", !!key && btn.dataset.key === key); } } function showTip(kind, key, sticky) { if (!tipGame) return; const info = describeItem(tipGame.player, kind, key); if (!info) { hideTip(); return; } dom.tip.innerHTML = `

${info.glyph}${info.title}${info.sub}

${info.text}

${info.rows.map((r) => `

${r[0]}${r[1]}

`).join("")}

` + (info.next ? `

${info.next}

` : ""); dom.tip.hidden = false; openTip = { kind, key, sticky: !!sticky }; markActive(key); clearTimeout(tipTimer); if (sticky) tipTimer = setTimeout(hideTip, 3200); } function hideTip() { clearTimeout(tipTimer); dom.tip.hidden = true; openTip = null; markActive(null); } function bindTips(game2) { tipGame = game2; const slotOf = (e) => e.target && e.target.closest ? e.target.closest(".slot") : null; dom.loadout.addEventListener("pointerover", (e) => { const slot = slotOf(e); if (slot && e.pointerType === "mouse") showTip(slot.dataset.kind, slot.dataset.key, false); }); dom.loadout.addEventListener("pointerout", (e) => { const slot = slotOf(e); if (slot && e.pointerType === "mouse" && openTip && !openTip.sticky) hideTip(); }); dom.loadout.addEventListener("click", (e) => { const slot = slotOf(e); if (!slot) return; if (openTip && openTip.key === slot.dataset.key && openTip.sticky) hideTip(); else showTip(slot.dataset.kind, slot.dataset.key, true); }); dom.loadout.addEventListener("focusin", (e) => { const slot = slotOf(e); if (slot) showTip(slot.dataset.kind, slot.dataset.key, false); }); } function setFps(value) { const v = Math.round(value); dom.fps.textContent = v + " fps"; dom.fps.classList.toggle("is-low", v < 40); } function toggleDebug() { dom.debug.hidden = !dom.debug.hidden; return !dom.debug.hidden; } function updateDebug(game2) { if (dom.debug.hidden) return; const info = game2.debugInfo(); dom.debug.innerHTML = Object.keys(info).map((k) => `

${k}${info[k]}

`).join(""); } function setSoundLabel(on) { dom.btnSound.textContent = on ? "Ton an" : "Ton aus"; } function setPauseLabel(paused) { dom.btnPause.textContent = paused ? "Weiter" : "Pause"; } // edubox-mem:game.js var Game = class { constructor(canvas2, stickEl, knobEl) { this.canvas = canvas2; this.ctx = canvas2.getContext("2d"); this.view = { w: 800, h: 600 }; this.dpr = 1; this.state = "menu"; this.bestTime = 0; this.fps = 60; this.grid = new SpatialGrid(72); this.input = new Input(canvas2, stickEl, knobEl); this.input.onPause = () => this.togglePause(); this.reset(); this.resize(); if (window.ResizeObserver) { new ResizeObserver(() => this.resize()).observe(canvas2.parentElement || canvas2); } if (window.visualViewport) { window.visualViewport.addEventListener("resize", () => this.resize()); } window.addEventListener("resize", () => this.resize()); onThemeChange(() => this.render()); this.last = performance.now(); this.frameLoop = (ts) => this.loop(ts); requestAnimationFrame(this.frameLoop); } /* ---------------- Zustand ---------------- */ reset() { this.player = new Player(0, 0); this.player.weapons.push({ key: "blade", level: 1, cd: 0.4, angle: 0 }); this.enemies = []; this.projectiles = []; this.pickups = []; this.texts = []; this.particles = []; this.effects = []; this.pools = []; this.time = 0; this.frame = 0; this.poolId = 0; this.kills = 0; this.crystals = 0; this.spawnTimer = 0.6; this.eliteTimer = 45; this.bossTimer = 120; this.bossCount = 0; this.pendingLevels = 0; this.shake = 0; this.cam = { x: 0, y: 0 }; resetLoadoutCache(); updateHud(this); } start() { this.reset(); this.state = "playing"; this.input.release(); showScreen(null); setPauseLabel(false); } toMenu() { this.state = "menu"; this.reset(); this.input.release(); showScreen("start"); } togglePause() { if (this.state === "playing") { this.state = "paused"; this.input.release(); setPauseLabel(true); showPause(this); } else if (this.state === "paused") { this.state = "playing"; setPauseLabel(false); showScreen(null); } } /* ---------------- Fenstergröße ---------------- */ resize() { const host = this.canvas.parentElement || this.canvas; const rect = host.getBoundingClientRect(); let w = rect.width, h = rect.height; if (!w || w < 40) w = window.innerWidth || 900; if (!h || h < 40) h = window.innerHeight || 620; const vv = window.visualViewport; if (vv && vv.width > 100 && vv.height > 100) { w = Math.min(w, vv.width); h = Math.min(h, vv.height); } w = Math.max(320, Math.round(w)); h = Math.max(260, Math.round(h)); this.dpr = Math.min(2, window.devicePixelRatio || 1); this.canvas.style.width = w + "px"; this.canvas.style.height = h + "px"; this.canvas.width = Math.floor(w * this.dpr); this.canvas.height = Math.floor(h * this.dpr); this.view.w = w; this.view.h = h; } /** Werte für die Infoanzeige – hilft beim Eingrenzen von Anzeigefehlern. */ debugInfo() { return { Spielfeld: this.view.w + " x " + this.view.h + " px", Zeichenfl\u00E4che: this.canvas.width + " x " + this.canvas.height + " (dpr " + this.dpr + ")", Farbschema: themeInfo.theme + " / " + themeInfo.source, Heldenfarbe: colors.player, Gegner: this.enemies.length, Bildrate: Math.round(this.fps) + " fps", Zustand: this.state }; } /* ---------------- Schleife ---------------- */ loop(ts) { const raw = (ts - this.last) / 1e3; const dt = Math.min(0.05, raw); this.last = ts; if (raw > 5e-4 && raw < 1) this.fps += (1 / raw - this.fps) * 0.1; if (this.state === "playing") this.update(dt); else { this.frame++; this.idle(dt); } this.render(); if ((this.frame & 15) === 0) { setFps(this.fps); updateDebug(this); } requestAnimationFrame(this.frameLoop); } /** Ruhezustand: nur Anzeigeeffekte weiterlaufen lassen. */ idle(dt) { this.decayVisuals(dt); } decayVisuals(dt) { var _ebxloop_35 = Date.now(); for (let i = this.texts.length - 1; i >= 0; i--) { if (Date.now() - _ebxloop_35 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const t = this.texts[i]; t.life -= dt; t.y += t.vy * dt; t.vy = damp(t.vy, 0.02, dt); if (t.life <= 0) this.texts.splice(i, 1); } var _ebxloop_36 = Date.now(); for (let i = this.particles.length - 1; i >= 0; i--) { if (Date.now() - _ebxloop_36 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const p = this.particles[i]; p.life -= dt; p.x += p.vx * dt; p.y += p.vy * dt; p.vx = damp(p.vx, 0.02, dt); p.vy = damp(p.vy, 0.02, dt); if (p.life <= 0) this.particles.splice(i, 1); } var _ebxloop_37 = Date.now(); for (let i = this.effects.length - 1; i >= 0; i--) { if (Date.now() - _ebxloop_37 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } this.effects[i].life -= dt; if (this.effects[i].life <= 0) this.effects.splice(i, 1); } this.shake = damp(this.shake, 5e-4, dt); } update(dt) { this.time += dt; this.frame++; this.updatePlayer(dt); this.grid.build(this.enemies); updateWeapons(this, dt); updateProjectiles(this, dt); this.updateEnemies(dt); this.updatePickups(dt); this.spawnDirector(dt); this.decayVisuals(dt); this.cleanup(); if (this.pendingLevels > 0) this.openLevelUp(); updateHud(this); } /* ---------------- Spielfigur ---------------- */ updatePlayer(dt) { const p = this.player; const dir = this.input.vector(); const speed = p.mods.speed; p.x += dir.x * speed * dt; p.y += dir.y * speed * dt; if (dir.x !== 0 || dir.y !== 0) { p.facing.x = dir.x; p.facing.y = dir.y; p.walkPhase += dt * 11; } p.iFrames = Math.max(0, p.iFrames - dt); p.hurtFlash = Math.max(0, p.hurtFlash - dt); if (p.mods.regen > 0 && p.hp < p.mods.maxHp) { p.hp = Math.min(p.mods.maxHp, p.hp + p.mods.regen * dt); } this.cam.x += (p.x - this.cam.x) * Math.min(1, dt * 9); this.cam.y += (p.y - this.cam.y) * Math.min(1, dt * 9); } hurtPlayer(amount) { const p = this.player; if (p.iFrames > 0) return; const dmg = Math.max(1, amount - p.mods.armor); p.hp -= dmg; p.iFrames = 0.75; p.hurtFlash = 0.2; this.shake = Math.min(14, this.shake + 6); this.texts.push(makeText(p.x, p.y - 22, "-" + Math.round(dmg), colors.hp, 16)); sfx.hurt(); if (p.hp <= 0) { p.hp = 0; this.gameOver(); } } gameOver() { this.state = "dead"; this.bestTime = Math.max(this.bestTime, this.time); this.input.release(); var _ebxloop_38 = Date.now(); for (let i = 0; i < 26; i++) { if (Date.now() - _ebxloop_38 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const a = rand(0, TAU); this.particles.push(makeParticle( this.player.x, this.player.y, Math.cos(a) * rand(40, 220), Math.sin(a) * rand(40, 220), colors.hp, rand(2, 5), rand(0.5, 1.1) )); } sfx.dead(); showGameOver(this); } /* ---------------- Gegner ---------------- */ updateEnemies(dt) { const p = this.player; var _ebxloop_40 = Date.now(); for (const e of this.enemies) { if (Date.now() - _ebxloop_40 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } if (e.dead) continue; const dx = p.x - e.x, dy = p.y - e.y; const d = Math.hypot(dx, dy) || 1; let vx = dx / d * e.speed; let vy = dy / d * e.speed; const near = this.grid.query(e.x, e.y, e.r * 2.2); var _ebxloop_39 = Date.now(); for (const o of near) { if (Date.now() - _ebxloop_39 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } if (o === e || o.dead) continue; const ox = e.x - o.x, oy = e.y - o.y; const od = Math.hypot(ox, oy) || 0.01; const min = e.r + o.r; if (od < min) { const push = (min - od) * 9; vx += ox / od * push; vy += oy / od * push; } } e.x += (vx + e.kx) * dt; e.y += (vy + e.ky) * dt; e.kx = damp(e.kx, 9e-4, dt); e.ky = damp(e.ky, 9e-4, dt); e.flash = Math.max(0, e.flash - dt); const touch = e.r + p.r; if (d < touch && p.iFrames <= 0) this.hurtPlayer(e.dmg); } } damageEnemy(e, dmg) { if (e.dead) return; e.hp -= dmg; e.flash = 0.07; if (this.texts.length < 60) { this.texts.push(makeText(e.x + rand(-6, 6), e.y - e.r - 4, String(Math.round(dmg)), colors.fg, 13)); } if (e.hp <= 0) this.killEnemy(e); } damageArea(x, y, r, dmg, key) { const near = this.grid.query(x, y, r + 40); var _ebxloop_41 = Date.now(); for (const e of near) { if (Date.now() - _ebxloop_41 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } if (e.dead) continue; const rr = r + e.r; if ((e.x - x) ** 2 + (e.y - y) ** 2 <= rr * rr && e.canHit(key, this.time, 0.05)) { this.damageEnemy(e, dmg); } } } killEnemy(e) { e.dead = true; this.kills++; sfx.kill(); const count = e.boss ? 22 : 6; var _ebxloop_42 = Date.now(); for (let i = 0; i < count; i++) { if (Date.now() - _ebxloop_42 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const a = rand(0, TAU); this.particles.push(makeParticle( e.x, e.y, Math.cos(a) * rand(30, e.boss ? 240 : 130), Math.sin(a) * rand(30, e.boss ? 240 : 130), colors[e.def.color], rand(1.5, e.boss ? 5 : 3.4), rand(0.25, 0.7) )); } this.pickups.push(new Pickup("xp", e.x, e.y, e.xp)); const luck = 1 + this.player.mods.luck; if (e.boss) { this.pickups.push(new Pickup("heart", e.x + 26, e.y, 0)); this.pickups.push(new Pickup("nova", e.x - 26, e.y, 0)); } else if (Math.random() < 0.022 * luck) { this.pickups.push(new Pickup("heart", e.x, e.y, 0)); } else if (Math.random() < 6e-3 * luck) { this.pickups.push(new Pickup("nova", e.x, e.y, 0)); } } /* ---------------- Sammelgegenstände ---------------- */ updatePickups(dt) { const p = this.player; const magnet = p.magnetRadius; var _ebxloop_43 = Date.now(); for (let i = this.pickups.length - 1; i >= 0; i--) { if (Date.now() - _ebxloop_43 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const g = this.pickups[i]; g.life += dt; const dx = p.x - g.x, dy = p.y - g.y; const d = Math.hypot(dx, dy) || 1; if (g.pulled || d < magnet) { g.pulled = true; const pull = 260 + Math.max(0, 340 - d) * 2.4; g.vx += dx / d * pull * dt; g.vy += dy / d * pull * dt; g.vx = damp(g.vx, 0.12, dt); g.vy = damp(g.vy, 0.12, dt); g.x += g.vx * dt; g.y += g.vy * dt; } if (d < p.r + g.r + 4) { this.collect(g); this.pickups.splice(i, 1); } } } collect(g) { const p = this.player; if (g.kind === "xp") { this.crystals++; const levels = p.addXp(g.value); if (levels > 0) this.pendingLevels += levels; sfx.pickup(); } else if (g.kind === "heart") { const heal = Math.round(p.mods.maxHp * 0.25); p.hp = Math.min(p.mods.maxHp, p.hp + heal); this.texts.push(makeText(p.x, p.y - 26, "+" + heal, colors.heal, 17)); sfx.heal(); } else { this.effects.push({ type: "ring", x: p.x, y: p.y, r: 560, life: 0.5, max: 0.5, color: colors.accent }); this.shake = 10; var _ebxloop_44 = Date.now(); for (const e of this.enemies) { if (Date.now() - _ebxloop_44 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } if (!e.dead && (e.x - p.x) ** 2 + (e.y - p.y) ** 2 < 560 * 560) { this.damageEnemy(e, e.boss ? 220 : 9999); } } sfx.boss(); } } /* ---------------- Wellen ---------------- */ spawnDirector(dt) { const t = this.time; const cap = this.view.w < 700 ? 190 : 280; this.spawnTimer -= dt; if (this.spawnTimer <= 0) { this.spawnTimer += Math.max(0.18, 1.25 - t * 45e-4); if (this.enemies.length < cap) { const batch = 1 + Math.floor(t / 90); for (let i = 0; i < batch; i++) this.spawnEnemy(this.pickType(t)); } } this.eliteTimer -= dt; if (this.eliteTimer <= 0) { this.eliteTimer = 45; const type = t > 150 ? "brute" : t > 60 ? "slime" : "bat"; const a0 = rand(0, TAU); const n = 10 + Math.floor(t / 60); var _ebxloop_45 = Date.now(); for (let i = 0; i < n; i++) { if (Date.now() - _ebxloop_45 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } this.spawnEnemy(type, a0 + i / n * TAU); } this.texts.push(makeText(this.player.x, this.player.y - 60, "Eine Horde n\xE4hert sich", colors.accent, 18)); } this.bossTimer -= dt; if (this.bossTimer <= 0) { this.bossTimer = 120; this.bossCount++; const boss = this.spawnEnemy("boss"); boss.hp = boss.maxHp = Math.round(ENEMY_TYPES.boss.hp * (1 + this.bossCount * 0.9) * (1 + this.time / 220)); boss.dmg = ENEMY_TYPES.boss.dmg * (1 + this.time / 300); this.texts.push(makeText(this.player.x, this.player.y - 76, "Die Blutmondbestie erwacht", colors.boss, 22)); this.shake = 12; sfx.boss(); } } pickType(t) { if (t < 40) return "bat"; if (t < 100) return weighted([["bat", 7], ["slime", 3]]); if (t < 170) return weighted([["bat", 5], ["slime", 3], ["wraith", 2]]); if (t < 260) return weighted([["bat", 4], ["slime", 2.5], ["wraith", 2.5], ["brute", 1]]); return weighted([["bat", 3], ["slime", 2.5], ["wraith", 2.5], ["brute", 2]]); } spawnEnemy(type, angle) { const a = angle === void 0 ? rand(0, TAU) : angle; const ring = Math.max(this.view.w, this.view.h) * 0.66 + 70; const x = this.player.x + Math.cos(a) * ring; const y = this.player.y + Math.sin(a) * ring; const hpMul = 1 + this.time / 88; const dmgMul = 1 + this.time / 300; const e = new Enemy(type, x, y, hpMul, dmgMul); e.speed *= 1 + Math.min(0.35, this.time / 900); this.enemies.push(e); return e; } cleanup() { if (this.frame % 12 !== 0) { if (this.enemies.some((e) => e.dead)) { this.enemies = this.enemies.filter((e) => !e.dead); } return; } const far = Math.max(this.view.w, this.view.h) * 1.6; const px = this.player.x, py = this.player.y; this.enemies = this.enemies.filter( (e) => !e.dead && Math.abs(e.x - px) < far && Math.abs(e.y - py) < far ); this.pickups = this.pickups.filter( (g) => g.pulled || Math.abs(g.x - px) < far * 1.4 && Math.abs(g.y - py) < far * 1.4 ); } /* ---------------- Stufenaufstieg ---------------- */ openLevelUp() { this.pendingLevels--; this.state = "levelup"; this.input.release(); sfx.levelup(); const options = rollUpgrades(this.player, 3); renderChoices(this.player.level, options, (up) => this.pickUpgrade(up)); } pickUpgrade(up) { applyUpgrade(this, up); resetLoadoutCache(); updateHud(this); if (this.pendingLevels > 0) { this.openLevelUp(); } else { this.state = "playing"; showScreen(null); } } /* ---------------- Zeichnung ---------------- */ render() { const ctx2 = this.ctx; const c = colors; const w = this.view.w, h = this.view.h; ctx2.setTransform(this.dpr, 0, 0, this.dpr, 0, 0); ctx2.fillStyle = c.bg; ctx2.fillRect(0, 0, w, h); const sx = this.shake > 0.2 ? rand(-this.shake, this.shake) : 0; const sy = this.shake > 0.2 ? rand(-this.shake, this.shake) : 0; ctx2.save(); ctx2.translate(Math.round(w / 2 - this.cam.x + sx), Math.round(h / 2 - this.cam.y + sy)); this.drawGround(ctx2, w, h); for (const g of this.pickups) drawPickup(ctx2, g, this.time); for (const e of this.enemies) if (!e.dead) drawEnemy(ctx2, e, this.time); drawWeaponEffects(ctx2, this, this.time); drawPlayer(ctx2, this.player, this.time); var _ebxloop_46 = Date.now(); for (const p of this.particles) { if (Date.now() - _ebxloop_46 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } ctx2.globalAlpha = clamp(p.life / p.max, 0, 1); ctx2.fillStyle = p.color; ctx2.fillRect(p.x - p.r / 2, p.y - p.r / 2, p.r, p.r); } ctx2.globalAlpha = 1; ctx2.textAlign = "center"; var _ebxloop_47 = Date.now(); for (const t of this.texts) { if (Date.now() - _ebxloop_47 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const k = clamp(t.life / t.max, 0, 1); ctx2.globalAlpha = k; ctx2.fillStyle = t.color; ctx2.font = `600 ${t.size}px ui-monospace, Menlo, Consolas, monospace`; ctx2.fillText(t.text, t.x, t.y); } ctx2.globalAlpha = 1; ctx2.restore(); this.drawVignette(ctx2, w, h); } drawGround(ctx2, w, h) { const c = colors; const step = 84; const left = this.cam.x - w / 2 - step; const right = this.cam.x + w / 2 + step; const top = this.cam.y - h / 2 - step; const bottom = this.cam.y + h / 2 + step; const x0 = Math.floor(left / step) * step; const y0 = Math.floor(top / step) * step; ctx2.strokeStyle = c.grid; ctx2.lineWidth = 1; ctx2.beginPath(); var _ebxloop_48 = Date.now(); for (let x = x0; x < right; x += step) { if (Date.now() - _ebxloop_48 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } ctx2.moveTo(x, top); ctx2.lineTo(x, bottom); } var _ebxloop_49 = Date.now(); for (let y = y0; y < bottom; y += step) { if (Date.now() - _ebxloop_49 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } ctx2.moveTo(left, y); ctx2.lineTo(right, y); } ctx2.stroke(); ctx2.fillStyle = c.bg2; var _ebxloop_51 = Date.now(); for (let x = x0; x < right; x += step) { if (Date.now() - _ebxloop_51 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } var _ebxloop_50 = Date.now(); for (let y = y0; y < bottom; y += step) { if (Date.now() - _ebxloop_50 > 500) { throw new Error("Endlosschleife erkannt (Abbruch nach 500 ms)"); } const hash = Math.abs(Math.sin(x * 0.031 + y * 0.017) * 9999) % 1; if (hash > 0.93) { ctx2.fillRect(x + 26, y + 22, 20, 30); ctx2.beginPath(); ctx2.arc(x + 36, y + 22, 10, Math.PI, 0); ctx2.fill(); } } } } drawVignette(ctx2, w, h) { const p = this.player; const ratio = clamp(1 - p.hp / p.mods.maxHp, 0, 1); const strength = 0.18 + ratio * 0.42; const g = ctx2.createRadialGradient(w / 2, h / 2, Math.min(w, h) * 0.32, w / 2, h / 2, Math.max(w, h) * 0.72); g.addColorStop(0, "rgba(0,0,0,0)"); g.addColorStop(1, hexToRgba(ratio > 0.45 ? colors.hp : colors.bg2, strength)); ctx2.fillStyle = g; ctx2.fillRect(0, 0, w, h); } }; function hexToRgba(hex, alpha) { const m = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex || ""); if (!m) return `rgba(0,0,0,${alpha})`; return `rgba(${parseInt(m[1], 16)},${parseInt(m[2], 16)},${parseInt(m[3], 16)},${alpha})`; } // edubox-mem:main.js var canvas = document.getElementById("game"); var stick = document.getElementById("stick"); var knob = document.getElementById("stick-knob"); var game = new Game(canvas, stick, knob); showScreen("start"); setSoundLabel(isEnabled()); setFps(60); bindTips(game); window.startGame = function startGame() { unlock(); game.start(); }; window.togglePause = function togglePause() { if (game.state === "playing" || game.state === "paused") game.togglePause(); }; window.quitToMenu = function quitToMenu() { game.toMenu(); }; window.toggleDebug = function toggleDebug2() { const on = toggleDebug(); if (on) updateDebug(game); }; window.toggleSound = function toggleSound() { const next = !isEnabled(); setEnabled(next); setSoundLabel(next); if (next) unlock(); }; window.heroFallback = function heroFallback() { const art = document.getElementById("hero-art"); const title = document.getElementById("hero-title"); if (art) art.hidden = true; if (title) title.classList.remove("is-quiet"); }; var heroArt = document.getElementById("hero-art"); if (heroArt) { if (heroArt.complete && heroArt.naturalWidth === 0) window.heroFallback(); heroArt.addEventListener("error", () => window.heroFallback()); } document.addEventListener("visibilitychange", () => { if (document.hidden && game.state === "playing") game.togglePause(); }); window.game = game; // edubox-mem:styles.css var css = '/* ============================================================\n Blutmond \u2013 Gestaltung\n Farbwerte liegen als CSS-Variablen vor; das Canvas liest sie\n \xFCber getComputedStyle aus (siehe theme.js).\n ============================================================ */\n\n:root {\n /* Spielfarben (werden von JS ausgelesen, Pr\xE4fix --game-) */\n --game-bg: #ece5d8;\n --game-bg2: #e2d9c8;\n --game-grid: #d3c8b2;\n --game-fg: #241f1a;\n --game-muted: #6d6355;\n --game-accent: #9c1f2e;\n --game-player: #1b4f5e;\n --game-xp: #2b7a9b;\n --game-hp: #9c1f2e;\n --game-enemyA: #6b4a2f;\n --game-enemyB: #3f6b3a;\n --game-enemyC: #5c5a86;\n --game-enemyD: #7a3b22;\n --game-boss: #7d1220;\n --game-proj: #b8621b;\n --game-aura: #2b7a9b;\n --game-heal: #2f7a4d;\n\n /* Oberfl\xE4che */\n --panel: #f7f2e7;\n --panel-edge: #241f1a;\n --panel-shadow: rgba(36, 31, 26, .22);\n --chip: rgba(36, 31, 26, .07);\n --scrim: rgba(236, 229, 216, .82);\n --moon: rgba(156, 31, 46, .10);\n\n --display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;\n --body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;\n --mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;\n}\n\n:root[data-theme="dark"] {\n --game-bg: #12131c;\n --game-bg2: #0c0d14;\n --game-grid: #1e2030;\n --game-fg: #ece7dc;\n --game-muted: #8b8697;\n --game-accent: #e04257;\n --game-player: #57d4e8;\n --game-xp: #46b6e0;\n --game-hp: #e04257;\n --game-enemyA: #b98a5e;\n --game-enemyB: #6fbf6a;\n --game-enemyC: #9a95d8;\n --game-enemyD: #e08a4a;\n --game-boss: #ff5c6e;\n --game-proj: #ffc25c;\n --game-aura: #46b6e0;\n --game-heal: #62d99a;\n\n --panel: #191b27;\n --panel-edge: #ece7dc;\n --panel-shadow: rgba(0, 0, 0, .55);\n --chip: rgba(236, 231, 220, .10);\n --scrim: rgba(9, 10, 16, .80);\n --moon: rgba(224, 66, 87, .16);\n}\n\n* { box-sizing: border-box; }\n\nhtml, body {\n margin: 0;\n height: 100%;\n overflow: hidden;\n background: var(--game-bg);\n color: var(--game-fg);\n font-family: var(--body);\n -webkit-tap-highlight-color: transparent;\n}\n\n#app {\n position: fixed;\n inset: 0;\n overflow: hidden;\n}\n\n#game {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n display: block;\n touch-action: none;\n}\n\n/* ---------- Kopf- und Fu\xDFleiste ---------- */\n\n.hud {\n position: absolute;\n inset: 0;\n padding: 10px 12px calc(10px + env(safe-area-inset-bottom));\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n pointer-events: none;\n font-family: var(--mono);\n}\n\n.hud-top, .hud-bottom { display: flex; flex-direction: column; gap: 7px; }\n\n.xp-track, .hp-track {\n position: relative;\n height: 22px;\n border: 1.5px solid var(--panel-edge);\n background: var(--chip);\n overflow: hidden;\n}\n\n.hp-track { height: 20px; max-width: 340px; }\n\n.xp-fill, .hp-fill {\n position: absolute;\n inset: 0 auto 0 0;\n width: 0%;\n transition: width .18s linear;\n}\n\n.xp-fill { background: var(--game-xp); }\n.hp-fill { background: var(--game-hp); }\n\n.xp-label, .hp-label {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n letter-spacing: .1em;\n text-transform: uppercase;\n mix-blend-mode: normal;\n color: var(--game-fg);\n text-shadow: 0 1px 0 var(--game-bg);\n}\n\n.hud-row {\n display: flex;\n align-items: center;\n gap: 10px;\n flex-wrap: wrap;\n padding-right: 82px; /* Platz f\xFCr die Bildratenanzeige oben rechts */\n}\n\n.clock {\n font-family: var(--display);\n font-size: 30px;\n line-height: 1;\n font-variant-numeric: tabular-nums;\n letter-spacing: .02em;\n}\n\n.stat {\n font-size: 12px;\n color: var(--game-muted);\n letter-spacing: .04em;\n}\n.stat b { color: var(--game-fg); font-weight: 600; }\n\n.chip {\n pointer-events: auto;\n font: inherit;\n font-size: 11px;\n letter-spacing: .08em;\n text-transform: uppercase;\n padding: 5px 10px;\n color: var(--game-fg);\n background: var(--chip);\n border: 1.5px solid var(--panel-edge);\n cursor: pointer;\n}\n.chip:hover { background: var(--game-accent); color: var(--panel); }\n.chip:focus-visible { outline: 3px solid var(--game-accent); outline-offset: 2px; }\n\n.hud-bottom { align-items: flex-start; }\n.hud-bottom { display: flex; flex-direction: column; }\n\n.loadout { display: flex; gap: 6px; flex-wrap: wrap; pointer-events: auto; }\n\n.slot {\n position: relative;\n font-family: inherit;\n padding: 0;\n color: var(--game-fg);\n cursor: help;\n width: 38px;\n height: 38px;\n display: grid;\n place-items: center;\n font-size: 19px;\n border: 1.5px solid var(--panel-edge);\n background: var(--panel);\n}\n.slot .lv {\n position: absolute;\n right: -1px; bottom: -3px;\n font-size: 10px;\n padding: 0 3px;\n background: var(--panel-edge);\n color: var(--panel);\n}\n.slot--passive { border-style: dashed; }\n.slot:hover, .slot.is-active { background: var(--chip); transform: translateY(-2px); }\n.slot:focus-visible { outline: 3px solid var(--game-accent); outline-offset: 2px; }\n\n/* ---------- Kurzinfo zu einem Gegenstand ---------- */\n\n.tip {\n order: -1;\n width: min(300px, 100%);\n margin-bottom: 8px;\n padding: 10px 12px;\n background: var(--panel);\n border: 1.5px solid var(--panel-edge);\n box-shadow: 4px 4px 0 var(--panel-shadow);\n font-size: 12px;\n line-height: 1.45;\n pointer-events: none;\n}\n.tip[hidden] { display: none; }\n.tip-head { display: flex; align-items: baseline; gap: 7px; margin-bottom: 4px; }\n.tip-head .glyph { font-size: 18px; }\n.tip-head .name { font-family: var(--display); font-size: 16px; }\n.tip-head .sub {\n margin-left: auto;\n font-size: 10px;\n letter-spacing: .1em;\n text-transform: uppercase;\n color: var(--game-accent);\n}\n.tip-text { color: var(--game-muted); margin-bottom: 6px; }\n.tip-rows { display: grid; gap: 2px; }\n.tip-rows div { display: flex; justify-content: space-between; gap: 12px; }\n.tip-rows span { color: var(--game-muted); }\n.tip-next {\n margin-top: 6px;\n padding-top: 6px;\n border-top: 1px solid var(--chip);\n color: var(--game-muted);\n}\n\n/* ---------- Bildrate ---------- */\n\n.fps {\n position: absolute;\n top: 40px;\n right: 12px;\n padding: 4px 8px;\n font-size: 11px;\n letter-spacing: .08em;\n font-variant-numeric: tabular-nums;\n color: var(--game-muted);\n background: var(--chip);\n border: 1.5px solid var(--panel-edge);\n}\n.fps.is-low { color: var(--game-accent); }\n\n.debug {\n align-self: flex-start;\n margin-top: 8px;\n padding: 8px 10px;\n max-width: 320px;\n font-size: 11px;\n line-height: 1.5;\n background: var(--panel);\n border: 1.5px solid var(--panel-edge);\n display: grid;\n gap: 2px;\n}\n.debug[hidden] { display: none; }\n.debug div { display: flex; justify-content: space-between; gap: 12px; }\n.debug span { color: var(--game-muted); }\n\n/* ---------- Bildschirme ---------- */\n\n.overlay {\n position: absolute;\n inset: 0;\n display: none;\n place-items: center;\n padding: 18px;\n background: var(--scrim);\n backdrop-filter: blur(3px);\n z-index: 5;\n overflow-y: auto;\n}\n.overlay.is-open { display: grid; }\n\n.card {\n position: relative;\n width: min(440px, 100%);\n padding: 26px 24px 24px;\n background: var(--panel);\n border: 2px solid var(--panel-edge);\n box-shadow: 8px 8px 0 var(--panel-shadow);\n text-align: center;\n}\n.card--wide { width: min(720px, 100%); }\n\n/* Signatur: der aufgehende Blutmond hinter jeder Karte */\n.card::before {\n content: "";\n position: absolute;\n left: 50%;\n top: -78px;\n width: 190px;\n height: 190px;\n transform: translateX(-50%);\n border-radius: 50%;\n background: var(--moon);\n box-shadow: 0 0 70px 30px var(--moon);\n pointer-events: none;\n z-index: -1;\n}\n\n.eyebrow {\n margin: 0 0 6px;\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: .22em;\n text-transform: uppercase;\n color: var(--game-accent);\n}\n\n/* ---------- Titelbild ---------- */\n\n.hero-art {\n display: block;\n width: 100%;\n max-width: 520px;\n max-height: min(38vh, 300px);\n height: auto;\n margin: 2px auto 14px;\n object-fit: contain;\n}\n.hero-art[hidden] { display: none; }\n\n/* Der Schriftzug bleibt f\xFCr Vorleseprogramme lesbar, sobald das Bild tr\xE4gt. */\n.title.is-quiet {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n}\n\n.title {\n margin: 0 0 12px;\n font-family: var(--display);\n font-weight: 400;\n font-size: clamp(40px, 11vw, 68px);\n line-height: .95;\n letter-spacing: -.02em;\n}\n.title--sm { font-size: clamp(26px, 6vw, 34px); }\n\n.lede {\n margin: 0 auto 16px;\n max-width: 46ch;\n font-size: 15px;\n line-height: 1.55;\n color: var(--game-muted);\n}\n\n.keys {\n list-style: none;\n margin: 0 0 20px;\n padding: 0;\n font-family: var(--mono);\n font-size: 12.5px;\n color: var(--game-muted);\n display: grid;\n gap: 6px;\n}\n\nkbd {\n display: inline-block;\n min-width: 20px;\n padding: 1px 5px;\n margin-right: 3px;\n font: inherit;\n color: var(--game-fg);\n background: var(--chip);\n border: 1px solid var(--panel-edge);\n}\n\n.btn {\n display: inline-block;\n margin: 4px;\n padding: 11px 22px;\n font-family: var(--mono);\n font-size: 13px;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--game-fg);\n background: transparent;\n border: 2px solid var(--panel-edge);\n cursor: pointer;\n transition: transform .1s ease, background .12s ease, color .12s ease;\n}\n.btn:hover { transform: translateY(-2px); }\n.btn:active { transform: translateY(0); }\n.btn:focus-visible { outline: 3px solid var(--game-accent); outline-offset: 3px; }\n.btn--primary { background: var(--game-accent); border-color: var(--game-accent); color: #fff; }\n\n/* ---------- Stufenkarten ---------- */\n\n.choices {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n margin-top: 6px;\n}\n\n.choice {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 7px;\n padding: 16px 12px;\n text-align: center;\n background: transparent;\n border: 2px solid var(--panel-edge);\n cursor: pointer;\n font: inherit;\n color: var(--game-fg);\n transition: background .12s ease, transform .1s ease;\n}\n.choice:hover { background: var(--chip); transform: translateY(-3px); }\n.choice:focus-visible { outline: 3px solid var(--game-accent); outline-offset: 2px; }\n\n.choice .glyph { font-size: 30px; line-height: 1; }\n.choice .name { font-family: var(--display); font-size: 19px; }\n.choice .meta {\n font-family: var(--mono);\n font-size: 10px;\n letter-spacing: .14em;\n text-transform: uppercase;\n color: var(--game-accent);\n}\n.choice .desc { font-size: 13px; line-height: 1.4; color: var(--game-muted); }\n\n.statlist {\n margin: 0 0 18px;\n font-family: var(--mono);\n font-size: 13px;\n display: grid;\n gap: 5px;\n}\n.statlist div { display: flex; justify-content: space-between; gap: 14px; }\n.statlist span { color: var(--game-muted); }\n.statlist b { font-weight: 600; }\n\n/* ---------- Virtueller Stick ---------- */\n\n.stick[hidden] { display: none; }\n\n.stick {\n position: absolute;\n width: 118px;\n height: 118px;\n margin: -59px 0 0 -59px;\n border: 2px solid var(--panel-edge);\n border-radius: 50%;\n opacity: .35;\n pointer-events: none;\n z-index: 4;\n}\n.stick-knob {\n position: absolute;\n left: 50%; top: 50%;\n width: 46px; height: 46px;\n margin: -23px 0 0 -23px;\n border-radius: 50%;\n background: var(--game-accent);\n}\n\n@media (max-width: 620px) {\n .choices { grid-template-columns: 1fr; }\n .choice { flex-direction: row; text-align: left; align-items: center; }\n .choice .glyph { font-size: 26px; }\n .card { padding: 20px 16px; }\n .clock { font-size: 24px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n * { transition: none !important; }\n}\n'; var style = document.createElement("style"); style.setAttribute("data-edubox-file", "styles.css"); style.textContent = css; document.head.appendChild(style);

Blutmond Survivor

Schreibe einen Kommentar Antwort abbrechen