const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const player = {x: 50, y: 50, size: 20, speed: 5}; const base = {x: 200, y: 200, size: 50, health: 100}; const zombies = [{x: 100, y: 100, size: 20, speed: 2, health: 10}]; function drawPlayer() { ctx.fillStyle = 'green'; ctx.fillRect(player.x, player.y, player.size, player.size); } function drawBase() { ctx.fillStyle = 'blue'; ctx.fillRect(base.x, base.y, base.size, base.size); } function drawZombies() { ctx.fillStyle = 'red'; zombies.forEach(zombie => { ctx.fillRect(zombie.x, zombie.y, zombie.size, zombie.size); }); } function movePlayer() { if (keys.ArrowUp && player.y > 0) { player.y -= player.speed; } if (keys.ArrowDown && player.y < canvas.height - player.size) { player.y += player.speed; } if (keys.ArrowLeft && player.x > 0) { player.x -= player.speed; } if (keys.ArrowRight && player.x < canvas.width - player.size) { player.x += player.speed; } } function moveZombies() { zombies.forEach(zombie => { if (zombie.x > player.x) { zombie.x -= zombie.speed; } else if (zombie.x < player.x) { zombie.x += zombie.speed; } if (zombie.y > player.y) { zombie.y -= zombie.speed; } else if (zombie.y < player.y) { zombie.y += zombie.speed; } }); } function attackZombies() { zombies.forEach((zombie, index) => { if (player.x < zombie.x + zombie.size && player.x + player.size > zombie.x && player.y < zombie.y + zombie.size && player.y + player.size > zombie.y) { zombie.health--; if (zombie.health <= 0) { zombies.splice(index, 1); } } }); } function attackBase() { zombies.forEach((zombie, index) => { if (base.x < zombie.x + zombie.size && base.x + base.size > zombie.x && base.y < zombie.y + zombie.size && base.y + base.size > zombie.y) { base.health--; if (base.health <= 0) { alert('Game Over'); document.location.reload(); } zombies.splice(index, 1); } }); } function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height); drawPlayer(); drawBase(); drawZombies(); movePlayer(); moveZombies(); attackZombies(); attackBase(); requestAnimationFrame(draw); } const keys = {}; document.addEventListener('keydown', event => { keys[event.code] = true; }); document.addEventListener('keyup', event => { keys[event.code] = false; }); draw();

GPTgame

Sign up for free tokens!

zombie base building survival

GPTgame