engine.scope( ({ start, cls, spr, text, textSize, btn, btnp, rectfill, rect, sfx, boxesCollide, rnd, randomIntegerBetween, camera, creset, cursor, }) => { // prettier-ignore const sprites = { // Ship 1 (white) - classic arrow 'ship1': [ [ -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, 7, 7, 7, 7, -1, -1, -1, -1, 7, 7, 7, 7, -1, -1, -1, 7, 7, 7, 7, 7, 7, -1, -1, 7, 7, 7, 7, 7, 7, -1, -1, 7, -1, -1, -1, -1, 7, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], // Ship 2 (green) - wider wings 'ship2': [ [ -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, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, -1, 11, 11, -1, 11, 11, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], // Ship 3 (red) - angular fighter 'ship3': [ [ -1, -1, -1, 8, 8, -1, -1, -1, -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, -1, 8, 8, 8, 8, -1, 8, 8, -1, -1, -1, -1, -1, -1, 8, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], // Ship 4 (yellow) - sleek design 'ship4': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 10, -1, -1, -1, -1, 10, -1, 10, 10, -1, 10, 10, -1, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, -1, -1, 10, 10, 10, 10, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], // Aliens: 4 color variants x 2 animation frames = 8 sprites // Row 0 = red (8), Row 1 = yellow (10), Row 2 = cyan (12), Row 3 = green (11) 'alien-0-0': [ [ -1, 8, -1, -1, -1, -1, 8, -1, -1, -1, 8, -1, -1, 8, -1, -1, -1, 8, 8, 8, 8, 8, 8, -1, 8, 8, -1, 8, 8, -1, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, -1, 8, 8, 8, 8, 8, 8, -1, -1, 8, -1, -1, -1, -1, 8, -1, -1, -1, 8, -1, -1, 8, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'alien-0-1': [ [ -1, 8, -1, -1, -1, -1, 8, -1, -1, -1, 8, -1, -1, 8, -1, -1, -1, 8, 8, 8, 8, 8, 8, -1, 8, 8, -1, 8, 8, -1, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, -1, -1, 8, 8, 8, 8, -1, -1, -1, 8, -1, -1, -1, -1, 8, -1, 8, -1, -1, -1, -1, -1, -1, 8, ], [false, false, false, false, false, false, false, false], ], 'alien-1-0': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 10, 10, 10, 10, -1, -1, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, -1, 10, 10, -1, 10, 10, -1, 10, -1, -1, -1, -1, 10, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'alien-1-1': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 10, 10, 10, 10, -1, -1, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, -1, 10, 10, -1, 10, 10, 10, -1, -1, -1, -1, -1, -1, 10, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'alien-2-0': [ [ -1, -1, -1, 12, 12, -1, -1, -1, -1, 12, 12, 12, 12, 12, 12, -1, -1, 12, 12, 12, 12, 12, 12, -1, 12, 12, -1, 12, 12, -1, 12, 12, 12, -1, 12, 12, 12, 12, -1, 12, -1, -1, 12, 12, 12, 12, -1, -1, -1, 12, -1, 12, 12, -1, 12, -1, -1, 12, -1, 12, 12, -1, 12, -1, ], [false, false, false, false, false, false, false, false], ], 'alien-2-1': [ [ -1, -1, -1, 12, 12, -1, -1, -1, -1, 12, 12, 12, 12, 12, 12, -1, -1, 12, 12, 12, 12, 12, 12, -1, -1, 12, -1, 12, 12, -1, 12, -1, 12, -1, 12, 12, 12, 12, -1, 12, 12, -1, 12, 12, 12, 12, -1, 12, -1, 12, -1, 12, 12, -1, 12, -1, 12, -1, -1, 12, 12, -1, -1, 12, ], [false, false, false, false, false, false, false, false], ], // Player bullet (2x4 drawn as 8x8 with transparency) 'bullet': [ [ -1, -1, -1, 7, 7, -1, -1, -1, -1, -1, -1, 10, 10, -1, -1, -1, -1, -1, -1, 10, 10, -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, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], // Alien bullet 'alien-bullet': [ [ -1, -1, -1, 8, 8, -1, -1, -1, -1, -1, -1, 9, 9, -1, -1, -1, -1, -1, -1, 9, 9, -1, -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, -1, -1, ], [false, false, false, false, false, false, false, false], ], // Lock icon (2x2) 'icon-lock-tl': [ [ -1, -1, 5, 5, 5, 5, -1, -1, -1, 5, 5, -1, -1, 5, 5, -1, -1, 5, -1, -1, -1, -1, 5, -1, -1, 5, -1, -1, -1, -1, 5, -1, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 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, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -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-bl': [ [ 5, 5, 5, 7, 7, 5, 5, 5, 5, 5, 5, 7, 7, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 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, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'icon-lock-br': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -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], ], // Explosion 'explosion': [ [ -1, -1, 10, -1, -1, 10, -1, -1, -1, 9, -1, 9, 9, -1, 9, -1, 10, -1, 9, 10, 10, 9, -1, 10, -1, 9, 10, 10, 10, 10, 9, -1, -1, 9, 10, 10, 10, 10, 9, -1, 10, -1, 9, 10, 10, 9, -1, 10, -1, 9, -1, 9, 9, -1, 9, -1, -1, -1, 10, -1, -1, 10, -1, -1, ], [false, false, false, false, false, false, false, false], ], // Checkmark icon (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, 11, -1, -1, -1, -1, -1, -1, 11, 11, -1, -1, -1, -1, -1, 11, 11, -1, -1, -1, -1, -1, 11, 11, -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, 11, 11, -1, -1, -1, -1, -1, -1, -1, 11, 11, -1, -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, ], [false, false, false, false, false, false, false, false], ], 'checkmark-bl': [ [ -1, -1, -1, 11, 11, -1, -1, -1, -1, -1, 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, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'checkmark-br': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -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], ], }; const sounds = { select: [1, [35, 0.35, 1], [38, 0.3, 1], [0, 0, 1]], shoot: [1, [40, 0.3, 0], [44, 0.25, 0], [48, 0.2, 0], [0, 0, 0]], alienShoot: [1, [30, 0.25, 2], [26, 0.2, 2], [22, 0.15, 2], [0, 0, 2]], hit: [1, [20, 0.4, 2], [16, 0.3, 2], [12, 0.2, 2], [0, 0, 2]], buildingBreak: [1, [15, 0.2, 2], [12, 0.15, 2], [0, 0, 2]], levelStart: [2, [32, 0.35, 0], [36, 0.4, 0], [40, 0.45, 0], [44, 0.4, 0], [0, 0, 0]], gameOver: [ 2, [30, 0.4, 2], [26, 0.35, 2], [22, 0.3, 2], [18, 0.25, 2], [14, 0.15, 2], [0, 0, 2], ], pauseOpen: [1, [30, 0.2, 1], [28, 0.15, 1], [0, 0, 1]], unlock: [ 2, [28, 0.4, 0], [32, 0.45, 0], [36, 0.5, 0], [40, 0.5, 0], [42, 0.45, 0], [44, 0.4, 0], [0, 0, 0], ], }; const GameState = { Menu: 'menu', Playing: 'playing', Paused: 'paused', GameOver: 'gameover', Stats: 'stats', Unlocks: 'unlocks', }; const Constants = { SaveKey: 'space-invaders-save', CanvasSize: 128, Player: { Y: 118, Speed: 2, Width: 8, Height: 8 }, Bullet: { Speed: 1.5, Width: 2, Height: 4 }, AlienBullet: { Speed: 1, Width: 2, Height: 4 }, Aliens: { Rows: 3, Cols: 8, Size: 8, Gap: 3, StartY: 20, BaseDelay: 20, DelayReduction: 1, MinDelay: 3, }, Buildings: { Count: 4, BlockSize: 2, TemplateCols: 12, TemplateRows: 8, Y: 92 }, Unlocks: { Ship2: 1, Ship3: 2, Ship4: 3 }, Lives: 3, InvincibilityFrames: 30, }; class SaveData { constructor({ stats, unlockedShips, selectedShip } = {}) { this.stats = stats || { gamesPlayed: 0, totalKills: 0, bestLevel: 0, totalLevelsCleared: 0, totalDeaths: 0, shipsUnlocked: 1, }; this.unlockedShips = unlockedShips || ['ship1']; this.selectedShip = selectedShip || 'ship1'; } isShipUnlocked(shipKey) { return this.unlockedShips.includes(shipKey); } unlockShip(shipKey) { if (!this.isShipUnlocked(shipKey)) { this.unlockedShips.push(shipKey); this.stats.shipsUnlocked = this.unlockedShips.length; return true; } return false; } recordGame(kills, level, levelsCleared, deaths) { this.stats.gamesPlayed++; this.stats.totalKills += kills; if (level > this.stats.bestLevel) this.stats.bestLevel = level; this.stats.totalLevelsCleared += levelsCleared; this.stats.totalDeaths += deaths; } checkUnlocks(levelsCleared) { let newUnlock = false; if (levelsCleared >= Constants.Unlocks.Ship2 && this.unlockShip('ship2')) newUnlock = true; if (levelsCleared >= Constants.Unlocks.Ship3 && this.unlockShip('ship3')) newUnlock = true; if (levelsCleared >= Constants.Unlocks.Ship4 && this.unlockShip('ship4')) 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, unlockedShips: this.unlockedShips, selectedShip: this.selectedShip, }; } } let state = GameState.Menu; let saveData = new SaveData(); let menuSelection = 0; let menuShipX = 60; let pauseSelection = 0; let gameOverSelection = 0; let unlockSelection = 0; let playerX = 56; let lives = Constants.Lives; let level = 1; let playerBullet = null; let aliens = []; let alienOffsetX = 0; let alienOffsetY = 0; let alienDir = 1; let alienDropping = false; let moveTimer = 0; let moveDelay = Constants.Aliens.BaseDelay; let alienAnimFrame = 0; let alienBullet = null; let killsThisGame = 0; let levelsThisGame = 0; let deathsThisGame = 0; let newUnlock = false; let invincibilityTimer = 0; let shakeFrames = 0; let explosions = []; let levelFlashTimer = 0; let buildings = []; const BUILDING_TEMPLATE = [ '..########..', '.##########.', '############', '############', '############', '############', '#####..#####', '####....####', ]; const buildingPositions = [8, 36, 64, 92]; function init() { saveData = SaveData.load() || new SaveData(); cursor(false); state = GameState.Menu; } function update() { switch (state) { case GameState.Menu: updateMenu(); break; case GameState.Playing: updatePlaying(); break; case GameState.Paused: updatePaused(); break; case GameState.GameOver: updateGameOver(); break; case GameState.Stats: updateStats(); break; case GameState.Unlocks: updateUnlocks(); break; } } function draw() { 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(); break; case GameState.Unlocks: drawUnlocks(); break; } } // --- Menu --- function updateMenu() { if (btn('ArrowLeft')) { menuShipX -= Constants.Player.Speed; if (menuShipX < 0) menuShipX = 0; } if (btn('ArrowRight')) { menuShipX += Constants.Player.Speed; if (menuShipX > Constants.CanvasSize - Constants.Player.Width) menuShipX = Constants.CanvasSize - Constants.Player.Width; } if (btnp('ArrowDown')) { menuSelection = (menuSelection + 1) % 3; } if (btnp('ArrowUp')) { menuSelection = (menuSelection - 1 + 3) % 3; } if (btnp('j')) { sfx('select'); if (menuSelection === 0) startGame(); else if (menuSelection === 1) state = GameState.Stats; else if (menuSelection === 2) state = GameState.Unlocks; } } function drawMenu() { cls(0); const title = 'SPACE INVADERS'; const titleW = textSize(title).x; text(title, Math.floor((Constants.CanvasSize - titleW) / 2), 14, 7); const labels = ['NEW GAME', 'STATS', 'UNLOCKS']; for (let i = 0; i < 3; i++) { const y = 46 + i * 16; const color = i === menuSelection ? 10 : 7; const labelW = textSize(labels[i]).x; text(labels[i], Math.floor((Constants.CanvasSize - labelW) / 2), y, color); } spr(saveData.selectedShip, menuShipX, Constants.Player.Y); } // --- Playing --- function initAliens() { aliens = []; for (let row = 0; row < Constants.Aliens.Rows; row++) { aliens[row] = []; for (let col = 0; col < Constants.Aliens.Cols; col++) { aliens[row][col] = true; } } const gridWidth = Constants.Aliens.Cols * (Constants.Aliens.Size + Constants.Aliens.Gap) - Constants.Aliens.Gap; alienOffsetX = Math.floor((Constants.CanvasSize - gridWidth) / 2); alienOffsetY = Constants.Aliens.StartY; alienDir = 1; alienDropping = false; alienAnimFrame = 0; moveTimer = moveDelay; } function alienGridBounds() { let minCol = Constants.Aliens.Cols, maxCol = -1; let minRow = Constants.Aliens.Rows, maxRow = -1; for (let row = 0; row < Constants.Aliens.Rows; row++) { for (let col = 0; col < Constants.Aliens.Cols; col++) { if (aliens[row][col]) { if (col < minCol) minCol = col; if (col > maxCol) maxCol = col; if (row < minRow) minRow = row; if (row > maxRow) maxRow = row; } } } return { minCol, maxCol, minRow, maxRow }; } function aliensAlive() { for (let row = 0; row < Constants.Aliens.Rows; row++) { for (let col = 0; col < Constants.Aliens.Cols; col++) { if (aliens[row][col]) return true; } } return false; } function alienWorldPos(row, col) { const step = Constants.Aliens.Size + Constants.Aliens.Gap; return { x: alienOffsetX + col * step, y: alienOffsetY + row * step, }; } function initBuildings() { buildings = []; for (let i = 0; i < Constants.Buildings.Count; i++) { buildings.push(BUILDING_TEMPLATE.map((row) => row.split('').map((c) => c === '#'))); } } function destroyBuildingAt(grid, localX, localY) { const col = Math.floor(localX / Constants.Buildings.BlockSize); const row = Math.floor(localY / Constants.Buildings.BlockSize); for (let dr = -1; dr <= 1; dr++) { for (let dc = -1; dc <= 1; dc++) { const r = row + dr, c = col + dc; if (r >= 0 && r < grid.length && c >= 0 && c < grid[0].length) { grid[r][c] = false; } } } } function checkBulletVsBuildings(bx, by, bw, bh) { const bs = Constants.Buildings.BlockSize; const buildingW = Constants.Buildings.TemplateCols * bs; const buildingH = Constants.Buildings.TemplateRows * bs; for (let i = 0; i < buildings.length; i++) { const px = buildingPositions[i]; const py = Constants.Buildings.Y; if (bx + bw > px && bx < px + buildingW && by + bh > py && by < py + buildingH) { const localX = bx + bw / 2 - px; const localY = by + bh / 2 - py; const col = Math.floor(localX / bs); const row = Math.floor(localY / bs); if ( row >= 0 && row < buildings[i].length && col >= 0 && col < buildings[i][0].length && buildings[i][row][col] ) { destroyBuildingAt(buildings[i], localX, localY); sfx('buildingBreak'); return true; } } } return false; } function getAliveAliens() { const alive = []; for (let row = 0; row < Constants.Aliens.Rows; row++) { for (let col = 0; col < Constants.Aliens.Cols; col++) { if (aliens[row][col]) alive.push({ row, col }); } } return alive; } function destroyBuildingsUnderAliens() { const bs = Constants.Buildings.BlockSize; const buildingW = Constants.Buildings.TemplateCols * bs; const buildingH = Constants.Buildings.TemplateRows * bs; for (let row = 0; row < Constants.Aliens.Rows; row++) { for (let col = 0; col < Constants.Aliens.Cols; col++) { if (!aliens[row][col]) continue; const pos = alienWorldPos(row, col); for (let i = 0; i < buildings.length; i++) { const px = buildingPositions[i]; const py = Constants.Buildings.Y; if ( pos.x + Constants.Aliens.Size > px && pos.x < px + buildingW && pos.y + Constants.Aliens.Size > py && pos.y < py + buildingH ) { const startCol = Math.max(0, Math.floor((pos.x - px) / bs)); const endCol = Math.min( buildings[i][0].length - 1, Math.floor((pos.x + Constants.Aliens.Size - px) / bs) ); const startRow = Math.max(0, Math.floor((pos.y - py) / bs)); const endRow = Math.min( buildings[i].length - 1, Math.floor((pos.y + Constants.Aliens.Size - py) / bs) ); for (let r = startRow; r <= endRow; r++) { for (let c = startCol; c <= endCol; c++) { buildings[i][r][c] = false; } } } } } } } function updatePlaying() { if (btnp('Escape') || btnp('k')) { sfx('pauseOpen'); pauseSelection = 0; state = GameState.Paused; return; } if (btn('ArrowLeft')) { playerX -= Constants.Player.Speed; if (playerX < 0) playerX = 0; } if (btn('ArrowRight')) { playerX += Constants.Player.Speed; if (playerX > Constants.CanvasSize - Constants.Player.Width) playerX = Constants.CanvasSize - Constants.Player.Width; } if (btnp('j') || btnp('z') && !playerBullet) { playerBullet = { x: playerX + Constants.Player.Width / 2 - Constants.Bullet.Width / 2, y: Constants.Player.Y - Constants.Bullet.Height, }; sfx('shoot'); } if (invincibilityTimer > 0) invincibilityTimer--; if (playerBullet) { playerBullet.y -= Constants.Bullet.Speed; if (playerBullet.y + Constants.Bullet.Height < 0) { playerBullet = null; } } if (playerBullet) { if ( checkBulletVsBuildings( playerBullet.x, playerBullet.y, Constants.Bullet.Width, Constants.Bullet.Height ) ) { playerBullet = null; } } if (playerBullet) { const bRect = [ playerBullet.x, playerBullet.y, Constants.Bullet.Width, Constants.Bullet.Height, ]; for (let row = 0; row < Constants.Aliens.Rows; row++) { for (let col = 0; col < Constants.Aliens.Cols; col++) { if (!aliens[row][col]) continue; const pos = alienWorldPos(row, col); const aRect = [pos.x, pos.y, Constants.Aliens.Size, Constants.Aliens.Size]; if (boxesCollide(bRect, aRect)) { aliens[row][col] = false; explosions.push({ x: pos.x, y: pos.y, timer: 8 }); playerBullet = null; killsThisGame++; sfx('hit'); break; } } if (!playerBullet) break; } } if (!alienBullet) { const alive = getAliveAliens(); const shootChance = Math.min(1 / 20 + (level - 1) * 0.01, 1 / 6); if (alive.length > 0 && rnd() < shootChance) { const shooter = alive[Math.floor(rnd() * alive.length)]; const pos = alienWorldPos(shooter.row, shooter.col); alienBullet = { x: pos.x + Constants.Aliens.Size / 2 - Constants.AlienBullet.Width / 2, y: pos.y + Constants.Aliens.Size, }; sfx('alienShoot'); } } if (alienBullet) { alienBullet.y += Constants.AlienBullet.Speed; if (alienBullet.y > Constants.CanvasSize) { alienBullet = null; } } if (alienBullet) { if ( checkBulletVsBuildings( alienBullet.x, alienBullet.y, Constants.AlienBullet.Width, Constants.AlienBullet.Height ) ) { alienBullet = null; } } if (alienBullet && invincibilityTimer <= 0) { const pRect = [ playerX, Constants.Player.Y, Constants.Player.Width, Constants.Player.Height, ]; const abRect = [ alienBullet.x, alienBullet.y, Constants.AlienBullet.Width, Constants.AlienBullet.Height, ]; if (boxesCollide(pRect, abRect)) { alienBullet = null; handleDeath(); if (lives <= 0) return; } } moveTimer--; if (moveTimer <= 0) { moveTimer = moveDelay; alienAnimFrame = 1 - alienAnimFrame; if (alienDropping) { alienOffsetY += 8; alienDropping = false; } else { alienOffsetX += 2 * alienDir; const bounds = alienGridBounds(); const step = Constants.Aliens.Size + Constants.Aliens.Gap; const leftEdge = alienOffsetX + bounds.minCol * step; const rightEdge = alienOffsetX + bounds.maxCol * step + Constants.Aliens.Size; if (rightEdge >= Constants.CanvasSize || leftEdge <= 0) { alienOffsetX -= 2 * alienDir; alienDir *= -1; alienDropping = true; } } } destroyBuildingsUnderAliens(); for (let i = explosions.length - 1; i >= 0; i--) { explosions[i].timer--; if (explosions[i].timer <= 0) explosions.splice(i, 1); } if (levelFlashTimer > 0) levelFlashTimer--; if (shakeFrames > 0) shakeFrames--; const bounds = alienGridBounds(); if (bounds.maxRow >= 0) { const step = Constants.Aliens.Size + Constants.Aliens.Gap; const bottomAlienY = alienOffsetY + bounds.maxRow * step + Constants.Aliens.Size; if (bottomAlienY >= Constants.Player.Y) { handleDeath(); if (lives <= 0) return; } } if (!aliensAlive()) { nextLevel(); } } function nextLevel() { levelsThisGame++; if (saveData.checkUnlocks(levelsThisGame)) { newUnlock = true; sfx('unlock'); } level++; moveDelay = Math.max( Constants.Aliens.MinDelay, Constants.Aliens.BaseDelay - level * Constants.Aliens.DelayReduction ); playerBullet = null; alienBullet = null; initAliens(); initBuildings(); levelFlashTimer = 60; sfx('levelStart'); } function handleDeath() { lives--; deathsThisGame++; shakeFrames = 15; if (lives <= 0) { saveData.checkUnlocks(levelsThisGame); saveData.recordGame(killsThisGame, level, levelsThisGame, deathsThisGame); saveData.save(); sfx('gameOver'); gameOverSelection = 0; state = GameState.GameOver; } else { invincibilityTimer = Constants.InvincibilityFrames; sfx('hit'); } } function drawPlaying() { if (shakeFrames > 0) { const intensity = shakeFrames / 15; const sx = randomIntegerBetween(-3, 3) * intensity; const sy = randomIntegerBetween(-3, 3) * intensity; camera(sx, sy); } cls(0); text('ARROW=MOVE J=FIRE K=PAUSE', 2, 118, 5); drawBuildings(); drawAliens(); drawExplosions(); drawBullets(); drawPlayer(); drawHud(); if (levelFlashTimer > 0) { const label = `LEVEL ${level}`; const labelW = textSize(label).x; text(label, Math.floor((Constants.CanvasSize - labelW) / 2), 56, 10); } creset(); } function drawExplosions() { for (const e of explosions) { spr('explosion', e.x, e.y); } } function drawPlayer() { if (invincibilityTimer > 0 && Math.floor(invincibilityTimer / 3) % 2 === 0) return; spr(saveData.selectedShip, playerX, Constants.Player.Y); } function drawAliens() { for (let row = 0; row < Constants.Aliens.Rows; row++) { const spriteName = `alien-${row}-${alienAnimFrame}`; for (let col = 0; col < Constants.Aliens.Cols; col++) { if (!aliens[row][col]) continue; const pos = alienWorldPos(row, col); spr(spriteName, pos.x, pos.y); } } } function drawBullets() { if (playerBullet) { spr('bullet', playerBullet.x - 3, playerBullet.y); } if (alienBullet) { spr('alien-bullet', alienBullet.x - 3, alienBullet.y); } } function drawBuildings() { const bs = Constants.Buildings.BlockSize; for (let i = 0; i < buildings.length; i++) { const px = buildingPositions[i]; const py = Constants.Buildings.Y; for (let row = 0; row < buildings[i].length; row++) { for (let col = 0; col < buildings[i][row].length; col++) { if (buildings[i][row][col]) { rectfill( px + col * bs, py + row * bs, px + col * bs + bs, py + row * bs + bs, 11 ); } } } } } function drawHud() { text(`LV ${level}`, 2, 0, 7); for (let i = 0; i < lives; i++) { spr(saveData.selectedShip, 128 - 10 * (i + 1), 0); } } // --- Paused --- function updatePaused() { if (btnp('Escape') || btnp('k')) { state = GameState.Playing; return; } if (btnp('ArrowDown')) { pauseSelection = (pauseSelection + 1) % 2; } if (btnp('ArrowUp')) { pauseSelection = (pauseSelection - 1 + 2) % 2; } if (btnp('j')) { 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); } // --- Game Over --- function updateGameOver() { if (btnp('ArrowDown')) { gameOverSelection = (gameOverSelection + 1) % 2; } if (btnp('ArrowUp')) { gameOverSelection = (gameOverSelection - 1 + 2) % 2; } if (btnp('j')) { sfx('select'); if (gameOverSelection === 0) startGame(); else state = GameState.Menu; } } function drawGameOver() { rectfill(0, 0, 128, 128, 0); text('GAME OVER', 38, 30, 8); text(`LEVEL: ${level}`, 42, 48, 7); text(`KILLS: ${killsThisGame}`, 42, 58, 7); if (newUnlock) { text('NEW SHIP!', 38, 72, 10); } text('RETRY', 48, 92, gameOverSelection === 0 ? 10 : 7); text('MENU', 50, 104, gameOverSelection === 1 ? 10 : 7); } // --- Stats --- function updateStats() { if (btnp('k') || btnp('Escape')) state = GameState.Menu; } function drawStats() { cls(0); text('STATS', 48, 10, 7); const s = saveData.stats; text(`GAMES PLAYED: ${s.gamesPlayed}`, 10, 30, 7); text(`TOTAL KILLS: ${s.totalKills}`, 10, 42, 7); text(`BEST LEVEL: ${s.bestLevel}`, 10, 54, 7); text(`LEVELS CLEARED: ${s.totalLevelsCleared}`, 10, 66, 7); text(`TOTAL DEATHS: ${s.totalDeaths}`, 10, 78, 7); text(`SHIPS UNLOCKED: ${s.shipsUnlocked}/4`, 10, 90, 7); text('K=BACK', 46, 112, 6); } // --- Unlocks --- function updateUnlocks() { if (btnp('k') || btnp('Escape')) state = GameState.Menu; if (btnp('ArrowUp')) { unlockSelection = (unlockSelection - 1 + 4) % 4; } if (btnp('ArrowDown')) { unlockSelection = (unlockSelection + 1) % 4; } if (btnp('j')) { const shipKey = `ship${unlockSelection + 1}`; if (saveData.isShipUnlocked(shipKey)) { sfx('select'); saveData.selectedShip = shipKey; saveData.save(); } } } function drawUnlocks() { cls(0); text('UNLOCKS', 42, 6, 7); const ships = ['ship1', 'ship2', 'ship3', 'ship4']; const unlockTexts = ['DEFAULT', 'CLEAR 1 LEVEL', 'CLEAR 2 LEVELS', 'CLEAR 3 LEVELS']; for (let i = 0; i < 4; i++) { const shipKey = ships[i]; const rowY = 22 + i * 22; const unlocked = saveData.isShipUnlocked(shipKey); const selected = i === unlockSelection; const equipped = saveData.selectedShip === shipKey; if (selected) { rectfill(4, rowY, 124, rowY + 20, 1); } if (unlocked) { spr(shipKey, 10, rowY + 6); 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); } } text('J=EQUIP K=BACK', 22, 114, 6); } // --- Helpers --- function startGame() { playerX = 60; lives = Constants.Lives; level = 1; killsThisGame = 0; levelsThisGame = 0; deathsThisGame = 0; newUnlock = false; playerBullet = null; alienBullet = null; invincibilityTimer = 0; shakeFrames = 0; explosions = []; levelFlashTimer = 0; moveDelay = Constants.Aliens.BaseDelay; gameOverSelection = 0; initAliens(); initBuildings(); state = GameState.Playing; } start({ sprites, sounds, init, update, draw, target, }); } );

Editing: Space Invaders

Recent Edits

Plugins