const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const player = { x: 50, y: 50, size: 10, speed: 5, weapon: 'fist' }; const weapons = ['fist', 'knife', 'sword', 'gun', 'bazooka']; let currentWeaponIndex = 0; const enemies = []; for (let i = 0; i < 5; i++) { enemies.push({ x: Math.random() * canvas.width, y: Math.random() * canvas.height, size: 20, speed: Math.random() * 2 + 1 }); } function drawPlayer() { ctx.fillStyle = 'blue'; ctx.fillRect(player.x, player.y, player.size, player.size); } function drawEnemies() { ctx.fillStyle = 'red'; for (let i = 0; i < enemies.length; i++) { const enemy = enemies[i]; ctx.fillRect(enemy.x, enemy.y, enemy.size, enemy.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 moveEnemies() { for (let i = 0; i < enemies.length; i++) { const enemy = enemies[i]; if (player.x < enemy.x) { enemy.x -= enemy.speed; } else { enemy.x += enemy.speed; } if (player.y < enemy.y) { enemy.y -= enemy.speed; } else { enemy.y += enemy.speed; } } } function checkCollision() { for (let i = 0; i < enemies.length; i++) { const enemy = enemies[i]; if ( player.x < enemy.x + enemy.size && player.x + player.size > enemy.x && player.y < enemy.y + enemy.size && player.y + player.size > enemy.y ) { player.weapon = weapons[currentWeaponIndex]; currentWeaponIndex = (currentWeaponIndex + 1) % weapons.length; enemies.splice(i, 1); } } } function drawWeapon() { ctx.fillStyle = 'black'; ctx.font = '20px Arial'; ctx.fillText(`Weapon: ${player.weapon}`, 10, 30); } function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height); drawPlayer(); drawEnemies(); movePlayer(); moveEnemies(); checkCollision(); drawWeapon(); 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!

um rogue like com com 5 armas diferentes

GPTgame