AI game creator

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

No:35865

←

Prev Next

→

Pac-Man
Developer User16667｜Date and time 24/1/15 17:59:10
Build time 11.965 sec｜Game capacity 3.458KB｜

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-container {
            position: relative;
            width: 500px;
            height: 500px;
            border: 1px solid black;
        }

.pacman, .ghost {
            position: absolute;
            display: inline-block;
            width: 50px;
            height: 50px;
        }

.pacman {
            background-image: url('pacman.png');
            background-size: cover;
        }

.ghost {
            background-image: url('ghost.png');
            background-size: cover;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="pacman" class="pacman"></div>
        <div id="ghost" class="ghost"></div>
    </div>

let pacmanX = 0;
            let pacmanY = 0;
            let ghostX = 450;
            let ghostY = 450;

function updatePositions() {
                pacman.style.left = pacmanX + 'px';
                pacman.style.top = pacmanY + 'px';
                ghost.style.left = ghostX + 'px';
                ghost.style.top = ghostY + 'px';
            }

function checkCollision() {
                if (pacmanX === ghostX && pacmanY === ghostY) {
                    alert('Game Over! The ghost caught Pac-Man.');
                    resetGame();
                }
            }

function resetGame() {
                pacmanX = 0;
                pacmanY = 0;
                ghostX = 450;
                ghostY = 450;
                updatePositions();
            }

document.addEventListener('keydown', handleKeyPress);
            updatePositions();
        });
    </script>
</body>
</html>