engine.scope(({ start, cls, spr, btn, btnp, sfx, music, boxesCollide, fget, text, rect }) => { const Constants = { TileSize: 8, LevelHeight: 16, LevelWidth: 214, ScreenWidth: 128, ScreenHeight: 128, VisibleTilesX: 16, TileBufferCount: 1, SpawnDistance: 16, GetReadyDuration: 90, GameOverDuration: 90, WinInputDelay: 90, OffscreenFramesBeforeDeletion: 120, GroundTopVariants: ['ground-top-1', 'ground-top-2', 'ground-top-3'], GroundFillVariants: ['ground-fill-1', 'ground-fill-2', 'ground-fill-3'], Colors: { Black: 0, DarkGray: 5, White: 7, SkyBlue: 12, }, Player: { Width: 6, Height: 8, HitboxOffsetX: 1, Gravity: 0.4, MaxFallSpeed: 4, WalkAccel: 0.3, WalkFriction: 0.8, MaxWalkSpeed: 1.5, JumpPower: -6.05, StompBounce: -3, DebugSpeed: 3, }, Goomba: { Width: 8, Height: 8, Gravity: 0.4, MaxFallSpeed: 4, SquishDuration: 30, }, CoinAnimation: { InitialVelocityY: -2, Gravity: 0.2, Duration: 30, StartOffsetY: 8, }, }; // prettier-ignore const sprites = { 'player-stand': [ [ -1, -1, 8, 8, 8, 8, -1, -1, -1, -1, 8, 8, 8, 8, 8, 8, -1, -1, 15, 15, 15, 1, -1, -1, -1, -1, 15, 15, 15, 15, 15, -1, -1, 2, 2, 2, 2, 2, -1, -1, -1, 15, 2, 2, 2, 2, 15, -1, -1, -1, 1, 1, 9, 1, -1, -1, -1, 4, 4, -1, -1, 4, 4, -1, ], [true, false, false, false, false, false, false, false], ], 'player-walk': [ [ -1, -1, 8, 8, 8, 8, -1, -1, -1, -1, 8, 8, 8, 8, 8, 8, -1, -1, 15, 15, 15, 1, -1, -1, -1, -1, 15, 15, 15, 15, 15, -1, -1, -1, 2, 2, 2, 2, -1, -1, -1, 2, 15, 2, 2, 2, 15, -1, -1, -1, 1, 4, 9, 1, -1, -1, -1, -1, 4, -1, -1, 4, 4, -1, ], [true, false, false, false, false, false, false, false], ], 'player-jump': [ [ -1, -1, 8, 8, 8, 8, -1, -1, -1, -1, 8, 8, 8, 8, 8, 8, -1, -1, 15, 15, 15, 1, -1, -1, -1, -1, 15, 15, 15, 15, 15, -1, -1, -1, 2, 2, 2, 2, -1, 15, -1, 2, 2, 2, 2, 2, 2, -1, 15, -1, 1, 1, 9, 1, -1, -1, -1, -1, 4, 4, -1, 4, 4, -1, ], [true, false, false, false, false, false, false, false], ], 'ground-top-1': [ [ 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 5, 4, 4, 4, 5, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 5, 4, 4, 4, 4, ], [true, false, false, false, false, false, false, false], ], 'ground-top-2': [ [ 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 5, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 5, 4, 4, 4, 5, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, ], [true, false, false, false, false, false, false, false], ], 'ground-top-3': [ [ 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 5, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 5, 4, 4, 4, 4, 4, 5, 4, 4, 4, 4, 4, 4, 4, 4, ], [true, false, false, false, false, false, false, false], ], 'ground-fill-1': [ [ 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 5, 4, 4, 4, 4, 5, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 5, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 5, 4, 4, ], [true, false, false, false, false, false, false, false], ], 'ground-fill-2': [ [ 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 5, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 5, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 5, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, ], [true, false, false, false, false, false, false, false], ], 'ground-fill-3': [ [ 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 5, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 5, 4, 4, 5, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, ], [true, false, false, false, false, false, false, false], ], brick: [ [ 5, 5, 5, 5, 5, 5, 5, 5, 5, 6, 6, 5, 5, 6, 6, 5, 5, 6, 6, 5, 5, 6, 6, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 6, 6, 5, 5, 6, 6, 5, 5, 6, 6, 5, 5, 6, 6, 5, 5, 5, 5, 5, 5, 5, 5, 5, ], [true, false, false, false, false, false, false, false], ], stair: [ [ 4, 4, 2, 4, 4, 4, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 2, 2, 2, 2, 2, 2, 2, 2, 4, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 4, 4, 2, 4, 4, 2, 2, 2, 2, 2, 2, 2, 2, ], [true, false, false, false, false, false, false, false], ], question: [ [ 9, 9, 9, 9, 9, 9, 9, 9, 9, 10, 10, 10, 10, 10, 10, 9, 9, 10, 7, 7, 7, 7, 10, 9, 9, 10, 7, 10, 10, 7, 10, 9, 9, 10, 7, 7, 7, 7, 10, 9, 9, 10, 10, 7, 7, 10, 10, 9, 9, 10, 10, 10, 10, 10, 10, 9, 9, 9, 9, 9, 9, 9, 9, 9, ], [true, false, false, false, false, false, false, false], ], 'question-empty': [ [ 9, 9, 9, 9, 9, 9, 9, 9, 9, 4, 4, 4, 4, 4, 4, 9, 9, 4, 5, 5, 5, 5, 4, 9, 9, 4, 5, 4, 4, 5, 4, 9, 9, 4, 5, 5, 5, 5, 4, 9, 9, 4, 4, 5, 5, 4, 4, 9, 9, 4, 4, 4, 4, 4, 4, 9, 9, 9, 9, 9, 9, 9, 9, 9, ], [true, false, false, false, false, false, false, false], ], 'pipe-top-left': [ [ 11, 11, 11, 11, 11, 11, 11, 11, 11, 3, 3, 3, 3, 3, 3, 3, 11, 3, 3, 3, 3, 3, 3, 3, 11, 11, 11, 11, 11, 11, 11, 11, -1, 3, 6, 3, 3, 3, 3, 3, -1, 11, 7, 11, 11, 11, 11, 11, -1, 11, 7, 11, 11, 11, 11, 11, -1, 11, 7, 11, 11, 11, 11, 11, ], [true, false, false, false, false, false, false, false], ], 'pipe-top-right': [ [ 11, 11, 11, 11, 11, 11, 11, 11, 3, 3, 3, 3, 3, 3, 3, 11, 3, 3, 3, 3, 3, 3, 3, 11, 11, 11, 11, 11, 11, 11, 11, 11, 3, 3, 3, 3, 3, 3, 3, -1, 11, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, 11, -1, ], [true, false, false, false, false, false, false, false], ], 'pipe-body-left': [ [ -1, 11, 7, 11, 11, 11, 11, 11, -1, 11, 7, 11, 11, 11, 11, 11, -1, 11, 7, 11, 11, 11, 11, 11, -1, 11, 7, 11, 11, 11, 11, 11, -1, 11, 7, 11, 11, 11, 11, 11, -1, 11, 7, 11, 11, 11, 11, 11, -1, 11, 7, 11, 11, 11, 11, 11, -1, 11, 7, 11, 11, 11, 11, 11, ], [true, false, false, false, false, false, false, false], ], 'pipe-body-right': [ [ 11, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, 11, -1, 11, 11, 11, 11, 11, 11, 11, -1, ], [true, false, false, false, false, false, false, false], ], 'cloud-left': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, 7, 7, 7, 7, 7, -1, -1, 7, 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, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'cloud-mid': [ [ -1, -1, 7, 7, 7, 7, -1, -1, -1, 7, 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, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'cloud-right': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 7, 7, 7, -1, -1, -1, -1, 7, 7, 7, 7, 7, -1, -1, 7, 7, 7, 7, 7, 7, 7, -1, 7, 7, 7, 7, 7, 7, 7, -1, 7, 7, 7, 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], ], 'bush-left': [ [ -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, 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, 11, 11, 11, 11, 11, 11, 11, 11, ], [false, false, false, false, false, false, false, false], ], 'bush-mid': [ [ -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, 11, 11, 11, 11, 11, 11, 11, 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], ], 'bush-right': [ [ -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, 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, 11, ], [false, false, false, false, false, false, false, false], ], flagpole: [ [ -1, -1, -1, 7, -1, -1, -1, -1, -1, -1, -1, 7, -1, -1, -1, -1, -1, -1, -1, 7, -1, -1, -1, -1, -1, -1, -1, 7, -1, -1, -1, -1, -1, -1, -1, 7, -1, -1, -1, -1, -1, -1, -1, 7, -1, -1, -1, -1, -1, -1, -1, 7, -1, -1, -1, -1, -1, -1, -1, 7, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'flag-left': [ [ -1, -1, -1, 7, 8, 8, 8, 8, -1, -1, -1, 7, 8, 8, 8, 8, -1, -1, -1, 7, 8, 8, 8, 8, -1, -1, -1, 7, 8, 8, 8, -1, -1, -1, -1, 7, 8, 8, -1, -1, -1, -1, -1, 7, 8, -1, -1, -1, -1, -1, -1, 7, -1, -1, -1, -1, -1, -1, -1, 7, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'flag-right': [ [ 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, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], 'flagpole-base': [ [ 4, -1, -1, 4, 4, -1, -1, 4, 4, 4, 4, 4, 4, 4, 4, 4, 2, 2, 2, 2, 2, 2, 2, 2, 4, 4, 4, 4, 4, 4, 4, 4, 2, 2, 2, 2, 2, 2, 2, 2, 4, 4, 4, 4, 4, 4, 4, 4, 2, 2, 2, 2, 2, 2, 2, 2, 4, 4, 4, 4, 4, 4, 4, 4, ], [false, false, false, false, false, false, false, false], ], 'castle-brick': [ [ 4, 4, 2, 4, 4, 4, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 2, 2, 2, 2, 2, 2, 2, 2, 4, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 4, 4, 2, 4, 4, 2, 2, 2, 2, 2, 2, 2, 2, ], [false, false, false, false, false, false, false, false], ], 'castle-cren-left': [ [ 4, 4, -1, -1, -1, -1, -1, -1, 4, 4, 2, 4, 4, 4, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 2, 2, 2, 2, 2, 2, 2, 2, 4, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 4, 4, 2, 4, 4, 2, 2, 2, 2, 2, 2, 2, 2, ], [false, false, false, false, false, false, false, false], ], 'castle-cren-mid': [ [ -1, -1, 4, 4, 4, 4, -1, -1, 4, 4, 2, 4, 4, 4, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 2, 2, 2, 2, 2, 2, 2, 2, 4, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 4, 4, 2, 4, 4, 2, 2, 2, 2, 2, 2, 2, 2, ], [false, false, false, false, false, false, false, false], ], 'castle-cren-right': [ [ -1, -1, -1, -1, -1, -1, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 2, 2, 2, 2, 2, 2, 2, 2, 4, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 4, 4, 2, 4, 4, 4, 4, 4, 4, 4, 2, 4, 4, 2, 2, 2, 2, 2, 2, 2, 2, ], [false, false, false, false, false, false, false, false], ], 'castle-door': [ [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, ], [false, false, false, false, false, false, false, false], ], 'castle-door-left': [ [ 4, 4, 2, 4, 4, 0, 0, 0, 4, 4, 2, 0, 0, 0, 0, 0, 4, 4, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 4, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, ], [false, false, false, false, false, false, false, false], ], 'castle-door-right': [ [ 0, 0, 0, 4, 4, 4, 4, 4, 0, 0, 0, 0, 0, 4, 4, 4, 0, 0, 0, 0, 0, 0, 4, 4, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 4, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, ], [false, false, false, false, false, false, false, false], ], 'goomba-0': [ [ -1, -1, 4, 4, 4, 4, -1, -1, -1, 4, 4, 4, 4, 4, 4, -1, -1, 4, 4, 4, 4, 4, 4, -1, 4, 0, 4, 4, 0, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 1, 1, 4, 2, 2, 4, 4, 1, 1, 1, -1, -1, -1, -1, 1, 1, ], [true, false, false, false, false, false, false, false], ], 'goomba-1': [ [ -1, -1, 4, 4, 4, 4, -1, -1, -1, 4, 4, 4, 4, 4, 4, -1, -1, 4, 4, 4, 4, 4, 4, -1, 4, 0, 4, 4, 0, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, 4, -1, 4, 4, 2, 2, 4, 4, -1, -1, -1, 1, 1, 1, 1, -1, -1, ], [true, false, false, false, false, false, false, false], ], 'goomba-dead': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 4, 4, -1, -1, -1, -1, 4, 0, 4, 4, 0, 4, -1, 4, 4, 4, 4, 4, 4, 4, 4, 1, 1, 1, 1, 1, 1, 1, 1, ], [false, false, false, false, false, false, false, false], ], coin: [ [ -1, -1, -1, 10, 10, -1, -1, -1, -1, -1, -1, 10, 10, -1, -1, -1, -1, -1, 10, 10, 10, 10, -1, -1, 10, 10, 10, 7, 10, 10, 10, 10, -1, 10, 10, 10, 10, 10, 10, -1, -1, -1, 10, 10, 10, 10, -1, -1, -1, 10, 10, 10, 10, 10, 10, -1, -1, 10, 10, -1, -1, 10, 10, -1, ], [false, false, false, false, false, false, false, false], ], 'coin-small': [ [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 10, 10, -1, -1, -1, -1, 10, 10, 7, 10, 10, 10, -1, -1, -1, 10, 10, 10, 10, -1, -1, -1, -1, 10, 10, 10, 10, -1, -1, -1, -1, 10, -1, -1, 10, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, ], [false, false, false, false, false, false, false, false], ], }; // Sound effects const sounds = { jump: [5, [80, 0.15, 0], [100, 0.12, 0], [120, 0.08, 0], [110, 0.05, 0]], 'game-over': [ 10, [200, 0.2, 0], [160, 0.2, 0], [120, 0.2, 0], [80, 0.2, 0], [60, 0.15, 0], [50, 0.1, 0], ], win: [ 15, [100, 0.12, 0], [120, 0.12, 0], [140, 0.12, 0], [160, 0.12, 0], [180, 0.15, 0], [200, 0.15, 0], [220, 0.18, 0], ], bump: [3, [60, 0.25, 0], [50, 0.2, 0], [40, 0.15, 0]], coin: [4, [150, 0.2, 1], [180, 0.18, 1], [210, 0.15, 1], [240, 0.12, 1]], stomp: [2, [30, 0.4, 1], [20, 0.2, 1]], death: [ 8, [150, 0.25, 0], [130, 0.22, 0], [110, 0.2, 0], [90, 0.18, 0], [70, 0.15, 0], [50, 0.1, 0], ], }; const levelData = { tiles: [], goombas: [ { x: 22 * 8, y: 12 * 8 }, { x: 40 * 8, y: 12 * 8 }, { x: 42 * 8, y: 12 * 8 }, { x: 51 * 8, y: 12 * 8 }, { x: 53 * 8, y: 12 * 8 }, { x: 82 * 8, y: 12 * 8 }, { x: 97 * 8, y: 12 * 8 }, { x: 99 * 8, y: 12 * 8 }, { x: 123 * 8, y: 12 * 8 }, { x: 130 * 8, y: 4 * 8 }, { x: 132 * 8, y: 4 * 8 }, { x: 134 * 8, y: 4 * 8 }, { x: 174 * 8, y: 12 * 8 }, ], startX: 10 * 8, startY: 96, }; const sparseTiles = [ ...Array.from({ length: 69 }, (_, i) => ({ x: i, y: 14, sprite: 'ground-top' })), ...Array.from({ length: 69 }, (_, i) => ({ x: i, y: 15, sprite: 'ground-fill' })), ...Array.from({ length: 16 }, (_, i) => ({ x: 71 + i, y: 14, sprite: 'ground-top' })), ...Array.from({ length: 16 }, (_, i) => ({ x: 71 + i, y: 15, sprite: 'ground-fill' })), ...Array.from({ length: 12 }, (_, i) => ({ x: 89 + i, y: 14, sprite: 'ground-top' })), ...Array.from({ length: 12 }, (_, i) => ({ x: 89 + i, y: 15, sprite: 'ground-fill' })), ...Array.from({ length: 16 }, (_, i) => ({ x: 103 + i, y: 14, sprite: 'ground-top' })), ...Array.from({ length: 16 }, (_, i) => ({ x: 103 + i, y: 15, sprite: 'ground-fill' })), ...Array.from({ length: 31 }, (_, i) => ({ x: 121 + i, y: 14, sprite: 'ground-top' })), ...Array.from({ length: 31 }, (_, i) => ({ x: 121 + i, y: 15, sprite: 'ground-fill' })), ...Array.from({ length: 4 }, (_, i) => ({ x: 155 + i, y: 14, sprite: 'ground-top' })), ...Array.from({ length: 4 }, (_, i) => ({ x: 155 + i, y: 15, sprite: 'ground-fill' })), { x: 161, y: 14, sprite: 'ground-top' }, { x: 161, y: 15, sprite: 'ground-fill' }, { x: 162, y: 14, sprite: 'ground-top' }, { x: 162, y: 15, sprite: 'ground-fill' }, ...Array.from({ length: 18 }, (_, i) => ({ x: 165 + i, y: 14, sprite: 'ground-top' })), ...Array.from({ length: 18 }, (_, i) => ({ x: 165 + i, y: 15, sprite: 'ground-fill' })), ...Array.from({ length: 31 }, (_, i) => ({ x: 183 + i, y: 14, sprite: 'ground-top' })), ...Array.from({ length: 31 }, (_, i) => ({ x: 183 + i, y: 15, sprite: 'ground-fill' })), { x: 16, y: 9, sprite: 'question' }, { x: 20, y: 9, sprite: 'brick' }, { x: 21, y: 9, sprite: 'question' }, { x: 22, y: 9, sprite: 'brick' }, { x: 22, y: 5, sprite: 'question' }, { x: 23, y: 9, sprite: 'question' }, { x: 24, y: 9, sprite: 'brick' }, { x: 76, y: 9, sprite: 'brick' }, { x: 78, y: 9, sprite: 'brick' }, { x: 79, y: 9, sprite: 'question' }, { x: 80, y: 9, sprite: 'brick' }, { x: 81, y: 9, sprite: 'question' }, { x: 81, y: 5, sprite: 'question' }, { x: 82, y: 9, sprite: 'brick' }, { x: 83, y: 9, sprite: 'question' }, { x: 84, y: 9, sprite: 'brick' }, { x: 91, y: 9, sprite: 'brick' }, { x: 92, y: 9, sprite: 'brick' }, { x: 94, y: 9, sprite: 'brick' }, { x: 95, y: 9, sprite: 'brick' }, { x: 96, y: 9, sprite: 'brick' }, { x: 106, y: 9, sprite: 'brick' }, { x: 108, y: 9, sprite: 'brick' }, { x: 109, y: 9, sprite: 'question' }, { x: 110, y: 9, sprite: 'brick' }, { x: 111, y: 9, sprite: 'question' }, { x: 111, y: 5, sprite: 'question' }, { x: 112, y: 9, sprite: 'brick' }, { x: 113, y: 9, sprite: 'question' }, { x: 114, y: 9, sprite: 'brick' }, { x: 129, y: 5, sprite: 'brick' }, { x: 129, y: 9, sprite: 'question' }, { x: 130, y: 5, sprite: 'brick' }, { x: 131, y: 5, sprite: 'brick' }, { x: 132, y: 5, sprite: 'brick' }, { x: 133, y: 5, sprite: 'brick' }, { x: 134, y: 5, sprite: 'brick' }, { x: 135, y: 5, sprite: 'brick' }, { x: 134, y: 13, sprite: 'stair' }, { x: 135, y: 13, sprite: 'stair' }, { x: 135, y: 12, sprite: 'stair' }, { x: 136, y: 13, sprite: 'stair' }, { x: 136, y: 12, sprite: 'stair' }, { x: 136, y: 11, sprite: 'stair' }, { x: 137, y: 13, sprite: 'stair' }, { x: 137, y: 12, sprite: 'stair' }, { x: 137, y: 11, sprite: 'stair' }, { x: 137, y: 10, sprite: 'stair' }, { x: 140, y: 13, sprite: 'stair' }, { x: 140, y: 12, sprite: 'stair' }, { x: 140, y: 11, sprite: 'stair' }, { x: 140, y: 10, sprite: 'stair' }, { x: 141, y: 13, sprite: 'stair' }, { x: 141, y: 12, sprite: 'stair' }, { x: 141, y: 11, sprite: 'stair' }, { x: 142, y: 13, sprite: 'stair' }, { x: 142, y: 12, sprite: 'stair' }, { x: 143, y: 13, sprite: 'stair' }, { x: 148, y: 13, sprite: 'stair' }, { x: 149, y: 13, sprite: 'stair' }, { x: 149, y: 12, sprite: 'stair' }, { x: 150, y: 13, sprite: 'stair' }, { x: 150, y: 12, sprite: 'stair' }, { x: 150, y: 11, sprite: 'stair' }, { x: 151, y: 13, sprite: 'stair' }, { x: 151, y: 12, sprite: 'stair' }, { x: 151, y: 11, sprite: 'stair' }, { x: 151, y: 10, sprite: 'stair' }, { x: 155, y: 13, sprite: 'stair' }, { x: 155, y: 12, sprite: 'stair' }, { x: 155, y: 11, sprite: 'stair' }, { x: 155, y: 10, sprite: 'stair' }, { x: 156, y: 13, sprite: 'stair' }, { x: 156, y: 12, sprite: 'stair' }, { x: 156, y: 11, sprite: 'stair' }, { x: 157, y: 13, sprite: 'stair' }, { x: 157, y: 12, sprite: 'stair' }, { x: 158, y: 13, sprite: 'stair' }, { x: 165, y: 13, sprite: 'stair' }, { x: 166, y: 13, sprite: 'stair' }, { x: 166, y: 12, sprite: 'stair' }, { x: 167, y: 13, sprite: 'stair' }, { x: 167, y: 12, sprite: 'stair' }, { x: 167, y: 11, sprite: 'stair' }, { x: 168, y: 13, sprite: 'stair' }, { x: 168, y: 12, sprite: 'stair' }, { x: 168, y: 11, sprite: 'stair' }, { x: 168, y: 10, sprite: 'stair' }, { x: 171, y: 13, sprite: 'stair' }, { x: 171, y: 12, sprite: 'stair' }, { x: 171, y: 11, sprite: 'stair' }, { x: 171, y: 10, sprite: 'stair' }, { x: 172, y: 13, sprite: 'stair' }, { x: 172, y: 12, sprite: 'stair' }, { x: 172, y: 11, sprite: 'stair' }, { x: 173, y: 13, sprite: 'stair' }, { x: 173, y: 12, sprite: 'stair' }, { x: 174, y: 13, sprite: 'stair' }, { x: 183, y: 13, sprite: 'stair' }, { x: 184, y: 13, sprite: 'stair' }, { x: 184, y: 12, sprite: 'stair' }, { x: 185, y: 13, sprite: 'stair' }, { x: 185, y: 12, sprite: 'stair' }, { x: 185, y: 11, sprite: 'stair' }, { x: 186, y: 13, sprite: 'stair' }, { x: 186, y: 12, sprite: 'stair' }, { x: 186, y: 11, sprite: 'stair' }, { x: 186, y: 10, sprite: 'stair' }, { x: 187, y: 13, sprite: 'stair' }, { x: 187, y: 12, sprite: 'stair' }, { x: 187, y: 11, sprite: 'stair' }, { x: 187, y: 10, sprite: 'stair' }, { x: 187, y: 9, sprite: 'stair' }, { x: 188, y: 13, sprite: 'stair' }, { x: 188, y: 12, sprite: 'stair' }, { x: 188, y: 11, sprite: 'stair' }, { x: 188, y: 10, sprite: 'stair' }, { x: 188, y: 9, sprite: 'stair' }, { x: 188, y: 8, sprite: 'stair' }, { x: 189, y: 13, sprite: 'stair' }, { x: 189, y: 12, sprite: 'stair' }, { x: 189, y: 11, sprite: 'stair' }, { x: 189, y: 10, sprite: 'stair' }, { x: 189, y: 9, sprite: 'stair' }, { x: 189, y: 8, sprite: 'stair' }, { x: 189, y: 7, sprite: 'stair' }, { x: 190, y: 13, sprite: 'stair' }, { x: 190, y: 12, sprite: 'stair' }, { x: 190, y: 11, sprite: 'stair' }, { x: 190, y: 10, sprite: 'stair' }, { x: 190, y: 9, sprite: 'stair' }, { x: 190, y: 8, sprite: 'stair' }, { x: 190, y: 7, sprite: 'stair' }, { x: 190, y: 6, sprite: 'stair' }, { x: 191, y: 13, sprite: 'stair' }, { x: 191, y: 12, sprite: 'stair' }, { x: 191, y: 11, sprite: 'stair' }, { x: 191, y: 10, sprite: 'stair' }, { x: 191, y: 9, sprite: 'stair' }, { x: 191, y: 8, sprite: 'stair' }, { x: 191, y: 7, sprite: 'stair' }, { x: 191, y: 6, sprite: 'stair' }, { x: 191, y: 5, sprite: 'stair' }, { x: 28, y: 12, sprite: 'pipe-top-left' }, { x: 29, y: 12, sprite: 'pipe-top-right' }, { x: 28, y: 13, sprite: 'pipe-body-left' }, { x: 29, y: 13, sprite: 'pipe-body-right' }, { x: 38, y: 11, sprite: 'pipe-top-left' }, { x: 39, y: 11, sprite: 'pipe-top-right' }, { x: 38, y: 12, sprite: 'pipe-body-left' }, { x: 39, y: 12, sprite: 'pipe-body-right' }, { x: 38, y: 13, sprite: 'pipe-body-left' }, { x: 39, y: 13, sprite: 'pipe-body-right' }, { x: 46, y: 10, sprite: 'pipe-top-left' }, { x: 47, y: 10, sprite: 'pipe-top-right' }, { x: 46, y: 11, sprite: 'pipe-body-left' }, { x: 47, y: 11, sprite: 'pipe-body-right' }, { x: 46, y: 12, sprite: 'pipe-body-left' }, { x: 47, y: 12, sprite: 'pipe-body-right' }, { x: 46, y: 13, sprite: 'pipe-body-left' }, { x: 47, y: 13, sprite: 'pipe-body-right' }, { x: 57, y: 10, sprite: 'pipe-top-left' }, { x: 58, y: 10, sprite: 'pipe-top-right' }, { x: 57, y: 11, sprite: 'pipe-body-left' }, { x: 58, y: 11, sprite: 'pipe-body-right' }, { x: 57, y: 12, sprite: 'pipe-body-left' }, { x: 58, y: 12, sprite: 'pipe-body-right' }, { x: 57, y: 13, sprite: 'pipe-body-left' }, { x: 58, y: 13, sprite: 'pipe-body-right' }, { x: 161, y: 12, sprite: 'pipe-top-left' }, { x: 162, y: 12, sprite: 'pipe-top-right' }, { x: 161, y: 13, sprite: 'pipe-body-left' }, { x: 162, y: 13, sprite: 'pipe-body-right' }, { x: 181, y: 12, sprite: 'pipe-top-left' }, { x: 182, y: 12, sprite: 'pipe-top-right' }, { x: 181, y: 13, sprite: 'pipe-body-left' }, { x: 182, y: 13, sprite: 'pipe-body-right' }, { x: 8, y: 2, sprite: 'cloud-left' }, { x: 9, y: 2, sprite: 'cloud-mid' }, { x: 10, y: 2, sprite: 'cloud-right' }, { x: 19, y: 4, sprite: 'cloud-left' }, { x: 20, y: 4, sprite: 'cloud-mid' }, { x: 21, y: 4, sprite: 'cloud-right' }, { x: 27, y: 2, sprite: 'cloud-left' }, { x: 28, y: 2, sprite: 'cloud-mid' }, { x: 29, y: 2, sprite: 'cloud-right' }, { x: 36, y: 4, sprite: 'cloud-left' }, { x: 37, y: 4, sprite: 'cloud-mid' }, { x: 38, y: 4, sprite: 'cloud-right' }, { x: 68, y: 2, sprite: 'cloud-left' }, { x: 69, y: 2, sprite: 'cloud-mid' }, { x: 70, y: 2, sprite: 'cloud-right' }, { x: 95, y: 4, sprite: 'cloud-left' }, { x: 96, y: 4, sprite: 'cloud-mid' }, { x: 97, y: 4, sprite: 'cloud-right' }, { x: 115, y: 2, sprite: 'cloud-left' }, { x: 116, y: 2, sprite: 'cloud-mid' }, { x: 117, y: 2, sprite: 'cloud-right' }, { x: 11, y: 13, sprite: 'bush-left' }, { x: 12, y: 13, sprite: 'bush-mid' }, { x: 13, y: 13, sprite: 'bush-right' }, { x: 23, y: 13, sprite: 'bush-left' }, { x: 24, y: 13, sprite: 'bush-mid' }, { x: 25, y: 13, sprite: 'bush-right' }, { x: 41, y: 13, sprite: 'bush-left' }, { x: 42, y: 13, sprite: 'bush-mid' }, { x: 43, y: 13, sprite: 'bush-right' }, { x: 59, y: 13, sprite: 'bush-left' }, { x: 60, y: 13, sprite: 'bush-mid' }, { x: 61, y: 13, sprite: 'bush-right' }, { x: 95, y: 13, sprite: 'bush-left' }, { x: 96, y: 13, sprite: 'bush-mid' }, { x: 97, y: 13, sprite: 'bush-right' }, { x: 200, y: 4, sprite: 'flag-left' }, { x: 201, y: 4, sprite: 'flag-right' }, { x: 200, y: 5, sprite: 'flagpole' }, { x: 200, y: 6, sprite: 'flagpole' }, { x: 200, y: 7, sprite: 'flagpole' }, { x: 200, y: 8, sprite: 'flagpole' }, { x: 200, y: 9, sprite: 'flagpole' }, { x: 200, y: 10, sprite: 'flagpole' }, { x: 200, y: 11, sprite: 'flagpole' }, { x: 200, y: 12, sprite: 'flagpole' }, { x: 200, y: 13, sprite: 'flagpole' }, { x: 200, y: 13, sprite: 'flagpole-base' }, { x: 204, y: 10, sprite: 'castle-cren-left' }, { x: 205, y: 10, sprite: 'castle-cren-mid' }, { x: 206, y: 10, sprite: 'castle-cren-mid' }, { x: 207, y: 10, sprite: 'castle-cren-mid' }, { x: 208, y: 10, sprite: 'castle-cren-right' }, { x: 204, y: 11, sprite: 'castle-brick' }, { x: 205, y: 11, sprite: 'castle-door' }, { x: 206, y: 11, sprite: 'castle-door' }, { x: 207, y: 11, sprite: 'castle-door' }, { x: 208, y: 11, sprite: 'castle-brick' }, { x: 204, y: 12, sprite: 'castle-brick' }, { x: 205, y: 12, sprite: 'castle-door' }, { x: 206, y: 12, sprite: 'castle-door' }, { x: 207, y: 12, sprite: 'castle-door' }, { x: 208, y: 12, sprite: 'castle-brick' }, { x: 204, y: 13, sprite: 'castle-brick' }, { x: 205, y: 13, sprite: 'castle-door' }, { x: 206, y: 13, sprite: 'castle-door' }, { x: 207, y: 13, sprite: 'castle-door' }, { x: 208, y: 13, sprite: 'castle-brick' }, { x: 205, y: 7, sprite: 'castle-brick' }, { x: 206, y: 7, sprite: 'castle-brick' }, { x: 207, y: 7, sprite: 'castle-brick' }, { x: 205, y: 8, sprite: 'castle-brick' }, { x: 206, y: 8, sprite: 'castle-brick' }, { x: 207, y: 8, sprite: 'castle-brick' }, { x: 205, y: 9, sprite: 'castle-brick' }, { x: 206, y: 9, sprite: 'castle-brick' }, { x: 207, y: 9, sprite: 'castle-brick' }, ]; function initLevelData() { for (let y = 0; y < Constants.LevelHeight; y++) { levelData.tiles[y] = []; for (let x = 0; x < Constants.LevelWidth; x++) { levelData.tiles[y][x] = null; } } for (const tile of sparseTiles) { let sprite = tile.sprite; if (sprite === 'ground-top') { sprite = Constants.GroundTopVariants[ Math.floor(Math.random() * Constants.GroundTopVariants.length) ]; } else if (sprite === 'ground-fill') { sprite = Constants.GroundFillVariants[ Math.floor(Math.random() * Constants.GroundFillVariants.length) ]; } levelData.tiles[tile.y][tile.x] = sprite; } } class CoinBlock { constructor(tileX, tileY) { this.tileX = tileX; this.tileY = tileY; this.hit = false; } onHit() { if (this.hit) { return; } this.hit = true; levelData.tiles[this.tileY][this.tileX] = 'question-empty'; coins++; sfx('coin'); coinAnimations.push( new CoinAnimation(this.tileX * Constants.TileSize, this.tileY * Constants.TileSize) ); } reset() { this.hit = false; levelData.tiles[this.tileY][this.tileX] = 'question'; } } class CoinAnimation { constructor(x, y) { this.x = x; this.y = y - Constants.CoinAnimation.StartOffsetY; this.velocityY = Constants.CoinAnimation.InitialVelocityY; this.timer = Constants.CoinAnimation.Duration; this.alive = true; } update() { this.y += this.velocityY; this.velocityY += Constants.CoinAnimation.Gravity; this.timer--; if (this.timer <= 0) { this.alive = false; } } draw(cameraX) { const screenX = this.x - cameraX; spr('coin', screenX, this.y); } } class Player { x = 16; y = 96; velocityX = 0; velocityY = 0; grounded = false; facing = 1; sprite = 'player-stand'; walkFrame = 0; constructor() { this.x = levelData.startX; this.y = levelData.startY; } init() {} update() { if (debugMode) { if (btn('ArrowLeft') || btn('a')) { this.x -= Constants.Player.DebugSpeed; this.facing = -1; } if (btn('ArrowRight') || btn('d')) { this.x += Constants.Player.DebugSpeed; this.facing = 1; } if (btn('ArrowUp') || btn('w')) { this.y -= Constants.Player.DebugSpeed; } if (btn('ArrowDown') || btn('s')) { this.y += Constants.Player.DebugSpeed; } this.velocityX = 0; this.velocityY = 0; return; } if (btn('ArrowLeft') || btn('a')) { this.velocityX -= Constants.Player.WalkAccel; this.facing = -1; } if (btn('ArrowRight') || btn('d')) { this.velocityX += Constants.Player.WalkAccel; this.facing = 1; } if (!btn('ArrowLeft') && !btn('a') && !btn('ArrowRight') && !btn('d')) { this.velocityX *= Constants.Player.WalkFriction; if (Math.abs(this.velocityX) < 0.1) this.velocityX = 0; } this.velocityX = Math.max( -Constants.Player.MaxWalkSpeed, Math.min(Constants.Player.MaxWalkSpeed, this.velocityX) ); if (btnp(' ') && this.grounded) { this.velocityY = Constants.Player.JumpPower; this.grounded = false; sfx('jump'); } if (!this.grounded) { this.velocityY += Constants.Player.Gravity; this.velocityY = Math.min(this.velocityY, Constants.Player.MaxFallSpeed); } this.moveX(this.velocityX); this.moveY(this.velocityY); this.updateGroundedState(); this.updateSprite(); this.checkGoombaCollision(); if (!debugMode && this.y > Constants.ScreenHeight) { gameOver(); } } moveX(deltaX) { this.x += deltaX; if (this.x < camera.x) { this.x = camera.x; this.velocityX = 0; } if (this.checkTileCollision(this.getHitbox())) { this.x -= deltaX; this.velocityX = 0; } } moveY(deltaY) { const step = deltaY > 0 ? 1 : -1; const steps = Math.abs(Math.round(deltaY)); for (let i = 0; i < steps; i++) { this.y += step; if (this.checkTileCollision(this.getHitbox())) { this.y -= step; if (deltaY > 0) { this.grounded = true; this.velocityY = 0; } else if (deltaY < 0) { this.velocityY = 0; this.checkBlockHit(); sfx('bump'); } break; } } } updateGroundedState() { if (this.velocityY === 0) { const testY = this.y + 1; const testHitbox = [this.x + 1, testY, 6, 8]; this.grounded = this.checkTileCollision(testHitbox); } } updateSprite() { if (!this.grounded) { this.sprite = 'player-jump'; } else if (Math.abs(this.velocityX) > 0.1) { this.walkFrame += 0.2; if (this.walkFrame >= 2) this.walkFrame = 0; this.sprite = this.walkFrame < 1 ? 'player-stand' : 'player-walk'; } else { this.sprite = 'player-stand'; this.walkFrame = 0; } } getHitbox() { return [ this.x + Constants.Player.HitboxOffsetX, this.y, Constants.Player.Width, Constants.Player.Height, ]; } checkTileCollision(hitbox) { const [x, y, width, height] = hitbox; const corners = [ [Math.floor(x / Constants.TileSize), Math.floor(y / Constants.TileSize)], [ Math.floor((x + width - 1) / Constants.TileSize), Math.floor(y / Constants.TileSize), ], [ Math.floor(x / Constants.TileSize), Math.floor((y + height - 1) / Constants.TileSize), ], [ Math.floor((x + width - 1) / Constants.TileSize), Math.floor((y + height - 1) / Constants.TileSize), ], ]; for (const [tileX, tileY] of corners) { if ( tileY < 0 || tileY >= Constants.LevelHeight || tileX < 0 || tileX >= Constants.LevelWidth ) continue; const spriteName = levelData.tiles[tileY][tileX]; if (spriteName && fget(spriteName, 0)) { return true; } } return false; } checkBlockHit() { const headX = this.x + Constants.Player.Width / 2; const headY = this.y - 1; const tileX = Math.floor(headX / Constants.TileSize); const tileY = Math.floor(headY / Constants.TileSize); if ( tileY < 0 || tileY >= Constants.LevelHeight || tileX < 0 || tileX >= Constants.LevelWidth ) { return; } for (const block of coinBlocks) { if (block.tileX === tileX && block.tileY === tileY && !block.hit) { block.onHit(); return; } } } checkGoombaCollision() { const playerBox = this.getHitbox(); for (const goomba of goombas) { if (!goomba.alive || goomba.squished) { continue; } const goombaBox = goomba.getHitbox(); if (boxesCollide(playerBox, goombaBox)) { const playerBottom = this.y + Constants.Player.Height; const goombaCenter = goomba.y + Constants.Goomba.Height / 2; if (this.velocityY > 0 && playerBottom < goombaCenter) { goomba.stomp(); this.velocityY = Constants.Player.StompBounce; return; } else { gameOver(); return; } } } } draw(cameraX) { const screenX = this.x - cameraX; spr(this.sprite, screenX, this.y, 1, 1, this.facing === -1, false); } } class Goomba { x = 0; y = 0; velocityX = -0.5; velocityY = 0; alive = true; squished = false; squishTimer = 0; framesOffScreen = 0; frame = 0; facing = false; constructor({ x, y }) { this.x = x; this.y = y; } update(cameraX) { if (this.squished) { this.squishTimer++; if (this.squishTimer > Constants.Goomba.SquishDuration) { this.alive = false; } return; } this.velocityY += Constants.Goomba.Gravity; this.velocityY = Math.min(this.velocityY, Constants.Goomba.MaxFallSpeed); this.moveX(this.velocityX); this.moveY(this.velocityY); this.facing = this.velocityX > 0; this.frame += 0.15; if (this.frame >= 2) { this.frame = 0; } if (this.isVisible(cameraX)) { this.framesOffScreen = 0; } else { this.framesOffScreen++; if (this.framesOffScreen >= Constants.OffscreenFramesBeforeDeletion) { this.alive = false; } } } moveX(deltaX) { this.x += deltaX; if (this.checkTileCollision(this.getHitbox())) { this.x -= deltaX; this.velocityX *= -1; } } moveY(deltaY) { this.y += deltaY; if (this.checkTileCollision(this.getHitbox())) { this.y -= deltaY; this.velocityY = 0; } } getHitbox() { return [this.x, this.y, Constants.Goomba.Width, Constants.Goomba.Height]; } checkTileCollision(hitbox) { const [x, y, width, height] = hitbox; const corners = [ [Math.floor(x / Constants.TileSize), Math.floor(y / Constants.TileSize)], [ Math.floor((x + width - 1) / Constants.TileSize), Math.floor(y / Constants.TileSize), ], [ Math.floor(x / Constants.TileSize), Math.floor((y + height - 1) / Constants.TileSize), ], [ Math.floor((x + width - 1) / Constants.TileSize), Math.floor((y + height - 1) / Constants.TileSize), ], ]; for (const [tileX, tileY] of corners) { if ( tileY < 0 || tileY >= Constants.LevelHeight || tileX < 0 || tileX >= Constants.LevelWidth ) { continue; } const spriteName = levelData.tiles[tileY][tileX]; if (spriteName && fget(spriteName, 0)) { return true; } } return false; } stomp() { this.squished = true; this.squishTimer = 0; sfx('stomp'); } isVisible(cameraX) { const screenX = this.x - cameraX; return screenX >= -Constants.Goomba.Width && screenX <= Constants.ScreenWidth; } draw(cameraX) { if (!this.isVisible(cameraX)) { return; } const screenX = this.x - cameraX; if (this.squished) { spr('goomba-dead', screenX, this.y); } else { const spriteFrame = Math.floor(this.frame); spr(`goomba-${spriteFrame}`, screenX, this.y, 1, 1, this.facing); } } } const camera = { x: 0, update(playerX) { const targetX = playerX - Constants.ScreenWidth / 2; const maxX = Constants.LevelWidth * Constants.TileSize - Constants.ScreenWidth; const clampedX = Math.max(0, Math.min(targetX, maxX)); if (debugMode) { this.x = clampedX; } else { if (clampedX > this.x) { this.x = clampedX; } } }, }; let player; let goombas = []; let goombaSpawnQueue = []; let gameState = 'start-screen'; // let musicStarted = false; let coins = 0; let coinBlocks = []; let coinAnimations = []; let getReadyTimer = 0; let gameOverTimer = 0; let winTimer = 0; let debugMode = false; function gameOver() { if (gameState === 'playing') { gameState = 'game-over'; gameOverTimer = 0; sfx('game-over'); } } function init() { initLevelData(); initCoinBlocks(); player = new Player(); player.init(); goombaSpawnQueue = [...levelData.goombas]; goombas = []; gameState = 'start-screen'; getReadyTimer = 0; } function initCoinBlocks() { coinBlocks = []; for (let y = 0; y < Constants.LevelHeight; y++) { for (let x = 0; x < Constants.LevelWidth; x++) { if (levelData.tiles[y][x] === 'question') { coinBlocks.push(new CoinBlock(x, y)); } } } } function spawnNearbyGoombas() { goombaSpawnQueue = goombaSpawnQueue.filter((spawn) => { if (spawn.x < camera.x + Constants.ScreenWidth + Constants.SpawnDistance) { goombas.push(new Goomba(spawn)); return false; } return true; }); } async function update(time, frame) { if (gameState === 'start-screen') { if (btnp()) { // if (!musicStarted) { // await music('background-music', { loop: true, volume: 0.3 }); // musicStarted = true; // } gameState = 'get-ready'; getReadyTimer = 0; } } else if (gameState === 'get-ready') { getReadyTimer++; if (getReadyTimer >= Constants.GetReadyDuration) { gameState = 'playing'; } } else if (gameState === 'playing') { if (btnp('f')) { debugMode = !debugMode; } player.update(); camera.update(player.x); spawnNearbyGoombas(); for (const goomba of goombas) { if (goomba.alive) { goomba.update(camera.x); } } goombas = goombas.filter((g) => g.alive); for (const coin of coinAnimations) { coin.update(); } coinAnimations = coinAnimations.filter((c) => c.alive); if (!debugMode && player.x >= 204 * 8) { gameState = 'win'; winTimer = 0; sfx('win'); } } else if (gameState === 'game-over') { gameOverTimer++; if (gameOverTimer >= Constants.GameOverDuration) { player.x = levelData.startX; player.y = levelData.startY; player.vx = 0; player.vy = 0; camera.x = 0; goombaSpawnQueue = [...levelData.goombas]; goombas = []; coins = 0; coinAnimations = []; for (const block of coinBlocks) { block.reset(); } gameState = 'playing'; } } else if (gameState === 'win') { winTimer++; if (winTimer >= Constants.WinInputDelay && btnp()) { player.x = levelData.startX; player.y = levelData.startY; player.vx = 0; player.vy = 0; camera.x = 0; goombaSpawnQueue = [...levelData.goombas]; goombas = []; coins = 0; coinAnimations = []; for (const block of coinBlocks) { block.reset(); } gameState = 'get-ready'; getReadyTimer = 0; } } } function draw(time, frame) { if (gameState === 'start-screen') { cls(Constants.Colors.Black); // Black background text('Platformer', 44, 50, Constants.Colors.White); text('press any key', 38, 70, Constants.Colors.White); text('to start', 48, 80, Constants.Colors.White); text('music by magic_spark', 24, 112, Constants.Colors.DarkGray); } else if (gameState === 'get-ready') { cls(Constants.Colors.Black); text('GET READY!', 40, 50, Constants.Colors.White); text('Arrow keys/WASD', 28, 90, Constants.Colors.DarkGray); text('Space to jump', 34, 100, Constants.Colors.DarkGray); text('F for debug', 38, 110, Constants.Colors.DarkGray); } else if (gameState === 'game-over') { cls(Constants.Colors.Black); text('TRY AGAIN!', 40, 60, Constants.Colors.White); } else if (gameState === 'win') { cls(Constants.Colors.Black); text('YOU WIN!', 48, 50, Constants.Colors.White); if (winTimer >= Constants.WinInputDelay) { text('press any key', 38, 70, Constants.Colors.White); text('to play again', 38, 80, Constants.Colors.White); } } else { cls(Constants.Colors.SkyBlue); const startTileX = Math.floor(camera.x / Constants.TileSize); const endTileX = Math.min( startTileX + Constants.VisibleTilesX + Constants.TileBufferCount, Constants.LevelWidth ); for (let y = 0; y < Constants.LevelHeight; y++) { for (let x = startTileX; x < endTileX; x++) { const spriteName = levelData.tiles[y][x]; if (spriteName) { const screenX = x * Constants.TileSize - camera.x; const screenY = y * Constants.TileSize; spr(spriteName, screenX, screenY); } } } for (const goomba of goombas) { if (goomba.alive) { goomba.draw(camera.x); } } if (!debugMode) { player.draw(camera.x); } for (const coin of coinAnimations) { coin.draw(camera.x); } if (debugMode) { const tileX = Math.floor(player.x / Constants.TileSize); const tileY = Math.floor(player.y / Constants.TileSize); const screenX = tileX * Constants.TileSize - camera.x; const screenY = tileY * Constants.TileSize; rect( screenX, screenY, screenX + Constants.TileSize, screenY + Constants.TileSize, Constants.Colors.Black ); } spr('coin-small', 2, 3); text(`${coins}`, 14, 2, Constants.Colors.White); if (debugMode) { const coordText = `${Math.floor(player.x)},${Math.floor(player.y)}`; const textWidth = coordText.length * 4; text(coordText, Constants.ScreenWidth - textWidth - 2, 2, Constants.Colors.White); } } } start({ target, sprites, sounds, init, update, draw, background: '#29ADFF', }); });

Editing: Platformer

Recent Edits

Plugins