Offroad Desert Race

body { margin: 0; overflow: hidden; background-color: #lightblue; /* Fallback background color */ background-image: linear-gradient(to bottom, #87CEEB, #E0F7FA); /* Sunny sky gradient */ } #gameCanvas { display: block; margin: 20px auto; background-color: #F4A460; /* Desert sand color */ } document.addEventListener('DOMContentLoaded', function() { const canvas = document.getElementById('gameCanvas'); const ctx = canvas.getContext('2d'); const player = { x: canvas.width / 2, y: canvas.height - 50, width: 20, height: 40, color: 'blue', speed: 0, angle: 0, acceleration: 0.2, maxSpeed: 5, friction: 0.95, controls: { forward: false, reverse: false, left: false, right: false } }; const opponents = []; const numOpponents = 4; for (let i = 0; i < numOpponents; i++) { opponents.push({ x: canvas.width / 4 * (i + 1), y: 50 + i * 50, width: 20, height: 40, color: 'red', speed: 2, angle: 0 }); } document.addEventListener('keydown', (event) => { switch (event.key) { case 'ArrowUp': player.controls.forward = true; break; case 'ArrowDown': player.controls.reverse = true; break; case 'ArrowLeft': player.controls.left = true; break; case 'ArrowRight': player.controls.right = true; break; } }); document.addEventListener('keyup', (event) => { switch (event.key) { case 'ArrowUp': player.controls.forward = false; break; case 'ArrowDown': player.controls.reverse = false; break; case 'ArrowLeft': player.controls.left = false; break; case 'ArrowRight': player.controls.right = false; break; } }); function updatePlayer() { if (player.controls.forward) { player.speed += player.acceleration; } if (player.controls.reverse) { player.speed -= player.acceleration / 2; } if (!player.controls.forward && !player.controls.reverse) { player.speed *= player.friction; } if (player.speed > player.maxSpeed) { player.speed = player.maxSpeed; } if (player.speed < -player.maxSpeed / 2) { player.speed = -player.maxSpeed / 2; } if (player.controls.right) { player.angle += 0.03 * (player.speed > 0 ? 1 : -1); } if (player.controls.left) { player.angle -= 0.03 * (player.speed > 0 ? 1 : -1); } player.x += Math.sin(player.angle) * player.speed; player.y -= Math.cos(player.angle) * player.speed; // Keep player within canvas bounds if (player.x < 0) player.x = 0; if (player.x > canvas.width) player.x = canvas.width; if (player.y < 0) player.y = 0; if (player.y > canvas.height) player.y = canvas.height; } function updateOpponents() { opponents.forEach(opponent => { opponent.x += Math.sin(opponent.angle) * opponent.speed; opponent.y += Math.cos(opponent.angle) * opponent.speed; // Basic AI: Keep opponents generally moving downwards and within canvas bounds opponent.y += 0.5; // Move downwards if (opponent.y > canvas.height + 50) { opponent.y = -50; opponent.x = Math.random() * canvas.width; } }); } function drawPlayer() { ctx.fillStyle = player.color; ctx.fillRect(player.x - player.width / 2, player.y - player.height / 2, player.width, player.height); } function drawOpponents() { opponents.forEach(opponent => { ctx.fillStyle = opponent.color; ctx.fillRect(opponent.x - opponent.width / 2, opponent.y - opponent.height / 2, opponent.width, opponent.height); }); } function drawDesert() { ctx.fillStyle = '#F4A460'; // Desert sand color ctx.fillRect(0, 0, canvas.width, canvas.height); } function drawSky() { var gradient = ctx.createLinearGradient(0, 0, 0, canvas.height / 3); gradient.addColorStop(0, '#87CEEB'); // Light sky blue gradient.addColorStop(1, '#E0F7FA'); // Very light blue ctx.fillStyle = gradient; ctx.fillRect(0, 0, canvas.width, canvas.height / 3); } function gameLoop() { drawSky(); drawDesert(); updatePlayer(); updateOpponents(); drawOpponents(); drawPlayer(); requestAnimationFrame(gameLoop); } gameLoop(); }); import webbrowser import os def create_game_files(): game_dir = "offroad-race-game" if not os.path.exists(game_dir): os.makedirs(game_dir) index_html_content = """ Offroad Desert Race

""" style_css_content = """body { margin: 0; overflow: hidden; background-color: #lightblue; /* Fallback background color */ background-image: linear-gradient(to bottom, #87CEEB, #E0F7FA); /* Sunny sky gradient */ } #gameCanvas { display: block; margin: 20px auto; background-color: #F4A460; /* Desert sand color */ }""" game_js_content = """document.addEventListener('DOMContentLoaded', function() { const canvas = document.getElementById('gameCanvas'); const ctx = canvas.getContext('2d'); const player = { x: canvas.width / 2, y: canvas.height - 50, width: 20, height: 40, color: 'blue', speed: 0, angle: 0, acceleration: 0.2, maxSpeed: 5, friction: 0.95, controls: { forward: false, reverse: false, left: false, right: false } }; const opponents = []; const numOpponents = 4; for (let i = 0; i < numOpponents; i++) { opponents.push({ x: canvas.width / 4 * (i + 1), y: 50 + i * 50, width: 20, height: 40, color: 'red', speed: 2, angle: 0 }); } document.addEventListener('keydown', (event) => { switch (event.key) { case 'ArrowUp': player.controls.forward = true; break; case 'ArrowDown': player.controls.reverse = true; break; case 'ArrowLeft': player.controls.left = true; break; case 'ArrowRight': player.controls.right = true; break; } }); document.addEventListener('keyup', (event) => { switch (event.key) { case 'ArrowUp': player.controls.forward = false; break; case 'ArrowDown': player.controls.reverse = false; break; case 'ArrowLeft': player.controls.left = false; break; case 'ArrowRight': player.controls.right = false; break; } }); function updatePlayer() { if (player.controls.forward) { player.speed += player.acceleration; } if (player.controls.reverse) { player.speed -= player.acceleration / 2; } if (!player.controls.forward && !player.controls.reverse) { player.speed *= player.friction; } if (player.speed > player.maxSpeed) { player.speed = player.maxSpeed; } if (player.speed < -player.maxSpeed / 2) { player.speed = -player.maxSpeed / 2; } if (player.controls.right) { player.angle += 0.03 * (player.speed > 0 ? 1 : -1); } if (player.controls.left) { player.angle -= 0.03 * (player.speed > 0 ? 1 : -1); } player.x += Math.sin(player.angle) * player.speed; player.y -= Math.cos(player.angle) * player.speed; // Keep player within canvas bounds if (player.x < 0) player.x = 0; if (player.x > canvas.width) player.x = canvas.width; if (player.y < 0) player.y = 0; if (player.y > canvas.height) player.y = canvas.height; } function updateOpponents() { opponents.forEach(opponent => { opponent.x += Math.sin(opponent.angle) * opponent.speed; opponent.y += Math.cos(opponent.angle) * opponent.speed; // Basic AI: Keep opponents generally moving downwards and within canvas bounds opponent.y += 0.5; // Move downwards if (opponent.y > canvas.height + 50) { opponent.y = -50; opponent.x = Math.random() * canvas.width; } }); } function drawPlayer() { ctx.fillStyle = player.color; ctx.fillRect(player.x - player.width / 2, player.y - player.height / 2, player.width, player.height); } function drawOpponents() { opponents.forEach(opponent => { ctx.fillStyle = opponent.color; ctx.fillRect(opponent.x - opponent.width / 2, opponent.y - opponent.height / 2, opponent.width, opponent.height); }); } function drawDesert() { ctx.fillStyle = '#F4A460'; // Desert sand color ctx.fillRect(0, 0, canvas.width, canvas.height); } function drawSky() { var gradient = ctx.createLinearGradient(0, 0, 0, canvas.height / 3); gradient.addColorStop(0, '#87CEEB'); // Light sky blue gradient.addColorStop(1, '#E0F7FA'); // Very light blue ctx.fillStyle = gradient; ctx.fillRect(0, 0, canvas.width, canvas.height / 3); } function gameLoop() { drawSky(); drawDesert(); updatePlayer(); updateOpponents(); drawOpponents(); drawPlayer(); requestAnimationFrame(gameLoop); } gameLoop(); });""" with open(os.path.join(game_dir, "index.html"), "w") as f: f.write(index_html_content) with open(os.path.join(game_dir, "style.css"), "w") as f: f.write(style_css_content) with open(os.path.join(game_dir, "game.js"), "w") as f: f.write(game_js_content) def run_game_in_chrome(): game_dir = "offroad-race-game" index_path = os.path.join(game_dir, "index.html") webbrowser.open_new_tab("file://" + os.path.abspath(index_path)) if __name__ == "__main__": create_game_files() run_game_in_chrome() print("Game files created and opened in Google Chrome!") ```