engine.scope(({ start, cls, spr, btn, btnp, text, rectfill, rect, mset, mget, map, fget, camera, creset, rnd, randomIntegerBetween }) => { const sprites = { grass: [ [ 3, 3, 11, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 11, 3, 3, 3, 11, 3, 3, 3, 3, 3, 11, 3, 3, 3, 11, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 11, 3, 11, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 11, 3, 3, 3, 3, 3, 11, 3, 3, 3, 3, 11, ], [false, true, false, false, false, false, false, false], ], path: [ [ 4, 4, 4, 4, 4, 4, 4, 4, 4, 15, 4, 4, 4, 4, 15, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 15, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 15, 4, 4, 4, 15, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, ], [false, false, false, false, false, false, false, false], ], tree: [ [ -1, 3, 11, 3, 3, 11, 3, -1, 3, 11, 3, 11, 11, 3, 11, 3, 3, 3, 11, 3, 3, 11, 3, 3, -1, 3, 3, 11, 11, 3, 3, -1, -1, -1, -1, 4, 4, -1, -1, -1, -1, -1, -1, 4, 4, -1, -1, -1, -1, -1, -1, 4, 4, -1, -1, -1, -1, -1, -1, 4, 4, -1, -1, -1, ], [true, false, false, false, false, false, false, false], ], wall: [ [ 5, 5, 5, 6, 5, 5, 5, 6, 5, 5, 5, 6, 5, 5, 5, 6, 6, 6, 6, 6, 6, 6, 6, 6, 5, 6, 5, 5, 5, 6, 5, 5, 5, 6, 5, 5, 5, 6, 5, 5, 6, 6, 6, 6, 6, 6, 6, 6, 5, 5, 5, 6, 5, 5, 5, 6, 5, 5, 5, 6, 5, 5, 5, 6, ], [true, false, false, false, false, false, false, false], ], healer: [ [ -1, -1, 7, 7, 7, 7, -1, -1, -1, 7, 7, 7, 7, 7, 7, -1, -1, 15, 15, 15, 15, 15, 15, -1, -1, 15, 0, 15, 15, 0, 15, -1, -1, -1, 15, 15, 15, 15, -1, -1, -1, 7, 8, 7, 7, 8, 7, -1, -1, -1, 7, -1, -1, 7, -1, -1, -1, -1, 7, -1, -1, 7, -1, -1, ], [true, false, false, false, false, false, false, false], ], playerDown: [ [ -1, -1, 8, 8, 8, 8, -1, -1, -1, 8, 8, 8, 8, 8, 8, -1, -1, 15, 15, 15, 15, 15, 15, -1, -1, 15, 1, 15, 15, 1, 15, -1, -1, -1, 1, 1, 1, 1, -1, -1, -1, 1, 1, 1, 1, 1, 1, -1, -1, -1, 1, -1, -1, 1, -1, -1, -1, -1, 4, -1, -1, 4, -1, -1, ], [false, false, false, false, false, false, false, false], ], playerUp: [ [ -1, -1, 8, 8, 8, 8, -1, -1, -1, 8, 8, 8, 8, 8, 8, -1, -1, 8, 8, 8, 8, 8, 8, -1, -1, 8, 8, 8, 8, 8, 8, -1, -1, -1, 1, 1, 1, 1, -1, -1, -1, 1, 1, 1, 1, 1, 1, -1, -1, -1, 1, -1, -1, 1, -1, -1, -1, -1, 4, -1, -1, 4, -1, -1, ], [false, false, false, false, false, false, false, false], ], playerLeft: [ [ -1, -1, 8, 8, 8, -1, -1, -1, -1, 8, 8, 8, 8, 8, -1, -1, -1, 15, 15, 15, 15, -1, -1, -1, 1, 15, 15, 15, -1, -1, -1, -1, -1, -1, 1, 1, 1, -1, -1, -1, -1, 1, 1, 1, 1, -1, -1, -1, -1, -1, 1, -1, 1, -1, -1, -1, -1, -1, 4, -1, 4, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], playerRight: [ [ -1, -1, -1, 8, 8, 8, -1, -1, -1, -1, 8, 8, 8, 8, 8, -1, -1, -1, -1, 15, 15, 15, 15, -1, -1, -1, -1, -1, 15, 15, 15, 1, -1, -1, -1, 1, 1, 1, -1, -1, -1, -1, 1, 1, 1, 1, -1, -1, -1, -1, 1, -1, 1, -1, -1, -1, -1, -1, 4, -1, 4, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], flamepup: [ [ -1, -1, 8, 8, 8, 8, -1, -1, -1, 8, 9, 8, 8, 9, 8, -1, -1, 8, 8, 8, 8, 8, 8, -1, 8, 0, 8, 8, 8, 0, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 9, 9, 9, 9, 8, 8, -1, 8, 8, 8, 8, 8, 8, -1, -1, -1, 9, 9, 9, 9, -1, -1, ], [false, false, false, false, false, false, false, false], ], shellbit: [ [ -1, -1, 12, 12, 12, 12, -1, -1, -1, 12, 6, 12, 12, 6, 12, -1, 12, 12, 12, 12, 12, 12, 12, 12, 12, 0, 12, 12, 12, 0, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 6, 6, 12, 12, 12, 12, 6, 6, -1, 6, 6, 12, 12, 6, 6, -1, -1, -1, 6, 6, 6, 6, -1, -1, ], [false, false, false, false, false, false, false, false], ], zapfin: [ [ -1, 10, -1, -1, -1, -1, 10, -1, -1, 10, 10, 10, 10, 10, 10, -1, 10, 7, 10, 10, 10, 10, 7, 10, 10, 0, 10, 10, 10, 0, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, -1, 10, 7, 7, 7, 7, 10, -1, -1, -1, 10, 10, 10, 10, -1, -1, -1, 10, -1, -1, -1, -1, 10, -1, ], [false, false, false, false, false, false, false, false], ], mossgrowl: [ [ -1, 3, 3, 3, 3, 3, 3, -1, 3, 11, 3, 3, 3, 3, 11, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 0, 3, 11, 11, 0, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 11, 11, 11, 11, 3, 3, -1, 3, 3, 3, 3, 3, 3, -1, -1, -1, 11, -1, -1, 11, -1, -1, ], [false, false, false, false, false, false, false, false], ], shadowclaw: [ [ 2, -1, -1, 2, 2, -1, -1, 2, -1, 2, 2, 2, 2, 2, 2, -1, -1, 2, 13, 2, 2, 13, 2, -1, -1, 2, 0, 2, 2, 0, 2, -1, -1, 2, 2, 2, 2, 2, 2, -1, -1, 2, 13, 13, 13, 13, 2, -1, -1, -1, 2, 2, 2, 2, -1, -1, 2, -1, -1, -1, -1, -1, -1, 2, ], [false, false, false, false, false, false, false, false], ], }; const MAP_W = 24, MAP_H = 24; const CANVAS = 128; const SPAWN_X = 11, SPAWN_Y = 12; const HP_BAR_W = 40; const PARTY_MAX = 3; const HEALER_X = 12, HEALER_Y = 11; let tileX = SPAWN_X, tileY = SPAWN_Y; let px, py; let camX = 0, camY = 0; let moving = false; let facing = 'down'; let lastAxis = 'h'; const speed = 2; const facingSprite = { down: 'playerDown', up: 'playerUp', left: 'playerLeft', right: 'playerRight', }; let party = [ { name: 'Flamepup', sprite: 'flamepup', hp: 25, maxHp: 25, attack: 8, defense: 4 }, ]; let potions = 3; let mode = 'overworld'; let battleState = 'menu'; let wildMonster = null; let menuCol = 0, menuRow = 0; let partyCursor = 0; let messageText = ''; let messageTimer = 0; let nextBattleState = ''; let transitionTimer = 0; let flashTarget = ''; let flashTimer = 0; const northPool = [ { name: 'Zapfin', sprite: 'zapfin', maxHp: 22, attack: 7, defense: 5 }, { name: 'Mossgrowl', sprite: 'mossgrowl', maxHp: 30, attack: 5, defense: 4 }, ]; const southPool = [ { name: 'Shellbit', sprite: 'shellbit', maxHp: 25, attack: 5, defense: 7 }, { name: 'Shadowclaw', sprite: 'shadowclaw', maxHp: 16, attack: 10, defense: 3 }, ]; // 2x2 grid: [FIGHT, CATCH] [HEAL, RUN] const menuGrid = [['FIGHT', 'CATCH'], ['HEAL', 'RUN']]; function buildWorld() { for (let y = 0; y < MAP_H; y++) { for (let x = 0; x < MAP_W; x++) mset(x, y, 'grass'); } for (let x = 0; x < MAP_W; x++) { mset(x, 0, 'tree'); mset(x, MAP_H - 1, 'tree'); } for (let y = 0; y < MAP_H; y++) { mset(0, y, 'tree'); mset(MAP_W - 1, y, 'tree'); } for (let y = 8; y <= 15; y++) { for (let x = 8; x <= 15; x++) mset(x, y, 'path'); } for (let y = 9; y <= 10; y++) { for (let x = 9; x <= 11; x++) mset(x, y, 'wall'); } for (let y = 9; y <= 10; y++) { for (let x = 13; x <= 15; x++) mset(x, y, 'wall'); } for (let y = 13; y <= 14; y++) { for (let x = 10; x <= 13; x++) mset(x, y, 'wall'); } for (let y = 1; y <= 7; y++) { mset(11, y, 'path'); mset(12, y, 'path'); } for (let y = 16; y <= 22; y++) { mset(11, y, 'path'); mset(12, y, 'path'); } for (let x = 1; x <= 7; x++) { mset(x, 11, 'path'); mset(x, 12, 'path'); } for (let x = 16; x <= 22; x++) { mset(x, 11, 'path'); mset(x, 12, 'path'); } mset(3, 3, 'tree'); mset(5, 5, 'tree'); mset(7, 3, 'tree'); mset(4, 6, 'tree'); mset(18, 3, 'tree'); mset(20, 5, 'tree'); mset(17, 6, 'tree'); mset(21, 2, 'tree'); mset(3, 18, 'tree'); mset(6, 20, 'tree'); mset(4, 21, 'tree'); mset(19, 18, 'tree'); mset(21, 20, 'tree'); mset(17, 21, 'tree'); mset(HEALER_X, HEALER_Y, 'healer'); } function isSolid(x, y) { const tile = mget(x, y); return tile && fget(tile, 0); } function isEncounterZone(x, y) { const tile = mget(x, y); return tile && fget(tile, 1); } function calcDamage(atk, def) { return Math.max(1, atk - def + randomIntegerBetween(-2, 2)); } function hpBarColor(hp, maxHp) { const pct = hp / maxHp; if (pct > 0.5) return 11; if (pct > 0.25) return 10; return 8; } function drawHpBar(x, y, hp, maxHp) { const fillW = Math.floor((hp / maxHp) * HP_BAR_W); rectfill(x, y, x + HP_BAR_W, y + 3, 5); if (fillW > 0) rectfill(x, y, x + fillW, y + 3, hpBarColor(hp, maxHp)); } function drawMiniHpBar(x, y, hp, maxHp) { const w = 24; const fillW = Math.floor((hp / maxHp) * w); rectfill(x, y, x + w, y + 2, 5); if (fillW > 0) rectfill(x, y, x + fillW, y + 2, hpBarColor(hp, maxHp)); } function lead() { return party[0]; } function getEncounterPool() { if (tileY < 8) return northPool; if (tileY > 15) return southPool; return rnd(1) < 0.5 ? northPool : southPool; } function startEncounter() { const pool = getEncounterPool(); const template = pool[Math.floor(rnd(pool.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 isAdjacentToHealer() { const dx = Math.abs(tileX - HEALER_X); const dy = Math.abs(tileY - HEALER_Y); return (dx + dy) === 1; } function selectedMenuOption() { return menuGrid[menuRow][menuCol]; } function init() { buildWorld(); px = tileX * 8; py = tileY * 8; } function updateOverworld() { if (btnp('z') || btnp(' ')) { if (isAdjacentToHealer()) { for (const m of party) m.hp = m.maxHp; potions = 3; mode = 'healMessage'; messageText = 'Monsters healed!'; messageTimer = 60; return; } } if (btnp('x') || btnp('Escape')) { mode = 'partyMenu'; partyCursor = 0; return; } 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 + speed, tx); else if (px > tx) px = Math.max(px - speed, tx); if (py < ty) py = Math.min(py + speed, ty); else if (py > ty) py = Math.max(py - 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(MAP_W * 8 - CANVAS, px - 60)); camY = Math.max(0, Math.min(MAP_H * 8 - CANVAS, py - 60)); } function updatePartyMenu() { if (btnp('x') || btnp('Escape')) { mode = 'overworld'; return; } if (btnp('ArrowUp') || btnp('w')) partyCursor = (partyCursor + party.length - 1) % party.length; if (btnp('ArrowDown') || btnp('s')) partyCursor = (partyCursor + 1) % party.length; if ((btnp('z') || btnp(' ')) && partyCursor !== 0) { const temp = party[0]; party[0] = party[partyCursor]; party[partyCursor] = temp; partyCursor = 0; } } 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') { for (const m of party) m.hp = m.maxHp; potions = 3; tileX = SPAWN_X; tileY = SPAWN_Y; px = tileX * 8; py = tileY * 8; endBattle(); } else if (nextBattleState === 'enemyTurn') { const dmg = calcDamage(wildMonster.attack, lead().defense); lead().hp = Math.max(0, lead().hp - dmg); startFlash('player'); showMessage(wildMonster.name + ' deals ' + dmg + '!', 40); nextBattleState = lead().hp <= 0 ? 'endLose' : 'backToMenu'; } else if (nextBattleState === 'backToMenu') { battleState = 'menu'; } else if (nextBattleState === 'runFail') { const dmg = calcDamage(wildMonster.attack, lead().defense); lead().hp = Math.max(0, lead().hp - dmg); startFlash('player'); showMessage(wildMonster.name + ' deals ' + dmg + '!', 40); nextBattleState = lead().hp <= 0 ? 'endLose' : 'backToMenu'; } else if (nextBattleState === 'catchSuccess') { if (party.length < PARTY_MAX) { party.push({ ...wildMonster, hp: wildMonster.maxHp }); } endBattle(); } else if (nextBattleState === 'catchFail') { const dmg = calcDamage(wildMonster.attack, lead().defense); lead().hp = Math.max(0, lead().hp - dmg); startFlash('player'); showMessage(wildMonster.name + ' deals ' + dmg + '!', 40); nextBattleState = lead().hp <= 0 ? 'endLose' : 'backToMenu'; } } return; } if (battleState === 'menu') { if (btnp('ArrowUp') || btnp('w')) menuRow = (menuRow + 1) % 2; if (btnp('ArrowDown') || btnp('s')) menuRow = (menuRow + 1) % 2; if (btnp('ArrowLeft') || btnp('a')) menuCol = (menuCol + 1) % 2; if (btnp('ArrowRight') || btnp('d')) menuCol = (menuCol + 1) % 2; if (btnp('z') || btnp(' ')) { const choice = selectedMenuOption(); if (choice === 'FIGHT') { const dmg = calcDamage(lead().attack, 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 (choice === 'CATCH') { if (party.length >= PARTY_MAX) { showMessage('Party is full!', 40); nextBattleState = 'backToMenu'; } else { const chance = 0.3 + 0.5 * (1 - wildMonster.hp / wildMonster.maxHp); if (rnd(1) < chance) { showMessage('Got ' + wildMonster.name + '!', 60); nextBattleState = 'catchSuccess'; } else { showMessage('It broke free!', 40); nextBattleState = 'catchFail'; } } } else if (choice === 'HEAL') { if (potions <= 0) { showMessage('No potions left!', 40); nextBattleState = 'backToMenu'; } else { potions--; const healed = Math.min(10, lead().maxHp - lead().hp); lead().hp += healed; showMessage('Healed ' + healed + ' HP!', 40); nextBattleState = 'enemyTurn'; } } else if (choice === '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'; menuRow = 0; menuCol = 0; messageText = ''; messageTimer = 0; flashTimer = 0; } return; } if (mode === 'healMessage') { messageTimer--; if (messageTimer <= 0) mode = 'overworld'; return; } if (mode === 'overworld') updateOverworld(); else if (mode === 'battle') updateBattle(); else if (mode === 'partyMenu') updatePartyMenu(); } 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(lead().sprite, 28, 44); text(lead().name, 72, 40, 7); drawHpBar(72, 50, lead().hp, lead().maxHp); if (battleState === 'message') { text(messageText, 4, 90, 10); } else if (battleState === 'menu') { for (let r = 0; r < 2; r++) { for (let c = 0; c < 2; c++) { const x = c === 0 ? 20 : 84; const y = 90 + r * 12; text(menuGrid[r][c], x, y, 7); if (r === menuRow && c === menuCol) text('>', x - 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); creset(); text('Party:' + party.length + '/' + PARTY_MAX, 2, 2, 7); text('Potions:' + potions, 2, 12, 7); if (mode === 'healMessage') { rectfill(14, 50, 114, 70, 0); rect(14, 50, 114, 70, 7); text(messageText, 20, 56, 11); } } function drawPartyMenu() { cls(0); text('PARTY', 48, 4, 7); for (let i = 0; i < party.length; i++) { const y = 20 + i * 30; const m = party[i]; if (i === partyCursor) text('>', 4, y + 4, 10); spr(m.sprite, 14, y); text(m.name, 28, y, 7); drawMiniHpBar(28, y + 10, m.hp, m.maxHp); text(m.hp + '/' + m.maxHp, 28, y + 16, 6); if (i === 0) text('[LEAD]', 80, y, 10); } text('Z=swap X=close', 12, 118, 6); } function draw() { if (mode === 'transition') { cls(transitionTimer % 2 === 0 ? 0 : 7); return; } if (mode === 'battle') drawBattle(); else if (mode === 'partyMenu') drawPartyMenu(); else drawOverworld(); } start({ sprites, sounds: {}, init, update, draw, target }); });

Editing: JRPG: Complete Example

Recent Edits

Plugins