const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const gridSize = 10; const gridWidth = canvas.width / gridSize; const gridHeight = canvas.height / gridSize; let player = { x: Math.floor(gridWidth / 2), y: Math.floor(gridHeight / 2), dx: 1, dy: 0, trail: [{ x: 0, y: 0 }], tailLength: 1, }; let enemies = []; const enemyCount = 10; for (let i = 0; i < enemyCount; i++) { enemies.push({ x: Math.floor(Math.random() * gridWidth), y: Math.floor(Math.random() * gridHeight), dx: 0, dy: 0, trail: [{ x: 0, y: 0 }], tailLength: 1, }); } function draw() { // Move player player.x += player.dx; player.y += player.dy; // Wrap player around edges if (player.x < 0) { player.x = gridWidth - 1; } else if (player.x >= gridWidth) { player.x = 0; } if (player.y < 0) { player.y = gridHeight - 1; } else if (player.y >= gridHeight) { player.y = 0; } // Move enemies for (let i = 0; i < enemies.length; i++) { const enemy = enemies[i]; // Move enemy towards player if (enemy.x < player.x) { enemy.dx = 1; enemy.dy = 0; } else if (enemy.x > player.x) { enemy.dx = -1; enemy.dy = 0; } else if (enemy.y < player.y) { enemy.dx = 0; enemy.dy = 1; } else if (enemy.y > player.y) { enemy.dx = 0; enemy.dy = -1; } enemy.x += enemy.dx; enemy.y += enemy.dy; // Wrap enemy around edges if (enemy.x < 0) { enemy.x = gridWidth - 1; } else if (enemy.x >= gridWidth) { enemy.x = 0; } if (enemy.y < 0) { enemy.y = gridHeight - 1; } else if (enemy.y >= gridHeight) { enemy.y = 0; } } // Check for collision with player for (let i = 0; i < enemies.length; i++) { const enemy = enemies[i]; if (enemy.x === player.x && enemy.y === player.y) { player.tailLength = 1; player.trail = [{ x: 0, y: 0 }]; player.dx = 1; player.dy = 0; player.x = Math.floor(gridWidth / 2); player.y = Math.floor(gridHeight / 2); for (let j = 0; j < enemies.length; j++) { if (j !== i) { enemies[j].x = Math.floor(Math.random() * gridWidth); enemies[j].y = Math.floor(Math.random() * gridHeight); } } break; } } // Add player to trail player.trail.push({ x: player.x, y: player.y }); while (player.trail.length > player.tailLength) { player.trail.shift(); } // Draw background ctx.fillStyle = '#000000'; ctx.fillRect(0, 0, canvas.width, canvas.height); // Draw player ctx.fillStyle = '#00ff00'; for (let i = 0; i < player.trail.length; i++) { const trail = player.trail[i]; ctx.fillRect(trail.x * gridSize, trail.y * gridSize, gridSize, gridSize); } // Draw enemies ctx.fillStyle = '#ff0000'; for (let i = 0; i < enemies.length; i++) { const enemy = enemies[i]; for (let j = 0; j < enemy.trail.length; j++) { const trail = enemy.trail[j]; ctx.fillRect(trail.x * gridSize, trail.y * gridSize, gridSize, gridSize); } } } document.addEventListener('keydown', (event) => { switch (event.key) { case 'ArrowUp': if (player.dy !== 1) { player.dx = 0; player.dy = -1; } break; case 'ArrowDown': if (player.dy !== -1) { player.dx = 0; player.dy = 1; } break; case 'ArrowLeft': if (player.dx !== 1) { player.dx = -1; player.dy = 0; } break; case 'ArrowRight': if (player.dx !== -1) { player.dx = 1; player.dy = 0; } break; } }); setInterval(draw, 100);

GPTgame

Sign up for free tokens!

Snake with AI enemies

GPTgame