const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const tileSize = 10; const width = canvas.width / tileSize; const height = canvas.height / tileSize; const player = { x: Math.floor(width / 4), y: Math.floor(height / 2), dx: 1, dy: 0, tail: [] }; const enemy = { x: Math.floor(width * 3 / 4), y: Math.floor(height / 2), dx: -1, dy: 0, tail: [] }; let food = { x: Math.floor(Math.random() * width), y: Math.floor(Math.random() * height) }; let gameOver = false; function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height); // Draw player ctx.fillStyle = 'green'; ctx.fillRect(player.x * tileSize, player.y * tileSize, tileSize, tileSize); // Draw enemy ctx.fillStyle = 'red'; ctx.fillRect(enemy.x * tileSize, enemy.y * tileSize, tileSize, tileSize); // Draw food ctx.fillStyle = 'yellow'; ctx.fillRect(food.x * tileSize, food.y * tileSize, tileSize, tileSize); // Draw player tail ctx.fillStyle = 'darkgreen'; for (let i = 0; i < player.tail.length; i++) { ctx.fillRect(player.tail[i].x * tileSize, player.tail[i].y * tileSize, tileSize, tileSize); } // Draw enemy tail ctx.fillStyle = 'darkred'; for (let i = 0; i < enemy.tail.length; i++) { ctx.fillRect(enemy.tail[i].x * tileSize, enemy.tail[i].y * tileSize, tileSize, tileSize); } } function update() { // Move player player.x += player.dx; player.y += player.dy; // Move enemy enemy.x += enemy.dx; enemy.y += enemy.dy; // Check if player or enemy hit the wall if (player.x < 0 || player.x >= width || player.y < 0 || player.y >= height) { gameOver = true; } if (enemy.x < 0 || enemy.x >= width || enemy.y < 0 || enemy.y >= height) { gameOver = true; } // Check if player or enemy hit the food if (player.x === food.x && player.y === food.y) { player.tail.push({ x: player.x, y: player.y }); food = { x: Math.floor(Math.random() * width), y: Math.floor(Math.random() * height) }; } if (enemy.x === food.x && enemy.y === food.y) { enemy.tail.push({ x: enemy.x, y: enemy.y }); food = { x: Math.floor(Math.random() * width), y: Math.floor(Math.random() * height) }; } // Check if player or enemy hit their own tail for (let i = 0; i < player.tail.length; i++) { if (player.x === player.tail[i].x && player.y === player.tail[i].y) { gameOver = true; } } for (let i = 0; i < enemy.tail.length; i++) { if (enemy.x === enemy.tail[i].x && enemy.y === enemy.tail[i].y) { gameOver = true; } } // Move player tail for (let i = player.tail.length - 1; i > 0; i--) { player.tail[i].x = player.tail[i - 1].x; player.tail[i].y = player.tail[i - 1].y; } if (player.tail.length > 0) { player.tail[0].x = player.x; player.tail[0].y = player.y; } // Move enemy tail for (let i = enemy.tail.length - 1; i > 0; i--) { enemy.tail[i].x = enemy.tail[i - 1].x; enemy.tail[i].y = enemy.tail[i - 1].y; } if (enemy.tail.length > 0) { enemy.tail[0].x = enemy.x; enemy.tail[0].y = enemy.y; } // Check if player or enemy hit each other for (let i = 0; i < player.tail.length; i++) { if (player.x === enemy.tail[i].x && player.y === enemy.tail[i].y) { gameOver = true; } } for (let i = 0; i < enemy.tail.length; i++) { if (enemy.x === player.tail[i].x && enemy.y === player.tail[i].y) { gameOver = true; } } } function loop() { if (!gameOver) { update(); draw(); setTimeout(loop, 100); } } document.addEventListener('keydown', event => { switch (event.keyCode) { case 37: // Left if (player.dx !== 1) { player.dx = -1; player.dy = 0; } break; case 38: // Up if (player.dy !== 1) { player.dx = 0; player.dy = -1; } break; case 39: // Right if (player.dx !== -1) { player.dx = 1; player.dy = 0; } break; case 40: // Down if (player.dy !== -1) { player.dx = 0; player.dy = 1; } break; } }); loop();

GPTgame

Sign up for free tokens!

snake for 2, ai enemy, battle royale

GPTgame