engine.scope(({ start, cls, spr, text, caption, btn, btnp, fget, boxesCollide }) => { const gravity = 0.3; const maxFall = 4; const jumpPower = -5; const coyoteFrames = 5; const sprites = { player: [ [ -1, -1, 8, 8, 8, 8, -1, -1, -1, -1, 8, 8, 8, 8, 8, 8, -1, -1, 15, 15, 15, 1, -1, -1, -1, -1, 15, 15, 15, 15, 15, -1, -1, 2, 2, 2, 2, 2, -1, -1, -1, 15, 2, 2, 2, 2, 15, -1, -1, -1, 1, 1, 9, 1, -1, -1, -1, 4, 4, -1, -1, 4, 4, -1, ], [false, false, false, false, false, false, false, false], ], ground: [ [ 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 5, 4, 4, 4, 5, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 5, 4, 4, 4, 4, ], [true, false, false, false, false, false, false, false], ], platform: [ [ 6, 6, 6, 6, 6, 6, 6, 6, 13, 13, 13, 13, 13, 13, 13, 13, -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, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, true, false, false, false, false, false, false], ], enemy: [ [ -1, -1, 4, 4, 4, 4, -1, -1, -1, 4, 4, 4, 4, 4, 4, -1, -1, 4, 4, 4, 4, 4, 4, -1, 4, 0, 4, 4, 0, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 1, 1, 4, 2, 2, 4, 4, 1, 1, 1, -1, -1, -1, -1, 1, 1, ], [false, false, false, false, false, false, false, false], ], question: [ [ 9, 9, 9, 9, 9, 9, 9, 9, 9, 10, 10, 10, 10, 10, 10, 9, 9, 10, 7, 7, 7, 7, 10, 9, 9, 10, 7, 10, 10, 7, 10, 9, 9, 10, 7, 7, 7, 7, 10, 9, 9, 10, 10, 7, 7, 10, 10, 9, 9, 10, 10, 10, 10, 10, 10, 9, 9, 9, 9, 9, 9, 9, 9, 9, ], [true, false, false, false, false, false, false, false], ], 'question-empty': [ [ 9, 9, 9, 9, 9, 9, 9, 9, 9, 4, 4, 4, 4, 4, 4, 9, 9, 4, 5, 5, 5, 5, 4, 9, 9, 4, 5, 4, 4, 5, 4, 9, 9, 4, 5, 5, 5, 5, 4, 9, 9, 4, 4, 5, 5, 4, 4, 9, 9, 4, 4, 4, 4, 4, 4, 9, 9, 9, 9, 9, 9, 9, 9, 9, ], [true, false, false, false, false, false, false, false], ], }; const level = []; for (let r = 0; r < 16; r++) level[r] = new Array(16).fill(0); for (let c = 0; c < 16; c++) level[15][c] = 'ground'; for (let c = 0; c <= 6; c++) level[13][c] = 'ground'; for (let c = 9; c <= 15; c++) level[13][c] = 'ground'; for (let c = 3; c <= 5; c++) level[10][c] = 'ground'; for (let c = 10; c <= 12; c++) level[10][c] = 'platform'; level[9][7] = 'question'; let px = 8, py = 96, vx = 0, vy = 0, grounded = false, facing = 1, coyoteTimer = 0, dropTimer = 0, score = 0; const enemy = { x: 80, y: 96, alive: true }; function checkTileCollision(x, y, w, h, velY) { const corners = [ [Math.floor(x / 8), Math.floor(y / 8)], [Math.floor((x + w - 1) / 8), Math.floor(y / 8)], [Math.floor(x / 8), Math.floor((y + h - 1) / 8)], [Math.floor((x + w - 1) / 8), Math.floor((y + h - 1) / 8)], ]; for (const [tx, ty] of corners) { const tile = level[ty]?.[tx]; if (tile && fget(tile, 0)) return true; if (tile && fget(tile, 1) && dropTimer <= 0 && velY > 0) { const tileTop = ty * 8; if (y + h - 1 >= tileTop && y + h - 1 < tileTop + 2) return true; } } return false; } function moveX(dx) { px += dx; if (checkTileCollision(px, py, 8, 8, 0)) { px -= dx; vx = 0; } } function checkBlockHit() { const headX = Math.floor((px + 4) / 8); const headY = Math.floor((py - 1) / 8); const tile = level[headY]?.[headX]; if (tile === 'question') { level[headY][headX] = 'question-empty'; score++; } } function moveY(dy) { const step = dy > 0 ? 1 : -1; for (let i = 0; i < Math.abs(Math.round(dy)); i++) { py += step; if (checkTileCollision(px, py, 8, 8, dy)) { py -= step; if (dy > 0) grounded = true; if (dy < 0) checkBlockHit(); vy = 0; break; } } } function update() { if (btn('ArrowLeft')) { vx -= 0.3; facing = -1; } if (btn('ArrowRight')) { vx += 0.3; facing = 1; } if (!btn('ArrowLeft') && !btn('ArrowRight')) { vx *= 0.8; if (Math.abs(vx) < 0.1) vx = 0; } vx = Math.max(-1.5, Math.min(1.5, vx)); if (grounded) coyoteTimer = coyoteFrames; else coyoteTimer--; if (dropTimer > 0) dropTimer--; if (btn('ArrowDown') && btnp(' ')) { dropTimer = 8; } else if (btnp(' ') && coyoteTimer > 0) { vy = jumpPower; coyoteTimer = 0; grounded = false; } vy += gravity; if (vy > maxFall) vy = maxFall; moveX(vx); moveY(vy); grounded = checkTileCollision(px, py + 1, 8, 8, 1); if (enemy.alive) { if (boxesCollide([px, py, 8, 8], [enemy.x, enemy.y, 8, 8])) { if (vy > 0 && py + 8 < enemy.y + 4) { enemy.alive = false; vy = -3; score += 10; } else { px = 8; py = 96; vx = 0; vy = 0; } } } if (py > 128) { px = 8; py = 96; vx = 0; vy = 0; } } function draw() { cls(12); for (let r = 0; r < 16; r++) { for (let c = 0; c < 16; c++) { if (level[r][c]) spr(level[r][c], c * 8, r * 8); } } if (enemy.alive) spr('enemy', enemy.x, enemy.y); spr('player', px, py, 1, 1, facing === -1); caption('coins: ' + score, 4, 4, 7); } start({ sprites, sounds: {}, update, draw, target }); });

Editando: Platformer: Complete Example

Ediciones recientes

Plugins