engine.scope(({ start, cls, spr, btn, btnp, text, map, camera, creset, rnd, base }) => { const { Constants, Sprites, Sounds, FacingSprite, buildWorld, isSolid, isEncounterZone, calcDamage, drawHpBar } = base(); const sprites = { grass: Sprites.Grass, path: Sprites.Path, tree: Sprites.Tree, wall: Sprites.Wall, playerDown: Sprites.PlayerDown, playerUp: Sprites.PlayerUp, playerLeft: Sprites.PlayerLeft, playerRight: Sprites.PlayerRight, flamepup: Sprites.Flamepup, }; let tileX = Constants.SpawnX, tileY = Constants.SpawnY; let px, py; let camX = 0, camY = 0; let moving = false; let facing = 'down'; let lastAxis = 'h'; let mode = 'overworld'; let battleState = 'menu'; let wildMonster = null; let playerHp = 30; const playerMaxHp = 30; const playerAtk = 8; const playerDef = 5; let menuCursor = 0; let messageText = ''; let messageTimer = 0; let nextBattleState = ''; let transitionTimer = 0; let flashTarget = ''; let flashTimer = 0; const monsterPool = [ { name: 'Flamepup', sprite: 'flamepup', maxHp: 20, attack: 8, defense: 3 }, ]; const menuOptions = ['FIGHT', 'RUN']; function startEncounter() { const template = monsterPool[Math.floor(rnd(monsterPool.length))]; wildMonster = { ...template, hp: template.maxHp }; mode = 'transition'; transitionTimer = 12; } function endBattle() { mode = 'overworld'; wildMonster = null; } function showMessage(msg, frames) { messageText = msg; messageTimer = frames; battleState = 'message'; } function startFlash(target) { flashTarget = target; flashTimer = 12; } function init() { buildWorld(); px = tileX * 8; py = tileY * 8; } function updateOverworld() { let dx = 0, dy = 0; if (btn('ArrowLeft') || btn('a')) dx = -1; else if (btn('ArrowRight') || btn('d')) dx = 1; if (btn('ArrowUp') || btn('w')) dy = -1; else if (btn('ArrowDown') || btn('s')) dy = 1; if (dx !== 0 && dy === 0) lastAxis = 'h'; if (dy !== 0 && dx === 0) lastAxis = 'v'; if (dx !== 0 && dy !== 0) { if (lastAxis === 'h') dx = 0; else dy = 0; } if (dx === -1) facing = 'left'; else if (dx === 1) facing = 'right'; else if (dy === -1) facing = 'up'; else if (dy === 1) facing = 'down'; if (!moving && (dx !== 0 || dy !== 0)) { const nx = tileX + dx; const ny = tileY + dy; if (!isSolid(nx, ny)) { tileX = nx; tileY = ny; moving = true; } } if (moving) { const tx = tileX * 8; const ty = tileY * 8; if (px < tx) px = Math.min(px + Constants.Speed, tx); else if (px > tx) px = Math.max(px - Constants.Speed, tx); if (py < ty) py = Math.min(py + Constants.Speed, ty); else if (py > ty) py = Math.max(py - Constants.Speed, ty); if (px === tx && py === ty) { moving = false; if (isEncounterZone(tileX, tileY) && rnd(1) < 0.15) { startEncounter(); return; } } } camX = Math.max(0, Math.min(Constants.MapW * 8 - Constants.Canvas, px - 60)); camY = Math.max(0, Math.min(Constants.MapH * 8 - Constants.Canvas, py - 60)); } function updateBattle() { if (flashTimer > 0) flashTimer--; if (battleState === 'message') { messageTimer--; if (messageTimer <= 0) { if (nextBattleState === 'endWin') { showMessage(wildMonster.name + ' defeated!', 60); nextBattleState = 'endReturn'; } else if (nextBattleState === 'endReturn') { endBattle(); } else if (nextBattleState === 'endLose') { showMessage('You blacked out!', 60); nextBattleState = 'endReset'; } else if (nextBattleState === 'endReset') { playerHp = playerMaxHp; tileX = Constants.SpawnX; tileY = Constants.SpawnY; px = tileX * 8; py = tileY * 8; endBattle(); } else if (nextBattleState === 'enemyTurn') { const dmg = calcDamage(wildMonster.attack, playerDef); playerHp = Math.max(0, playerHp - dmg); startFlash('player'); showMessage(wildMonster.name + ' deals ' + dmg + '!', 40); nextBattleState = playerHp <= 0 ? 'endLose' : 'backToMenu'; } else if (nextBattleState === 'backToMenu') { battleState = 'menu'; } else if (nextBattleState === 'runFail') { const dmg = calcDamage(wildMonster.attack, playerDef); playerHp = Math.max(0, playerHp - dmg); startFlash('player'); showMessage(wildMonster.name + ' deals ' + dmg + '!', 40); nextBattleState = playerHp <= 0 ? 'endLose' : 'backToMenu'; } } return; } if (battleState === 'menu') { if (btnp('ArrowUp') || btnp('w')) menuCursor = (menuCursor + menuOptions.length - 1) % menuOptions.length; if (btnp('ArrowDown') || btnp('s')) menuCursor = (menuCursor + 1) % menuOptions.length; if (btnp('z') || btnp(' ')) { if (menuOptions[menuCursor] === 'FIGHT') { const dmg = calcDamage(playerAtk, wildMonster.defense); wildMonster.hp = Math.max(0, wildMonster.hp - dmg); startFlash('enemy'); showMessage('You deal ' + dmg + ' damage!', 40); nextBattleState = wildMonster.hp <= 0 ? 'endWin' : 'enemyTurn'; } else if (menuOptions[menuCursor] === 'RUN') { if (rnd(1) < 0.6) { showMessage('Got away safely!', 40); nextBattleState = 'endReturn'; } else { showMessage("Can't escape!", 40); nextBattleState = 'runFail'; } } } } } function update() { if (mode === 'transition') { transitionTimer--; if (transitionTimer <= 0) { mode = 'battle'; battleState = 'menu'; menuCursor = 0; messageText = ''; messageTimer = 0; flashTimer = 0; } return; } if (mode === 'overworld') updateOverworld(); else if (mode === 'battle') updateBattle(); } function drawBattle() { creset(); cls(0); if (!wildMonster) return; const enemyVisible = !(flashTarget === 'enemy' && flashTimer > 0 && Math.floor(flashTimer / 2) % 2 === 0); if (enemyVisible) spr(wildMonster.sprite, 92, 8); text(wildMonster.name, 4, 4, 7); drawHpBar(4, 14, wildMonster.hp, wildMonster.maxHp); const playerVisible = !(flashTarget === 'player' && flashTimer > 0 && Math.floor(flashTimer / 2) % 2 === 0); if (playerVisible) spr('playerDown', 28, 44); text('You', 72, 40, 7); drawHpBar(72, 50, playerHp, playerMaxHp); if (battleState === 'message') { text(messageText, 4, 90, 10); } else if (battleState === 'menu') { for (let i = 0; i < menuOptions.length; i++) { const y = 90 + i * 14; text(menuOptions[i], 20, y, 7); if (i === menuCursor) text('>', 10, y, 10); } } } function drawOverworld() { cls(0); camera(camX, camY); const cx = Math.floor(camX / 8); const cy = Math.floor(camY / 8); map(0, cx, cy, 17, 17, cx * 8, cy * 8); spr(FacingSprite[facing], px, py); } function draw() { if (mode === 'transition') { cls(transitionTimer % 2 === 0 ? 0 : 7); return; } if (mode === 'battle') drawBattle(); else drawOverworld(); } start({ sprites, sounds: Sounds, init, update, draw, target }); });

Editando: JRPG: Battle UI

Ediciones recientes

Plugins