Enhance Pacman game by adding rotation to Pacman's movement based on direction

Author: Brigit Murtaugh

pacman.html

@@ -242,10 +242,25 @@
 }
 
 function drawPacman() {
+  const x = pacman.x * tileSize + tileSize/2;
+  const y = pacman.y * tileSize + tileSize/2;
+  const radius = tileSize/2-2;
+  
+  // Determine rotation angle based on direction
+  let rotationAngle = 0;
+  if (pacman.dx === 1) rotationAngle = 0; // right
+  else if (pacman.dx === -1) rotationAngle = Math.PI; // left
+  else if (pacman.dy === -1) rotationAngle = 1.5 * Math.PI; // up
+  else if (pacman.dy === 1) rotationAngle = 0.5 * Math.PI; // down
+  
   ctx.fillStyle = '#FFFF00';
   ctx.beginPath();
-  ctx.arc(pacman.x * tileSize + tileSize/2, pacman.y * tileSize + tileSize/2, tileSize/2-2, 0.25 * Math.PI, 1.75 * Math.PI, false);
-  ctx.lineTo(pacman.x * tileSize + tileSize/2, pacman.y * tileSize + tileSize/2);
+  ctx.save();
+  ctx.translate(x, y);
+  ctx.rotate(rotationAngle);
+  ctx.arc(0, 0, radius, 0.25 * Math.PI, 1.75 * Math.PI, false);
+  ctx.lineTo(0, 0);
+  ctx.restore();
   ctx.fill();
 }
 function movePacman() {