AI game creator

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

No:16490

←

Prev Next

→

Pac man
Developer User6842｜Date and time 23/9/18 19:45:14
Build time 18.092 sec｜Game capacity 1.985KB｜

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</title>
    <style>
        #game-screen {
            background-color: black;
            position: relative;
            width: 400px;
            height: 400px;
            margin: 0 auto;
            overflow: hidden;
        }
        .pacman {
            position: absolute;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: yellow;
        }
    </style>
</head>
<body>
    <div id="game-screen">
        <div id="pacman" class="pacman"></div>
    </div>

// Set initial position for Pac-Man
        var pacPosX = 180;
        var pacPosY = 180;
        pacman.style.left = pacPosX + "px";
        pacman.style.top = pacPosY + "px";

// Define Pac-Man's movement speed
        var speed = 4;

// Handle tilting of the smartphone
        function handleTilt(event) {
            // Check the orientation of the device
            if (event.beta > 20) {
                // Move Pac-Man to the right
                pacPosX += speed;
                pacman.style.left = pacPosX + "px";
            } else if (event.beta < -20) {
                // Move Pac-Man to the left
                pacPosX -= speed;
                pacman.style.left = pacPosX + "px";
            }

if (event.gamma > 20) {
                // Move Pac-Man down
                pacPosY += speed;
                pacman.style.top = pacPosY + "px";
            } else if (event.gamma < -20) {
                // Move Pac-Man up
                pacPosY -= speed;
                pacman.style.top = pacPosY + "px";
            }
        }

// Start the game by handling device tilt
        window.addEventListener("deviceorientation", handleTilt);
    </script>
</body>
</html>