AI game creator

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

No:38067

←

Prev Next

→

Pac-Man
Developer User17066｜Date and time 24/1/22 9:29:35
Build time 8.481 sec｜Game capacity 2.65KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<html>
<head>
    <style>
        #game-board {
            border: 1px solid black;
            width: 300px;
            height: 300px;
            position: relative;
        }

.pacman,
        .ghost {
            position: absolute;
            width: 30px;
            height: 30px;
            background-color: yellow;
            border-radius: 50%;
        }

.pacman {
            z-index: 2;
        }

.ghost {
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div class="pacman"></div>
        <div class="ghost" style="left: 100px; top: 100px;"></div>
    </div>

// Set initial positions
        let pacmanX = 0;
        let pacmanY = 0;
        let ghostX = 100;
        let ghostY = 100;

// Define movement speed
        const moveSpeed = 10;

// Function to update positions on the game board
        function updatePositions() {
            pacman.style.left = pacmanX + "px";
            pacman.style.top = pacmanY + "px";
            ghost.style.left = ghostX + "px";
            ghost.style.top = ghostY + "px";
        }

// Function to handle key press events
        function handleKeyPress(event) {
            if (event.key === "ArrowUp" && pacmanY > 0) {
                pacmanY -= moveSpeed;
            } else if (event.key === "ArrowDown" && pacmanY < 270) {
                pacmanY += moveSpeed;
            } else if (event.key === "ArrowLeft" && pacmanX > 0) {
                pacmanX -= moveSpeed;
            } else if (event.key === "ArrowRight" && pacmanX < 270) {
                pacmanX += moveSpeed;
            }
            
            // Check if pacman caught the ghost
            if (pacmanX === ghostX && pacmanY === ghostY) {
                alert("Game Over! Pacman caught the ghost!");
                resetGame();
            }
            
            // Update positions on the game board
            updatePositions();
        }

// Function to reset the game
        function resetGame() {
            pacmanX = 0;
            pacmanY = 0;
            ghostX = 100;
            ghostY = 100;
            updatePositions();
        }

// Event listeners for key press events
        document.addEventListener("keydown", handleKeyPress);

// Start the game processing
        updatePositions();
    </script>
</body>
</html>