AI game creator

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

No:26489

←

Prev Next

→

Pac-Man
Developer User13149｜Date and time 23/12/1 4:56:23
Build time 92.274 sec｜Game capacity 4.41KB｜

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: 1px solid black;
            position: relative;
        }

#pacman {
            width: 20px;
            height: 20px;
            position: absolute;
            top: 50%;
            left: 50%;
        }

.dot {
            width: 10px;
            height: 10px;
            background-color: yellow;
            border-radius: 50%;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div id="pacman">
            <img src="pacman.png">
        </div>
        <div id="dots-container">
            
        </div>
    </div>

// Game state
        var direction = null; // current direction of Pac-Man
        var score = 0; // current score
        var dots = []; // array to store all the dots
        var pacmanInterval = null; // interval for Pac-Man movement

// Create the dots on the game board
        function createDots() {
            var dotsContainer = document.getElementById('dots-container');
            for (var i = 0; i < dotCount; i++) {
                var dot = document.createElement('div');
                dot.classList.add('dot');
                dotsContainer.appendChild(dot);
                dots.push(dot);
            }
        }

// Move Pac-Man based on the current direction
        function movePacman() {
            var pacman = document.getElementById('pacman');
            var pacmanPos = [pacman.offsetLeft, pacman.offsetTop];

switch (direction) {
                case 'up':
                    pacman.style.top = (pacmanPos[1] - gridSize) + 'px';
                    break;
                case 'down':
                    pacman.style.top = (pacmanPos[1] + gridSize) + 'px';
                    break;
                case 'left':
                    pacman.style.left = (pacmanPos[0] - gridSize) + 'px';
                    break;
                case 'right':
                    pacman.style.left = (pacmanPos[0] + gridSize) + 'px';
                    break;
            }

// Check if Pac-Man has eaten any dots
            for (var i = 0; i < dots.length; i++) {
                var dot = dots[i];
                if (isColliding(pacman, dot)) {
                    dot.style.display = 'none';
                    dots.splice(i, 1);
                    score++;
                    break;
                }
            }

// Check if all dots have been eaten
            if (dots.length === 0) {
                clearInterval(pacmanInterval);
                alert('You win! Score: ' + score);
            }
        }

// Check if two elements are colliding
        function isColliding(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();
            return !(rect1.right < rect2.left || rect1.left > rect2.right || rect1.bottom < rect2.top || rect1.top > rect2.bottom);
        }

// Handle keydown events to change Pac-Man direction
        function handleKeyDown(event) {
            switch (event.keyCode) {
                case 38: // up arrow
                    direction = 'up';
                    break;
                case 40: // down arrow
                    direction = 'down';
                    break;
                case 37: // left arrow
                    direction = 'left';
                    break;
                case 39: // right arrow
                    direction = 'right';
                    break;
            }
        }

// Initialize the game
        function init() {
            createDots();
            pacmanInterval = setInterval(movePacman, pacmanSpeed);
            document.addEventListener('keydown', handleKeyDown);
        }

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