engine.scope( ({ start, cls, text, btn, btnp, rectfill, circ, circfill, camera, line, spr, sfx, music, cursor }) => { // prettier-ignore const sprites = { 'cursor': [ [ -1, -1, -1, 7, -1, -1, -1, -1, -1, -1, -1, 7, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 7, -1, -1, -1, -1, -1, -1, -1, 7, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'enemy-drone-down': [ [ -1, -1, 11, -1, -1, 11, -1, -1, -1, 11, 11, 11, 11, 11, 11, -1, 11, 11, 3, 11, 11, 3, 11, 11, -1, 11, 11, 11, 11, 11, 11, -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, ], [false, false, false, false, false, false, false, false], ], 'enemy-drone-up': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 11, 11, -1, -1, -1, -1, -1, 11, 11, 11, 11, -1, -1, -1, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, -1, -1, -1, 11, -1, -1, 11, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'enemy-drone-left': [ [ -1, -1, -1, -1, 11, -1, -1, -1, -1, -1, 11, 11, 11, 11, -1, -1, -1, 11, 3, 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, -1, -1, -1, -1, -1, -1, 11, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'enemy-drone-right': [ [ -1, -1, -1, 11, -1, -1, -1, -1, -1, -1, 11, 11, 11, 11, -1, -1, -1, 11, 11, 11, 11, 3, 11, -1, -1, 11, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, -1, -1, -1, 11, 11, 11, 11, -1, -1, -1, -1, -1, 11, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'enemy-soldier-down': [ [ -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, 12, 15, 15, 12, -1, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, 12, 12, 12, 12, -1, -1, -1, -1, 12, 12, 12, 12, -1, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, 12, -1, -1, 12, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'enemy-soldier-up': [ [ -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, 12, 12, 12, 12, -1, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, 12, 12, 12, 12, -1, -1, -1, -1, 12, 12, 12, 12, -1, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, 12, -1, -1, 12, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'enemy-soldier-left': [ [ -1, -1, 12, 12, -1, -1, -1, -1, -1, -1, 15, 12, -1, -1, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, 12, 12, 12, 12, -1, -1, -1, -1, -1, 12, 12, 12, -1, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'enemy-soldier-right': [ [ -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, -1, 12, 15, -1, -1, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, 12, 12, 12, 12, -1, -1, -1, -1, 12, 12, 12, -1, -1, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, -1, 12, 12, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'enemy-tank-down': [ [ -1, 5, 5, 5, 5, 5, 5, -1, 6, 6, 5, 6, 6, 5, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 5, 6, 6, 5, 5, 6, 6, 5, 5, 6, 6, 5, 5, 6, 6, 5, 6, 6, 6, 5, 5, 6, 6, 6, 6, 6, 5, 5, 5, 5, 6, 6, -1, 5, 5, -1, -1, 5, 5, -1, ], [false, false, false, false, false, false, false, false], ], 'enemy-tank-up': [ [ -1, 5, 5, -1, -1, 5, 5, -1, 6, 6, 5, 5, 5, 5, 6, 6, 6, 6, 6, 5, 5, 6, 6, 6, 5, 6, 6, 5, 5, 6, 6, 5, 5, 6, 6, 5, 5, 6, 6, 5, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 5, 6, 6, 5, 6, 6, -1, 5, 5, 5, 5, 5, 5, -1, ], [false, false, false, false, false, false, false, false], ], 'enemy-tank-left': [ [ -1, 6, 6, 5, 5, 6, 6, -1, 5, 6, 6, 6, 6, 6, 6, 5, 5, 5, 6, 6, 6, 6, 5, 5, -1, 5, 5, 6, 6, 6, 6, 5, -1, 5, 5, 6, 6, 6, 6, 5, 5, 5, 6, 6, 6, 6, 5, 5, 5, 6, 6, 6, 6, 6, 6, 5, -1, 6, 6, 5, 5, 6, 6, -1, ], [false, false, false, false, false, false, false, false], ], 'enemy-tank-right': [ [ -1, 6, 6, 5, 5, 6, 6, -1, 5, 6, 6, 6, 6, 6, 6, 5, 5, 5, 6, 6, 6, 6, 5, 5, 5, 6, 6, 6, 6, 5, 5, -1, 5, 6, 6, 6, 6, 5, 5, -1, 5, 5, 6, 6, 6, 6, 5, 5, 5, 6, 6, 6, 6, 6, 6, 5, -1, 6, 6, 5, 5, 6, 6, -1, ], [false, false, false, false, false, false, false, false], ], 'enemy-boss-down': [ [ 8, -1, -1, 8, 8, -1, -1, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 0, 8, 8, 0, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 2, 2, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, -1, 8, 8, 8, 8, 8, 8, -1, -1, -1, 8, 8, 8, 8, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'enemy-boss-up': [ [ -1, -1, 8, 8, 8, 8, -1, -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, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, -1, -1, 8, 8, -1, -1, 8, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'enemy-boss-left': [ [ -1, 8, 8, -1, -1, -1, -1, -1, 8, 8, 8, 8, 8, 8, -1, -1, 8, 0, 8, 8, 8, 8, 8, -1, 8, 8, 8, 8, 8, 8, 8, 8, 2, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, -1, 8, 8, 8, 8, 8, 8, -1, -1, -1, 8, 8, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'enemy-boss-right': [ [ -1, -1, -1, -1, -1, 8, 8, -1, -1, -1, 8, 8, 8, 8, 8, 8, -1, 8, 8, 8, 8, 8, 0, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 2, -1, 8, 8, 8, 8, 8, 8, 8, -1, -1, 8, 8, 8, 8, 8, 8, -1, -1, -1, -1, -1, 8, 8, -1, ], [false, false, false, false, false, false, false, false], ], 'spot-tl': [ [ -1, -1, -1, 6, 6, 6, 6, 6, -1, -1, 6, 5, 5, 5, 5, 5, -1, 6, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, ], [false, false, false, false, false, false, false, false], ], 'spot-tr': [ [ 6, 6, 6, 6, 6, -1, -1, -1, 5, 5, 5, 5, 5, 6, -1, -1, 5, 5, 5, 5, 5, 5, 6, -1, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, ], [false, false, false, false, false, false, false, false], ], 'spot-bl': [ [ 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, -1, 6, 5, 5, 5, 5, 5, 5, -1, -1, 6, 5, 5, 5, 5, 5, -1, -1, -1, 6, 6, 6, 6, 6, ], [false, false, false, false, false, false, false, false], ], 'spot-br': [ [ 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 6, -1, 5, 5, 5, 5, 5, 6, -1, -1, 6, 6, 6, 6, 6, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'tower-pulse-tl': [ [ -1, -1, -1, 12, 12, 12, 12, 12, -1, -1, 12, 1, 1, 1, 12, 12, -1, 12, 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, 7, 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], ], 'tower-pulse-tr': [ [ 12, 12, 12, 12, 12, -1, -1, -1, 12, 12, 1, 1, 1, 12, -1, -1, 12, 12, 12, 12, 1, 1, 12, -1, 12, 12, 12, 12, 12, 1, 1, 12, 12, 12, 12, 12, 12, 12, 1, 12, 12, 12, 7, 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], ], 'tower-pulse-bl': [ [ 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 7, 12, 12, 12, 1, 12, 12, 12, 12, 12, 12, 12, 1, 1, 12, 12, 12, 12, 12, -1, 12, 1, 1, 12, 12, 12, 12, -1, -1, 12, 1, 1, 1, 12, 12, -1, -1, -1, 12, 12, 12, 12, 12, ], [false, false, false, false, false, false, false, false], ], 'tower-pulse-br': [ [ 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 7, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 1, 12, 12, 12, 12, 12, 12, 1, 1, 12, 12, 12, 12, 12, 1, 1, 12, -1, 12, 12, 1, 1, 1, 12, -1, -1, 12, 12, 12, 12, 12, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'tower-mortar-tl': [ [ -1, -1, -1, 9, 9, 9, 9, 9, -1, -1, 9, 4, 4, 9, 9, 9, -1, 9, 4, 4, 9, 9, 9, 9, 9, 4, 4, 9, 9, 9, 9, 9, 9, 4, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 4, 4, 9, 9, 9, 9, 9, 4, 4, 4, ], [false, false, false, false, false, false, false, false], ], 'tower-mortar-tr': [ [ 9, 9, 9, 9, 9, -1, -1, -1, 9, 9, 9, 4, 4, 9, -1, -1, 9, 9, 9, 9, 4, 4, 9, -1, 9, 9, 9, 9, 9, 4, 4, 9, 9, 9, 9, 9, 9, 9, 4, 9, 9, 9, 9, 9, 9, 9, 9, 9, 4, 4, 9, 9, 9, 9, 9, 9, 4, 4, 4, 9, 9, 9, 9, 9, ], [false, false, false, false, false, false, false, false], ], 'tower-mortar-bl': [ [ 9, 9, 9, 9, 9, 4, 4, 4, 9, 9, 9, 9, 9, 9, 4, 4, 9, 9, 9, 9, 9, 9, 9, 9, 9, 4, 9, 9, 9, 9, 9, 9, 9, 4, 4, 9, 9, 9, 9, 9, -1, 9, 4, 4, 9, 9, 9, 9, -1, -1, 9, 4, 4, 9, 9, 9, -1, -1, -1, 9, 9, 9, 9, 9, ], [false, false, false, false, false, false, false, false], ], 'tower-mortar-br': [ [ 4, 4, 4, 9, 9, 9, 9, 9, 4, 4, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 4, 9, 9, 9, 9, 9, 9, 4, 4, 9, 9, 9, 9, 9, 4, 4, 9, -1, 9, 9, 9, 4, 4, 9, -1, -1, 9, 9, 9, 9, 9, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'tower-ion-tl': [ [ -1, -1, -1, 14, 14, 14, 14, 14, -1, -1, 14, 7, 7, 14, 14, 14, -1, 14, 7, 14, 14, 14, 14, 14, 14, 7, 14, 14, 14, 14, 14, 14, 14, 7, 14, 14, 7, 7, 14, 14, 14, 14, 14, 14, 7, 7, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, ], [false, false, false, false, false, false, false, false], ], 'tower-ion-tr': [ [ 14, 14, 14, 14, 14, -1, -1, -1, 14, 14, 14, 7, 7, 14, -1, -1, 14, 14, 14, 14, 14, 7, 14, -1, 14, 14, 14, 14, 14, 14, 7, 14, 14, 14, 7, 7, 14, 14, 7, 14, 14, 14, 7, 7, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, ], [false, false, false, false, false, false, false, false], ], 'tower-ion-bl': [ [ 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 7, 7, 14, 14, 14, 7, 14, 14, 7, 7, 14, 14, 14, 7, 14, 14, 14, 14, 14, 14, -1, 14, 7, 14, 14, 14, 14, 14, -1, -1, 14, 7, 7, 14, 14, 14, -1, -1, -1, 14, 14, 14, 14, 14, ], [false, false, false, false, false, false, false, false], ], 'tower-ion-br': [ [ 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 14, 7, 7, 14, 14, 14, 14, 14, 14, 7, 7, 14, 14, 7, 14, 14, 14, 14, 14, 14, 14, 7, 14, 14, 14, 14, 14, 14, 7, 14, -1, 14, 14, 14, 7, 7, 14, -1, -1, 14, 14, 14, 14, 14, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'tower-drone-tl': [ [ -1, -1, -1, 11, 11, 11, 11, 11, -1, -1, 11, 3, 3, 11, 11, 11, -1, 11, 3, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, ], [false, false, false, false, false, false, false, false], ], 'tower-drone-tr': [ [ 11, 11, 11, 11, 11, -1, -1, -1, 11, 11, 11, 3, 3, 11, -1, -1, 11, 11, 11, 11, 11, 3, 11, -1, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, ], [false, false, false, false, false, false, false, false], ], 'tower-drone-bl': [ [ 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, -1, 11, 3, 11, 11, 11, 11, 11, -1, -1, 11, 3, 3, 11, 11, 11, -1, -1, -1, 11, 11, 11, 11, 11, ], [false, false, false, false, false, false, false, false], ], 'tower-drone-br': [ [ 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 3, 3, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 3, 11, -1, 11, 11, 11, 3, 3, 11, -1, -1, 11, 11, 11, 11, 11, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'wave-btn-tl': [ [ 6, 6, 6, 6, 6, 6, 6, 6, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, ], [false, false, false, false, false, false, false, false], ], 'wave-btn-tr': [ [ 6, 6, 6, 6, 6, 6, 6, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, ], [false, false, false, false, false, false, false, false], ], 'wave-btn-bl': [ [ 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 6, 6, 6, 6, 6, 6, 6, ], [false, false, false, false, false, false, false, false], ], 'wave-btn-br': [ [ 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 5, 5, 5, 5, 5, 5, 5, 6, 6, 6, 6, 6, 6, 6, 6, 6, ], [false, false, false, false, false, false, false, false], ], 'wave-btn-hover-tl': [ [ 3, 3, 3, 3, 3, 3, 3, 3, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, ], [false, false, false, false, false, false, false, false], ], 'wave-btn-hover-tr': [ [ 3, 3, 3, 3, 3, 3, 3, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, ], [false, false, false, false, false, false, false, false], ], 'wave-btn-hover-bl': [ [ 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 3, 3, 3, 3, 3, 3, 3, ], [false, false, false, false, false, false, false, false], ], 'wave-btn-hover-br': [ [ 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 11, 11, 11, 11, 11, 11, 11, 3, 3, 3, 3, 3, 3, 3, 3, 3, ], [false, false, false, false, false, false, false, false], ], }; // prettier-ignore const sounds = { 'win': [ 2, [28, 0.5, 3], [28, 0.5, 3], [32, 0.5, 3], [32, 0.5, 3], [36, 0.5, 3], [36, 0.5, 3], [40, 0.5, 3], [40, 0.5, 3], [42, 0.5, 3], [42, 0.5, 3], [44, 0.5, 3], [44, 0.45, 3], [44, 0.3, 3], [0, 0, 3], ], 'lose': [ 3, [28, 0.5, 2], [28, 0.5, 2], [25, 0.5, 2], [25, 0.5, 2], [22, 0.5, 2], [22, 0.5, 2], [19, 0.5, 2], [19, 0.45, 2], [16, 0.4, 2], [16, 0.35, 2], [13, 0.25, 2], [13, 0.15, 2], [10, 0.1, 2], [0, 0, 2], ], 'waveClick': [ 1, [30, 0.35, 1], [33, 0.45, 1], [35, 0.5, 1], [33, 0.4, 1], [30, 0.3, 1], [0, 0, 1], ], 'pauseClick': [ 1, [32, 0.35, 0], [35, 0.5, 0], [32, 0.3, 0], [0, 0, 0], ], 'hover': [ 1, [38, 0.3, 0], [40, 0.2, 0], [0, 0, 0], ], 'build': [ 1, [24, 0.35, 3], [28, 0.45, 3], [32, 0.5, 3], [36, 0.45, 3], [38, 0.3, 3], [0, 0, 3], ], 'upgrade': [ 1, [32, 0.35, 3], [36, 0.45, 3], [40, 0.5, 3], [42, 0.45, 3], [44, 0.3, 3], [0, 0, 3], ], 'sell': [ 1, [42, 0.5, 1], [40, 0.45, 1], [38, 0.4, 1], [36, 0.35, 1], [32, 0.25, 1], [0, 0, 1], ], 'firePulse': [ 1, [38, 0.4, 1], [40, 0.5, 1], [35, 0.25, 1], [0, 0, 1], ], 'fireMortar': [ 2, [16, 0.5, 2], [13, 0.45, 2], [10, 0.3, 2], [0, 0, 2], ], 'fireIon': [ 1, [36, 0.4, 0], [38, 0.5, 0], [36, 0.4, 0], [38, 0.35, 0], [36, 0.25, 0], [0, 0, 0], ], 'fireDrone': [ 1, [35, 0.45, 1], [38, 0.35, 1], [0, 0, 1], ], 'hit': [ 2, [22, 0.5, 2], [19, 0.45, 2], [16, 0.35, 2], [13, 0.2, 2], [0, 0, 2], ], }; function proximitySfx(sound, worldX, worldY) { const screenX = worldX - cameraX; const screenY = worldY - cameraY; const halfW = Constants.Viewport.Width / 2; const halfH = Constants.Viewport.Height / 2; const dx = (screenX - halfW) / halfW; const dy = (screenY - halfH) / halfH; const dist = Math.sqrt(dx * dx + dy * dy); const vol = Math.max(0, 1 - dist); if (vol > 0) sfx(sound, vol); } const GameState = { Menu: 'menu', MapSelect: 'mapSelect', Gameplay: 'gameplay', GameOver: 'gameOver', Victory: 'victory', }; const WaveState = { PreWave: 'preWave', Spawning: 'spawning', Active: 'active', Complete: 'complete', }; const Constants = { SaveKey: 'tower-defense-save', Maps: { Visible: 3, }, World: { Width: 256, Height: 192, }, Viewport: { Width: 128, Height: 128, }, Camera: { Speed: 3, }, Cursor: { Speed: 3, EdgeThreshold: 10, }, Hud: { Height: 12, }, Wave: { PreWaveDelay: 180, EarlySendDelay: 5 * 60, // 5 seconds before early send is available }, WaveButton: { X: 90, Y: -2, Width: 16, Height: 16, }, PauseButton: { X: 110, Y: -2, Width: 16, Height: 16, }, Framerate: 60, Fighter: { Range: 50, RespawnTime: 10 * 60, // 10 seconds }, }; class Cursor { constructor(x, y) { this.x = x; this.y = y; } update(cameraX, cameraY) { let dx = 0; let dy = 0; if (btn('a') || btn('ArrowLeft')) dx = -Constants.Cursor.Speed; if (btn('d') || btn('ArrowRight')) dx = Constants.Cursor.Speed; if (btn('w') || btn('ArrowUp')) dy = -Constants.Cursor.Speed; if (btn('s') || btn('ArrowDown')) dy = Constants.Cursor.Speed; const screenX = this.x - cameraX; const screenY = this.y - cameraY; let cameraDx = 0; let cameraDy = 0; const threshold = Constants.Cursor.EdgeThreshold; const maxCameraX = Constants.World.Width - Constants.Viewport.Width; const maxCameraY = Constants.World.Height - Constants.Viewport.Height; if (dx < 0 && screenX <= threshold && cameraX > 0) { cameraDx = dx; this.x += dx; } else if ( dx > 0 && screenX >= Constants.Viewport.Width - threshold && cameraX < maxCameraX ) { cameraDx = dx; this.x += dx; } else { this.x += dx; } if (dy < 0 && screenY <= threshold && cameraY > 0) { cameraDy = dy; this.y += dy; } else if ( dy > 0 && screenY >= Constants.Viewport.Height - threshold && cameraY < maxCameraY ) { cameraDy = dy; this.y += dy; } else { this.y += dy; } const margin = 2; const newCameraY = Math.max(0, Math.min(maxCameraY, cameraY + cameraDy)); this.x = Math.max(margin, Math.min(Constants.World.Width - margin, this.x)); this.y = Math.max( newCameraY + margin, Math.min(Constants.World.Height - margin, this.y) ); return { dx: cameraDx, dy: cameraDy }; } draw(cameraX, cameraY) { spr('cursor', this.x - cameraX - 4, this.y - cameraY - 4); } isOverTower(tower) { const dx = this.x - tower.x; const dy = this.y - tower.y; return dx * dx + dy * dy <= 8 * 8; } getTowerAt(towers) { for (const tower of towers) { if (this.isOverTower(tower)) { return tower; } } return null; } isOverButton(cameraX, cameraY, buttonX, buttonY, buttonWidth, buttonHeight) { const screenX = this.x - cameraX; const screenY = this.y - cameraY; return ( screenX >= buttonX && screenX <= buttonX + buttonWidth && screenY >= buttonY && screenY <= buttonY + buttonHeight ); } } class EnemyType { constructor({ health, speed, reward, sprite, size, damage }) { this.health = health; this.speed = speed; this.reward = reward; this.sprite = sprite; this.size = size; this.damage = damage; } } class Enemy { constructor(type, spawnPoint) { this.type = type; this.x = spawnPoint.x; this.y = spawnPoint.y; this.health = type.health; this.maxHealth = type.health; this.speed = type.speed; this.reward = type.reward; this.sprite = type.sprite; this.size = type.size; this.damage = type.damage; this.pathIndex = 0; this.pathProgress = 0; this.reachedEnd = false; this.direction = 'right'; this.blocked = false; this.attackCooldown = 0; } update(path, fighters) { if (this.attackCooldown > 0) { this.attackCooldown--; } if (this.blocked) { const blocker = this.findBlocker(fighters); if (blocker && this.attackCooldown === 0) { blocker.takeDamage(this.damage); this.attackCooldown = 30; } this.blocked = false; return; } if (this.pathIndex >= path.length - 1) { this.reachedEnd = true; return; } const from = path[this.pathIndex]; const to = path[this.pathIndex + 1]; const dx = to.x - from.x; const dy = to.y - from.y; const segmentLength = Math.sqrt(dx * dx + dy * dy); if (Math.abs(dx) > Math.abs(dy)) { this.direction = dx > 0 ? 'right' : 'left'; } else { this.direction = dy > 0 ? 'down' : 'up'; } this.pathProgress += this.speed; if (this.pathProgress >= segmentLength) { this.pathProgress -= segmentLength; this.pathIndex++; if (this.pathIndex < path.length - 1) { this.x = path[this.pathIndex].x; this.y = path[this.pathIndex].y; } } else { const t = this.pathProgress / segmentLength; this.x = from.x + dx * t; this.y = from.y + dy * t; } } findBlocker(fighters) { const range = Constants.Fighter.Range; for (const fighter of fighters) { if (fighter.dead) continue; const dx = fighter.x - this.x; const dy = fighter.y - this.y; if (dx * dx + dy * dy <= range * range) { return fighter; } } return null; } draw(cameraX, cameraY) { const screenX = Math.round(this.x - cameraX); const screenY = Math.round(this.y - cameraY); spr(`${this.sprite}-${this.direction}`, screenX - 4, screenY - 4); const healthBarWidth = 8; const healthPercent = this.health / this.maxHealth; const barY = screenY - 7; rectfill( screenX - healthBarWidth / 2, barY, screenX + healthBarWidth / 2, barY + 2, 8 ); rectfill( screenX - healthBarWidth / 2, barY, screenX - healthBarWidth / 2 + healthBarWidth * healthPercent, barY + 2, 11 ); } takeDamage(amount) { this.health -= amount; return this.health <= 0; } } class TowerType { constructor({ name, cost, range, damage, fireRate, color, sprite, upgrades = [] }) { this.name = name; this.cost = cost; this.range = range; this.damage = damage; this.fireRate = fireRate; this.color = color; this.sprite = sprite; this.upgrades = upgrades; } } const TowerTypes = { PulseCannon: new TowerType({ name: 'Pulse', cost: 50, range: 40, damage: 10, fireRate: 30, color: 12, sprite: 'tower-pulse', upgrades: [ { cost: 40, damage: 15, range: 45, fireRate: 25 }, { cost: 60, damage: 22, range: 50, fireRate: 20 }, ], }), PlasmaMortar: new TowerType({ name: 'Mortar', cost: 75, range: 60, damage: 25, fireRate: 90, color: 9, sprite: 'tower-mortar', upgrades: [ { cost: 60, damage: 35, range: 65, fireRate: 80 }, { cost: 90, damage: 50, range: 70, fireRate: 70 }, ], }), IonBeam: new TowerType({ name: 'Ion', cost: 100, range: 50, damage: 5, fireRate: 5, color: 14, sprite: 'tower-ion', upgrades: [ { cost: 80, damage: 8, range: 55, fireRate: 4 }, { cost: 120, damage: 12, range: 60, fireRate: 3 }, ], }), DroneBay: new TowerType({ name: 'Drones', cost: 80, range: 0, damage: 8, fireRate: 45, color: 11, sprite: 'tower-drone', upgrades: [ { cost: 65, damage: 12, range: 0, fireRate: 35, fighters: 3 }, { cost: 100, damage: 18, range: 0, fireRate: 25, fighters: 4 }, ], }), }; const TowerTypeList = [ TowerTypes.PulseCannon, TowerTypes.PlasmaMortar, TowerTypes.IonBeam, TowerTypes.DroneBay, ]; class Projectile { constructor({ x, y, target, damage, speed, color, aoe = 0 }) { this.x = x; this.y = y; this.target = target; this.damage = damage; this.speed = speed; this.color = color; this.aoe = aoe; this.done = false; } update(enemies) { if (!this.target || this.target.health <= 0) { this.done = true; return []; } const dx = this.target.x - this.x; const dy = this.target.y - this.y; const dist = Math.sqrt(dx * dx + dy * dy); if (dist < this.speed) { const killed = []; if (this.aoe > 0) { for (const enemy of enemies) { const ex = enemy.x - this.target.x; const ey = enemy.y - this.target.y; if (ex * ex + ey * ey <= this.aoe * this.aoe) { if (enemy.takeDamage(this.damage)) { killed.push(enemy); } } } } else { if (this.target.takeDamage(this.damage)) { killed.push(this.target); } } this.done = true; return killed; } this.x += (dx / dist) * this.speed; this.y += (dy / dist) * this.speed; return []; } draw(cameraX, cameraY) { const screenX = Math.round(this.x - cameraX); const screenY = Math.round(this.y - cameraY); circfill(screenX, screenY, 2, this.color); } } class Fighter { constructor(x, y, damage, attackRate) { this.x = x; this.y = y; this.health = 30; this.maxHealth = 30; this.damage = damage; this.attackRate = attackRate; this.cooldown = 0; this.target = null; this.dead = false; this.respawnTimer = 0; } findTarget(enemies) { let closest = null; let closestDist = Infinity; const range = Constants.Fighter.Range; for (const enemy of enemies) { const dx = enemy.x - this.x; const dy = enemy.y - this.y; const dist = Math.sqrt(dx * dx + dy * dy); if (dist <= range && dist < closestDist) { closest = enemy; closestDist = dist; } } return closest; } update(enemies) { if (this.dead) { this.respawnTimer--; if (this.respawnTimer <= 0) { this.dead = false; this.health = this.maxHealth; } return []; } const killed = []; if (this.cooldown > 0) { this.cooldown--; } this.target = this.findTarget(enemies); if (this.target) { this.target.blocked = true; if (this.cooldown === 0) { if (this.target.takeDamage(this.damage)) { killed.push(this.target); } this.cooldown = this.attackRate; proximitySfx('fireDrone', this.x, this.y); } } return killed; } takeDamage(amount) { this.health -= amount; if (this.health <= 0) { this.dead = true; this.respawnTimer = Constants.Fighter.RespawnTime; return true; } return false; } draw(cameraX, cameraY) { const screenX = Math.round(this.x - cameraX); const screenY = Math.round(this.y - cameraY); if (this.dead) { const barWidth = 8; const respawnPercent = 1 - this.respawnTimer / Constants.Fighter.RespawnTime; const barY = screenY - 2; rectfill(screenX - barWidth / 2, barY, screenX + barWidth / 2, barY + 2, 5); rectfill( screenX - barWidth / 2, barY, screenX - barWidth / 2 + barWidth * respawnPercent, barY + 2, 11 ); return; } circfill(screenX, screenY, 4, 11); circ(screenX, screenY, 4, 3); const healthBarWidth = 8; const healthPercent = this.health / this.maxHealth; const barY = screenY - 7; rectfill( screenX - healthBarWidth / 2, barY, screenX + healthBarWidth / 2, barY + 2, 8 ); rectfill( screenX - healthBarWidth / 2, barY, screenX - healthBarWidth / 2 + healthBarWidth * healthPercent, barY + 2, 11 ); } } class Tower { constructor({ x, y }) { this.x = x; this.y = y; this.type = null; this.cooldown = 0; this.target = null; this.beamTarget = null; this.fighters = []; this.level = 0; this.invested = 0; this.effectiveDamage = 0; this.effectiveRange = 0; this.effectiveFireRate = 0; } isEmpty() { return this.type === null; } build(towerType) { this.type = towerType; this.cooldown = 0; this.level = 0; this.invested = towerType.cost; this.effectiveDamage = towerType.damage; this.effectiveRange = towerType.range; this.effectiveFireRate = towerType.fireRate; this.fighters = []; if (towerType === TowerTypes.DroneBay) { this.fighters.push( new Fighter(this.x - 10, this.y, towerType.damage, towerType.fireRate) ); this.fighters.push( new Fighter(this.x + 10, this.y, towerType.damage, towerType.fireRate) ); } } upgrade(level) { const data = this.type.upgrades[level - 1]; if (!data) return; this.level = level; this.invested += data.cost; this.effectiveDamage = data.damage; this.effectiveRange = data.range; this.effectiveFireRate = data.fireRate; if (this.type === TowerTypes.DroneBay && data.fighters) { while (this.fighters.length < data.fighters) { const angle = (this.fighters.length * Math.PI * 2) / data.fighters; const fx = this.x + Math.cos(angle) * 10; const fy = this.y + Math.sin(angle) * 10; this.fighters.push(new Fighter(fx, fy, data.damage, data.fireRate)); } for (const fighter of this.fighters) { fighter.damage = data.damage; fighter.attackRate = data.fireRate; } } } getUpgradeCost(maxLevel) { if (maxLevel !== undefined && this.level >= maxLevel) return null; if (!this.type || this.level >= this.type.upgrades.length) return null; return this.type.upgrades[this.level].cost; } canUpgrade(maxLevel) { if (maxLevel !== undefined && this.level >= maxLevel) return false; return this.type && this.level < this.type.upgrades.length; } sell() { const refund = Math.floor(this.invested / 2); this.reset(); return refund; } reset() { this.type = null; this.cooldown = 0; this.target = null; this.beamTarget = null; this.fighters = []; this.level = 0; this.invested = 0; this.effectiveDamage = 0; this.effectiveRange = 0; this.effectiveFireRate = 0; } distanceTo(enemy) { const dx = enemy.x - this.x; const dy = enemy.y - this.y; return Math.sqrt(dx * dx + dy * dy); } findTarget(enemies) { let closest = null; let closestDist = Infinity; for (const enemy of enemies) { const dist = this.distanceTo(enemy); if (dist <= this.effectiveRange && dist < closestDist) { closest = enemy; closestDist = dist; } } return closest; } update(enemies, projectiles) { if (this.isEmpty()) return []; const killed = []; if (this.cooldown > 0) { this.cooldown--; } if (this.type === TowerTypes.IonBeam) { this.beamTarget = this.findTarget(enemies); if (this.beamTarget && this.cooldown === 0) { if (this.beamTarget.takeDamage(this.effectiveDamage)) { killed.push(this.beamTarget); } this.cooldown = this.effectiveFireRate; proximitySfx('fireIon', this.x, this.y); } } else if (this.type === TowerTypes.DroneBay) { for (const fighter of this.fighters) { const fighterKilled = fighter.update(enemies); killed.push(...fighterKilled); } } else { if (this.cooldown === 0) { const target = this.findTarget(enemies); if (target) { const aoe = this.type === TowerTypes.PlasmaMortar ? 20 : 0; projectiles.push( new Projectile({ x: this.x, y: this.y, target: target, damage: this.effectiveDamage, speed: this.type === TowerTypes.PlasmaMortar ? 1.5 : 3, color: this.type.color, aoe: aoe, }) ); this.cooldown = this.effectiveFireRate; proximitySfx( this.type === TowerTypes.PlasmaMortar ? 'fireMortar' : 'firePulse', this.x, this.y ); } } } return killed; } draw(cameraX, cameraY, isHovered) { const screenX = Math.round(this.x - cameraX); const screenY = Math.round(this.y - cameraY); if (this.isEmpty()) { const s = 'spot'; spr(`${s}-tl`, screenX - 8, screenY - 8); spr(`${s}-tr`, screenX, screenY - 8); spr(`${s}-bl`, screenX - 8, screenY); spr(`${s}-br`, screenX, screenY); if (isHovered) { circ(screenX, screenY, 8, 7); } } else { const s = this.type.sprite; spr(`${s}-tl`, screenX - 8, screenY - 8); spr(`${s}-tr`, screenX, screenY - 8); spr(`${s}-bl`, screenX - 8, screenY); spr(`${s}-br`, screenX, screenY); if (isHovered) { circ(screenX, screenY, 8, 7); } if (this.effectiveRange > 0) { circ(screenX, screenY, this.effectiveRange, this.type.color); } if (this.beamTarget) { const targetScreenX = Math.round(this.beamTarget.x - cameraX); const targetScreenY = Math.round(this.beamTarget.y - cameraY); line(screenX, screenY, targetScreenX, targetScreenY, this.type.color); } if (this.level >= 1) { circfill(screenX - 2, screenY + 10, 1, this.type.color); } if (this.level >= 2) { circfill(screenX + 2, screenY + 10, 1, this.type.color); } } } } class BuildMenu { constructor(tower) { this.tower = tower; this.selection = 0; } update(gold) { if (btnp('w') || btnp('ArrowUp')) { this.selection = (this.selection - 1 + TowerTypeList.length) % TowerTypeList.length; } if (btnp('s') || btnp('ArrowDown')) { this.selection = (this.selection + 1) % TowerTypeList.length; } if (btnp('j') || btnp('Enter') || btnp(' ')) { const selected = TowerTypeList[this.selection]; if (gold >= selected.cost) { return { action: 'build', type: selected }; } } if (btnp('k') || btnp('Escape')) { return { action: 'close' }; } return null; } draw(cameraX, cameraY) { const menuWidth = 58; const menuHeight = 8 + TowerTypeList.length * 10; const screenX = this.tower.x - cameraX; const screenY = this.tower.y - cameraY; let menuX = screenX + 12; let menuY = screenY - menuHeight / 2; if (menuX + menuWidth > Constants.Viewport.Width) { menuX = screenX - menuWidth - 12; } if (menuY < Constants.Hud.Height) { menuY = Constants.Hud.Height; } if (menuY + menuHeight > Constants.Viewport.Height) { menuY = Constants.Viewport.Height - menuHeight; } rectfill(menuX, menuY, menuX + menuWidth, menuY + menuHeight, 0); rectfill(menuX + 1, menuY + 1, menuX + menuWidth - 1, menuY + menuHeight - 1, 1); for (let i = 0; i < TowerTypeList.length; i++) { const tower = TowerTypeList[i]; const itemY = menuY + 4 + i * 10; const isSelected = i === this.selection; if (isSelected) { rectfill(menuX + 2, itemY - 1, menuX + menuWidth - 2, itemY + 8, 5); } text(tower.name, menuX + 4, itemY - 2, isSelected ? 7 : 6); text(`$${tower.cost}`, menuX + 40, itemY - 2, isSelected ? 10 : 3); } } } class UpgradeMenu { constructor(tower, maxUpgradeLevel) { this.tower = tower; this.maxUpgradeLevel = maxUpgradeLevel; this.selection = 0; // 0 = Upgrade, 1 = Sell } update(gold) { if (btnp('w') || btnp('ArrowUp')) { this.selection = (this.selection - 1 + 2) % 2; } if (btnp('s') || btnp('ArrowDown')) { this.selection = (this.selection + 1) % 2; } if (btnp('j') || btnp('Enter') || btnp(' ')) { if (this.selection === 0 && this.tower.canUpgrade(this.maxUpgradeLevel)) { const cost = this.tower.getUpgradeCost(this.maxUpgradeLevel); if (gold >= cost) { return { action: 'upgrade', cost }; } } else if (this.selection === 1) { return { action: 'sell' }; } } if (btnp('k') || btnp('Escape')) { return { action: 'close' }; } return null; } draw(cameraX, cameraY) { const menuWidth = 58; const menuHeight = 32; const screenX = this.tower.x - cameraX; const screenY = this.tower.y - cameraY; let menuX = screenX + 12; let menuY = screenY - menuHeight / 2; if (menuX + menuWidth > Constants.Viewport.Width) { menuX = screenX - menuWidth - 12; } if (menuY < Constants.Hud.Height) { menuY = Constants.Hud.Height; } if (menuY + menuHeight > Constants.Viewport.Height) { menuY = Constants.Viewport.Height - menuHeight; } rectfill(menuX, menuY, menuX + menuWidth, menuY + menuHeight, 0); rectfill(menuX + 1, menuY + 1, menuX + menuWidth - 1, menuY + menuHeight - 1, 1); const lvlText = this.tower.type.name + ' Lv' + this.tower.level; text(lvlText, menuX + 4, menuY + 1, 7); // Upgrade option const upgradeY = menuY + 12; const canUpgrade = this.tower.canUpgrade(this.maxUpgradeLevel); const isUpgradeSelected = this.selection === 0; if (isUpgradeSelected) { rectfill(menuX + 2, upgradeY - 1, menuX + menuWidth - 2, upgradeY + 8, 5); } if (canUpgrade) { const cost = this.tower.getUpgradeCost(this.maxUpgradeLevel); text('Up', menuX + 4, upgradeY - 2, isUpgradeSelected ? 7 : 6); text('$' + cost, menuX + 40, upgradeY - 2, isUpgradeSelected ? 10 : 3); } else if (this.tower.canUpgrade()) { text('NO UPGRADE', menuX + 4, upgradeY - 2, 8); } else { text('MAX', menuX + 4, upgradeY - 2, isUpgradeSelected ? 7 : 5); } // Sell option const sellY = menuY + 22; const isSellSelected = this.selection === 1; if (isSellSelected) { rectfill(menuX + 2, sellY - 1, menuX + menuWidth - 2, sellY + 8, 5); } const refund = Math.floor(this.tower.invested / 2); text('Sell', menuX + 4, sellY - 2, isSellSelected ? 7 : 6); text('$' + refund, menuX + 40, sellY - 2, isSellSelected ? 10 : 3); } } class PauseMenu { constructor() { this.selection = 0; // 0 = Resume, 1 = Quit } update() { if (btnp('w') || btnp('ArrowUp')) { this.selection = (this.selection - 1 + 2) % 2; } if (btnp('s') || btnp('ArrowDown')) { this.selection = (this.selection + 1) % 2; } if (btnp('j') || btnp('Enter') || btnp(' ')) { if (this.selection === 0) { return { action: 'resume' }; } else { return { action: 'quit' }; } } if (btnp('k') || btnp('Escape')) { return { action: 'resume' }; } return null; } draw() { rectfill(0, 0, 128, 128, 0); text('PAUSED', 46, 40, 7); const resumeY = 60; const quitY = 72; if (this.selection === 0) { text('> RESUME', 38, resumeY, 10); } else { text(' RESUME', 38, resumeY, 6); } if (this.selection === 1) { text('> QUIT', 38, quitY, 10); } else { text(' QUIT', 38, quitY, 6); } text('W/S: SELECT', 28, 100, 5); text('J: CONFIRM', 32, 110, 5); } } class SaveData { constructor({ unlockedMaps = [0], highScores = {} } = {}) { this.unlockedMaps = unlockedMaps; this.highScores = highScores; } canStartMap(mapId) { return this.unlockedMaps.indexOf(mapId) !== -1; } unlockMap(mapId) { if (this.unlockedMaps.indexOf(mapId) === -1) { this.unlockedMaps.push(mapId); } } save() { try { localStorage.setItem(Constants.SaveKey, JSON.stringify(this.toJSON())); } catch (e) {} } toJSON() { return { unlockedMaps: this.unlockedMaps, highScores: this.highScores, }; } static load() { try { const data = localStorage.getItem(Constants.SaveKey); if (data) { return new SaveData(JSON.parse(data)); } } catch (e) {} return null; } static delete() { try { localStorage.removeItem(Constants.SaveKey); } catch (e) {} } } class Wave { constructor({ enemies, bonusGold = 10 }, spawnPoint, waitForPlayer = false) { this.spawnPoint = spawnPoint; this.bonusGold = waitForPlayer ? 0 : bonusGold; this.waitForPlayer = waitForPlayer; this.state = WaveState.PreWave; this.timer = Constants.Wave.PreWaveDelay; this.spawnQueue = []; this.spawnTimer = 0; for (const group of enemies) { for (let i = 0; i < group.count; i++) { this.spawnQueue.push({ type: group.type, delay: group.delay }); } } } update(enemyCount) { let spawned = null; switch (this.state) { case WaveState.PreWave: if (!this.waitForPlayer) { this.timer--; if (this.timer <= 0) { this.state = WaveState.Spawning; this.spawnTimer = 0; } } break; case WaveState.Spawning: this.spawnTimer--; if (this.spawnTimer <= 0 && this.spawnQueue.length > 0) { const next = this.spawnQueue.shift(); spawned = new Enemy(EnemyTypes[next.type], this.spawnPoint); this.spawnTimer = next.delay; } if (this.spawnQueue.length === 0) { this.state = WaveState.Active; } break; case WaveState.Active: if (enemyCount === 0) { this.state = WaveState.Complete; } break; } return spawned; } sendEarly() { if (this.state === WaveState.PreWave) { const bonus = this.bonusGold; this.bonusGold = 0; this.state = WaveState.Spawning; this.spawnTimer = 0; return bonus; } return 0; } isComplete() { return this.state === WaveState.Complete; } isPreWave() { return this.state === WaveState.PreWave; } getCountdown() { return Math.ceil(this.timer / 60); } } class Map { constructor({ id, name, color, spawn, base, path, towers, waves, maxUpgradeLevel }) { this.id = id; this.name = name; this.color = color; this.spawn = spawn; this.base = base; this.path = path; this.towers = towers.map((t) => new Tower(t)); this.waveConfigs = waves; this.maxUpgradeLevel = maxUpgradeLevel; } resetTowers() { for (const tower of this.towers) { tower.reset(); } } createWave(waveNumber, skipPreWave = false) { const waitForPlayer = waveNumber === 1 && !skipPreWave; const wave = new Wave( this.waveConfigs[waveNumber - 1], this.path[0], waitForPlayer ); if (skipPreWave) { wave.state = WaveState.Spawning; wave.bonusGold = 0; } return wave; } getWaveBonusGold(waveNumber) { const config = this.waveConfigs[waveNumber - 1]; return config?.bonusGold ?? 10; } getWaveCount() { return this.waveConfigs.length; } } const EnemyTypes = { Drone: new EnemyType({ health: 20, speed: 0.8, reward: 5, sprite: 'enemy-drone', size: 4, damage: 1, }), Soldier: new EnemyType({ health: 50, speed: 0.5, reward: 10, sprite: 'enemy-soldier', size: 4, damage: 4, }), Tank: new EnemyType({ health: 150, speed: 0.3, reward: 25, sprite: 'enemy-tank', size: 4, damage: 8, }), Boss: new EnemyType({ health: 800, speed: 0.2, reward: 100, sprite: 'enemy-boss', size: 4, damage: 15, }), }; const maps = [ new Map({ id: 0, name: 'OUTPOST ALPHA', color: 11, maxUpgradeLevel: 0, spawn: { x: 0, y: 80 }, base: { x: 256, y: 80 }, path: [ { x: 0, y: 80 }, { x: 60, y: 80 }, { x: 60, y: 140 }, { x: 180, y: 140 }, { x: 180, y: 80 }, { x: 256, y: 80 }, ], towers: [ { x: 40, y: 60 }, { x: 40, y: 100 }, { x: 80, y: 120 }, { x: 140, y: 120 }, { x: 160, y: 160 }, { x: 200, y: 60 }, ], waves: [ { enemies: [{ type: 'Drone', count: 5, delay: 40 }] }, { enemies: [{ type: 'Drone', count: 8, delay: 35 }] }, { enemies: [ { type: 'Drone', count: 5, delay: 40 }, { type: 'Soldier', count: 3, delay: 50 }, ], }, { enemies: [{ type: 'Soldier', count: 6, delay: 45 }] }, { enemies: [ { type: 'Soldier', count: 4, delay: 45 }, { type: 'Tank', count: 2, delay: 90 }, ], }, { enemies: [ { type: 'Drone', count: 10, delay: 30 }, { type: 'Tank', count: 3, delay: 80 }, ], }, { enemies: [ { type: 'Soldier', count: 5, delay: 40 }, { type: 'Tank', count: 4, delay: 70 }, ], bonusGold: 15, }, { enemies: [{ type: 'Boss', count: 1, delay: 0 }], bonusGold: 25, }, ], }), new Map({ id: 1, name: 'FROZEN PASS', color: 12, maxUpgradeLevel: 1, spawn: { x: 128, y: 0 }, base: { x: 128, y: 192 }, path: [ { x: 128, y: 0 }, { x: 128, y: 50 }, { x: 40, y: 50 }, { x: 40, y: 100 }, { x: 200, y: 100 }, { x: 200, y: 150 }, { x: 128, y: 150 }, { x: 128, y: 192 }, ], towers: [ { x: 108, y: 30 }, { x: 148, y: 30 }, { x: 60, y: 70 }, { x: 60, y: 120 }, { x: 180, y: 80 }, { x: 180, y: 130 }, ], waves: [ { enemies: [{ type: 'Drone', count: 6, delay: 35 }] }, { enemies: [ { type: 'Drone', count: 4, delay: 40 }, { type: 'Soldier', count: 4, delay: 45 }, ], }, { enemies: [{ type: 'Soldier', count: 8, delay: 40 }] }, { enemies: [ { type: 'Soldier', count: 5, delay: 45 }, { type: 'Tank', count: 3, delay: 80 }, ], }, { enemies: [ { type: 'Drone', count: 15, delay: 25 }, { type: 'Tank', count: 2, delay: 90 }, ], }, { enemies: [{ type: 'Tank', count: 5, delay: 60 }], bonusGold: 15, }, { enemies: [ { type: 'Soldier', count: 8, delay: 35 }, { type: 'Tank', count: 4, delay: 70 }, ], bonusGold: 20, }, { enemies: [ { type: 'Tank', count: 2, delay: 100 }, { type: 'Boss', count: 1, delay: 0 }, ], bonusGold: 30, }, ], }), new Map({ id: 2, name: 'VOLCANO CORE', color: 8, maxUpgradeLevel: 2, spawn: { x: 0, y: 96 }, base: { x: 256, y: 96 }, path: [ { x: 0, y: 96 }, { x: 80, y: 96 }, { x: 80, y: 40 }, { x: 160, y: 40 }, { x: 160, y: 150 }, { x: 80, y: 150 }, { x: 80, y: 96 }, { x: 160, y: 96 }, { x: 256, y: 96 }, ], towers: [ { x: 60, y: 76 }, { x: 60, y: 116 }, { x: 100, y: 60 }, { x: 140, y: 60 }, { x: 140, y: 130 }, { x: 180, y: 76 }, { x: 180, y: 116 }, ], waves: [ { enemies: [ { type: 'Drone', count: 5, delay: 40 }, { type: 'Soldier', count: 3, delay: 50 }, ], }, { enemies: [{ type: 'Soldier', count: 10, delay: 35 }] }, { enemies: [ { type: 'Soldier', count: 6, delay: 40 }, { type: 'Tank', count: 3, delay: 75 }, ], }, { enemies: [ { type: 'Drone', count: 20, delay: 20 }, { type: 'Tank', count: 4, delay: 70 }, ], }, { enemies: [{ type: 'Tank', count: 8, delay: 50 }], bonusGold: 15 }, { enemies: [ { type: 'Soldier', count: 10, delay: 30 }, { type: 'Tank', count: 5, delay: 60 }, ], bonusGold: 20, }, { enemies: [ { type: 'Tank', count: 4, delay: 80 }, { type: 'Boss', count: 1, delay: 0 }, ], bonusGold: 25, }, { enemies: [{ type: 'Boss', count: 2, delay: 150 }], bonusGold: 50, }, ], }), ]; let state = GameState.Menu; let musicStarted = false; let menuSelection = 0; let mapSelection = 0; let mapScrollOffset = 0; let hasSaveData = false; let saveData = null; let currentMap = null; let cameraX = 0; let cameraY = 0; let gameCursor = null; let hoveredTower = null; let waveButtonHovered = false; let pauseButtonHovered = false; let prevWaveButtonHovered = false; let prevPauseButtonHovered = false; let buildMenu = null; let upgradeMenu = null; let pauseMenu = null; let gold = 100; let baseHealth = 20; let waveNumber = 0; let currentWave = null; let waveTimer = 0; let enemies = []; let projectiles = []; function init() { const loaded = SaveData.load(); hasSaveData = loaded !== null; saveData = loaded ?? new SaveData(); cursor(false); } function update() { switch (state) { case GameState.Menu: updateMenu(); break; case GameState.MapSelect: updateMapSelect(); break; case GameState.Gameplay: updateGameplay(); break; case GameState.GameOver: updateGameOver(); break; case GameState.Victory: updateVictory(); break; } } function draw() { cls(); switch (state) { case GameState.Menu: drawMenu(); break; case GameState.MapSelect: drawMapSelect(); break; case GameState.Gameplay: drawGameplay(); break; case GameState.GameOver: drawGameOver(); break; case GameState.Victory: drawVictory(); break; } } function updateMenu() { const menuItems = hasSaveData ? 2 : 1; if (btnp('w') || btnp('ArrowUp')) { menuSelection = (menuSelection - 1 + menuItems) % menuItems; } if (btnp('s') || btnp('ArrowDown')) { menuSelection = (menuSelection + 1) % menuItems; } if (btnp('j') || btnp('Enter') || btnp(' ')) { if (menuSelection === 0) { SaveData.delete(); saveData = new SaveData(); saveData.save(); hasSaveData = true; mapSelection = 0; mapScrollOffset = 0; state = GameState.MapSelect; } else if (menuSelection === 1 && hasSaveData) { mapSelection = 0; mapScrollOffset = 0; state = GameState.MapSelect; } } } function drawMenu() { text('TOWER DEFENSE', 24, 20, 7); const newGameY = 48; const continueY = 58; if (menuSelection === 0) { text('> NEW GAME', 32, newGameY, 10); } else { text(' NEW GAME', 32, newGameY, 6); } if (hasSaveData) { if (menuSelection === 1) { text('> CONTINUE', 32, continueY, 10); } else { text(' CONTINUE', 32, continueY, 6); } } text('W/S: SELECT', 28, 86, 5); text('J: CONFIRM', 32, 96, 5); text('MUSIC: ABSTRACTION', 19, 118, 1); } function updateMapSelect() { if (btnp('w') || btnp('ArrowUp')) { mapSelection = (mapSelection - 1 + maps.length) % maps.length; } if (btnp('s') || btnp('ArrowDown')) { mapSelection = (mapSelection + 1) % maps.length; } if (mapSelection < mapScrollOffset) { mapScrollOffset = mapSelection; } if (mapSelection >= mapScrollOffset + Constants.Maps.Visible) { mapScrollOffset = mapSelection - Constants.Maps.Visible + 1; } if (btnp('j') || btnp('Enter') || btnp(' ')) { if (saveData.canStartMap(mapSelection)) { startGame(mapSelection); } } if (btnp('k') || btnp('Escape')) { state = GameState.Menu; } } function drawMapSelect() { text('SELECT MAP', 32, 10, 7); const canScrollUp = mapScrollOffset > 0; const canScrollDown = mapScrollOffset + Constants.Maps.Visible < maps.length; if (canScrollUp) { text(' ...', 8, 24, 5); } for (let i = 0; i < Constants.Maps.Visible; i++) { const mapIndex = mapScrollOffset + i; if (mapIndex >= maps.length) break; const y = 36 + i * 20; const unlocked = saveData.canStartMap(mapIndex); const selected = mapIndex === mapSelection; if (unlocked) { const color = selected ? maps[mapIndex].color : 6; const prefix = selected ? '> ' : ' '; text(prefix + maps[mapIndex].name, 8, y, color); } else { const prefix = selected ? '> ' : ' '; text(prefix + '???', 8, y, 5); text('LOCKED', 70, y, 5); } } if (canScrollDown) { text(' ...', 8, 88, 5); } rectfill(0, 98, 127, 127, 0); text('W/S: SELECT', 8, 100, 5); text('J: PLAY K: BACK', 8, 110, 5); } function startGame(mapIndex) { currentMap = maps[mapIndex]; cameraX = 0; cameraY = 0; gameCursor = new Cursor(64, 64); hoveredTower = null; buildMenu = null; upgradeMenu = null; pauseMenu = null; gold = 100; baseHealth = 20; waveNumber = 0; currentWave = null; enemies = []; projectiles = []; state = GameState.Gameplay; if (!musicStarted) { // music('bgMusic', { loop: true, volume: 0.1 }); musicStarted = true; } currentMap.resetTowers(); startNextWave(); } function startNextWave(skipPreWave = false) { waveNumber++; waveTimer = 0; if (waveNumber > currentMap.getWaveCount()) { state = GameState.Victory; saveData.unlockMap(currentMap.id + 1); saveData.save(); sfx('win'); return; } currentWave = currentMap.createWave(waveNumber, skipPreWave); sfx('waveClick'); } function canSendNextWaveEarly() { return ( !currentWave.isPreWave() && !currentWave.isComplete() && waveNumber < currentMap.getWaveCount() && waveTimer >= Constants.Wave.EarlySendDelay ); } function updateGameplay() { if (pauseMenu) { const result = pauseMenu.update(); if (result) { if (result.action === 'quit') { pauseMenu = null; state = GameState.MapSelect; } else { pauseMenu = null; } } return; } if (buildMenu) { const result = buildMenu.update(gold); if (result) { if (result.action === 'build') { proximitySfx('build', buildMenu.tower.x, buildMenu.tower.y); buildMenu.tower.build(result.type); gold -= result.type.cost; } buildMenu = null; } } else if (upgradeMenu) { const result = upgradeMenu.update(gold); if (result) { if (result.action === 'upgrade') { upgradeMenu.tower.upgrade(upgradeMenu.tower.level + 1); gold -= result.cost; proximitySfx('upgrade', upgradeMenu.tower.x, upgradeMenu.tower.y); } else if (result.action === 'sell') { proximitySfx('sell', upgradeMenu.tower.x, upgradeMenu.tower.y); gold += upgradeMenu.tower.sell(); } upgradeMenu = null; } } else { const cameraDelta = gameCursor.update(cameraX, cameraY); cameraX = Math.max( 0, Math.min( Constants.World.Width - Constants.Viewport.Width, cameraX + cameraDelta.dx ) ); cameraY = Math.max( 0, Math.min( Constants.World.Height - Constants.Viewport.Height, cameraY + cameraDelta.dy ) ); hoveredTower = gameCursor.getTowerAt(currentMap.towers); const wb = Constants.WaveButton; const canSendEarly = currentWave.isPreWave() || canSendNextWaveEarly(); waveButtonHovered = canSendEarly && gameCursor.isOverButton(cameraX, cameraY, wb.X, wb.Y, wb.Width, wb.Height); const pb = Constants.PauseButton; pauseButtonHovered = gameCursor.isOverButton( cameraX, cameraY, pb.X, pb.Y, pb.Width, pb.Height ); if (waveButtonHovered && !prevWaveButtonHovered) sfx('hover'); if (pauseButtonHovered && !prevPauseButtonHovered) sfx('hover'); prevWaveButtonHovered = waveButtonHovered; prevPauseButtonHovered = pauseButtonHovered; if (btnp('j') || btnp('Enter') || btnp(' ')) { if (pauseButtonHovered) { sfx('pauseClick'); pauseMenu = new PauseMenu(); } else if (waveButtonHovered) { sfx('waveClick'); if (currentWave.isPreWave()) { gold += currentWave.sendEarly(); } else { gold += currentMap.getWaveBonusGold(waveNumber + 1); startNextWave(true); } } else if (hoveredTower && hoveredTower.isEmpty()) { buildMenu = new BuildMenu(hoveredTower); } else if (hoveredTower && !hoveredTower.isEmpty()) { upgradeMenu = new UpgradeMenu(hoveredTower, currentMap.maxUpgradeLevel); } } if (btnp('k') || btnp('Escape')) { pauseMenu = new PauseMenu(); } } waveTimer++; const spawned = currentWave.update(enemies.length); if (spawned) { enemies.push(spawned); } if (currentWave.isComplete()) { startNextWave(); } for (const tower of currentMap.towers) { const killed = tower.update(enemies, projectiles); for (const enemy of killed) { gold += enemy.reward; const idx = enemies.indexOf(enemy); if (idx !== -1) enemies.splice(idx, 1); } } for (let i = projectiles.length - 1; i >= 0; i--) { const proj = projectiles[i]; const killed = proj.update(enemies); for (const enemy of killed) { gold += enemy.reward; const idx = enemies.indexOf(enemy); if (idx !== -1) enemies.splice(idx, 1); } if (proj.done) { projectiles.splice(i, 1); } } const allFighters = []; for (const tower of currentMap.towers) { allFighters.push(...tower.fighters); } for (let i = enemies.length - 1; i >= 0; i--) { const enemy = enemies[i]; enemy.update(currentMap.path, allFighters); if (enemy.reachedEnd) { sfx('hit'); baseHealth -= enemy.damage; enemies.splice(i, 1); if (baseHealth <= 0) { state = GameState.GameOver; sfx('lose'); } } } } function drawGameplay() { camera(cameraX, cameraY); drawMap(); drawPath(); camera(0, 0); for (const tower of currentMap.towers) { tower.draw(cameraX, cameraY, tower === hoveredTower); } for (const enemy of enemies) enemy.draw(cameraX, cameraY); for (const tower of currentMap.towers) { for (const fighter of tower.fighters) { fighter.draw(cameraX, cameraY); } } for (const proj of projectiles) proj.draw(cameraX, cameraY); drawHud(); gameCursor.draw(cameraX, cameraY); if (buildMenu) { buildMenu.draw(cameraX, cameraY); } if (upgradeMenu) { upgradeMenu.draw(cameraX, cameraY); } if (pauseMenu) { pauseMenu.draw(); } } function drawMap() { rectfill(0, 0, Constants.World.Width, Constants.World.Height, 3); } function drawPath() { const path = currentMap.path; for (let i = 0; i < path.length - 1; i++) { const from = path[i]; const to = path[i + 1]; const thickness = 8; if (from.x === to.x) { const minY = Math.min(from.y, to.y); const maxY = Math.max(from.y, to.y); rectfill(from.x - thickness / 2, minY, from.x + thickness / 2, maxY, 4); } else { const minX = Math.min(from.x, to.x); const maxX = Math.max(from.x, to.x); rectfill(minX, from.y - thickness / 2, maxX, from.y + thickness / 2, 4); } } circfill(currentMap.spawn.x, currentMap.spawn.y, 6, 11); circfill(currentMap.base.x, currentMap.base.y, 6, 8); } function drawHud() { rectfill(0, 0, 128, Constants.Hud.Height, 0); text('G:' + gold, 2, 2, 10); text('HP:' + baseHealth, 32, 2, 8); text('W:' + waveNumber + '/' + currentMap.getWaveCount(), 60, 2, 12); const showButton = currentWave.isPreWave() || canSendNextWaveEarly(); if (showButton) { const wb = Constants.WaveButton; const prefix = waveButtonHovered ? 'wave-btn-hover' : 'wave-btn'; spr(`${prefix}-tl`, wb.X, wb.Y); spr(`${prefix}-tr`, wb.X + 8, wb.Y); spr(`${prefix}-bl`, wb.X, wb.Y + 8); spr(`${prefix}-br`, wb.X + 8, wb.Y + 8); const textColor = waveButtonHovered ? 0 : 7; if (currentWave.isPreWave()) { if (currentWave.waitForPlayer) { text('GO!', wb.X + 2, wb.Y + 5, textColor); } else { const seconds = currentWave.getCountdown(); if (currentWave.bonusGold > 0) { text('+' + currentWave.bonusGold, wb.X + 2, wb.Y + 5, textColor); } else { text(seconds + 's', wb.X + 4, wb.Y + 5, textColor); } } } else { const nextBonus = currentMap.getWaveBonusGold(waveNumber + 1); text('+' + nextBonus, wb.X + 2, wb.Y + 5, textColor); } } const pb = Constants.PauseButton; const pausePrefix = pauseButtonHovered ? 'wave-btn-hover' : 'wave-btn'; spr(`${pausePrefix}-tl`, pb.X, pb.Y); spr(`${pausePrefix}-tr`, pb.X + 8, pb.Y); spr(`${pausePrefix}-bl`, pb.X, pb.Y + 8); spr(`${pausePrefix}-br`, pb.X + 8, pb.Y + 8); const pauseBarColor = pauseButtonHovered ? 0 : 7; rectfill(pb.X + 5, pb.Y + 4, pb.X + 7, pb.Y + 12, pauseBarColor); rectfill(pb.X + 9, pb.Y + 4, pb.X + 11, pb.Y + 12, pauseBarColor); } function updateGameOver() { if (btnp('j') || btnp('Enter') || btnp(' ')) { state = GameState.Menu; } } function drawGameOver() { text('GAME OVER', 36, 50, 8); text('J: MENU', 44, 80, 5); } function updateVictory() { if (btnp('j') || btnp('Enter') || btnp(' ')) { state = GameState.MapSelect; } } function drawVictory() { text('VICTORY!', 40, 50, 11); text('J: CONTINUE', 32, 80, 5); } start({ sprites, sounds, init, update, draw, target, }); } );

Editando: Tower Defense

Ediciones recientes

Plugins