```html , coin.x, coin.y + 5); } }); fuelCans.forEach(can => { if (!can.collected) { ctx.fillStyle = '#FF4500'; ctx.fillRect(can.x - 10, can.y - 15, 20, 30); ctx.fillStyle = '#FFFF00'; ctx.fillRect(can.x - 5, can.y - 10, 10, 20); } }); // Draw car ctx.save(); ctx.translate(car.x, car.y + car.height / 2); ctx.rotate(car.angle); // Car body ctx.fillStyle = '#FF0000'; ctx.fillRect(-car.width/2, -car.height/2, car.width, car.height); // Wheels ctx.fillStyle = '#333'; // Front wheel ctx.save(); ctx.translate(car.width/2 - 10, car.height/2); ctx.rotate(car.wheelAngle); ctx.beginPath(); ctx.arc(0, 0, 10, 0, Math.PI * 2); ctx.fill(); ctx.restore(); // Rear wheel ctx.save(); ctx.translate(-car.width/2 + 10, car.height/2); ctx.rotate(car.wheelAngle); ctx.beginPath(); ctx.arc(0, 0, 10, 0, Math.PI * 2); ctx.fill(); ctx.restore(); ctx.restore(); ctx.restore(); } function gameLoop() { update(); draw(); requestAnimationFrame(gameLoop); } function endGame() { gameRunning = false; finalScoreEl.textContent = score; gameOverScreen.style.display = 'block'; } function restartGame() { gameRunning = true; score = 0; fuel = 100; car.x = 200; car.y = 0; car.velocity = { x: 0, y: 0 }; car.angle = 0; terrainOffset = 0; coins.forEach(c => c.collected = false); fuelCans.forEach(f => f.collected = false); gameOverScreen.style.display = 'none'; } // Input handling window.addEventListener('keydown', (e) => { if (e.code === 'Space') { e.preventDefault(); accelerating = true; } }); window.addEventListener('keyup', (e) => { if (e.code === 'Space') { accelerating = false; } }); canvas.addEventListener('mousedown', () => accelerating = true); canvas.addEventListener('mouseup', () => accelerating = false); canvas.addEventListener('touchstart', () => accelerating = true); canvas.addEventListener('touchend', () => accelerating = false); // Initialize generateTerrain(); generateCollectibles(); gameLoop(); ```