Game

Madison Scott: Steeple Kick

Score: 0
<script> const canvas = document.getElementById('gameCanvas'); const ctx = canvas.getContext('2d'); const scoreElement = document.getElementById('score'); // Game state let score = 0; let gameRunning = true; // Player (Madison) const player = { x: 50, y: 300, width: 40, height: 60, speed: 5, jumping: false, jumpHeight: 100, jumpSpeed: 10, kick: false, kickDuration: 10, kickTimer: 0 }; // Hurdles const hurdles = []; const hurdleWidth = 20; const hurdleHeight = 40; let hurdleSpawnTimer = 0; // Enemies const enemies = []; const enemyWidth = 30; const enemyHeight = 50; let enemySpawnTimer = 0; // Input handling document.addEventListener('keydown', (e) => { if (e.code === 'Space' && !player.jumping) { player.jumping = true; player.jumpSpeed = -10; } if (e.code === 'KeyK' && !player.kick) { player.kick = true; player.kickTimer = player.kickDuration; } }); // Game loop function update() { if (!gameRunning) return; // Clear canvas ctx.clearRect(0, 0, canvas.width, canvas.height); // Update player if (player.jumping) { player.y += player.jumpSpeed; player.jumpSpeed += 0.5; // Gravity if (player.y >= 300) { player.y = 300; player.jumping = false; } } if (player.kick) { player.kickTimer--; if (player.kickTimer <= 0) player.kick = false; } // Spawn hurdles hurdleSpawnTimer++; if (hurdleSpawnTimer > 60) { hurdles.push({ x: canvas.width, y: 340, width: hurdleWidth, height: hurdleHeight