const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const width = canvas.width = 800; const height = canvas.height = 600; const player1 = { x: 50, y: height / 2 - 25, width: 25, height: 25, color: 'red', score: 0, speed: 5, direction: null, shoot: false, bullet: null, canShoot: true }; const player2 = { x: width - 75, y: height / 2 - 25, width: 25, height: 25, color: 'blue', score: 0, speed: 5, direction: null, shoot: false, bullet: null, canShoot: true }; const walls = []; for (let i = 0; i < 10; i++) { walls.push({ x: Math.random() * (width - 100) + 50, y: Math.random() * (height - 100) + 50, width: Math.random() * 200 + 50, height: Math.random() * 200 + 50, color: 'gray' }); } document.addEventListener('keydown', function(event) { if (event.keyCode === 37) { player1.direction = 'left'; } else if (event.keyCode === 38) { player1.direction = 'up'; } else if (event.keyCode === 39) { player1.direction = 'right'; } else if (event.keyCode === 40) { player1.direction = 'down'; } else if (event.keyCode === 69) { player1.shoot = true; } }); document.addEventListener('keyup', function(event) { if (event.keyCode === 37 && player1.direction === 'left') { player1.direction = null; } else if (event.keyCode === 38 && player1.direction === 'up') { player1.direction = null; } else if (event.keyCode === 39 && player1.direction === 'right') { player1.direction = null; } else if (event.keyCode === 40 && player1.direction === 'down') { player1.direction = null; } else if (event.keyCode === 69) { player1.shoot = false; player1.canShoot = true; } }); function updatePlayer(player) { if (player.direction === 'left' && player.x > 0) { player.x -= player.speed; } else if (player.direction === 'up' && player.y > 0) { player.y -= player.speed; } else if (player.direction === 'right' && player.x + player.width < width) { player.x += player.speed; } else if (player.direction === 'down' && player.y + player.height < height) { player.y += player.speed; } if (player.shoot && player.canShoot) { player.bullet = { x: player.x + player.width / 2, y: player.y + player.height / 2, radius: 5, color: player.color }; player.canShoot = false; } if (player.bullet) { if (player.bullet.x + player.bullet.radius > width || player.bullet.x - player.bullet.radius < 0 || player.bullet.y + player.bullet.radius > height || player.bullet.y - player.bullet.radius < 0) { player.bullet = null; } else { if (player.bullet.color === 'red') { if (player.bullet.x + player.bullet.radius > player2.x && player.bullet.x - player.bullet.radius < player2.x + player2.width && player.bullet.y + player.bullet.radius > player2.y && player.bullet.y - player.bullet.radius < player2.y + player2.height) { player.score++; player.bullet = null; } } else { if (player.bullet.x + player.bullet.radius > player1.x && player.bullet.x - player.bullet.radius < player1.x + player1.width && player.bullet.y + player.bullet.radius > player1.y && player.bullet.y - player.bullet.radius < player1.y + player1.height) { player.score++; player.bullet = null; } } if (player.bullet) { if (player.bullet.color === 'red') { player.bullet.x += 10; } else { player.bullet.x -= 10; } } } } } function updateAI() { const direction = Math.floor(Math.random() * 4); if (direction === 0 && player2.x > 0) { player2.x -= player2.speed; } else if (direction === 1 && player2.y > 0) { player2.y -= player2.speed; } else if (direction === 2 && player2.x + player2.width < width) { player2.x += player2.speed; } else if (direction === 3 && player2.y + player2.height < height) { player2.y += player2.speed; } if (Math.random() < 0.1 && player2.canShoot) { player2.bullet = { x: player2.x + player2.width / 2, y: player2.y + player2.height / 2, radius: 5, color: player2.color }; player2.canShoot = false; } if (player2.bullet) { if (player2.bullet.x + player2.bullet.radius > width || player2.bullet.x - player2.bullet.radius < 0 || player2.bullet.y + player2.bullet.radius > height || player2.bullet.y - player2.bullet.radius < 0) { player2.bullet = null; } else { if (player2.bullet.color === 'red') { if (player2.bullet.x + player2.bullet.radius > player1.x && player2.bullet.x - player2.bullet.radius < player1.x + player1.width && player2.bullet.y + player2.bullet.radius > player1.y && player2.bullet.y - player2.bullet.radius < player1.y + player1.height) { player2.score++; player2.bullet = null; } } else { if (player2.bullet.x + player2.bullet.radius > player2.x && player2.bullet.x - player2.bullet.radius < player2.x + player2.width && player2.bullet.y + player2.bullet.radius > player2.y && player2.bullet.y - player2.bullet.radius < player2.y + player2.height) { player2.score++; player2.bullet = null; } } if (player2.bullet) { if (player2.bullet.color === 'red') { player2.bullet.x += 10; } else { player2.bullet.x -= 10; } } } } } function drawPlayer(player) { ctx.fillStyle = player.color; ctx.fillRect(player.x, player.y, player.width, player.height); if (player.bullet) { ctx.beginPath(); ctx.arc(player.bullet.x, player.bullet.y, player.bullet.radius, 0, Math.PI * 2); ctx.fillStyle = player.bullet.color; ctx.fill(); } } function drawWalls() { walls.forEach(function(wall) { ctx.fillStyle = wall.color; ctx.fillRect(wall.x, wall.y, wall.width, wall.height); }); } function drawScore() { ctx.fillStyle = 'white'; ctx.font = '24px Arial'; ctx.fillText('Red: ' + player1.score + ' Blue: ' + player2.score, width / 2 - 80, 30); } function gameLoop() { ctx.clearRect(0, 0, width, height); updatePlayer(player1); updatePlayer(player2); updateAI(); drawPlayer(player1); drawPlayer(player2); drawWalls(); drawScore(); if (player1.score === 1 || player2.score === 1) { clearInterval(intervalId); } } const intervalId = setInterval(gameLoop, 1000 / 60);

GPTgame

Sign up for free tokens!

1v1 random walls, e to shoot, 1 shot kill, 1 point each kill, red(player) vs blue(a.i)

GPTgame