const SCREEN = 160; engine.scope( ({ start, cls, spr, text, rectfill, rect, line, btn, btnp, camera, creset, mset, mget, map, mouse, click, randomIntegerBetween, boxesCollide }) => { const TILE = 8; const MAP_W = 32, MAP_H = 32; const WORLD_W = MAP_W * TILE, WORLD_H = MAP_H * TILE; // `SCREEN` comes from the engine config above. const VIEW_TILES = SCREEN / TILE; // number of tiles across visible screen const MAP_VIEW_TILES = VIEW_TILES + 1; // +1 buffer tile for smooth camera scrolling // Pause/victory UI geometry (centered on SCREEN) const PANEL_W = 92; const PANEL_H = 52; const PANEL_X1 = Math.floor(SCREEN / 2 - PANEL_W / 2); const PANEL_Y1 = Math.floor(SCREEN / 2 - PANEL_H / 2); const PANEL_X2 = PANEL_X1 + PANEL_W; const PANEL_Y2 = PANEL_Y1 + PANEL_H; const BUTTON_X1 = PANEL_X1 + 18; const BUTTON_X2 = PANEL_X1 + 74; // 92 - 18 const BUTTON_Y1 = PANEL_Y1 + 34; const BUTTON_Y2 = PANEL_Y1 + 46; // 84 - 38 // Top menu bar + health bar const MENU_H = 20; const HP_BAR_W = 72; const HP_BAR_H = 6; const HP_X1 = SCREEN - HP_BAR_W - 2; const HP_Y1 = 4; const XP_BAR_W = 80; const XP_BAR_H = 5; const XP_X1 = 2; const XP_Y1 = 13; // When xp reaches this value, we pause and show upgrades. const XP_REQUIRED = 10; // Upgrade modal geometry (separate from pause/victory panels) const UPG_PANEL_W = 120; const UPG_PANEL_H = 78; const UPG_PANEL_X1 = Math.floor(SCREEN / 2 - UPG_PANEL_W / 2); const UPG_PANEL_Y1 = Math.floor(SCREEN / 2 - UPG_PANEL_H / 2); const UPG_PANEL_X2 = UPG_PANEL_X1 + UPG_PANEL_W; const UPG_PANEL_Y2 = UPG_PANEL_Y1 + UPG_PANEL_H; const OPT_W = 96; const OPT_X1 = UPG_PANEL_X1 + Math.floor((UPG_PANEL_W - OPT_W) / 2); const OPT_X2 = OPT_X1 + OPT_W; const OPT_H = 12; const OPT_GAP = 6; const OPT1_Y1 = UPG_PANEL_Y1 + 26; const OPT1_Y2 = OPT1_Y1 + OPT_H; const OPT2_Y1 = OPT1_Y2 + OPT_GAP; const OPT2_Y2 = OPT2_Y1 + OPT_H; const OPT3_Y1 = OPT2_Y2 + OPT_GAP; const OPT3_Y2 = OPT3_Y1 + OPT_H; // ── Dungeon layout ──────────────────────────────────────────────────────── const LAYOUT = [ "################################", "#..............................#", "#..............................#", "#...#####....#####.............#", "#...#.................#........#", "#...#.................#........#", "#...#####.......######.........#", "#..............................#", "#..............................#", "#..............................#", "#.............##...............#", "#.............##...............#", "#..............................#", "########.......#################", "#..............................#", "#..............................#", "#..............................#", "#...#..........................#", "#...#..........................#", "#...######........#######......#", "#..........#......#............#", "#..........#......#............#", "#..............................#", "#..............................#", "#..............................#", "#........####....####..........#", "#..............................#", "#..............................#", "#..............................#", "#..............................#", "#..............................#", "################################", ]; // ── Sprites ─────────────────────────────────────────────────────────────── // Elf: brown hair (4), peach face (15), orange eyes (9), green tunic (3) const sprites = { elf: [ -1, 4, 4, 4, 4, 4, -1, -1, 4, 15, 15, 15, 15, 15, 4, -1, -1, 15, 9, 15, 9, 15, -1, -1, -1, -1, 15, 15, 15, -1, 3, -1, 3, 3, 3, 3, 3, 3, -1, -1, -1, 3, 3, 3, 3, -1, -1, -1, 4, -1, 15, -1, 15, -1, 4, -1, 4, -1, 4, -1, 4, -1, 4, -1, ], // Troll: brown body (4), red eyes (8), dark grey clothing (5) troll: [ -1, 4, 4, 4, 4, 4, -1, -1, 4, 4, 8, 4, 8, 4, 4, -1, 4, 4, 4, 4, 4, 4, 4, -1, -1, 5, 5, 5, 5, 5, -1, -1, -1, 5, 5, 5, 5, 5, -1, -1, -1, 5, -1, 5, -1, 5, -1, -1, -1, 4, -1, -1, -1, 4, -1, -1, -1, 4, -1, -1, -1, 4, -1, -1, ], // Wall: stone grey pattern (6=mid grey, 5=dark grey) wall: [ 6, 6, 5, 6, 6, 6, 5, 6, 5, 6, 6, 6, 5, 6, 6, 5, 6, 6, 6, 6, 6, 6, 6, 6, 6, 5, 6, 6, 6, 5, 6, 6, 6, 6, 5, 6, 6, 6, 5, 6, 5, 6, 6, 5, 5, 6, 6, 5, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 5, 6, 6, 5, 6, 6, ], // Floor: dark blue with subtle texture (1=dark blue, 5=dark grey) floor: [ 1, 1, 1, 1, 1, 1, 1, 1, 1, 5, 1, 1, 1, 1, 5, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 5, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 5, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 5, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, ], }; // ── Character types ─────────────────────────────────────────────────────── const CHARACTER_TYPES = { elf: { name: "elf", hp: 20, mana: 10, movementSpeed: 10, attackSpeed: 3, }, }; // ── Weapon types ────────────────────────────────────────────────────────── const WEAPON_TYPES = { bow: { name: "bow", type: "ranged", damage: 5, attackSpeed: 5, // Only ranged weapons have projectileSpeed; melee weapons can omit it. projectileSpeed: 5, damageType: "physical", range: 5, }, }; // ── Enemy types ─────────────────────────────────────────────────────────── const ENEMY_TYPES = { troll: { name: "troll", hp: 10, damage: 2, xpOnKill: 1, possibleLootDrop: ["wood"], damageType: "physical", sprite: "troll", }, }; // ── State ───────────────────────────────────────────────────────────────── let player, arrows, enemies, kills, xp, gameState; // ── Helpers ─────────────────────────────────────────────────────────────── function clamp(v, lo, hi) { return Math.max(lo, Math.min(hi, v)); } function isWall(wx, wy) { const tx = Math.floor(wx / TILE); const ty = Math.floor(wy / TILE); if (tx < 0 || ty < 0 || tx >= MAP_W || ty >= MAP_H) return true; return mget(tx, ty) === "wall"; } // Separate-axis movement so entities slide along walls instead of stopping dead function tryMoveX(entity, dx) { const nx = entity.x + dx; const ex = dx > 0 ? nx + TILE - 1 : nx; if (!isWall(ex, entity.y + 1) && !isWall(ex, entity.y + TILE - 2)) { entity.x = nx; } } function tryMoveY(entity, dy) { const ny = entity.y + dy; const ey = dy > 0 ? ny + TILE - 1 : ny; if (!isWall(entity.x + 1, ey) && !isWall(entity.x + TILE - 2, ey)) { entity.y = ny; } } function isFloorTile(tx, ty) { return LAYOUT[ty] && LAYOUT[ty][tx] === "."; } function nearestEnemy() { let nearest = null, nearDist = Infinity; for (const e of enemies) { const dx = e.x - player.x, dy = e.y - player.y; const d = dx * dx + dy * dy; if (d < nearDist) { nearDist = d; nearest = e; } } return nearest; } // ── Build map ───────────────────────────────────────────────────────────── function buildMap() { for (let y = 0; y < MAP_H; y++) { for (let x = 0; x < MAP_W; x++) { mset(x, y, LAYOUT[y][x] === "#" ? "wall" : "floor"); } } } // ── Spawn enemies ───────────────────────────────────────────────────────── function spawnEnemies() { enemies = []; let spawned = 0, attempts = 0; while (spawned < 20 && attempts < 1000) { attempts++; const tx = randomIntegerBetween(1, MAP_W - 2); const ty = randomIntegerBetween(1, MAP_H - 2); if (!isFloorTile(tx, ty)) continue; const wx = tx * TILE, wy = ty * TILE; const dx = wx - player.x, dy = wy - player.y; if (Math.sqrt(dx * dx + dy * dy) < 64) continue; const type = ENEMY_TYPES.troll; enemies.push({ x: wx, y: wy, dead: false, name: type.name, hp: type.hp, damage: type.damage, xpOnKill: type.xpOnKill, possibleLootDrop: type.possibleLootDrop, damageType: type.damageType, sprite: type.sprite, }); spawned++; } } // ── Init ────────────────────────────────────────────────────────────────── function init() { buildMap(); const charDef = CHARACTER_TYPES.elf; player = { x: 9 * TILE, y: 9 * TILE, shootTimer: 0, name: charDef.name, hp: charDef.hp, maxHp: charDef.hp, hitCooldown: 0, // frames of invulnerability after taking contact damage mana: charDef.mana, movementSpeed: charDef.movementSpeed, attackSpeed: charDef.attackSpeed, weapon: { ...WEAPON_TYPES.bow }, }; arrows = []; kills = 0; xp = 0; gameState = "playing"; spawnEnemies(); } // ── Update ──────────────────────────────────────────────────────────────── function update(time, frame) { // Escape toggles pause on/off (press-to-toggle, not hold). if (btnp("Escape")) { if (gameState === "playing") gameState = "paused"; else if (gameState === "paused") gameState = "playing"; } if (gameState === "victory") { updateVictory(); return; } if (gameState === "paused") { updatePaused(); return; } if (gameState === "upgrade") { updateUpgrade(); return; } if (gameState === "gameover") { updateGameOver(); return; } if (gameState !== "playing") return; if (player.hitCooldown > 0) player.hitCooldown--; // Player movement — speed scaled from movementSpeed (10 → 1px/frame) const spd = player.movementSpeed / 10; if (btn("ArrowLeft") || btn("a")) tryMoveX(player, -spd); if (btn("ArrowRight") || btn("d")) tryMoveX(player, spd); if (btn("ArrowUp") || btn("w")) tryMoveY(player, -spd); if (btn("ArrowDown") || btn("s")) tryMoveY(player, spd); // Auto-shoot — cooldown derived from total attack speed. // totalAttackSpeed = (charAS + weaponAS) / 10 → attacks per second. // Combined value of 10 = 1 shot/sec, 20 = 2 shots/sec, etc. const totalAttackSpeed = (player.attackSpeed + player.weapon.attackSpeed) / 10; // Smaller cooldown => faster auto-shoot. 1.25 makes shooting ~25% faster. const shootCooldown = Math.max(1, Math.round(60 / totalAttackSpeed / 1.25)); player.shootTimer++; if (player.shootTimer >= shootCooldown) { player.shootTimer = 0; const target = nearestEnemy(); if (target) { const dx = target.x - player.x, dy = target.y - player.y; const len = Math.sqrt(dx * dx + dy * dy) || 1; arrows.push({ x: player.x + 4, y: player.y + 4, // Ranged weapons can specify projectileSpeed; melee weapons may omit it. vx: (dx / len) * (player.weapon.projectileSpeed ?? player.weapon.attackSpeed), vy: (dy / len) * (player.weapon.projectileSpeed ?? player.weapon.attackSpeed), damage: player.weapon.damage, maxRange: player.weapon.range * TILE, travelDist: 0, active: true, }); } } // Move arrows + check collisions for (const a of arrows) { if (!a.active) continue; a.x += a.vx; a.y += a.vy; a.travelDist += Math.sqrt(a.vx * a.vx + a.vy * a.vy); // Stop arrow at wall or max range if (isWall(a.x, a.y) || a.travelDist >= a.maxRange) { a.active = false; continue; } // Arrow vs enemy for (const e of enemies) { if (!e.dead && boxesCollide([a.x - 2, a.y - 2, 4, 4], [e.x, e.y, TILE, TILE])) { a.active = false; e.hp -= a.damage; if (e.hp <= 0) { e.dead = true; kills++; xp += e.xpOnKill || 0; } break; } } } // Remove dead entities enemies = enemies.filter((e) => !e.dead); arrows = arrows.filter((a) => a.active); // Chase AI — enemies walk toward player const espd = 0.4; for (const e of enemies) { const dx = player.x - e.x, dy = player.y - e.y; const len = Math.sqrt(dx * dx + dy * dy) || 1; if (len > 2) { tryMoveX(e, (dx / len) * espd); tryMoveY(e, (dy / len) * espd); } } // Player takes damage on contact with enemies (with invulnerability cooldown). for (const e of enemies) { if (boxesCollide([player.x, player.y, TILE, TILE], [e.x, e.y, TILE, TILE])) { if (player.hitCooldown <= 0) { player.hp -= e.damage; player.hitCooldown = 30; if (player.hp <= 0) { player.hp = 0; gameState = "gameover"; return; } } break; // single hit per frame } } // Trigger upgrades when xp is full; if enemies are all dead at the same time, // we still want the upgrade choice to take priority. if (xp >= XP_REQUIRED) { gameState = "upgrade"; } else if (enemies.length === 0) { gameState = "victory"; } } function updateVictory() { if (click()) { const m = mouse(); // Exit dungeon button bounds (screen coords) if (m.x >= BUTTON_X1 && m.x <= BUTTON_X2 && m.y >= BUTTON_Y1 && m.y <= BUTTON_Y2) { window.close(); } } } function updatePaused() { const m = mouse(); // Enter matches click behavior: only exit when the button bounds match. if (btnp("Enter")) { if (m.x >= BUTTON_X1 && m.x <= BUTTON_X2 && m.y >= BUTTON_Y1 && m.y <= BUTTON_Y2) { window.close(); } } if (click()) { if (m.x >= BUTTON_X1 && m.x <= BUTTON_X2 && m.y >= BUTTON_Y1 && m.y <= BUTTON_Y2) { window.close(); } } } function updateGameOver() { // Exit game button bounds (screen coords) const m = mouse(); // Enter matches click behavior: only exit when the button bounds match. if (btnp("Enter")) { if (m.x >= BUTTON_X1 && m.x <= BUTTON_X2 && m.y >= BUTTON_Y1 && m.y <= BUTTON_Y2) { window.close(); } } if (click()) { if (m.x >= BUTTON_X1 && m.x <= BUTTON_X2 && m.y >= BUTTON_Y1 && m.y <= BUTTON_Y2) { window.close(); } } } function updateUpgrade() { const m = mouse(); function isOptionHovered(optX1, optY1, optX2, optY2) { return m.x >= optX1 && m.x <= optX2 && m.y >= optY1 && m.y <= optY2; } const entered = btnp("Enter"); const clicked = click(); if (!entered && !clicked) return; // Apply upgrades only when selection is on one of the option buttons. if (isOptionHovered(OPT_X1, OPT1_Y1, OPT_X2, OPT1_Y2)) { player.movementSpeed += 2; } else if (isOptionHovered(OPT_X1, OPT2_Y1, OPT_X2, OPT2_Y2)) { player.attackSpeed += 2; } else if (isOptionHovered(OPT_X1, OPT3_Y1, OPT_X2, OPT3_Y2)) { player.weapon.damage += 2; } else { return; // Enter/click happened but not on a button. } xp = 0; gameState = "playing"; } // ── Draw ────────────────────────────────────────────────────────────────── function draw(time, frame) { cls(0); // Camera: center on player, clamped to world bounds const camX = clamp(player.x - SCREEN / 2 + TILE / 2, 0, WORLD_W - SCREEN); const camY = clamp(player.y - SCREEN / 2 + TILE / 2, 0, WORLD_H - SCREEN); camera(camX, camY); // Only render visible tiles (16 tiles + 1 buffer each side) const startTX = Math.floor(camX / TILE); const startTY = Math.floor(camY / TILE); map(0, startTX, startTY, MAP_VIEW_TILES, MAP_VIEW_TILES, startTX * TILE, startTY * TILE); // Arrows (orange trail, yellow tip) for (const a of arrows) { line(a.x - a.vx * 2, a.y - a.vy * 2, a.x, a.y, 9); rectfill(a.x - 1, a.y - 1, a.x + 1, a.y + 1, 10); } // Enemies for (const e of enemies) { spr(e.sprite, e.x, e.y); } // Player (elf) spr("elf", player.x, player.y); creset(); // HUD // Menu bar background + border rectfill(0, 0, SCREEN - 1, MENU_H, 0); rect(0, 0, SCREEN - 1, MENU_H, 7); // Enemies + kills (left side) text(`enemies: ${enemies.length}`, 2, 2, 7); text(`kills: ${kills}`, 2, 9, 10); // XP bar (fills as you kill enemies) const xpPct = XP_REQUIRED ? xp / XP_REQUIRED : 0; const xpW = Math.max(0, Math.min(XP_BAR_W, Math.floor(XP_BAR_W * xpPct))); rectfill(XP_X1, XP_Y1, XP_X1 + XP_BAR_W, XP_Y1 + XP_BAR_H, 5); if (xpW > 0) rectfill(XP_X1, XP_Y1, XP_X1 + xpW, XP_Y1 + XP_BAR_H, 11); rect(XP_X1, XP_Y1, XP_X1 + XP_BAR_W, XP_Y1 + XP_BAR_H, 7); text(`xp ${xp}/${XP_REQUIRED}`, XP_X1, XP_Y1 - 7, 6); // Health bar (right side) const hpPct = player.maxHp ? player.hp / player.maxHp : 0; const hpW = Math.max(0, Math.min(HP_BAR_W, Math.floor(HP_BAR_W * hpPct))); rectfill(HP_X1, HP_Y1, HP_X1 + HP_BAR_W, HP_Y1 + HP_BAR_H, 5); if (hpW > 0) rectfill(HP_X1, HP_Y1, HP_X1 + hpW, HP_Y1 + HP_BAR_H, 11); rect(HP_X1, HP_Y1, HP_X1 + HP_BAR_W, HP_Y1 + HP_BAR_H, 7); text(`hp ${player.hp}/${player.maxHp}`, HP_X1 - 5, 2, 12); // Controls hint (bottom) text("wasd/arrows to move", 2, SCREEN - 9, 5); // Paused menu if (gameState === "paused") { // Panel background + border rectfill(PANEL_X1, PANEL_Y1, PANEL_X2, PANEL_Y2, 0); rect(PANEL_X1, PANEL_Y1, PANEL_X2, PANEL_Y2, 7); rect(PANEL_X1 + 1, PANEL_Y1 + 1, PANEL_X2 - 1, PANEL_Y2 - 1, 6); // Text text("game paused", PANEL_X1 + 14, PANEL_Y1 + 12, 10); text("esc to resume", PANEL_X1 + 12, PANEL_Y1 + 24, 7); // Exit button rectfill(BUTTON_X1, BUTTON_Y1, BUTTON_X2, BUTTON_Y2, 3); rect(BUTTON_X1, BUTTON_Y1, BUTTON_X2, BUTTON_Y2, 11); text("exit game", PANEL_X1 + 23, PANEL_Y1 + 38, 7); } // Victory modal if (gameState === "victory") { // Panel background + border rectfill(PANEL_X1, PANEL_Y1, PANEL_X2, PANEL_Y2, 0); rect(PANEL_X1, PANEL_Y1, PANEL_X2, PANEL_Y2, 7); rect(PANEL_X1 + 1, PANEL_Y1 + 1, PANEL_X2 - 1, PANEL_Y2 - 1, 6); // Text text("dungeon cleared!", PANEL_X1 + 8, PANEL_Y1 + 12, 10); text("all 20 enemies slain", PANEL_X1 + 4, PANEL_Y1 + 24, 7); // Exit button rectfill(BUTTON_X1, BUTTON_Y1, BUTTON_X2, BUTTON_Y2, 3); rect(BUTTON_X1, BUTTON_Y1, BUTTON_X2, BUTTON_Y2, 11); text("exit dungeon", PANEL_X1 + 21, PANEL_Y1 + 38, 7); } // Game over modal if (gameState === "gameover") { rectfill(PANEL_X1, PANEL_Y1, PANEL_X2, PANEL_Y2, 0); rect(PANEL_X1, PANEL_Y1, PANEL_X2, PANEL_Y2, 7); rect(PANEL_X1 + 1, PANEL_Y1 + 1, PANEL_X2 - 1, PANEL_Y2 - 1, 6); text("game over", PANEL_X1 + 22, PANEL_Y1 + 12, 10); text(`kills: ${kills}`, PANEL_X1 + 26, PANEL_Y1 + 24, 7); rectfill(BUTTON_X1, BUTTON_Y1, BUTTON_X2, BUTTON_Y2, 3); rect(BUTTON_X1, BUTTON_Y1, BUTTON_X2, BUTTON_Y2, 11); text("exit game", PANEL_X1 + 23, PANEL_Y1 + 38, 7); } // Upgrade modal if (gameState === "upgrade") { rectfill(UPG_PANEL_X1, UPG_PANEL_Y1, UPG_PANEL_X2, UPG_PANEL_Y2, 0); rect(UPG_PANEL_X1, UPG_PANEL_Y1, UPG_PANEL_X2, UPG_PANEL_Y2, 7); rect(UPG_PANEL_X1 + 1, UPG_PANEL_Y1 + 1, UPG_PANEL_X2 - 1, UPG_PANEL_Y2 - 1, 6); text("choose upgrade", UPG_PANEL_X1 + 18, UPG_PANEL_Y1 + 12, 10); rectfill(OPT_X1, OPT1_Y1, OPT_X2, OPT1_Y2, 3); rect(OPT_X1, OPT1_Y1, OPT_X2, OPT1_Y2, 11); text(`Move+2 cur:${player.movementSpeed}`, OPT_X1 + 2, OPT1_Y1 + 2, 7); rectfill(OPT_X1, OPT2_Y1, OPT_X2, OPT2_Y2, 3); rect(OPT_X1, OPT2_Y1, OPT_X2, OPT2_Y2, 11); text(`Atk+2 cur:${player.attackSpeed}`, OPT_X1 + 2, OPT2_Y1 + 2, 7); rectfill(OPT_X1, OPT3_Y1, OPT_X2, OPT3_Y2, 3); rect(OPT_X1, OPT3_Y1, OPT_X2, OPT3_Y2, 11); text(`Dmg+2 cur:${player.weapon.damage}`, OPT_X1 + 2, OPT3_Y1 + 2, 7); } } // ── Start ───────────────────────────────────────────────────────────────── start({ sprites, sounds: {}, init, update, draw, }); }, );

Editando: dungeon survivors

Ediciones recientes

Plugins