const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); let playerX = canvas.width / 2; let playerY = canvas.height - 50; let playerSpeed = 5; let playerWidth = 20; let playerHeight = 20; let bulletSpeed = 10; let bulletWidth = 5; let bulletHeight = 10; let bullets = []; let enemySpeed = 2; let enemyWidth = 20; let enemyHeight = 20; let enemies = []; let score = 0; function drawPlayer() { ctx.fillStyle = 'white'; ctx.fillRect(playerX, playerY, playerWidth, playerHeight); } function drawBullets() { ctx.fillStyle = 'white'; for (let i = 0; i < bullets.length; i++) { ctx.fillRect(bullets[i].x, bullets[i].y, bulletWidth, bulletHeight); } } function drawEnemies() { ctx.fillStyle = 'red'; for (let i = 0; i < enemies.length; i++) { ctx.fillRect(enemies[i].x, enemies[i].y, enemyWidth, enemyHeight); } } 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) { enemies.splice(i, 1); i--; } } } function createEnemies() { let enemyX = Math.random() * (canvas.width - enemyWidth); let enemyY = 0; enemies.push({ x: enemyX, y: enemyY }); } function detectCollision() { for (let i = 0; i < bullets.length; i++) { for (let j = 0; j < enemies.length; j++) { if ( bullets[i].x < enemies[j].x + enemyWidth && bullets[i].x + bulletWidth > enemies[j].x && bullets[i].y < enemies[j].y + enemyHeight && bullets[i].y + bulletHeight > enemies[j].y ) { bullets.splice(i, 1); i--; enemies.splice(j, 1); j--; score++; } } } } 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(); detectCollision(); drawScore(); } setInterval(createEnemies, 1000); document.addEventListener('keydown', function (event) { if (event.code === 'ArrowLeft') { playerX -= playerSpeed; if (playerX < 0) { playerX = 0; } } else if (event.code === 'ArrowRight') { playerX += playerSpeed; if (playerX > canvas.width - playerWidth) { playerX = canvas.width - playerWidth; } } else if (event.code === 'ArrowUp') { bullets.push({ x: playerX + playerWidth / 2 - bulletWidth / 2, y: playerY - bulletHeight }); } }); setInterval(gameLoop, 1000 / 60);

GPTgame

Sign up for free tokens!

gun game

GPTgame