AI game creator

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

No:24290

←

Prev Next

→

パックマン
Developer User11407｜Date and time 23/11/7 5:28:13
Build time 39.597 sec｜Game capacity 2.461KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Pacman</title>
    <style>
        .grid {
            display: grid;
            grid-template-columns: repeat(20, 1fr);
            grid-template-rows: repeat(20, 1fr);
            gap: 1px;
            background-color: black;
        }

.cell {
            background-color: cornflowerblue;
            border-radius: 50%;
        }

.pacman {
            background-color: yellow;
            border-radius: 50%;
        }
    </style>
</head>
<body>
    <div class="grid">
        <div class="cell"></div>
        <div class="cell pacman"></div>
        
    </div>

function handleKeyDown(event) {
            switch (event.key) {
                case 'ArrowUp':
                    movePacman(pacmanPosition - gridWidth);
                    break;
                case 'ArrowDown':
                    movePacman(pacmanPosition + gridWidth);
                    break;
                case 'ArrowLeft':
                    movePacman(pacmanPosition - 1);
                    break;
                case 'ArrowRight':
                    movePacman(pacmanPosition + 1);
                    break;
            }
        }

function movePacman(newPosition) {
            cells[pacmanPosition].classList.remove('pacman');
            pacmanPosition = newPosition;

if (cells[pacmanPosition].classList.contains('cell')) {
                pacman.style.gridArea = newPosition + 1;
            }

if (cells[pacmanPosition].classList.contains('food')) {
                cells[pacmanPosition].classList.remove('food');
                score++;
                // Update score on the screen
            }
        }

function generateFood() {
            const randomCell = Math.floor(Math.random() * (gridWidth * gridHeight));
            if (!cells[randomCell].classList.contains('cell')) {
                cells[randomCell].classList.add('food');
            }
        }

// Initial setup
        window.addEventListener('keydown', handleKeyDown);
        generateFood();
    </script>
</body>
</html>