const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); let pacX = 50; let pacY = 50; let pacRadius = 20; let pacMouth = 0.2; let pacDirection = 0; let pacSpeed = 5; let ghost1X = 100; let ghost1Y = 100; let ghost1Radius = 20; let ghost1Direction = 0; let ghost1Speed = 3; let ghost2X = 200; let ghost2Y = 200; let ghost2Radius = 20; let ghost2Direction = 0; let ghost2Speed = 4; let ghost3X = 300; let ghost3Y = 300; let ghost3Radius = 20; let ghost3Direction = 0; let ghost3Speed = 2; let ghost4X = 350; let ghost4Y = 350; let ghost4Radius = 20; let ghost4Direction = 0; let ghost4Speed = 6; let dotRadius = 5; let dotCount = 50; let dots = []; for(let i = 0; i < dotCount; i++) { dots.push({ x: Math.floor(Math.random() * 400), y: Math.floor(Math.random() * 400) }); } function drawPac() { ctx.beginPath(); ctx.arc(pacX, pacY, pacRadius, pacMouth * Math.PI, (2 - pacMouth) * Math.PI); ctx.lineTo(pacX, pacY); ctx.fillStyle = 'yellow'; ctx.fill(); } function drawGhost(x, y, radius, color) { ctx.beginPath(); ctx.arc(x, y, radius, 0, 2 * Math.PI); ctx.fillStyle = color; ctx.fill(); } function drawDot(x, y) { ctx.beginPath(); ctx.arc(x, y, dotRadius, 0, 2 * Math.PI); ctx.fillStyle = 'white'; ctx.fill(); } function drawMaze() { ctx.fillStyle = 'black'; ctx.fillRect(0, 0, 400, 400); ctx.fillStyle = 'white'; for(let i = 0; i < dots.length; i++) { drawDot(dots[i].x, dots[i].y); } } function movePac() { if(pacDirection === 0) { pacX += pacSpeed; } else if(pacDirection === 1) { pacY += pacSpeed; } else if(pacDirection === 2) { pacX -= pacSpeed; } else if(pacDirection === 3) { pacY -= pacSpeed; } if(pacX < 0) { pacX = 400; } else if(pacX > 400) { pacX = 0; } if(pacY < 0) { pacY = 400; } else if(pacY > 400) { pacY = 0; } } function moveGhost(x, y, radius, speed, direction) { if(direction === 0) { x += speed; } else if(direction === 1) { y += speed; } else if(direction === 2) { x -= speed; } else if(direction === 3) { y -= speed; } if(x < 0) { x = 400; } else if(x > 400) { x = 0; } if(y < 0) { y = 400; } else if(y > 400) { y = 0; } return {x, y}; } function moveGhosts() { ghost1 = moveGhost(ghost1X, ghost1Y, ghost1Radius, ghost1Speed, ghost1Direction); ghost1X = ghost1.x; ghost1Y = ghost1.y; ghost2 = moveGhost(ghost2X, ghost2Y, ghost2Radius, ghost2Speed, ghost2Direction); ghost2X = ghost2.x; ghost2Y = ghost2.y; ghost3 = moveGhost(ghost3X, ghost3Y, ghost3Radius, ghost3Speed, ghost3Direction); ghost3X = ghost3.x; ghost3Y = ghost3.y; ghost4 = moveGhost(ghost4X, ghost4Y, ghost4Radius, ghost4Speed, ghost4Direction); ghost4X = ghost4.x; ghost4Y = ghost4.y; } function checkCollisions() { for(let i = 0; i < dots.length; i++) { let dx = pacX - dots[i].x; let dy = pacY - dots[i].y; let distance = Math.sqrt(dx * dx + dy * dy); if(distance < pacRadius + dotRadius) { dots.splice(i, 1); break; } } let dx1 = pacX - ghost1X; let dy1 = pacY - ghost1Y; let distance1 = Math.sqrt(dx1 * dx1 + dy1 * dy1); let dx2 = pacX - ghost2X; let dy2 = pacY - ghost2Y; let distance2 = Math.sqrt(dx2 * dx2 + dy2 * dy2); let dx3 = pacX - ghost3X; let dy3 = pacY - ghost3Y; let distance3 = Math.sqrt(dx3 * dx3 + dy3 * dy3); let dx4 = pacX - ghost4X; let dy4 = pacY - ghost4Y; let distance4 = Math.sqrt(dx4 * dx4 + dy4 * dy4); if(distance1 < pacRadius + ghost1Radius || distance2 < pacRadius + ghost2Radius || distance3 < pacRadius + ghost3Radius || distance4 < pacRadius + ghost4Radius) { alert('Game Over'); document.location.reload(); } } function gameLoop() { drawMaze(); drawPac(); drawGhost(ghost1X, ghost1Y, ghost1Radius, 'red'); drawGhost(ghost2X, ghost2Y, ghost2Radius, 'pink'); drawGhost(ghost3X, ghost3Y, ghost3Radius, 'cyan'); drawGhost(ghost4X, ghost4Y, ghost4Radius, 'orange'); movePac(); moveGhosts(); checkCollisions(); requestAnimationFrame(gameLoop); } document.addEventListener('keydown', function(event) { if(event.keyCode === 37) { pacDirection = 2; } else if(event.keyCode === 38) { pacDirection = 3; } else if(event.keyCode === 39) { pacDirection = 0; } else if(event.keyCode === 40) { pacDirection = 1; } }); gameLoop();

GPTgame

Sign up for free tokens!

PAC MAN WITH MAZE BLACK BACKGROUND 4 ghosts AND BASEBALLS AS DOTS

GPTgame