AI game creator

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

No:36547

←

Prev Next

→

Pac Man
Developer User16822｜Date and time 24/1/17 23:05:21
Build time 10.763 sec｜Game capacity 2.287KB｜

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: 300px;
            height: 300px;
            border: 2px solid black;
            position: relative;
            margin: 0 auto;
            overflow: hidden;
        }
        
        #pac-man {
            width: 50px;
            height: 50px;
            position: absolute;
            background: yellow;
            border-radius: 50%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        
        #ghost {
            width: 50px;
            height: 50px;
            position: absolute;
            background: red;
            border-radius: 50%;
            top: 30%;
            left: 30%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div id="pac-man"></div>
        <div id="ghost"></div>
    </div>

var pacManLeft = 125;
        var pacManTop = 125;

var ghostLeft = 75;
        var ghostTop = 75;

document.addEventListener("keydown", function(event) {
            switch(event.keyCode) {
                case 37: // Left arrow key
                    pacManLeft -= 10;
                    break;
                case 38: // Up arrow key
                    pacManTop -= 10;
                    break;
                case 39: // Right arrow key
                    pacManLeft += 10;
                    break;
                case 40: // Down arrow key
                    pacManTop += 10;
                    break;
            }

// Move Pac Man
            pacMan.style.left = pacManLeft + "px";
            pacMan.style.top = pacManTop + "px";

// Move Ghost randomly
            var randomLeft = Math.floor(Math.random() * (gameBoard.clientWidth - 50));
            var randomTop = Math.floor(Math.random() * (gameBoard.clientHeight - 50));
            ghost.style.left = randomLeft + "px";
            ghost.style.top = randomTop + "px";
        });
    </script>
</body>
</html>