AI game creator

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

No:28206

←

Prev Next

→

Un juego de pacman
Developer User14025｜Date and time 23/12/11 7:46:31
Build time 16.904 sec｜Game capacity 2.378KB｜

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 Game</title>
    <style>
        /* Game board styles */
        #game-board {
            width: 400px;
            height: 400px;
            background-color: black;
            position: relative;
        }
        
        /* Pac-Man styles */
        #pac-man {
            position: absolute;
            width: 40px;
            height: 40px;
            background-image: url('pacman.png');
            background-repeat: no-repeat;
            background-size: contain;
            transition: all 0.2s ease-in-out;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div id="pac-man"></div>
    </div>

// Initial Pac-Man position
            var pacManX = 0;
            var pacManY = 0;

// Move Pac-Man function
            function movePacMan(direction) {
                if (direction === "left" && pacManX > 0) {
                    pacManX -= 40;
                } else if (direction === "right" && pacManX < 360) {
                    pacManX += 40;
                } else if (direction === "up" && pacManY > 0) {
                    pacManY -= 40;
                } else if (direction === "down" && pacManY < 360) {
                    pacManY += 40;
                }
                
                // Update Pac-Man's position
                pacMan.style.left = pacManX + "px";
                pacMan.style.top = pacManY + "px";
            }

// Event listener for arrow key presses
            document.addEventListener("keydown", function (event) {
                var keyPressed = event.keyCode;
                if (keyPressed === 37) { // Left arrow key
                    movePacMan("left");
                } else if (keyPressed === 39) { // Right arrow key
                    movePacMan("right");
                } else if (keyPressed === 38) { // Up arrow key
                    movePacMan("up");
                } else if (keyPressed === 40) { // Down arrow key
                    movePacMan("down");
                }
            });
        });
    </script>
</body>
</html>