const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); let playerX = canvas.width / 2; let playerY = canvas.height - 50; let playerSpeed = 5; let playerSize = 20; let bulletSpeed = 10; let bulletSize = 5; let bullets = []; let enemySpeed = 2; let enemySize = 20; let enemies = []; let score = 0; function drawPlayer() { ctx.fillStyle = 'white'; ctx.fillRect(playerX - playerSize, playerY - playerSize, playerSize * 2, playerSize * 2); } function drawBullets() { ctx.fillStyle = 'white'; for (let i = 0; i < bullets.length; i++) { ctx.fillRect(bullets[i].x - bulletSize, bullets[i].y - bulletSize, bulletSize * 2, bulletSize * 2); } } function drawEnemies() { ctx.fillStyle = 'red'; for (let i = 0; i < enemies.length; i++) { ctx.fillRect(enemies[i].x - enemySize, enemies[i].y - enemySize, enemySize * 2, enemySize * 2); } } function moveBullets() { for (let i = 0; i < bullets.length; i++) { bullets[i].y -= bulletSpeed; if (bullets[i].y < 0) { bullets.splice(i, 1); i--; } } } function moveEnemies() { for (let i = 0; i < enemies.length; i++) { enemies[i].y += enemySpeed; if (enemies[i].y > canvas.height + enemySize) { enemies.splice(i, 1); i--; } } } function spawnEnemies() { let enemyX = Math.random() * canvas.width; let enemyY = -enemySize; enemies.push({x: enemyX, y: enemyY}); } function detectCollisions() { for (let i = 0; i < bullets.length; i++) { for (let j = 0; j < enemies.length; j++) { if (Math.abs(bullets[i].x - enemies[j].x) < enemySize + bulletSize && Math.abs(bullets[i].y - enemies[j].y) < enemySize + bulletSize) { bullets.splice(i, 1); i--; enemies.splice(j, 1); j--; score++; } } } for (let i = 0; i < enemies.length; i++) { if (Math.abs(playerX - enemies[i].x) < enemySize + playerSize && Math.abs(playerY - enemies[i].y) < enemySize + playerSize) { alert('Game Over'); document.location.reload(); } } } function drawScore() { ctx.fillStyle = 'white'; ctx.font = '20px Arial'; ctx.fillText('Score: ' + score, 10, 30); } function gameLoop() { ctx.clearRect(0, 0, canvas.width, canvas.height); drawPlayer(); drawBullets(); drawEnemies(); moveBullets(); moveEnemies(); detectCollisions(); drawScore(); if (Math.random() < 0.05) { spawnEnemies(); } requestAnimationFrame(gameLoop); } document.addEventListener('keydown', function(event) { if (event.keyCode === 37) { playerX -= playerSpeed; } else if (event.keyCode === 38) { playerY -= playerSpeed; } else if (event.keyCode === 39) { playerX += playerSpeed; } else if (event.keyCode === 40) { playerY += playerSpeed; } else if (event.keyCode === 32) { bullets.push({x: playerX, y: playerY}); } }); gameLoop();

GPTgame

Sign up for free tokens!

space invaders but being able to move in all directions. bullet hell enemies

GPTgame