engine.scope( ({ start, cls, spr, text, textSize, btn, btnp, rectfill, rect, line, sfx, boxesCollide, mouse, click, rnd, randomIntegerBetween, randomFloatBetween, camera, creset, fps, cursor, }) => { // prettier-ignore const sprites = { // Bird 1 (yellow) - wings up 'bird1-0-tl': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 10, 10, 10, -1, -1, -1, -1, 10, 10, 10, 10, 10, -1, -1, 10, 10, 10, 10, 10, 10, -1, 10, 10, 10, 10, 10, 10, 10, -1, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, ], [false, false, false, false, false, false, false, false], ], 'bird1-0-tr': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 10, 10, -1, -1, -1, -1, -1, -1, 10, 10, 10, -1, -1, -1, -1, -1, 10, 7, 7, 0, -1, -1, -1, -1, 10, 10, 0, 0, -1, -1, -1, -1, 10, 10, 9, 9, 9, -1, -1, -1, 10, 10, 10, 9, 9, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'bird1-0-bl': [ [ 10, 10, 10, 10, 10, 10, 10, 10, -1, 10, 10, 10, 10, 10, 10, 10, -1, 10, 10, 10, 10, 10, 10, 10, -1, -1, 10, 10, 10, 10, 10, 10, -1, -1, -1, 10, 10, 10, 10, 10, -1, -1, -1, -1, 10, 10, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'bird1-0-br': [ [ 10, 10, 10, -1, -1, -1, -1, -1, 10, 10, -1, -1, -1, -1, -1, -1, 10, 10, -1, -1, -1, -1, -1, -1, 10, -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, false, false, false, false, false, false, false], ], // Bird 1 (yellow) - wings mid 'bird1-1-tl': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 10, 10, 10, -1, -1, -1, -1, 10, 10, 10, 10, 10, -1, -1, 10, 10, 10, 10, 10, 10, -1, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, -1, 10, 10, 10, 10, 10, 10, 10, ], [false, false, false, false, false, false, false, false], ], 'bird1-1-tr': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 10, 10, -1, -1, -1, -1, -1, -1, 10, 10, 10, -1, -1, -1, -1, -1, 10, 7, 7, 0, -1, -1, -1, -1, 10, 10, 0, 0, -1, -1, -1, -1, 10, 10, 9, 9, 9, -1, -1, -1, 10, 10, 10, 9, 9, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'bird1-1-bl': [ [ -1, -1, 10, 10, 10, 10, 10, 10, -1, -1, -1, 10, 10, 10, 10, 10, -1, -1, -1, -1, 10, 10, 10, 10, -1, -1, -1, -1, -1, 10, 10, -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, false, false, false, false, false, false, false], ], 'bird1-1-br': [ [ 10, 10, 10, -1, -1, -1, -1, -1, 10, 10, -1, -1, -1, -1, -1, -1, 10, -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, false, false, false, false, false, false, false], ], // Bird 1 (yellow) - wings down 'bird1-2-tl': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 10, 10, 10, -1, -1, -1, 10, 10, 10, 10, 10, -1, -1, 10, 10, 10, 10, 10, 10, -1, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, ], [false, false, false, false, false, false, false, false], ], 'bird1-2-tr': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 10, 10, -1, -1, -1, -1, -1, -1, 10, 10, 10, -1, -1, -1, -1, -1, 10, 7, 7, 0, -1, -1, -1, -1, 10, 10, 0, 0, -1, -1, -1, -1, 10, 10, 9, 9, 9, -1, -1, -1, 10, 10, 10, 9, 9, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'bird1-2-bl': [ [ 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, -1, -1, -1, 10, 10, 10, 10, 10, -1, -1, -1, -1, 10, 10, 10, 10, -1, -1, -1, -1, -1, 10, 10, -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, false, false, false, false, false, false, false], ], 'bird1-2-br': [ [ 10, 10, 10, -1, -1, -1, -1, -1, 10, 10, -1, -1, -1, -1, -1, -1, 10, -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, false, false, false, false, false, false, false], ], // Bird 2 (blue) - wings up 'bird2-0-tl': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 12, 12, 12, -1, -1, -1, -1, 12, 12, 12, 12, 12, -1, -1, 12, 12, 12, 12, 12, 12, -1, 12, 12, 12, 12, 12, 12, 12, -1, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, ], [false, false, false, false, false, false, false, false], ], 'bird2-0-tr': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, -1, 12, 12, 12, -1, -1, -1, -1, -1, 12, 7, 7, 0, -1, -1, -1, -1, 12, 12, 0, 0, -1, -1, -1, -1, 12, 12, 9, 9, 9, -1, -1, -1, 12, 12, 12, 9, 9, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'bird2-0-bl': [ [ 12, 12, 12, 12, 12, 12, 12, 12, -1, 12, 12, 12, 12, 12, 12, 12, -1, 12, 12, 12, 12, 12, 12, 12, -1, -1, 12, 12, 12, 12, 12, 12, -1, -1, -1, 12, 12, 12, 12, 12, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'bird2-0-br': [ [ 12, 12, 12, -1, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, -1, 12, -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, false, false, false, false, false, false, false], ], // Bird 2 (blue) - wings mid 'bird2-1-tl': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 12, 12, 12, -1, -1, -1, -1, 12, 12, 12, 12, 12, -1, -1, 12, 12, 12, 12, 12, 12, -1, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, -1, 12, 12, 12, 12, 12, 12, 12, ], [false, false, false, false, false, false, false, false], ], 'bird2-1-tr': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, -1, 12, 12, 12, -1, -1, -1, -1, -1, 12, 7, 7, 0, -1, -1, -1, -1, 12, 12, 0, 0, -1, -1, -1, -1, 12, 12, 9, 9, 9, -1, -1, -1, 12, 12, 12, 9, 9, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'bird2-1-bl': [ [ -1, -1, 12, 12, 12, 12, 12, 12, -1, -1, -1, 12, 12, 12, 12, 12, -1, -1, -1, -1, 12, 12, 12, 12, -1, -1, -1, -1, -1, 12, 12, -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, false, false, false, false, false, false, false], ], 'bird2-1-br': [ [ 12, 12, 12, -1, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, -1, 12, -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, false, false, false, false, false, false, false], ], // Bird 2 (blue) - wings down 'bird2-2-tl': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 12, 12, 12, -1, -1, -1, -1, 12, 12, 12, 12, 12, -1, -1, 12, 12, 12, 12, 12, 12, -1, -1, 12, 12, 12, 12, 12, 12, -1, -1, -1, 12, 12, 12, 12, 12, -1, -1, -1, 12, 12, 12, 12, 12, -1, 12, 12, 12, 12, 12, 12, 12, ], [false, false, false, false, false, false, false, false], ], 'bird2-2-tr': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, -1, 12, 12, 12, -1, -1, -1, -1, -1, 12, 7, 7, 0, -1, -1, -1, -1, 12, 12, 0, 0, -1, -1, -1, -1, 12, 12, 9, 9, 9, -1, -1, -1, 12, 12, 12, 9, 9, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'bird2-2-bl': [ [ 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, -1, -1, -1, 12, 12, 12, 12, 12, -1, -1, -1, -1, 12, 12, 12, 12, -1, -1, -1, -1, -1, 12, 12, -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, false, false, false, false, false, false, false], ], 'bird2-2-br': [ [ 12, 12, 12, -1, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, -1, 12, -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, false, false, false, false, false, false, false], ], // Bird 3 (red) - wings up 'bird3-0-tl': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 8, 8, 8, -1, -1, -1, -1, 8, 8, 8, 8, 8, -1, -1, 8, 8, 8, 8, 8, 8, -1, 8, 8, 8, 8, 8, 8, 8, -1, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, ], [false, false, false, false, false, false, false, false], ], 'bird3-0-tr': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 8, 8, -1, -1, -1, -1, -1, -1, 8, 8, 8, -1, -1, -1, -1, -1, 8, 7, 7, 0, -1, -1, -1, -1, 8, 8, 0, 0, -1, -1, -1, -1, 8, 8, 14, 14, 14, -1, -1, -1, 8, 8, 8, 14, 14, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'bird3-0-bl': [ [ 8, 8, 8, 8, 8, 8, 8, 8, -1, 8, 8, 8, 8, 8, 8, 8, -1, 8, 8, 8, 8, 8, 8, 8, -1, -1, 8, 8, 8, 8, 8, 8, -1, -1, -1, 8, 8, 8, 8, 8, -1, -1, -1, -1, 8, 8, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'bird3-0-br': [ [ 8, 8, 8, -1, -1, -1, -1, -1, 8, 8, -1, -1, -1, -1, -1, -1, 8, 8, -1, -1, -1, -1, -1, -1, 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, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], // Bird 3 (red) - wings mid 'bird3-1-tl': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 8, 8, 8, -1, -1, -1, -1, 8, 8, 8, 8, 8, -1, -1, 8, 8, 8, 8, 8, 8, -1, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, -1, 8, 8, 8, 8, 8, 8, 8, ], [false, false, false, false, false, false, false, false], ], 'bird3-1-tr': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 8, 8, -1, -1, -1, -1, -1, -1, 8, 8, 8, -1, -1, -1, -1, -1, 8, 7, 7, 0, -1, -1, -1, -1, 8, 8, 0, 0, -1, -1, -1, -1, 8, 8, 14, 14, 14, -1, -1, -1, 8, 8, 8, 14, 14, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'bird3-1-bl': [ [ -1, -1, 8, 8, 8, 8, 8, 8, -1, -1, -1, 8, 8, 8, 8, 8, -1, -1, -1, -1, 8, 8, 8, 8, -1, -1, -1, -1, -1, 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, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'bird3-1-br': [ [ 8, 8, 8, -1, -1, -1, -1, -1, 8, 8, -1, -1, -1, -1, -1, -1, 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, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], // Bird 3 (red) - wings down 'bird3-2-tl': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 8, 8, 8, -1, -1, -1, -1, 8, 8, 8, 8, 8, -1, -1, 8, 8, 8, 8, 8, 8, -1, -1, 8, 8, 8, 8, 8, 8, -1, -1, -1, 8, 8, 8, 8, 8, -1, -1, -1, 8, 8, 8, 8, 8, -1, 8, 8, 8, 8, 8, 8, 8, ], [false, false, false, false, false, false, false, false], ], 'bird3-2-tr': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 8, 8, -1, -1, -1, -1, -1, -1, 8, 8, 8, -1, -1, -1, -1, -1, 8, 7, 7, 0, -1, -1, -1, -1, 8, 8, 0, 0, -1, -1, -1, -1, 8, 8, 14, 14, 14, -1, -1, -1, 8, 8, 8, 14, 14, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'bird3-2-bl': [ [ 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, -1, -1, -1, 8, 8, 8, 8, 8, -1, -1, -1, -1, 8, 8, 8, 8, -1, -1, -1, -1, -1, 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, ], [false, false, false, false, false, false, false, false], ], 'bird3-2-br': [ [ 8, 8, 8, -1, -1, -1, -1, -1, 8, 8, -1, -1, -1, -1, -1, -1, 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, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], // Bird 4 (green) - wings up 'bird4-0-tl': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 11, 11, 11, -1, -1, -1, -1, 11, 11, 11, 11, 11, -1, -1, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, ], [false, false, false, false, false, false, false, false], ], 'bird4-0-tr': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 11, 11, -1, -1, -1, -1, -1, -1, 11, 11, 11, -1, -1, -1, -1, -1, 11, 7, 7, 0, -1, -1, -1, -1, 11, 11, 0, 0, -1, -1, -1, -1, 11, 11, 3, 3, 3, -1, -1, -1, 11, 11, 11, 3, 3, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'bird4-0-bl': [ [ 11, 11, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, 11, -1, -1, 11, 11, 11, 11, 11, 11, -1, -1, -1, 11, 11, 11, 11, 11, -1, -1, -1, -1, 11, 11, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'bird4-0-br': [ [ 11, 11, 11, -1, -1, -1, -1, -1, 11, 11, -1, -1, -1, -1, -1, -1, 11, 11, -1, -1, -1, -1, -1, -1, 11, -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, false, false, false, false, false, false, false], ], // Bird 4 (green) - wings mid 'bird4-1-tl': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 11, 11, 11, -1, -1, -1, -1, 11, 11, 11, 11, 11, -1, -1, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, 11, ], [false, false, false, false, false, false, false, false], ], 'bird4-1-tr': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 11, 11, -1, -1, -1, -1, -1, -1, 11, 11, 11, -1, -1, -1, -1, -1, 11, 7, 7, 0, -1, -1, -1, -1, 11, 11, 0, 0, -1, -1, -1, -1, 11, 11, 3, 3, 3, -1, -1, -1, 11, 11, 11, 3, 3, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'bird4-1-bl': [ [ -1, -1, 11, 11, 11, 11, 11, 11, -1, -1, -1, 11, 11, 11, 11, 11, -1, -1, -1, -1, 11, 11, 11, 11, -1, -1, -1, -1, -1, 11, 11, -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, false, false, false, false, false, false, false], ], 'bird4-1-br': [ [ 11, 11, 11, -1, -1, -1, -1, -1, 11, 11, -1, -1, -1, -1, -1, -1, 11, -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, false, false, false, false, false, false, false], ], // Bird 4 (green) - wings down 'bird4-2-tl': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 11, 11, 11, -1, -1, -1, -1, 11, 11, 11, 11, 11, -1, -1, 11, 11, 11, 11, 11, 11, -1, -1, 11, 11, 11, 11, 11, 11, -1, -1, -1, 11, 11, 11, 11, 11, -1, -1, -1, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, 11, ], [false, false, false, false, false, false, false, false], ], 'bird4-2-tr': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 11, 11, -1, -1, -1, -1, -1, -1, 11, 11, 11, -1, -1, -1, -1, -1, 11, 7, 7, 0, -1, -1, -1, -1, 11, 11, 0, 0, -1, -1, -1, -1, 11, 11, 3, 3, 3, -1, -1, -1, 11, 11, 11, 3, 3, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'bird4-2-bl': [ [ 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, -1, -1, -1, 11, 11, 11, 11, 11, -1, -1, -1, -1, 11, 11, 11, 11, -1, -1, -1, -1, -1, 11, 11, -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, false, false, false, false, false, false, false], ], 'bird4-2-br': [ [ 11, 11, 11, -1, -1, -1, -1, -1, 11, 11, -1, -1, -1, -1, -1, -1, 11, -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, false, false, false, false, false, false, false], ], // Pipe body segment 'pipe-body': [ [ 3, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 3, ], [false, false, false, false, false, false, false, false], ], // Pipe cap (top edge of opening, flipY for bottom) 'pipe-cap': [ [ 3, 3, 3, 3, 3, 3, 3, 3, 3, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 3, ], [false, false, false, false, false, false, false, false], ], // Ground tile 'ground': [ [ 4, 15, 4, 4, 4, 15, 4, 4, 15, 4, 4, 4, 15, 4, 4, 4, 4, 4, 4, 15, 4, 4, 4, 15, 4, 4, 15, 4, 4, 4, 15, 4, 4, 15, 4, 4, 4, 15, 4, 4, 15, 4, 4, 4, 15, 4, 4, 4, 4, 4, 4, 15, 4, 4, 4, 15, 4, 4, 15, 4, 4, 4, 15, 4, ], [false, false, false, false, false, false, false, false], ], // Cloud tiles (3 wide = 24x8) 'cloud-l': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, 7, -1, -1, 7, 7, 7, 7, 7, 7, -1, 7, 7, 7, 7, 7, 7, 7, -1, -1, 7, 7, 7, 7, 7, 7, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'cloud-m': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, 7, 7, 7, 7, 7, -1, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'cloud-r': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, 7, 7, 7, 7, -1, -1, -1, -1, 7, 7, 7, 7, 7, -1, -1, -1, 7, 7, 7, 7, 7, -1, -1, -1, 7, 7, 7, 7, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], // Pause button (2x2) 'pause-btn-tl': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'pause-btn-tr': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'pause-btn-bl': [ [ -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'pause-btn-br': [ [ -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], // Play icon (2x2) 'icon-play-tl': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, 7, -1, -1, -1, -1, 7, 7, 7, 7, 7, -1, -1, -1, 7, 7, 7, 7, 7, 7, -1, -1, 7, 7, 7, 7, 7, 7, ], [false, false, false, false, false, false, false, false], ], 'icon-play-tr': [ [ -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, 7, -1, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'icon-play-bl': [ [ -1, -1, 7, 7, 7, 7, 7, 7, -1, -1, 7, 7, 7, 7, 7, 7, -1, -1, 7, 7, 7, 7, 7, -1, -1, -1, 7, 7, 7, 7, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'icon-play-br': [ [ 7, 7, -1, -1, -1, -1, -1, -1, 7, -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, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], // Stats icon - bar chart (2x2) 'icon-stats-tl': [ [ -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, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, 7, 7, -1, ], [false, false, false, false, false, false, false, false], ], 'icon-stats-tr': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'icon-stats-bl': [ [ -1, 7, 7, -1, -1, 7, 7, -1, -1, 7, 7, -1, -1, 7, 7, -1, -1, 7, 7, -1, -1, 7, 7, -1, -1, 7, 7, -1, -1, 7, 7, -1, -1, 7, 7, -1, -1, 7, 7, -1, -1, 7, 7, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'icon-stats-br': [ [ -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], // Unlock icon - open padlock (2x2) 'icon-unlock-tl': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 7, 7, 7, 7, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 7, 7, 7, 7, 7, 7, 7, -1, 7, 7, 7, 7, 7, 7, 7, -1, 7, 7, 7, 7, 7, 7, 7, ], [false, false, false, false, false, false, false, false], ], 'icon-unlock-tr': [ [ -1, -1, -1, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'icon-unlock-bl': [ [ -1, 7, 7, 7, 10, 10, 7, 7, -1, 7, 7, 7, 10, 10, 7, 7, -1, 7, 7, 7, 7, 7, 7, 7, -1, 7, 7, 7, 7, 7, 7, 7, -1, 7, 7, 7, 7, 7, 7, 7, -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, false, false, false, false, false, false, false], ], 'icon-unlock-br': [ [ 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, -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, false, false, false, false, false, false, false], ], // Lock icon - closed padlock (2x2) 'icon-lock-tl': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 5, 5, 5, 5, -1, -1, -1, 5, 5, -1, -1, -1, -1, -1, -1, 5, 5, -1, -1, -1, -1, -1, -1, 5, 5, -1, -1, -1, -1, 5, 5, 5, 5, 5, 5, 5, -1, 5, 5, 5, 5, 5, 5, 5, -1, 5, 5, 5, 5, 5, 5, 5, ], [false, false, false, false, false, false, false, false], ], 'icon-lock-tr': [ [ -1, -1, -1, -1, -1, -1, -1, -1, 5, 5, 5, -1, -1, -1, -1, -1, -1, -1, 5, 5, -1, -1, -1, -1, -1, -1, 5, 5, -1, -1, -1, -1, -1, -1, 5, 5, -1, -1, -1, -1, 5, 5, 5, -1, -1, -1, -1, -1, 5, 5, 5, -1, -1, -1, -1, -1, 5, 5, 5, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'icon-lock-bl': [ [ -1, 5, 5, 5, 6, 6, 5, 5, -1, 5, 5, 5, 6, 6, 5, 5, -1, 5, 5, 5, 5, 5, 5, 5, -1, 5, 5, 5, 5, 5, 5, 5, -1, 5, 5, 5, 5, 5, 5, 5, -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, false, false, false, false, false, false, false], ], 'icon-lock-br': [ [ 5, 5, 5, -1, -1, -1, -1, -1, 5, 5, 5, -1, -1, -1, -1, -1, 5, 5, 5, -1, -1, -1, -1, -1, 5, 5, 5, -1, -1, -1, -1, -1, 5, 5, 5, -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, false, false, false, false, false, false, false], ], // Checkmark (2x2) 'checkmark-tl': [ [ -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, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 11, 11, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'checkmark-tr': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 11, 11, -1, -1, -1, -1, -1, 11, 11, 11, -1, -1, -1, -1, 11, 11, 11, -1, -1, -1, -1, 11, 11, 11, -1, -1, -1, -1, 11, 11, 11, -1, -1, -1, -1, 11, 11, 11, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'checkmark-bl': [ [ -1, -1, 11, 11, 11, -1, -1, -1, -1, -1, -1, 11, 11, 11, -1, -1, -1, -1, -1, -1, 11, 11, -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, false, false, false, false, false, false, false], ], 'checkmark-br': [ [ 11, -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, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'cursor': [ [ 7, 0, -1, -1, -1, -1, -1, -1, 7, 7, 0, -1, -1, -1, -1, -1, 7, 7, 7, 0, -1, -1, -1, -1, 7, 7, 7, 7, 0, -1, -1, -1, 7, 7, 7, 7, 7, 0, -1, -1, 7, 7, 0, 0, 0, 0, -1, -1, 7, 0, 0, -1, -1, -1, -1, -1, 0, 0, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], }; // prettier-ignore const sounds = { flap: [ 1, [32, 0.4, 1], [36, 0.5, 1], [38, 0.35, 1], [0, 0, 1], ], score: [ 1, [32, 0.35, 0], [36, 0.45, 0], [40, 0.5, 0], [42, 0.4, 0], [44, 0.3, 0], [0, 0, 0], ], hit: [ 2, [22, 0.5, 2], [19, 0.45, 2], [16, 0.35, 2], [13, 0.2, 2], [10, 0.1, 2], [0, 0, 2], ], unlock: [ 2, [28, 0.4, 0], [32, 0.45, 0], [36, 0.5, 0], [40, 0.5, 0], [42, 0.5, 0], [44, 0.5, 0], [44, 0.4, 0], [44, 0.25, 0], [0, 0, 0], ], select: [ 1, [35, 0.35, 1], [38, 0.3, 1], [0, 0, 1], ], }; const GameState = { Menu: 'menu', Playing: 'playing', Paused: 'paused', GameOver: 'gameover', Stats: 'stats', Unlocks: 'unlocks', }; const Constants = { SaveKey: 'flappy-bird-save', CanvasSize: 128, Bird: { X: 30, StartY: 52, Width: 16, Height: 16, Gravity: 0.18, FlapImpulse: -2.8, MaxFallSpeed: 3.5, MaxRiseSpeed: -3.0, }, Pipe: { Width: 16, GapSize: 36, SpawnInterval: 90, Speed: 0.8, MinTopHeight: 16, MaxTopHeight: 72, }, Ground: { Y: 120, Height: 8, }, Unlocks: { Bird2: 5, Bird3: 15, Bird4: 35, }, PauseButton: { X: 111, Y: 1, Width: 16, Height: 16, }, }; class SaveData { constructor({ stats, unlockedBirds, selectedBird } = {}) { this.stats = stats || { gamesPlayed: 0, bestTime: 0, totalTime: 0, totalPipes: 0, bestPipes: 0, birdsUnlocked: 1, }; this.unlockedBirds = unlockedBirds || ['bird1']; this.selectedBird = selectedBird || 'bird1'; } isBirdUnlocked(birdKey) { return this.unlockedBirds.includes(birdKey); } unlockBird(birdKey) { if (!this.isBirdUnlocked(birdKey)) { this.unlockedBirds.push(birdKey); this.stats.birdsUnlocked = this.unlockedBirds.length; return true; } return false; } recordGame(pipes, seconds) { this.stats.gamesPlayed++; this.stats.totalTime += seconds; this.stats.totalPipes += pipes; if (seconds > this.stats.bestTime) this.stats.bestTime = seconds; if (pipes > this.stats.bestPipes) this.stats.bestPipes = pipes; } checkUnlocks(pipes) { let newUnlock = false; if (pipes >= Constants.Unlocks.Bird2 && this.unlockBird('bird2')) newUnlock = true; if (pipes >= Constants.Unlocks.Bird3 && this.unlockBird('bird3')) newUnlock = true; if (pipes >= Constants.Unlocks.Bird4 && this.unlockBird('bird4')) newUnlock = true; return newUnlock; } save() { try { localStorage.setItem(Constants.SaveKey, JSON.stringify(this.toJSON())); } catch (e) {} } static load() { try { const data = JSON.parse(localStorage.getItem(Constants.SaveKey)); return data ? new SaveData(data) : null; } catch (e) { return null; } } toJSON() { return { stats: this.stats, unlockedBirds: this.unlockedBirds, selectedBird: this.selectedBird, }; } } class Bird { constructor() { this.reset(); } reset() { this.y = Constants.Bird.StartY; this.vy = 0; this.flapFrame = 0; } flap() { this.vy = Constants.Bird.FlapImpulse; sfx('flap'); } update() { this.vy += Constants.Bird.Gravity; if (this.vy > Constants.Bird.MaxFallSpeed) this.vy = Constants.Bird.MaxFallSpeed; if (this.vy < Constants.Bird.MaxRiseSpeed) this.vy = Constants.Bird.MaxRiseSpeed; this.y += this.vy; if (this.y < 0) this.y = 0; this.flapFrame = (this.flapFrame + 0.15) % 3; } hitbox() { return [ Constants.Bird.X + 1, this.y + 1, Constants.Bird.Width - 2, Constants.Bird.Height - 2, ]; } draw(selectedBird) { const frame = `${selectedBird}-${Math.floor(this.flapFrame)}`; const x = Constants.Bird.X; spr(`${frame}-tl`, x, this.y); spr(`${frame}-tr`, x + 8, this.y); spr(`${frame}-bl`, x, this.y + 8); spr(`${frame}-br`, x + 8, this.y + 8); } } class Pipe { constructor(topHeight) { this.x = Constants.CanvasSize; this.topHeight = topHeight; this.bottomY = topHeight + Constants.Pipe.GapSize; this.passed = false; } update(speed) { this.x -= speed; } offScreen() { return this.x + Constants.Pipe.Width < 0; } checkPassed(birdX) { if (!this.passed && this.x + Constants.Pipe.Width < birdX) { this.passed = true; return true; } return false; } topRect() { return [this.x + 2, 0, Constants.Pipe.Width - 4, this.topHeight]; } bottomRect() { return [ this.x + 2, this.bottomY, Constants.Pipe.Width - 4, Constants.CanvasSize - this.bottomY, ]; } draw() { for (let y = 0; y < this.topHeight - 8; y += 8) { spr('pipe-body', this.x, y); spr('pipe-body', this.x + 8, y); } spr('pipe-cap', this.x, this.topHeight - 8); spr('pipe-cap', this.x + 8, this.topHeight - 8); spr('pipe-cap', this.x, this.bottomY, 1, 1, false, true); spr('pipe-cap', this.x + 8, this.bottomY, 1, 1, false, true); for (let y = this.bottomY + 8; y < Constants.CanvasSize; y += 8) { spr('pipe-body', this.x, y); spr('pipe-body', this.x + 8, y); } } } class PipeManager { constructor() { this.pipes = []; this.timer = 0; } reset() { this.pipes = []; this.timer = 0; } update(speed) { this.timer++; if (this.timer >= Constants.Pipe.SpawnInterval) { this.timer = 0; const topHeight = randomIntegerBetween( Constants.Pipe.MinTopHeight, Constants.Pipe.MaxTopHeight ); this.pipes.push(new Pipe(topHeight)); } for (const pipe of this.pipes) { pipe.update(speed); } this.pipes = this.pipes.filter((p) => !p.offScreen()); } draw() { for (const pipe of this.pipes) { pipe.draw(); } } } class CloudManager { constructor() { this.clouds = []; } init() { this.clouds = []; for (let i = 0; i < 4; i++) { this.clouds.push({ x: randomIntegerBetween(0, Constants.CanvasSize), y: randomIntegerBetween(8, 50), speed: randomFloatBetween(0.1, 0.3), }); } } update() { for (const cloud of this.clouds) { cloud.x -= cloud.speed; if (cloud.x < -24) { cloud.x = Constants.CanvasSize + randomIntegerBetween(0, 16); cloud.y = randomIntegerBetween(8, 50); cloud.speed = randomFloatBetween(0.1, 0.3); } } } draw() { for (const cloud of this.clouds) { spr('cloud-l', cloud.x, cloud.y); spr('cloud-m', cloud.x + 8, cloud.y); spr('cloud-r', cloud.x + 16, cloud.y); } } } let state = GameState.Menu; let saveData = new SaveData(); let bird = new Bird(); let pipeManager = new PipeManager(); let cloudManager = new CloudManager(); let groundOffset = 0; let framesAlive = 0; let pipesPassedThisGame = 0; let menuSelection = 0; let menuBobFrame = 0; let pauseSelection = 0; let gameOverSelection = 0; let unlockSelection = 0; let shakeFrames = 0; let newUnlock = false; function init() { saveData = SaveData.load() || new SaveData(); cloudManager.init(); cursor(false); state = GameState.Menu; } function update() { const clicked = click(); const pos = mouse(); switch (state) { case GameState.Menu: updateMenu(clicked, pos); break; case GameState.Playing: updatePlaying(clicked, pos); break; case GameState.Paused: updatePaused(clicked, pos); break; case GameState.GameOver: updateGameOver(clicked, pos); break; case GameState.Stats: updateStats(clicked, pos); break; case GameState.Unlocks: updateUnlocks(clicked, pos); break; } } function draw() { const pos = mouse(); switch (state) { case GameState.Menu: drawMenu(); break; case GameState.Playing: drawPlaying(); break; case GameState.Paused: drawPaused(); break; case GameState.GameOver: drawGameOver(); break; case GameState.Stats: drawStats(pos); break; case GameState.Unlocks: drawUnlocks(pos); break; } spr('cursor', pos.x, pos.y); } const menuStartY = 50; const menuRowHeight = 20; function updateMenu(clicked, pos) { menuBobFrame++; if (btnp('s') || btnp('ArrowDown')) { menuSelection = (menuSelection + 1) % 3; } if (btnp('w') || btnp('ArrowUp')) { menuSelection = (menuSelection - 1 + 3) % 3; } for (let i = 0; i < 3; i++) { const rowY = menuStartY + i * menuRowHeight; if ( pos.y >= rowY && pos.y < rowY + menuRowHeight && pos.x >= 20 && pos.x < 108 ) { menuSelection = i; if (clicked) { selectMenuItem(i); return; } } } if (btnp('j') || btnp('Enter') || btnp(' ')) { selectMenuItem(menuSelection); } } function selectMenuItem(index) { sfx('select'); if (index === 0) startGame(); else if (index === 1) state = GameState.Stats; else if (index === 2) state = GameState.Unlocks; } function drawMenu() { cls(12); cloudManager.draw(); text('FLAPPY BIRD', 28, 10, 0); const bobY = Math.sin(menuBobFrame * 0.05) * 3; const birdSprite = saveData.selectedBird + '-1'; spr(`${birdSprite}-tl`, 56, 28 + bobY); spr(`${birdSprite}-tr`, 64, 28 + bobY); spr(`${birdSprite}-bl`, 56, 36 + bobY); spr(`${birdSprite}-br`, 64, 36 + bobY); const pipeX = 24; spr('pipe-cap', pipeX, menuStartY, 1, 1, false, true); spr('pipe-cap', pipeX + 8, menuStartY, 1, 1, false, true); for (let y = menuStartY + 8; y < Constants.Ground.Y; y += 8) { spr('pipe-body', pipeX, y); spr('pipe-body', pipeX + 8, y); } const labels = ['NEW GAME', 'STATS', 'UNLOCKS']; for (let i = 0; i < 3; i++) { const rowY = menuStartY + i * menuRowHeight; const color = i === menuSelection ? 10 : 0; text(labels[i], 44, rowY + 4, color); } drawGround(); } function flapInput(clicked) { return btnp('ArrowUp') || btnp('w') || btnp(' ') || btnp('j') || clicked; } function updatePlaying(clicked, mouse) { if (btnp('Escape')) { pauseSelection = 0; state = GameState.Paused; return; } const pb = Constants.PauseButton; if ( clicked && mouse.x >= pb.X && mouse.x < pb.X + pb.Width && mouse.y >= pb.Y && mouse.y < pb.Y + pb.Height ) { pauseSelection = 0; state = GameState.Paused; return; } if (flapInput(clicked)) { bird.flap(); } bird.update(); pipeManager.update(Constants.Pipe.Speed); cloudManager.update(); groundOffset -= Constants.Pipe.Speed; if (groundOffset <= -8) groundOffset += 8; framesAlive++; const birdHitbox = bird.hitbox(); for (const pipe of pipeManager.pipes) { if ( boxesCollide(birdHitbox, pipe.topRect()) || boxesCollide(birdHitbox, pipe.bottomRect()) ) { handleDeath(); return; } if (pipe.checkPassed(Constants.Bird.X)) { pipesPassedThisGame++; sfx('score'); } } if (bird.y + Constants.Bird.Height >= Constants.Ground.Y) { bird.y = Constants.Ground.Y - Constants.Bird.Height; handleDeath(); } } function handleDeath() { sfx('hit'); const seconds = Math.floor(framesAlive / 60); newUnlock = saveData.checkUnlocks(pipesPassedThisGame); saveData.recordGame(pipesPassedThisGame, seconds); saveData.save(); if (newUnlock) sfx('unlock'); gameOverSelection = 0; shakeFrames = 15; state = GameState.GameOver; } function drawPlaying() { if (shakeFrames > 0) { const intensity = shakeFrames / 15; const sx = randomIntegerBetween(-3, 3) * intensity; const sy = randomIntegerBetween(-3, 3) * intensity; camera(sx, sy); shakeFrames--; } cls(12); cloudManager.draw(); pipeManager.draw(); bird.draw(saveData.selectedBird); drawGround(); creset(); drawHud(); } function drawHud() { const seconds = Math.floor(framesAlive / 60); text(formatTime(seconds), 2, 2, 7); text(`${pipesPassedThisGame}`, 60, 2, 7); const pb = Constants.PauseButton; spr('pause-btn-tl', pb.X, pb.Y); spr('pause-btn-tr', pb.X + 8, pb.Y); spr('pause-btn-bl', pb.X, pb.Y + 8); spr('pause-btn-br', pb.X + 8, pb.Y + 8); } function updatePaused(clicked, mouse) { if (btnp('Escape') || btnp('k')) { state = GameState.Playing; return; } if (btnp('s') || btnp('ArrowDown')) { pauseSelection = (pauseSelection + 1) % 2; } if (btnp('w') || btnp('ArrowUp')) { pauseSelection = (pauseSelection - 1 + 2) % 2; } const resumeY = 68; const quitY = 80; if (mouse.x >= 40 && mouse.x < 88) { if (mouse.y >= resumeY && mouse.y < resumeY + 10) { pauseSelection = 0; if (clicked) { sfx('select'); state = GameState.Playing; return; } } if (mouse.y >= quitY && mouse.y < quitY + 10) { pauseSelection = 1; if (clicked) { sfx('select'); state = GameState.Menu; return; } } } if (btnp('j') || btnp('Enter') || btnp(' ')) { sfx('select'); if (pauseSelection === 0) state = GameState.Playing; else state = GameState.Menu; } } function drawPaused() { rectfill(0, 0, 128, 128, 0); text('PAUSED', 46, 50, 7); text('RESUME', 46, 68, pauseSelection === 0 ? 10 : 7); text('QUIT', 50, 80, pauseSelection === 1 ? 10 : 7); } function updateGameOver(clicked, mouse) { if (btnp('s') || btnp('ArrowDown')) { gameOverSelection = (gameOverSelection + 1) % 2; } if (btnp('w') || btnp('ArrowUp')) { gameOverSelection = (gameOverSelection - 1 + 2) % 2; } const retryY = 88; const menuY = 100; if (mouse.x >= 40 && mouse.x < 88) { if (mouse.y >= retryY && mouse.y < retryY + 10) { gameOverSelection = 0; if (clicked) { sfx('select'); startGame(); return; } } if (mouse.y >= menuY && mouse.y < menuY + 10) { gameOverSelection = 1; if (clicked) { sfx('select'); state = GameState.Menu; return; } } } if (btnp('j') || btnp('Enter') || btnp(' ')) { sfx('select'); if (gameOverSelection === 0) startGame(); else state = GameState.Menu; } } function drawGameOver() { drawPlaying(); rectfill(20, 30, 108, 112, 0); rect(20, 30, 108, 112, 7); text('GAME OVER', 38, 36, 8); const seconds = Math.floor(framesAlive / 60); text(`PIPES: ${pipesPassedThisGame}`, 34, 52, 7); text(`TIME: ${formatTime(seconds)}`, 34, 62, 7); if (newUnlock) { text('NEW BIRD!', 38, 74, 11); } text('RETRY', 48, 88, gameOverSelection === 0 ? 10 : 7); text('MENU', 50, 100, gameOverSelection === 1 ? 10 : 7); } function updateStats(clicked, mouse) { if (btnp('Escape') || btnp('k')) state = GameState.Menu; if (clicked && mouse.x >= 40 && mouse.x <= 88 && mouse.y >= 108 && mouse.y <= 120) { state = GameState.Menu; } } function drawStats(mouse) { cls(1); text('STATS', 48, 10, 7); const s = saveData.stats; text(`GAMES PLAYED: ${s.gamesPlayed}`, 10, 30, 7); text(`BEST TIME: ${formatTime(s.bestTime)}`, 10, 42, 7); text(`TOTAL TIME: ${formatTime(s.totalTime)}`, 10, 54, 7); text(`BEST PIPES: ${s.bestPipes}`, 10, 66, 7); text(`TOTAL PIPES: ${s.totalPipes}`, 10, 78, 7); text(`BIRDS UNLOCKED: ${s.birdsUnlocked}/4`, 10, 90, 7); const backHover = mouse.x >= 40 && mouse.x <= 88 && mouse.y >= 108 && mouse.y <= 120; text('K=BACK', 46, 112, backHover ? 10 : 6); } function updateUnlocks(clicked, mouse) { if (btnp('Escape') || btnp('k')) state = GameState.Menu; if (clicked && mouse.x >= 62 && mouse.x <= 96 && mouse.y >= 112 && mouse.y <= 124) { state = GameState.Menu; } if (btnp('ArrowUp') || btnp('w')) { unlockSelection = (unlockSelection - 1 + 4) % 4; } if (btnp('ArrowDown') || btnp('s')) { unlockSelection = (unlockSelection + 1) % 4; } if (clicked) { for (let i = 0; i < 4; i++) { const rowY = 26 + i * 22; if (mouse.x >= 4 && mouse.x <= 124 && mouse.y >= rowY && mouse.y < rowY + 20) { unlockSelection = i; const birdKey = `bird${i + 1}`; if (saveData.isBirdUnlocked(birdKey)) { sfx('select'); saveData.selectedBird = birdKey; saveData.save(); } break; } } } if (btnp('j')) { const birdKey = `bird${unlockSelection + 1}`; if (saveData.isBirdUnlocked(birdKey)) { sfx('select'); saveData.selectedBird = birdKey; saveData.save(); } } } function drawUnlocks(mouse) { cls(1); text('UNLOCKS', 42, 10, 7); const birds = ['bird1', 'bird2', 'bird3', 'bird4']; const unlockTexts = ['DEFAULT', '5 PIPES', '15 PIPES', '35 PIPES']; for (let i = 0; i < 4; i++) { const birdKey = birds[i]; const rowY = 26 + i * 22; const unlocked = saveData.isBirdUnlocked(birdKey); const selected = i === unlockSelection; const equipped = saveData.selectedBird === birdKey; if (selected) { rectfill(4, rowY, 124, rowY + 20, 2); } if (unlocked) { spr(`${birdKey}-1-tl`, 8, rowY + 2); spr(`${birdKey}-1-tr`, 16, rowY + 2); spr(`${birdKey}-1-bl`, 8, rowY + 10); spr(`${birdKey}-1-br`, 16, rowY + 10); text(unlockTexts[i], 28, rowY + 7, selected ? 10 : 7); if (equipped) { spr('checkmark-tl', 104, rowY + 2); spr('checkmark-tr', 112, rowY + 2); spr('checkmark-bl', 104, rowY + 10); spr('checkmark-br', 112, rowY + 10); } } else { spr('icon-lock-tl', 8, rowY + 2); spr('icon-lock-tr', 16, rowY + 2); spr('icon-lock-bl', 8, rowY + 10); spr('icon-lock-br', 16, rowY + 10); text('???', 28, rowY + 3, selected ? 10 : 5); text(unlockTexts[i], 28, rowY + 11, selected ? 10 : 5); } } const backHover = mouse.x >= 62 && mouse.x <= 96 && mouse.y >= 112 && mouse.y <= 124; text('J=ACTIVATE K=BACK', 16, 116, backHover ? 10 : 6); } function formatTime(seconds) { const m = Math.floor(seconds / 60); const s = seconds % 60; return `${m}:${s < 10 ? '0' : ''}${s}`; } function startGame() { bird.reset(); pipeManager.reset(); framesAlive = 0; pipesPassedThisGame = 0; groundOffset = 0; shakeFrames = 0; newUnlock = false; state = GameState.Playing; } function drawGround() { const offset = Math.floor(groundOffset); for (let x = offset; x < Constants.CanvasSize; x += 8) { spr('ground', x, Constants.Ground.Y); } } start({ sprites, sounds, init, update, draw, target, }); } );

Editando: Flappy Bird

Ediciones recientes

Plugins