AI game creator

Click here for free DL of the app version that can save data.

No:30781

←

Prev Next

→

Pac-Man
Developer User14943｜Date and time 23/12/24 5:30:55
Build time 12.45 sec｜Game capacity 2.24KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
  <title>Pac-Man</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
  </style>
</head>
<body>
  <script>
    // Constants
    const GRID_SIZE = 20;
    const CELL_SIZE = 20;
    const PACMAN_SPEED = 2;
    const PACMAN_RADIUS = 10;

// Game variables
    let direction = 'right';
    let pacmanX = GRID_SIZE / 2;
    let pacmanY = GRID_SIZE / 2;

// Game setup
    const canvas = document.createElement('canvas');
    canvas.width = GRID_SIZE * CELL_SIZE;
    canvas.height = GRID_SIZE * CELL_SIZE;
    document.body.appendChild(canvas);
    const context = canvas.getContext('2d');

// Game loop
    function gameLoop() {
      update();
      render();
      requestAnimationFrame(gameLoop);
    }
    
    // Handle user input
    function handleInput(event) {
      if (event.key === 'ArrowUp') direction = 'up';
      else if (event.key === 'ArrowDown') direction = 'down';
      else if (event.key === 'ArrowLeft') direction = 'left';
      else if (event.key === 'ArrowRight') direction = 'right';
    }
    
    // Update game state
    function update() {
      if (direction === 'up') pacmanY -= PACMAN_SPEED;
      else if (direction === 'down') pacmanY += PACMAN_SPEED;
      else if (direction === 'left') pacmanX -= PACMAN_SPEED;
      else if (direction === 'right') pacmanX += PACMAN_SPEED;
      
      // Adjust for screen edges
      if (pacmanX <= 0) pacmanX = GRID_SIZE - 1;
      else if (pacmanX >= GRID_SIZE) pacmanX = 0;
      else if (pacmanY <= 0) pacmanY = GRID_SIZE - 1;
      else if (pacmanY >= GRID_SIZE) pacmanY = 0;
    }
    
    // Render game objects
    function render() {
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw Pac-Man
      context.fillStyle = 'yellow';
      context.beginPath();
      context.arc(pacmanX * CELL_SIZE + CELL_SIZE / 2, pacmanY * CELL_SIZE + CELL_SIZE / 2, PACMAN_RADIUS, 0, 2 * Math.PI);
      context.fill();
      
      // Draw maze walls
      
      // Draw pellets
      
      // Draw ghosts
    }
    
    // Event listeners
    window.addEventListener('keydown', handleInput);
    
    // Start the game loop
    gameLoop();
  </script>
</body>
</html>