AI game creator

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

No:26516

←

Prev Next

→

Pac-Man
Developer User13160｜Date and time 23/12/1 7:14:29
Build time 29.497 sec｜Game capacity 2.883KB｜

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 {
            width: 400px;
            height: 400px;
            border: 2px solid black;
            position: relative;
            overflow: hidden;
            background-color: black;
        }

#pacman {
            position: absolute;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: yellow;
        }

#ghost {
            position: absolute;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div id="pacman"></div>
        <div id="ghost"></div>
    </div>

// Move Pac-Man based on arrow key input
        document.addEventListener('keydown', function(event) {
            var pacman = document.getElementById('pacman');

// Move Pac-Man up
            if (event.keyCode === 38) {
                pacmanPosition.y -= 10;
                pacman.style.top = pacmanPosition.y + 'px';
            }
            // Move Pac-Man down
            else if (event.keyCode === 40) {
                pacmanPosition.y += 10;
                pacman.style.top = pacmanPosition.y + 'px';
            }
            // Move Pac-Man left
            else if (event.keyCode === 37) {
                pacmanPosition.x -= 10;
                pacman.style.left = pacmanPosition.x + 'px';
            }
            // Move Pac-Man right
            else if (event.keyCode === 39) {
                pacmanPosition.x += 10;
                pacman.style.left = pacmanPosition.x + 'px';
            }
        });

// Move Ghost randomly
        setInterval(function() {
            var ghost = document.getElementById('ghost');

var randomDirection = Math.floor(Math.random() * 4);

switch (randomDirection) {
                case 0: // Move Ghost up
                    ghostPosition.y -= 10;
                    ghost.style.top = ghostPosition.y + 'px';
                    break;
                case 1: // Move Ghost down
                    ghostPosition.y += 10;
                    ghost.style.top = ghostPosition.y + 'px';
                    break;
                case 2: // Move Ghost left
                    ghostPosition.x -= 10;
                    ghost.style.left = ghostPosition.x + 'px';
                    break;
                case 3: // Move Ghost right
                    ghostPosition.x += 10;
                    ghost.style.left = ghostPosition.x + 'px';
                    break;
            }
        }, 500);
    </script>
</body>
</html>